@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-AR3OXNPL.js

@@ -0,0 +1,70 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var iconVariants = cva(
+  "shrink-0 transition-colors motion-reduce:animate-none",
+  {
+    variants: {
+      variant: {
+        default: "text-[color:var(--icon-color-default)]",
+        muted: "text-[color:var(--icon-color-muted)]",
+        primary: "text-[color:var(--icon-color-primary)]",
+        destructive: "text-[color:var(--icon-color-destructive)]",
+        success: "text-[color:var(--icon-color-success)]",
+        warning: "text-[color:var(--icon-color-warning)]"
+      },
+      size: {
+        xs: "size-[var(--icon-size-xs)]",
+        sm: "size-[var(--icon-size-sm)]",
+        md: "size-[var(--icon-size-md)]",
+        lg: "size-[var(--icon-size-lg)]",
+        xl: "size-[var(--icon-size-xl)]",
+        "2xl": "size-[var(--icon-size-2xl)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function Icon({
+  name: IconComponent,
+  variant,
+  size,
+  spin = false,
+  pulse = false,
+  decorative = true,
+  className,
+  "aria-label": ariaLabel,
+  "aria-hidden": ariaHidden,
+  role,
+  ref,
+  ...props
+}) {
+  const computedAriaHidden = ariaHidden ?? (decorative ? true : void 0);
+  const computedRole = role ?? (!decorative && ariaLabel ? "img" : void 0);
+  return /* @__PURE__ */ jsx(
+    IconComponent,
+    {
+      ref,
+      className: cn(
+        iconVariants({ variant, size }),
+        spin && "animate-spin",
+        pulse && "animate-pulse",
+        className
+      ),
+      "aria-hidden": computedAriaHidden,
+      "aria-label": ariaLabel,
+      "data-slot": "icon",
+      focusable: "false",
+      role: computedRole,
+      ...props
+    }
+  );
+}
+
+export { Icon, iconVariants };
+//# sourceMappingURL=chunk-AR3OXNPL.js.map
+//# sourceMappingURL=chunk-AR3OXNPL.js.map

package/dist/chunk-AR3OXNPL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Icon/Icon.tsx"],"names":[],"mappings":";;;;AAMA,IAAM,YAAA,GAAe,GAAA;AAAA,EACnB,uDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wCAAA;AAAA,QACT,KAAA,EAAO,sCAAA;AAAA,QACP,OAAA,EAAS,wCAAA;AAAA,QACT,WAAA,EAAa,4CAAA;AAAA,QACb,OAAA,EAAS,wCAAA;AAAA,QACT,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,IAAA,CAAK;AAAA,EACZ,IAAA,EAAM,aAAA;AAAA,EACN,OAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,KAAA,GAAQ,KAAA;AAAA,EACR,UAAA,GAAa,IAAA;AAAA,EACb,SAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAc;AAIZ,EAAA,MAAM,kBAAA,GAAqB,UAAA,KAAe,UAAA,GAAa,IAAA,GAAO,MAAA,CAAA;AAC9D,EAAA,MAAM,YAAA,GAAe,IAAA,KAAS,CAAC,UAAA,IAAc,YAAY,KAAA,GAAQ,MAAA,CAAA;AAEjE,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,YAAA,CAAa,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,QAC9B,IAAA,IAAQ,cAAA;AAAA,QACR,KAAA,IAAS,eAAA;AAAA,QACT;AAAA,OACF;AAAA,MACA,aAAA,EAAa,kBAAA;AAAA,MACb,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAU,MAAA;AAAA,MACV,SAAA,EAAU,OAAA;AAAA,MACV,IAAA,EAAM,YAAA;AAAA,MACL,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-AR3OXNPL.js","sourcesContent":["import type { IconProps } from \"./Icon.types\"\n\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst iconVariants = cva(\n  \"shrink-0 transition-colors motion-reduce:animate-none\",\n  {\n    variants: {\n      variant: {\n        default: \"text-[color:var(--icon-color-default)]\",\n        muted: \"text-[color:var(--icon-color-muted)]\",\n        primary: \"text-[color:var(--icon-color-primary)]\",\n        destructive: \"text-[color:var(--icon-color-destructive)]\",\n        success: \"text-[color:var(--icon-color-success)]\",\n        warning: \"text-[color:var(--icon-color-warning)]\",\n      },\n      size: {\n        xs: \"size-[var(--icon-size-xs)]\",\n        sm: \"size-[var(--icon-size-sm)]\",\n        md: \"size-[var(--icon-size-md)]\",\n        lg: \"size-[var(--icon-size-lg)]\",\n        xl: \"size-[var(--icon-size-xl)]\",\n        \"2xl\": \"size-[var(--icon-size-2xl)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  }\n)\n\nfunction Icon({\n  name: IconComponent,\n  variant,\n  size,\n  spin = false,\n  pulse = false,\n  decorative = true,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-hidden\": ariaHidden,\n  role,\n  ref,\n  ...props\n}: IconProps) {\n  // Determine accessibility attributes\n  // If decorative is explicitly true, always hide from screen readers\n  // If decorative is false and has aria-label, make it accessible\n  const computedAriaHidden = ariaHidden ?? (decorative ? true : undefined)\n  const computedRole = role ?? (!decorative && ariaLabel ? \"img\" : undefined)\n\n  return (\n    <IconComponent\n      ref={ref}\n      className={cn(\n        iconVariants({ variant, size }),\n        spin && \"animate-spin\",\n        pulse && \"animate-pulse\",\n        className\n      )}\n      aria-hidden={computedAriaHidden}\n      aria-label={ariaLabel}\n      data-slot=\"icon\"\n      focusable=\"false\"\n      role={computedRole}\n      {...props}\n    />\n  )\n}\n\nexport { Icon, iconVariants }\n"]}

package/dist/chunk-ARNVOHVW.js

@@ -0,0 +1,103 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var paragraphVariants = cva(
+  "font-[family-name:var(--paragraph-base-font-family)]",
+  {
+    variants: {
+      size: {
+        xs: "text-[length:var(--paragraph-size-xs-font-size)] leading-[var(--paragraph-size-xs-line-height)]",
+        sm: "text-[length:var(--paragraph-size-sm-font-size)] leading-[var(--paragraph-size-sm-line-height)]",
+        base: "text-[length:var(--paragraph-size-base-font-size)] leading-[var(--paragraph-size-base-line-height)]",
+        lg: "text-[length:var(--paragraph-size-lg-font-size)] leading-[var(--paragraph-size-lg-line-height)]",
+        xl: "text-[length:var(--paragraph-size-xl-font-size)] leading-[var(--paragraph-size-xl-line-height)]"
+      },
+      weight: {
+        normal: "font-[var(--paragraph-weight-normal)]",
+        medium: "font-[var(--paragraph-weight-medium)]",
+        semibold: "font-[var(--paragraph-weight-semibold)]",
+        bold: "font-[var(--paragraph-weight-bold)]"
+      },
+      color: {
+        default: "text-[color:var(--paragraph-color-default)]",
+        muted: "text-[color:var(--paragraph-color-muted)]",
+        primary: "text-[color:var(--paragraph-color-primary)]",
+        destructive: "text-[color:var(--paragraph-color-destructive)]",
+        success: "text-[color:var(--paragraph-color-success)]"
+      },
+      align: {
+        left: "text-left",
+        center: "text-center",
+        right: "text-right",
+        justify: "text-justify"
+      },
+      leading: {
+        tight: "leading-tight",
+        snug: "leading-snug",
+        normal: "leading-normal",
+        relaxed: "leading-relaxed",
+        loose: "leading-loose"
+      },
+      spacing: {
+        none: "mb-[var(--paragraph-spacing-none)]",
+        tight: "mb-[var(--paragraph-spacing-tight)]",
+        normal: "mb-[var(--paragraph-spacing-normal)]",
+        relaxed: "mb-[var(--paragraph-spacing-relaxed)]"
+      },
+      prose: {
+        true: "max-w-prose",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "base",
+      weight: "normal",
+      color: "default",
+      align: "left",
+      spacing: "normal",
+      prose: false
+    }
+  }
+);
+function Paragraph({
+  className,
+  size,
+  weight,
+  color,
+  align,
+  leading,
+  spacing,
+  prose,
+  asChild = false,
+  ref,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "p";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        paragraphVariants({
+          size,
+          weight,
+          color,
+          align,
+          leading,
+          spacing,
+          prose
+        }),
+        className
+      ),
+      "data-prose": prose ? "" : void 0,
+      "data-slot": "paragraph",
+      ...props
+    }
+  );
+}
+
+export { Paragraph, paragraphVariants };
+//# sourceMappingURL=chunk-ARNVOHVW.js.map
+//# sourceMappingURL=chunk-ARNVOHVW.js.map

package/dist/chunk-ARNVOHVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Paragraph/Paragraph.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,iBAAA,GAAoB,GAAA;AAAA,EACxB,sDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,IAAA,EAAM,qGAAA;AAAA,QACN,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,MAAA,EAAQ,uCAAA;AAAA,QACR,QAAA,EAAU,yCAAA;AAAA,QACV,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,6CAAA;AAAA,QACT,KAAA,EAAO,2CAAA;AAAA,QACP,OAAA,EAAS,6CAAA;AAAA,QACT,WAAA,EAAa,iDAAA;AAAA,QACb,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,WAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,KAAA,EAAO,YAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,eAAA;AAAA,QACP,IAAA,EAAM,cAAA;AAAA,QACN,MAAA,EAAQ,gBAAA;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,oCAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,MAAA;AAAA,MACN,MAAA,EAAQ,QAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ;AAiBA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,GAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA,CAAkB;AAAA,UAChB,IAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACA,YAAA,EAAY,QAAQ,EAAA,GAAK,MAAA;AAAA,MACzB,WAAA,EAAU,WAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-ARNVOHVW.js","sourcesContent":["import type { ParagraphProps } from \"./Paragraph.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst paragraphVariants = cva(\n  \"font-[family-name:var(--paragraph-base-font-family)]\",\n  {\n    variants: {\n      size: {\n        xs: \"text-[length:var(--paragraph-size-xs-font-size)] leading-[var(--paragraph-size-xs-line-height)]\",\n        sm: \"text-[length:var(--paragraph-size-sm-font-size)] leading-[var(--paragraph-size-sm-line-height)]\",\n        base: \"text-[length:var(--paragraph-size-base-font-size)] leading-[var(--paragraph-size-base-line-height)]\",\n        lg: \"text-[length:var(--paragraph-size-lg-font-size)] leading-[var(--paragraph-size-lg-line-height)]\",\n        xl: \"text-[length:var(--paragraph-size-xl-font-size)] leading-[var(--paragraph-size-xl-line-height)]\",\n      },\n      weight: {\n        normal: \"font-[var(--paragraph-weight-normal)]\",\n        medium: \"font-[var(--paragraph-weight-medium)]\",\n        semibold: \"font-[var(--paragraph-weight-semibold)]\",\n        bold: \"font-[var(--paragraph-weight-bold)]\",\n      },\n      color: {\n        default: \"text-[color:var(--paragraph-color-default)]\",\n        muted: \"text-[color:var(--paragraph-color-muted)]\",\n        primary: \"text-[color:var(--paragraph-color-primary)]\",\n        destructive: \"text-[color:var(--paragraph-color-destructive)]\",\n        success: \"text-[color:var(--paragraph-color-success)]\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n        justify: \"text-justify\",\n      },\n      leading: {\n        tight: \"leading-tight\",\n        snug: \"leading-snug\",\n        normal: \"leading-normal\",\n        relaxed: \"leading-relaxed\",\n        loose: \"leading-loose\",\n      },\n      spacing: {\n        none: \"mb-[var(--paragraph-spacing-none)]\",\n        tight: \"mb-[var(--paragraph-spacing-tight)]\",\n        normal: \"mb-[var(--paragraph-spacing-normal)]\",\n        relaxed: \"mb-[var(--paragraph-spacing-relaxed)]\",\n      },\n      prose: {\n        true: \"max-w-prose\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n      weight: \"normal\",\n      color: \"default\",\n      align: \"left\",\n      spacing: \"normal\",\n      prose: false,\n    },\n  }\n)\n\n/**\n * Paragraph - Componente de paragrafo para blocos de texto.\n *\n * Suporta diferentes tamanhos, pesos, cores, alinhamentos e espacamentos.\n *\n * @example\n * // Paragrafo basico\n * <Paragraph>Texto do paragrafo</Paragraph>\n *\n * @example\n * // Paragrafo com estilo personalizado\n * <Paragraph size=\"lg\" weight=\"medium\" color=\"muted\">\n *   Texto destacado\n * </Paragraph>\n */\nfunction Paragraph({\n  className,\n  size,\n  weight,\n  color,\n  align,\n  leading,\n  spacing,\n  prose,\n  asChild = false,\n  ref,\n  ...props\n}: ParagraphProps) {\n  const Comp = asChild ? Slot : \"p\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        paragraphVariants({\n          size,\n          weight,\n          color,\n          align,\n          leading,\n          spacing,\n          prose,\n        }),\n        className\n      )}\n      data-prose={prose ? \"\" : undefined}\n      data-slot=\"paragraph\"\n      {...props}\n    />\n  )\n}\n\nexport { Paragraph, paragraphVariants }\n"]}

package/dist/chunk-ATIEGLR2.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-ATIEGLR2.js.map
+//# sourceMappingURL=chunk-ATIEGLR2.js.map

package/dist/chunk-ATIEGLR2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-ATIEGLR2.js"}