// Section: Text
// Module: Text

@use "sass:map";
@use "sass:meta";

// Import variables
@use "../abstracts/config" as VAR;

/**
 * Typography Utilities
 * 
 * Classes:
 * - Font Size: .text-xs, .text-sm, .text-base, etc.
 * - Font Weight: .font-thin, .font-normal, .font-bold, etc.
 * - Line Height: .leading-none, .leading-tight, .leading-normal, etc.
 * - Text Align: .text-left, .text-center, .text-right, .text-justify
 * - Text Transform: .uppercase, .lowercase, .capitalize, .normal-case
 * - Text Style: .italic, .not-italic
 * - Text Decoration: .underline, .line-through, .no-underline
 * - Text Overflow: .truncate
 * 
 * All utilities support responsive variants with @breakpoint suffix:
 * - .text-lg@md, .font-bold@lg, etc.
 */

// Utilities for text sizes

/**
* Text size utility
* @param {string} $size - The size of the text.
*/
@mixin text-size($size) {
  @if map.has-key(VAR.$font-sizes, $size) {
    font-size: map.get(VAR.$font-sizes, $size);
  } @else {
    font-size: $size;
  }
}

// Font weights
@mixin font-thin {
  font-weight: 100;
}
@mixin font-extralight {
  font-weight: 200;
}
@mixin font-light {
  font-weight: 300;
}
@mixin font-normal {
  font-weight: 400;
}
@mixin font-medium {
  font-weight: 500;
}
@mixin font-semibold {
  font-weight: 600;
}
@mixin font-bold {
  font-weight: 700;
}
@mixin font-extrabold {
  font-weight: 800;
}
@mixin font-black {
  font-weight: 900;
}

@mixin leading($value) {
  @if meta.type-of($value) == "number" {
    line-height: $value;
  } @else if $value == "none" {
    line-height: 1;
  } @else if $value == "tight" {
    line-height: 1.25;
  } @else if $value == "snug" {
    line-height: 1.375;
  } @else if $value == "normal" {
    line-height: 1.5;
  } @else if $value == "relaxed" {
    line-height: 1.625;
  } @else if $value == "loose" {
    line-height: 2;
  } @else {
    line-height: $value;
  }
}

// Line heights
@mixin leading-none {
  @include leading(none);
}
@mixin leading-tight {
  @include leading(tight);
}
@mixin leading-snug {
  @include leading(snug);
}
@mixin leading-normal {
  @include leading(normal);
}
@mixin leading-relaxed {
  @include leading(relaxed);
}
@mixin leading-loose {
  @include leading(loose);
}

// Text alignment
@mixin text-left {
  text-align: left;
}
@mixin text-center {
  text-align: center;
}
@mixin text-right {
  text-align: right;
}
@mixin text-justify {
  text-align: justify;
}

// Text transform mixins
@mixin uppercase {
  text-transform: uppercase;
}
@mixin lowercase {
  text-transform: lowercase;
}
@mixin capitalize {
  text-transform: capitalize;
}
@mixin normal-case {
  text-transform: none;
}

// Font style mixins
@mixin italic {
  font-style: italic;
}
@mixin not-italic {
  font-style: normal;
}

// Text decoration mixins
@mixin underline {
  text-decoration: underline;
}
@mixin line-through {
  text-decoration: line-through;
}
@mixin no-underline {
  text-decoration: none;
}

// Text overflow mixin
@mixin truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin overflow-label {
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}

@mixin truncate-lines($lines: 2) {
  display: -webkit-box;
  -webkit-line-clamp: $lines;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@mixin break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

@mixin break-words {
  overflow-wrap: break-word;
}
@mixin break-all {
  word-break: break-all;
}
@mixin whitespace-normal {
  white-space: normal;
}
@mixin whitespace-nowrap {
  white-space: nowrap;
}
@mixin whitespace-pre {
  white-space: pre;
}
@mixin whitespace-pre-line {
  white-space: pre-line;
}
@mixin whitespace-pre-wrap {
  white-space: pre-wrap;
}

// Custom letter spacing mixin with value
@mixin tracking($value) {
  @if meta.type-of($value) == "number" {
    letter-spacing: $value;
  } @else if $value == "tighter" {
    letter-spacing: -0.05em;
  } @else if $value == "tight" {
    letter-spacing: -0.025em;
  } @else if $value == "normal" {
    letter-spacing: 0;
  } @else if $value == "wide" {
    letter-spacing: 0.025em;
  } @else if $value == "wider" {
    letter-spacing: 0.05em;
  } @else if $value == "widest" {
    letter-spacing: 0.1em;
  } @else {
    letter-spacing: $value;
  }
}

@mixin tracking-tighter {
  @include tracking(tighter);
}
@mixin tracking-tight {
  @include tracking(tight);
}
@mixin tracking-normal {
  @include tracking(normal);
}
@mixin tracking-wide {
  @include tracking(wide);
}
@mixin tracking-wider {
  @include tracking(wider);
}
@mixin tracking-widest {
  @include tracking(widest);
}

@mixin responsive-typography($breakpoint: null) {
  $suffix: if($breakpoint, "\\@#{$breakpoint}", "");

  @each $size, $val in VAR.$font-sizes {
    #{VAR.$parent-selector} .text-#{$size}#{$suffix} {
      @include text-size($size);
    }
  }

  // Generate font weight utilities
  #{VAR.$parent-selector} .font-thin#{$suffix} {
    @include font-thin;
  }

  #{VAR.$parent-selector} .font-extralight#{$suffix} {
    @include font-extralight;
  }

  #{VAR.$parent-selector} .font-light#{$suffix} {
    @include font-light;
  }

  #{VAR.$parent-selector} .font-normal#{$suffix} {
    @include font-normal;
  }

  #{VAR.$parent-selector} .font-medium#{$suffix} {
    @include font-medium;
  }

  #{VAR.$parent-selector} .font-semibold#{$suffix} {
    @include font-semibold;
  }

  #{VAR.$parent-selector} .font-bold#{$suffix} {
    @include font-bold;
  }

  #{VAR.$parent-selector} .font-extrabold#{$suffix} {
    @include font-extrabold;
  }

  #{VAR.$parent-selector} .font-black#{$suffix} {
    @include font-black;
  }

  // Generate line height utilities
  #{VAR.$parent-selector} .leading-none#{$suffix} {
    @include leading-none;
  }

  #{VAR.$parent-selector} .leading-tight#{$suffix} {
    @include leading-tight;
  }

  #{VAR.$parent-selector} .leading-snug#{$suffix} {
    @include leading-snug;
  }

  #{VAR.$parent-selector} .leading-normal#{$suffix} {
    @include leading-normal;
  }

  #{VAR.$parent-selector} .leading-relaxed#{$suffix} {
    @include leading-relaxed;
  }

  #{VAR.$parent-selector} .leading-loose#{$suffix} {
    @include leading-loose;
  }

  // Generate text alignment utilities
  #{VAR.$parent-selector} .text-left#{$suffix} {
    @include text-left;
  }

  #{VAR.$parent-selector} .text-center#{$suffix} {
    @include text-center;
  }

  #{VAR.$parent-selector} .text-right#{$suffix} {
    @include text-right;
  }

  #{VAR.$parent-selector} .text-justify#{$suffix} {
    @include text-justify;
  }

  // Classes using mixins
  #{VAR.$parent-selector} .uppercase#{$suffix} {
    @include uppercase;
  }

  #{VAR.$parent-selector} .lowercase#{$suffix} {
    @include lowercase;
  }

  #{VAR.$parent-selector} .capitalize#{$suffix} {
    @include capitalize;
  }

  #{VAR.$parent-selector} .normal-case#{$suffix} {
    @include normal-case;
  }

  #{VAR.$parent-selector} .italic#{$suffix} {
    @include italic;
  }

  #{VAR.$parent-selector} .not-italic#{$suffix} {
    @include not-italic;
  }

  #{VAR.$parent-selector} .underline#{$suffix} {
    @include underline;
  }

  #{VAR.$parent-selector} .line-through#{$suffix} {
    @include line-through;
  }

  #{VAR.$parent-selector} .no-underline#{$suffix} {
    @include no-underline;
  }

  #{VAR.$parent-selector} .truncate#{$suffix} {
    @include truncate;
  }

  #{VAR.$parent-selector} .truncate-2#{$suffix} {
    @include truncate-lines(2);
  }

  #{VAR.$parent-selector} .truncate-3#{$suffix} {
    @include truncate-lines(3);
  }

  #{VAR.$parent-selector} .truncate-4#{$suffix} {
    @include truncate-lines(4);
  }

  #{VAR.$parent-selector} .truncate-5#{$suffix} {
    @include truncate-lines(5);
  }

  #{VAR.$parent-selector} .tracking-tighter#{$suffix} {
    @include tracking(tighter);
  }

  #{VAR.$parent-selector} .tracking-tight#{$suffix} {
    @include tracking(tight);
  }

  #{VAR.$parent-selector} .tracking-normal#{$suffix} {
    @include tracking(normal);
  }

  #{VAR.$parent-selector} .tracking-wide#{$suffix} {
    @include tracking(wide);
  }

  #{VAR.$parent-selector} .tracking-wider#{$suffix} {
    @include tracking(wider);
  }

  #{VAR.$parent-selector} .tracking-widest#{$suffix} {
    @include tracking(widest);
  }

  #{VAR.$parent-selector} .overflow-label#{$suffix} {
    @include overflow-label;
  }
}

@if VAR.$generate-utility-classes {
  @include responsive-typography;

  #{VAR.$parent-selector} .break-normal {
    @include break-normal;
  }

  #{VAR.$parent-selector} .break-words {
    @include break-words;
  }

  #{VAR.$parent-selector} .break-all {
    @include break-all;
  }

  #{VAR.$parent-selector} .whitespace-normal {
    @include whitespace-normal;
  }

  #{VAR.$parent-selector} .whitespace-nowrap {
    @include whitespace-nowrap;
  }

  #{VAR.$parent-selector} .whitespace-pre {
    @include whitespace-pre;
  }

  #{VAR.$parent-selector} .whitespace-pre-line {
    @include whitespace-pre-line;
  }

  #{VAR.$parent-selector} .whitespace-pre-wrap {
    @include whitespace-pre-wrap;
  }

  @each $breakpoint, $width in VAR.$breakpoints {
    @media (min-width: #{$width}) {
      @each $size, $val in VAR.$font-sizes {
        #{VAR.$parent-selector} .text-#{$size}\@#{$breakpoint} {
          @include text-size($size);
        }
      }
      @include responsive-typography($breakpoint);
    }
  }
}