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

package/dist/chunk-DNAGXK2C.js

@@ -0,0 +1,91 @@
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-7ZJ32KRQ.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var deltaBarContainerVariants = cva(
+  "relative flex w-full items-center rounded-full overflow-hidden bg-muted",
+  {
+    variants: {
+      size: {
+        sm: "h-1.5",
+        md: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var deltaBarSegmentVariants = cva(
+  "absolute top-0 h-full transition-all duration-500",
+  {
+    variants: {
+      animated: {
+        true: "",
+        false: "!transition-none"
+      }
+    },
+    defaultVariants: {
+      animated: true
+    }
+  }
+);
+var deltaBarCenterLineVariants = cva(
+  "absolute top-0 h-full w-0.5 bg-background/50 left-1/2 -translate-x-1/2 z-10",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+function DeltaBar({
+  className,
+  decreaseColor = "var(--destructive)",
+  increaseColor = "var(--success)",
+  isIncreasePositive = true,
+  showAnimation = true,
+  size = "md",
+  tooltip,
+  value,
+  ...props
+}) {
+  const clampedValue = Math.max(-100, Math.min(100, value));
+  const isIncrease = clampedValue >= 0;
+  const barWidth = Math.abs(clampedValue) / 2;
+  const barColor = isIncrease ? isIncreasePositive ? increaseColor : decreaseColor : isIncreasePositive ? decreaseColor : increaseColor;
+  const barElement = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(deltaBarContainerVariants({ size }), className),
+      "data-slot": "delta-bar",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: deltaBarCenterLineVariants() }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              backgroundColor: barColor,
+              left: isIncrease ? "50%" : void 0,
+              right: isIncrease ? void 0 : "50%",
+              width: `${String(barWidth)}%`
+            },
+            className: cn(deltaBarSegmentVariants({ animated: showAnimation }))
+          }
+        )
+      ]
+    }
+  );
+  if (!tooltip) return barElement;
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: barElement }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
+  ] }) });
+}
+DeltaBar.displayName = "DeltaBar";
+
+export { DeltaBar };
+//# sourceMappingURL=chunk-DNAGXK2C.js.map
+//# sourceMappingURL=chunk-DNAGXK2C.js.map

package/dist/chunk-DNAGXK2C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DeltaBar/DeltaBar.variants.ts","../src/components/data-display/DeltaBar/DeltaBar.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC,yEAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEO,IAAM,uBAAA,GAA0B,GAAA;AAAA,EACrC,mDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,QAAA,EAAU;AAAA;AACZ;AAEJ,CAAA;AAEO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,6EAAA;AAAA,EACA;AAAA,IACE,UAAU,EAAC;AAAA,IACX,iBAAiB;AAAC;AAEtB,CAAA;ACDO,SAAS,QAAA,CAAS;AAAA,EACvB,SAAA;AAAA,EACA,aAAA,GAAgB,oBAAA;AAAA,EAChB,aAAA,GAAgB,gBAAA;AAAA,EAChB,kBAAA,GAAqB,IAAA;AAAA,EACrB,aAAA,GAAgB,IAAA;AAAA,EAChB,IAAA,GAAO,IAAA;AAAA,EACP,OAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAEhB,EAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,IAAA,EAAM,KAAK,GAAA,CAAI,GAAA,EAAK,KAAK,CAAC,CAAA;AAGxD,EAAA,MAAM,aAAa,YAAA,IAAgB,CAAA;AAGnC,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAY,CAAA,GAAI,CAAA;AAG1C,EAAA,MAAM,WAAW,UAAA,GACZ,kBAAA,GAAqB,aAAA,GAAgB,aAAA,GACrC,qBAAqB,aAAA,GAAgB,aAAA;AAE1C,EAAA,MAAM,UAAA,mBACJ,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,yBAAA,CAA0B,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,WAAA,EAAU,WAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAGJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,0BAAA,EAA2B,EAAG,CAAA;AAAA,wBAG9C,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,eAAA,EAAiB,QAAA;AAAA,cACjB,IAAA,EAAM,aAAa,KAAA,GAAQ,MAAA;AAAA,cAC3B,KAAA,EAAO,aAAa,MAAA,GAAY,KAAA;AAAA,cAChC,KAAA,EAAO,CAAA,EAAG,MAAA,CAAO,QAAQ,CAAC,CAAA,CAAA;AAAA,aAC5B;AAAA,YACA,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,QAAA,EAAU,aAAA,EAAe,CAAC;AAAA;AAAA;AACpE;AAAA;AAAA,GACF;AAGF,EAAA,IAAI,CAAC,SAAS,OAAO,UAAA;AAErB,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACpB,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAgB,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EAC3B,CAAA,EACF,CAAA;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-DNAGXK2C.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const deltaBarContainerVariants = cva(\n  \"relative flex w-full items-center rounded-full overflow-hidden bg-muted\",\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        md: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const deltaBarSegmentVariants = cva(\n  \"absolute top-0 h-full transition-all duration-500\",\n  {\n    variants: {\n      animated: {\n        true: \"\",\n        false: \"!transition-none\",\n      },\n    },\n    defaultVariants: {\n      animated: true,\n    },\n  }\n)\n\nexport const deltaBarCenterLineVariants = cva(\n  \"absolute top-0 h-full w-0.5 bg-background/50 left-1/2 -translate-x-1/2 z-10\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n","\"use client\"\n\nimport type { DeltaBarProps } from \"./DeltaBar.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  deltaBarCenterLineVariants,\n  deltaBarContainerVariants,\n  deltaBarSegmentVariants,\n} from \"./DeltaBar.variants\"\n\n/**\n * DeltaBar - Visual indicator for change between values\n *\n * Displays a bar with positive values extending right and negative\n * values extending left from the center. Ideal for showing\n * growth/decline, profit/loss, or any bidirectional metric.\n *\n * @example\n * ```tsx\n * // Positive delta (shows green bar to the right)\n * <DeltaBar value={25} />\n *\n * // Negative delta (shows red bar to the left)\n * <DeltaBar value={-15} />\n *\n * // Custom colors and size\n * <DeltaBar\n *   value={50}\n *   size=\"lg\"\n *   increaseColor=\"var(--chart-1)\"\n *   decreaseColor=\"var(--chart-2)\"\n * />\n * ```\n */\nexport function DeltaBar({\n  className,\n  decreaseColor = \"var(--destructive)\",\n  increaseColor = \"var(--success)\",\n  isIncreasePositive = true,\n  showAnimation = true,\n  size = \"md\",\n  tooltip,\n  value,\n  ...props\n}: DeltaBarProps) {\n  // Clamp value between -100 and 100\n  const clampedValue = Math.max(-100, Math.min(100, value))\n\n  // Determine if this is an increase (positive direction)\n  const isIncrease = clampedValue >= 0\n\n  // Calculate bar width as percentage of half the container (max 50%)\n  const barWidth = Math.abs(clampedValue) / 2\n\n  // Determine bar color based on direction and whether increase is positive\n  const barColor = isIncrease\n    ? (isIncreasePositive ? increaseColor : decreaseColor)\n    : (isIncreasePositive ? decreaseColor : increaseColor)\n\n  const barElement = (\n    <div\n      className={cn(deltaBarContainerVariants({ size }), className)}\n      data-slot=\"delta-bar\"\n      {...props}\n    >\n      {/* Center line indicator */}\n      <div className={deltaBarCenterLineVariants()} />\n\n      {/* Delta bar segment */}\n      <div\n        style={{\n          backgroundColor: barColor,\n          left: isIncrease ? \"50%\" : undefined,\n          right: isIncrease ? undefined : \"50%\",\n          width: `${String(barWidth)}%`,\n        }}\n        className={cn(deltaBarSegmentVariants({ animated: showAnimation }))}\n      />\n    </div>\n  )\n\n  if (!tooltip) return barElement\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {barElement}\n        </TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n\nDeltaBar.displayName = \"DeltaBar\"\n"]}

package/dist/chunk-DYDXGWH2.js

@@ -0,0 +1,109 @@
+import { cva } from 'class-variance-authority';
+
+// src/components/forms/TextInput/TextInput.variants.ts
+var inputVariants = cva(
+  // Base styles
+  [
+    "w-full min-w-0 rounded-md border transition-[color,box-shadow] outline-none",
+    "bg-[color:var(--input-bg-default)] text-[color:var(--input-fg-default)] border-[color:var(--input-border-default)]",
+    "file:text-[color:var(--input-fg-default)] placeholder:text-[color:var(--input-fg-placeholder)]",
+    "selection:bg-primary selection:text-primary-foreground",
+    "dark:bg-input",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[color:var(--input-bg-disabled)] disabled:text-[color:var(--input-fg-disabled)]",
+    "hover:border-[color:var(--border-semantic-strong)]",
+    "focus-visible:border-[color:var(--input-border-focus)] focus-visible:ring-[color:var(--input-border-focus)]/20 focus-visible:ring-4",
+    "aria-invalid:ring-[color:var(--input-border-error)]/20 dark:aria-invalid:ring-[color:var(--input-border-error)]/40 aria-invalid:border-[color:var(--input-border-error)]"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "h-[var(--input-size-xs-h)] px-[var(--input-size-xs-px)] py-[var(--input-size-xs-py)] text-[length:var(--input-size-xs-text)]",
+        sm: "h-[var(--input-size-sm-h)] px-[var(--input-size-sm-px)] py-[var(--input-size-sm-py)] text-[length:var(--input-size-sm-text)]",
+        md: "h-[var(--input-size-md-h)] px-[var(--input-size-md-px)] py-[var(--input-size-md-py)] text-[length:var(--input-size-md-text)]",
+        lg: "h-[var(--input-size-lg-h)] px-[var(--input-size-lg-px)] py-[var(--input-size-lg-py)] text-[length:var(--input-size-lg-text)]",
+        xl: "h-[var(--input-size-xl-h)] px-[var(--input-size-xl-px)] py-[var(--input-size-xl-py)] text-[length:var(--input-size-xl-text)]"
+      },
+      variant: {
+        default: "shadow-xs",
+        filled: "border-transparent bg-muted",
+        flushed: "rounded-none border-x-0 border-t-0 border-b-[color:var(--input-border-default)] px-0",
+        unstyled: "border-0 bg-transparent shadow-none focus-visible:ring-0"
+      },
+      hasLeadingIcon: {
+        true: "",
+        false: ""
+      },
+      hasTrailingIcon: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      // Unstyled without icons should have no padding
+      { variant: "unstyled", hasLeadingIcon: false, hasTrailingIcon: false, className: "p-0" },
+      // Leading icon padding adjustments
+      { size: "xs", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-xs)]" },
+      { size: "sm", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-sm)]" },
+      { size: "md", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-md)]" },
+      { size: "lg", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-lg)]" },
+      { size: "xl", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-xl)]" },
+      // Trailing icon padding adjustments
+      { size: "xs", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-xs)]" },
+      { size: "sm", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-sm)]" },
+      { size: "md", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-md)]" },
+      { size: "lg", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-lg)]" },
+      { size: "xl", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-xl)]" }
+    ],
+    defaultVariants: {
+      size: "md",
+      variant: "default",
+      hasLeadingIcon: false,
+      hasTrailingIcon: false
+    }
+  }
+);
+var inputWrapperVariants = cva("relative w-full");
+var inputIconVariants = cva(
+  "absolute top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground",
+  {
+    variants: {
+      position: {
+        leading: "left-0",
+        trailing: "right-0"
+      },
+      size: {
+        xs: "size-[var(--input-icon-size-xs)]",
+        sm: "size-[var(--input-icon-size-sm)]",
+        md: "size-[var(--input-icon-size-md)]",
+        lg: "size-[var(--input-icon-size-lg)]",
+        xl: "size-[var(--input-icon-size-xl)]"
+      },
+      interactive: {
+        true: "pointer-events-auto",
+        false: "pointer-events-none"
+      }
+    },
+    compoundVariants: [
+      // Leading icon position adjustments
+      { position: "leading", size: "xs", className: "left-[var(--input-icon-position-xs)]" },
+      { position: "leading", size: "sm", className: "left-[var(--input-icon-position-sm)]" },
+      { position: "leading", size: "md", className: "left-[var(--input-icon-position-md)]" },
+      { position: "leading", size: "lg", className: "left-[var(--input-icon-position-lg)]" },
+      { position: "leading", size: "xl", className: "left-[var(--input-icon-position-xl)]" },
+      // Trailing icon position adjustments
+      { position: "trailing", size: "xs", className: "right-[var(--input-icon-position-xs)]" },
+      { position: "trailing", size: "sm", className: "right-[var(--input-icon-position-sm)]" },
+      { position: "trailing", size: "md", className: "right-[var(--input-icon-position-md)]" },
+      { position: "trailing", size: "lg", className: "right-[var(--input-icon-position-lg)]" },
+      { position: "trailing", size: "xl", className: "right-[var(--input-icon-position-xl)]" }
+    ],
+    defaultVariants: {
+      position: "leading",
+      size: "md"
+    }
+  }
+);
+
+export { inputIconVariants, inputVariants, inputWrapperVariants };
+//# sourceMappingURL=chunk-DYDXGWH2.js.map
+//# sourceMappingURL=chunk-DYDXGWH2.js.map

package/dist/chunk-DYDXGWH2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/TextInput/TextInput.variants.ts"],"names":[],"mappings":"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","file":"chunk-DYDXGWH2.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Input variant styles using CVA\n */\nexport const inputVariants = cva(\n  // Base styles\n  [\n    \"w-full min-w-0 rounded-md border transition-[color,box-shadow] outline-none\",\n    \"bg-[color:var(--input-bg-default)] text-[color:var(--input-fg-default)] border-[color:var(--input-border-default)]\",\n    \"file:text-[color:var(--input-fg-default)] placeholder:text-[color:var(--input-fg-placeholder)]\",\n    \"selection:bg-primary selection:text-primary-foreground\",\n    \"dark:bg-input\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[color:var(--input-bg-disabled)] disabled:text-[color:var(--input-fg-disabled)]\",\n    \"hover:border-[color:var(--border-semantic-strong)]\",\n    \"focus-visible:border-[color:var(--input-border-focus)] focus-visible:ring-[color:var(--input-border-focus)]/20 focus-visible:ring-4\",\n    \"aria-invalid:ring-[color:var(--input-border-error)]/20 dark:aria-invalid:ring-[color:var(--input-border-error)]/40 aria-invalid:border-[color:var(--input-border-error)]\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"h-[var(--input-size-xs-h)] px-[var(--input-size-xs-px)] py-[var(--input-size-xs-py)] text-[length:var(--input-size-xs-text)]\",\n        sm: \"h-[var(--input-size-sm-h)] px-[var(--input-size-sm-px)] py-[var(--input-size-sm-py)] text-[length:var(--input-size-sm-text)]\",\n        md: \"h-[var(--input-size-md-h)] px-[var(--input-size-md-px)] py-[var(--input-size-md-py)] text-[length:var(--input-size-md-text)]\",\n        lg: \"h-[var(--input-size-lg-h)] px-[var(--input-size-lg-px)] py-[var(--input-size-lg-py)] text-[length:var(--input-size-lg-text)]\",\n        xl: \"h-[var(--input-size-xl-h)] px-[var(--input-size-xl-px)] py-[var(--input-size-xl-py)] text-[length:var(--input-size-xl-text)]\",\n      },\n      variant: {\n        default: \"shadow-xs\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-[color:var(--input-border-default)] px-0\",\n        unstyled: \"border-0 bg-transparent shadow-none focus-visible:ring-0\",\n      },\n      hasLeadingIcon: {\n        true: \"\",\n        false: \"\",\n      },\n      hasTrailingIcon: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // Unstyled without icons should have no padding\n      { variant: \"unstyled\", hasLeadingIcon: false, hasTrailingIcon: false, className: \"p-0\" },\n      // Leading icon padding adjustments\n      { size: \"xs\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-xs)]\" },\n      { size: \"sm\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-sm)]\" },\n      { size: \"md\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-md)]\" },\n      { size: \"lg\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-lg)]\" },\n      { size: \"xl\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-xl)]\" },\n      // Trailing icon padding adjustments\n      { size: \"xs\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-xs)]\" },\n      { size: \"sm\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-sm)]\" },\n      { size: \"md\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-md)]\" },\n      { size: \"lg\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-lg)]\" },\n      { size: \"xl\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-xl)]\" },\n    ],\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n      hasLeadingIcon: false,\n      hasTrailingIcon: false,\n    },\n  }\n)\n\n/**\n * Input wrapper styles for when icons are present\n */\nexport const inputWrapperVariants = cva(\"relative w-full\")\n\n/**\n * Input icon styles using CVA\n */\nexport const inputIconVariants = cva(\n  \"absolute top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground\",\n  {\n    variants: {\n      position: {\n        leading: \"left-0\",\n        trailing: \"right-0\",\n      },\n      size: {\n        xs: \"size-[var(--input-icon-size-xs)]\",\n        sm: \"size-[var(--input-icon-size-sm)]\",\n        md: \"size-[var(--input-icon-size-md)]\",\n        lg: \"size-[var(--input-icon-size-lg)]\",\n        xl: \"size-[var(--input-icon-size-xl)]\",\n      },\n      interactive: {\n        true: \"pointer-events-auto\",\n        false: \"pointer-events-none\",\n      },\n    },\n    compoundVariants: [\n      // Leading icon position adjustments\n      { position: \"leading\", size: \"xs\", className: \"left-[var(--input-icon-position-xs)]\" },\n      { position: \"leading\", size: \"sm\", className: \"left-[var(--input-icon-position-sm)]\" },\n      { position: \"leading\", size: \"md\", className: \"left-[var(--input-icon-position-md)]\" },\n      { position: \"leading\", size: \"lg\", className: \"left-[var(--input-icon-position-lg)]\" },\n      { position: \"leading\", size: \"xl\", className: \"left-[var(--input-icon-position-xl)]\" },\n      // Trailing icon position adjustments\n      { position: \"trailing\", size: \"xs\", className: \"right-[var(--input-icon-position-xs)]\" },\n      { position: \"trailing\", size: \"sm\", className: \"right-[var(--input-icon-position-sm)]\" },\n      { position: \"trailing\", size: \"md\", className: \"right-[var(--input-icon-position-md)]\" },\n      { position: \"trailing\", size: \"lg\", className: \"right-[var(--input-icon-position-lg)]\" },\n      { position: \"trailing\", size: \"xl\", className: \"right-[var(--input-icon-position-xl)]\" },\n    ],\n    defaultVariants: {\n      position: \"leading\",\n      size: \"md\",\n    },\n  }\n)\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>\nexport type InputIconVariantProps = VariantProps<typeof inputIconVariants>\n"]}