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

package/dist/chunk-WBE6VQOO.js

@@ -0,0 +1,235 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var selectTriggerVariants = cva(
+  // Base styles
+  [
+    "flex w-fit items-center justify-between gap-[var(--select-trigger-gap)] rounded-[var(--select-trigger-radius)] border bg-transparent",
+    "text-[length:var(--select-trigger-text-size)] whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none",
+    "data-[placeholder]:text-muted-foreground",
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "hover:border-[color:var(--border-semantic-strong)]",
+    "focus-visible:border-[color:var(--select-trigger-border-focus)] focus-visible:ring-[color:var(--select-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--select-trigger-ring-width)]",
+    "aria-invalid:ring-[color:var(--select-trigger-ring-destructive)]/40 aria-invalid:border-destructive",
+    "dark:bg-input dark:hover:bg-input/50",
+    "disabled:cursor-not-allowed disabled:bg-[color:var(--select-trigger-disabled-bg)] disabled:text-[color:var(--select-trigger-disabled-fg)] disabled:border-[color:var(--select-trigger-disabled-border)]",
+    "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex",
+    "*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-[var(--select-trigger-height-sm)] px-[var(--select-trigger-padding-x-sm)] py-[var(--select-trigger-padding-y-sm)] text-[length:var(--select-trigger-text-sm)]",
+        md: "h-[var(--select-trigger-height-md)] px-[var(--select-trigger-padding-x-md)] py-[var(--select-trigger-padding-y-md)] text-[length:var(--select-trigger-text-md)]",
+        lg: "h-[var(--select-trigger-height-lg)] px-[var(--select-trigger-padding-x-lg)] py-[var(--select-trigger-padding-y-lg)] text-[length:var(--select-trigger-text-lg)]"
+      },
+      variant: {
+        default: "border-input shadow-xs",
+        filled: "border-transparent bg-muted",
+        flushed: "rounded-none border-x-0 border-t-0 border-b-input px-0 shadow-none"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var selectContentVariants = cva(
+  // Base styles
+  [
+    "bg-[color:var(--select-content-bg)] text-[color:var(--select-content-fg)]",
+    "relative z-50 min-w-[var(--select-content-min-width)] overflow-hidden rounded-[var(--select-content-radius)] border border-[color:var(--select-content-border)] shadow-[var(--select-content-shadow)]",
+    "max-h-(--radix-select-content-available-height)",
+    "origin-(--radix-select-content-transform-origin)",
+    "overflow-x-hidden overflow-y-auto",
+    // Animation classes
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+    "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+    "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+  ],
+  {
+    variants: {
+      position: {
+        popper: [
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1",
+          "data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1"
+        ],
+        "item-aligned": ""
+      }
+    },
+    defaultVariants: {
+      position: "popper"
+    }
+  }
+);
+var selectItemVariants = cva(
+  // Base styles
+  [
+    "relative flex w-full cursor-default items-center gap-2 rounded-[var(--select-item-radius)] py-[var(--select-item-padding-y)] pr-[var(--select-item-padding-r)] pl-[var(--select-item-padding-l)] text-[length:var(--select-item-text)]",
+    "outline-hidden select-none",
+    "focus:bg-[color:var(--select-item-focus-bg)] focus:text-[color:var(--select-item-focus-fg)]",
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    "*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2"
+  ],
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var selectLabelVariants = cva(
+  ["text-muted-foreground px-2 py-1.5 text-xs"],
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var selectSeparatorVariants = cva(
+  ["bg-border pointer-events-none -mx-1 my-1 h-px"],
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var selectScrollButtonVariants = cva(
+  ["flex cursor-default items-center justify-center py-1"],
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+function Select({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "md",
+  variant = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      className: cn(selectTriggerVariants({ size, variant }), className),
+      "data-size": size,
+      "data-slot": "select-trigger",
+      "data-variant": variant,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      className: cn(
+        selectContentVariants({ position }),
+        className
+      ),
+      align,
+      "data-slot": "select-content",
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    {
+      className: cn(selectLabelVariants(), className),
+      "data-slot": "select-label",
+      ...props
+    }
+  );
+}
+function SelectItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      className: cn(selectItemVariants(), className),
+      "data-slot": "select-item",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    {
+      className: cn(selectSeparatorVariants(), className),
+      "data-slot": "select-separator",
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      className: cn(selectScrollButtonVariants(), className),
+      "data-slot": "select-scroll-up-button",
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      className: cn(selectScrollButtonVariants(), className),
+      "data-slot": "select-scroll-down-button",
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectContentVariants, selectItemVariants, selectLabelVariants, selectScrollButtonVariants, selectSeparatorVariants, selectTriggerVariants };
+//# sourceMappingURL=chunk-WBE6VQOO.js.map
+//# sourceMappingURL=chunk-WBE6VQOO.js.map

package/dist/chunk-WBE6VQOO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/Select/Select.variants.ts","../src/components/forms/Select/Select.tsx"],"names":[],"mappings":"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","file":"chunk-WBE6VQOO.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * SelectTrigger variant styles using CVA\n */\nexport const selectTriggerVariants = cva(\n  // Base styles\n  [\n    \"flex w-fit items-center justify-between gap-[var(--select-trigger-gap)] rounded-[var(--select-trigger-radius)] border bg-transparent\",\n    \"text-[length:var(--select-trigger-text-size)] whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none\",\n    \"data-[placeholder]:text-muted-foreground\",\n    \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n    \"hover:border-[color:var(--border-semantic-strong)]\",\n    \"focus-visible:border-[color:var(--select-trigger-border-focus)] focus-visible:ring-[color:var(--select-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--select-trigger-ring-width)]\",\n    \"aria-invalid:ring-[color:var(--select-trigger-ring-destructive)]/40 aria-invalid:border-destructive\",\n    \"dark:bg-input dark:hover:bg-input/50\",\n    \"disabled:cursor-not-allowed disabled:bg-[color:var(--select-trigger-disabled-bg)] disabled:text-[color:var(--select-trigger-disabled-fg)] disabled:border-[color:var(--select-trigger-disabled-border)]\",\n    \"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex\",\n    \"*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-[var(--select-trigger-height-sm)] px-[var(--select-trigger-padding-x-sm)] py-[var(--select-trigger-padding-y-sm)] text-[length:var(--select-trigger-text-sm)]\",\n        md: \"h-[var(--select-trigger-height-md)] px-[var(--select-trigger-padding-x-md)] py-[var(--select-trigger-padding-y-md)] text-[length:var(--select-trigger-text-md)]\",\n        lg: \"h-[var(--select-trigger-height-lg)] px-[var(--select-trigger-padding-x-lg)] py-[var(--select-trigger-padding-y-lg)] text-[length:var(--select-trigger-text-lg)]\",\n      },\n      variant: {\n        default: \"border-input shadow-xs\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0 shadow-none\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * SelectContent variant styles using CVA\n */\nexport const selectContentVariants = cva(\n  // Base styles\n  [\n    \"bg-[color:var(--select-content-bg)] text-[color:var(--select-content-fg)]\",\n    \"relative z-50 min-w-[var(--select-content-min-width)] overflow-hidden rounded-[var(--select-content-radius)] border border-[color:var(--select-content-border)] shadow-[var(--select-content-shadow)]\",\n    \"max-h-(--radix-select-content-available-height)\",\n    \"origin-(--radix-select-content-transform-origin)\",\n    \"overflow-x-hidden overflow-y-auto\",\n    // Animation classes\n    \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n    \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n    \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n    \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2\",\n    \"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n  ],\n  {\n    variants: {\n      position: {\n        popper: [\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1\",\n          \"data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        ],\n        \"item-aligned\": \"\",\n      },\n    },\n    defaultVariants: {\n      position: \"popper\",\n    },\n  }\n)\n\n/**\n * SelectItem variant styles using CVA\n */\nexport const selectItemVariants = cva(\n  // Base styles\n  [\n    \"relative flex w-full cursor-default items-center gap-2 rounded-[var(--select-item-radius)] py-[var(--select-item-padding-y)] pr-[var(--select-item-padding-r)] pl-[var(--select-item-padding-l)] text-[length:var(--select-item-text)]\",\n    \"outline-hidden select-none\",\n    \"focus:bg-[color:var(--select-item-focus-bg)] focus:text-[color:var(--select-item-focus-fg)]\",\n    \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    \"*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n/**\n * SelectLabel variant styles using CVA\n */\nexport const selectLabelVariants = cva(\n  [\"text-muted-foreground px-2 py-1.5 text-xs\"],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n/**\n * SelectSeparator variant styles using CVA\n */\nexport const selectSeparatorVariants = cva(\n  [\"bg-border pointer-events-none -mx-1 my-1 h-px\"],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n/**\n * SelectScrollButton variant styles using CVA (for both up and down buttons)\n */\nexport const selectScrollButtonVariants = cva(\n  [\"flex cursor-default items-center justify-center py-1\"],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\nexport type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>\nexport type SelectContentVariantProps = VariantProps<typeof selectContentVariants>\nexport type SelectItemVariantProps = VariantProps<typeof selectItemVariants>\nexport type SelectLabelVariantProps = VariantProps<typeof selectLabelVariants>\nexport type SelectSeparatorVariantProps = VariantProps<typeof selectSeparatorVariants>\nexport type SelectScrollButtonVariantProps = VariantProps<typeof selectScrollButtonVariants>\n","import type {\n  SelectContentProps,\n  SelectGroupProps,\n  SelectItemProps,\n  SelectLabelProps,\n  SelectProps,\n  SelectScrollDownButtonProps,\n  SelectScrollUpButtonProps,\n  SelectSeparatorProps,\n  SelectTriggerProps,\n  SelectValueProps,\n} from \"./Select.types\"\n\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  selectContentVariants,\n  selectItemVariants,\n  selectLabelVariants,\n  selectScrollButtonVariants,\n  selectSeparatorVariants,\n  selectTriggerVariants,\n} from \"./Select.variants\"\n\nfunction Select({ ...props }: SelectProps) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({ ...props }: SelectGroupProps) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({ ...props }: SelectValueProps) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"md\",\n  variant = \"default\",\n  children,\n  ...props\n}: SelectTriggerProps) {\n  return (\n    <SelectPrimitive.Trigger\n      className={cn(selectTriggerVariants({ size, variant }), className)}\n      data-size={size}\n      data-slot=\"select-trigger\"\n      data-variant={variant}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  align = \"center\",\n  ...props\n}: SelectContentProps) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        className={cn(\n          selectContentVariants({ position: position }),\n          className\n        )}\n        align={align}\n        data-slot=\"select-content\"\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({ className, ...props }: SelectLabelProps) {\n  return (\n    <SelectPrimitive.Label\n      className={cn(selectLabelVariants(), className)}\n      data-slot=\"select-label\"\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({ className, children, ...props }: SelectItemProps) {\n  return (\n    <SelectPrimitive.Item\n      className={cn(selectItemVariants(), className)}\n      data-slot=\"select-item\"\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({ className, ...props }: SelectSeparatorProps) {\n  return (\n    <SelectPrimitive.Separator\n      className={cn(selectSeparatorVariants(), className)}\n      data-slot=\"select-separator\"\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      className={cn(selectScrollButtonVariants(), className)}\n      data-slot=\"select-scroll-up-button\"\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      className={cn(selectScrollButtonVariants(), className)}\n      data-slot=\"select-scroll-down-button\"\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"]}

package/dist/chunk-WG5IYG7X.js

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

package/dist/chunk-WG5IYG7X.js.map

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

package/dist/chunk-WH7Y2MAY.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+// src/hooks/use-mobile.ts
+var MOBILE_BREAKPOINT = 768;
+function subscribe(callback) {
+  const mql = window.matchMedia(`(max-width: ${String(MOBILE_BREAKPOINT - 1)}px)`);
+  mql.addEventListener("change", callback);
+  return () => {
+    mql.removeEventListener("change", callback);
+  };
+}
+function getSnapshot() {
+  return window.innerWidth < MOBILE_BREAKPOINT;
+}
+function getServerSnapshot() {
+  return false;
+}
+function useIsMobile() {
+  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+export { useIsMobile };
+//# sourceMappingURL=chunk-WH7Y2MAY.js.map
+//# sourceMappingURL=chunk-WH7Y2MAY.js.map

package/dist/chunk-WH7Y2MAY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-mobile.ts"],"names":[],"mappings":";;;AAEA,IAAM,iBAAA,GAAoB,GAAA;AAK1B,SAAS,UAAU,QAAA,EAAsB;AACvC,EAAA,MAAM,GAAA,GAAM,OAAO,UAAA,CAAW,CAAA,YAAA,EAAe,OAAO,iBAAA,GAAoB,CAAC,CAAC,CAAA,GAAA,CAAK,CAAA;AAC/E,EAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,EAAA,OAAO,MAAM;AAAE,IAAA,GAAA,CAAI,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAAA,EAAG,CAAA;AAC9D;AAKA,SAAS,WAAA,GAAc;AACrB,EAAA,OAAO,OAAO,UAAA,GAAa,iBAAA;AAC7B;AAKA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,GAAc;AAC5B,EAAA,OAAa,KAAA,CAAA,oBAAA,CAAqB,SAAA,EAAW,WAAA,EAAa,iBAAiB,CAAA;AAC7E","file":"chunk-WH7Y2MAY.js","sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\n/**\n * Subscribe to media query changes\n */\nfunction subscribe(callback: () => void) {\n  const mql = window.matchMedia(`(max-width: ${String(MOBILE_BREAKPOINT - 1)}px)`)\n  mql.addEventListener(\"change\", callback)\n  return () => { mql.removeEventListener(\"change\", callback); }\n}\n\n/**\n * Get current mobile state (client-side only)\n */\nfunction getSnapshot() {\n  return window.innerWidth < MOBILE_BREAKPOINT\n}\n\n/**\n * Server snapshot - returns false as default for SSR\n */\nfunction getServerSnapshot() {\n  return false\n}\n\nexport function useIsMobile() {\n  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"]}

package/dist/chunk-X4YUWX7H.js

@@ -0,0 +1,146 @@
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-7ZJ32KRQ.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var markerBarContainerVariants = cva(
+  [
+    "relative flex w-full items-center rounded-full",
+    "bg-muted"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var markerBarRangeVariants = cva(
+  "absolute h-full rounded-full",
+  {
+    variants: {
+      animated: {
+        true: "transition-all duration-300 ease-out",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      animated: true
+    }
+  }
+);
+var markerBarMarkerWrapperVariants = cva(
+  "absolute -translate-x-1/2",
+  {
+    variants: {
+      size: {
+        sm: "w-3",
+        md: "w-4",
+        lg: "w-5"
+      },
+      animated: {
+        true: "transition-all duration-300 ease-out",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      animated: true
+    }
+  }
+);
+var markerBarMarkerVariants = cva(
+  [
+    "mx-auto rounded-full ring-2",
+    "ring-background"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-2.5 w-1",
+        md: "h-4 w-1.5",
+        lg: "h-5 w-2"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function MarkerBar({
+  className,
+  color = "var(--primary)",
+  markerTooltip,
+  maxValue,
+  minValue,
+  rangeColor = "var(--muted-foreground)",
+  rangeTooltip,
+  showAnimation = true,
+  size = "md",
+  value,
+  ...props
+}) {
+  const clampedValue = Math.max(0, Math.min(100, value));
+  const hasRange = minValue !== void 0 && maxValue !== void 0;
+  const rangeMin = hasRange ? Math.max(0, Math.min(100, minValue)) : 0;
+  const rangeMax = hasRange ? Math.max(0, Math.min(100, maxValue)) : 0;
+  const rangeElement = hasRange && /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        backgroundColor: rangeColor,
+        left: `${String(rangeMin)}%`,
+        opacity: 0.3,
+        width: `${String(rangeMax - rangeMin)}%`
+      },
+      className: cn(markerBarRangeVariants({ animated: showAnimation })),
+      "data-slot": "marker-bar-range"
+    }
+  );
+  const markerElement = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(markerBarMarkerWrapperVariants({ animated: showAnimation, size })),
+      "data-slot": "marker-bar-marker-wrapper",
+      style: { left: `${String(clampedValue)}%` },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(markerBarMarkerVariants({ size })),
+          "data-slot": "marker-bar-marker",
+          style: { backgroundColor: color }
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(markerBarContainerVariants({ size }), className),
+      "data-slot": "marker-bar",
+      ...props,
+      children: [
+        hasRange && rangeTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: rangeElement }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: rangeTooltip })
+        ] }) : rangeElement,
+        markerTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: markerElement }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: markerTooltip })
+        ] }) : markerElement
+      ]
+    }
+  ) });
+}
+MarkerBar.displayName = "MarkerBar";
+
+export { MarkerBar, markerBarContainerVariants, markerBarMarkerVariants, markerBarMarkerWrapperVariants, markerBarRangeVariants };
+//# sourceMappingURL=chunk-X4YUWX7H.js.map
+//# sourceMappingURL=chunk-X4YUWX7H.js.map

package/dist/chunk-X4YUWX7H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MarkerBar/MarkerBar.variants.ts","../src/components/data-display/MarkerBar/MarkerBar.tsx"],"names":[],"mappings":"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","file":"chunk-X4YUWX7H.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const markerBarContainerVariants = cva(\n  [\n    \"relative flex w-full items-center rounded-full\",\n    \"bg-muted\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-1\",\n        md: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const markerBarRangeVariants = cva(\n  \"absolute h-full rounded-full\",\n  {\n    variants: {\n      animated: {\n        true: \"transition-all duration-300 ease-out\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      animated: true,\n    },\n  }\n)\n\nexport const markerBarMarkerWrapperVariants = cva(\n  \"absolute -translate-x-1/2\",\n  {\n    variants: {\n      size: {\n        sm: \"w-3\",\n        md: \"w-4\",\n        lg: \"w-5\",\n      },\n      animated: {\n        true: \"transition-all duration-300 ease-out\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      animated: true,\n    },\n  }\n)\n\nexport const markerBarMarkerVariants = cva(\n  [\n    \"mx-auto rounded-full ring-2\",\n    \"ring-background\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-2.5 w-1\",\n        md: \"h-4 w-1.5\",\n        lg: \"h-5 w-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n","\"use client\"\n\nimport type { MarkerBarProps } from \"./MarkerBar.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  markerBarContainerVariants,\n  markerBarMarkerVariants,\n  markerBarMarkerWrapperVariants,\n  markerBarRangeVariants,\n} from \"./MarkerBar.variants\"\n\n/**\n * MarkerBar - Position indicator on a horizontal scale\n *\n * Displays a marker at a specific position along a bar,\n * optionally showing a highlighted range. Ideal for showing\n * current position within a range, target values, or thresholds.\n *\n * @example\n * ```tsx\n * // Simple marker\n * <MarkerBar value={75} />\n *\n * // With range highlight\n * <MarkerBar\n *   value={65}\n *   minValue={40}\n *   maxValue={80}\n *   markerTooltip=\"Current: 65%\"\n *   rangeTooltip=\"Target range: 40-80%\"\n * />\n *\n * // Custom colors\n * <MarkerBar\n *   value={50}\n *   color=\"var(--success)\"\n *   rangeColor=\"var(--success-muted)\"\n * />\n * ```\n */\nexport function MarkerBar({\n  className,\n  color = \"var(--primary)\",\n  markerTooltip,\n  maxValue,\n  minValue,\n  rangeColor = \"var(--muted-foreground)\",\n  rangeTooltip,\n  showAnimation = true,\n  size = \"md\",\n  value,\n  ...props\n}: MarkerBarProps) {\n  // Clamp value between 0 and 100\n  const clampedValue = Math.max(0, Math.min(100, value))\n\n  // Check if range should be displayed\n  const hasRange = minValue !== undefined && maxValue !== undefined\n\n  // Clamp range values\n  const rangeMin = hasRange ? Math.max(0, Math.min(100, minValue)) : 0\n  const rangeMax = hasRange ? Math.max(0, Math.min(100, maxValue)) : 0\n\n  const rangeElement = hasRange && (\n    <div\n      style={{\n        backgroundColor: rangeColor,\n        left: `${String(rangeMin)}%`,\n        opacity: 0.3,\n        width: `${String(rangeMax - rangeMin)}%`,\n      }}\n      className={cn(markerBarRangeVariants({ animated: showAnimation }))}\n      data-slot=\"marker-bar-range\"\n    />\n  )\n\n  const markerElement = (\n    <div\n      className={cn(markerBarMarkerWrapperVariants({ animated: showAnimation, size }))}\n      data-slot=\"marker-bar-marker-wrapper\"\n      style={{ left: `${String(clampedValue)}%` }}\n    >\n      <div\n        className={cn(markerBarMarkerVariants({ size }))}\n        data-slot=\"marker-bar-marker\"\n        style={{ backgroundColor: color }}\n      />\n    </div>\n  )\n\n  return (\n    <TooltipProvider>\n      <div\n        className={cn(markerBarContainerVariants({ size }), className)}\n        data-slot=\"marker-bar\"\n        {...props}\n      >\n        {/* Range bar with optional tooltip */}\n        {hasRange && rangeTooltip ? (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              {rangeElement}\n            </TooltipTrigger>\n            <TooltipContent>{rangeTooltip}</TooltipContent>\n          </Tooltip>\n        ) : (\n          rangeElement\n        )}\n\n        {/* Marker with optional tooltip */}\n        {markerTooltip ? (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              {markerElement}\n            </TooltipTrigger>\n            <TooltipContent>{markerTooltip}</TooltipContent>\n          </Tooltip>\n        ) : (\n          markerElement\n        )}\n      </div>\n    </TooltipProvider>\n  )\n}\n\nMarkerBar.displayName = \"MarkerBar\"\n"]}

package/dist/chunk-XETKCF73.js

@@ -0,0 +1,74 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { MinusIcon, CheckIcon } from 'lucide-react';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var checkboxVariants = cva(
+  [
+    "peer shrink-0 outline-none transition-shadow",
+    "rounded-[var(--checkbox-root-radius)] shadow-[var(--checkbox-root-shadow)]",
+    "border border-[color:var(--checkbox-root-border-default)] bg-[color:var(--checkbox-root-bg-default)] dark:bg-input",
+    "data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=checked]:text-[color:var(--checkbox-indicator-color)]",
+    "data-[state=checked]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)]",
+    "data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=indeterminate]:text-[color:var(--checkbox-indicator-color)]",
+    "data-[state=indeterminate]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)]",
+    "focus-visible:border-[color:var(--checkbox-root-border-focus)] focus-visible:ring-[color:var(--checkbox-root-border-focus)]/50 focus-visible:ring-[3px]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    "disabled:cursor-not-allowed disabled:bg-[color:var(--checkbox-root-bg-disabled)] disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "size-[var(--checkbox-size-sm)]",
+        md: "size-[var(--checkbox-size-md)]",
+        lg: "size-[var(--checkbox-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var checkboxIconVariants = cva(
+  "grid place-content-center text-current transition-none",
+  {
+    variants: {
+      size: {
+        sm: "[&>svg]:size-2.5",
+        md: "[&>svg]:size-3.5",
+        lg: "[&>svg]:size-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function Checkbox({
+  className,
+  size = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      className: cn(checkboxVariants({ size }), className),
+      "data-slot": "checkbox",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          className: checkboxIconVariants({ size }),
+          "data-slot": "checkbox-indicator",
+          children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx(MinusIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {})
+        }
+      )
+    }
+  );
+}
+
+export { Checkbox, checkboxIconVariants, checkboxVariants };
+//# sourceMappingURL=chunk-XETKCF73.js.map
+//# sourceMappingURL=chunk-XETKCF73.js.map

package/dist/chunk-XETKCF73.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/Checkbox/Checkbox.variants.ts","../src/components/forms/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;AAEO,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA,IACE,8CAAA;AAAA,IACA,4EAAA;AAAA,IACA,oHAAA;AAAA,IACA,mIAAA;AAAA,IACA,8IAAA;AAAA,IACA,+IAAA;AAAA,IACA,0JAAA;AAAA,IACA,yJAAA;AAAA,IACA,wGAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC,wDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AClCA,SAAS,QAAA,CAAS;AAAA,EAChB,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,uBACE,GAAA;AAAA,IAAmB,iBAAA,CAAA,IAAA;AAAA,IAAlB;AAAA,MACC,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACnD,WAAA,EAAU,UAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAmB,iBAAA,CAAA,SAAA;AAAA,QAAlB;AAAA,UACC,SAAA,EAAW,oBAAA,CAAqB,EAAE,IAAA,EAAM,CAAA;AAAA,UACxC,WAAA,EAAU,oBAAA;AAAA,UAET,gBAAM,OAAA,KAAY,eAAA,uBAChB,SAAA,EAAA,EAAU,CAAA,uBAEV,SAAA,EAAA,EAAU;AAAA;AAAA;AAEf;AAAA,GACF;AAEJ","file":"chunk-XETKCF73.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const checkboxVariants = cva(\n  [\n    \"peer shrink-0 outline-none transition-shadow\",\n    \"rounded-[var(--checkbox-root-radius)] shadow-[var(--checkbox-root-shadow)]\",\n    \"border border-[color:var(--checkbox-root-border-default)] bg-[color:var(--checkbox-root-bg-default)] dark:bg-input\",\n    \"data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=checked]:text-[color:var(--checkbox-indicator-color)]\",\n    \"data-[state=checked]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)]\",\n    \"data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=indeterminate]:text-[color:var(--checkbox-indicator-color)]\",\n    \"data-[state=indeterminate]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)]\",\n    \"focus-visible:border-[color:var(--checkbox-root-border-focus)] focus-visible:ring-[color:var(--checkbox-root-border-focus)]/50 focus-visible:ring-[3px]\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    \"disabled:cursor-not-allowed disabled:bg-[color:var(--checkbox-root-bg-disabled)] disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--checkbox-size-sm)]\",\n        md: \"size-[var(--checkbox-size-md)]\",\n        lg: \"size-[var(--checkbox-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const checkboxIconVariants = cva(\n  \"grid place-content-center text-current transition-none\",\n  {\n    variants: {\n      size: {\n        sm: \"[&>svg]:size-2.5\",\n        md: \"[&>svg]:size-3.5\",\n        lg: \"[&>svg]:size-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxVariants>\n","import type { CheckboxProps } from \"./Checkbox.types\"\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { CheckIcon, MinusIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { checkboxIconVariants, checkboxVariants } from \"./Checkbox.variants\"\n\nfunction Checkbox({\n  className,\n  size = \"md\",\n  ...props\n}: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root\n      className={cn(checkboxVariants({ size }), className)}\n      data-slot=\"checkbox\"\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={checkboxIconVariants({ size })}\n        data-slot=\"checkbox-indicator\"\n      >\n        {props.checked === \"indeterminate\" ? (\n          <MinusIcon />\n        ) : (\n          <CheckIcon />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"]}

package/dist/chunk-XPVKJIWY.js

@@ -0,0 +1,55 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var labelSizeClass = {
+  sm: "text-[length:var(--label-size-sm-font-size)] leading-[var(--label-size-sm-line-height)]",
+  md: "text-[length:var(--label-size-md-font-size)] leading-[var(--label-size-md-line-height)]",
+  lg: "text-[length:var(--label-size-lg-font-size)] leading-[var(--label-size-lg-line-height)]"
+};
+function Label({
+  className,
+  size,
+  required = false,
+  optional = false,
+  optionalText = "(optional)",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    LabelPrimitive.Root,
+    {
+      className: cn(
+        "inline-flex items-center gap-[var(--label-root-gap)] text-[length:var(--label-root-font-size)] leading-[var(--label-root-line-height)] font-[number:var(--label-root-font-weight)] select-none cursor-pointer group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        size && labelSizeClass[size],
+        className
+      ),
+      "data-slot": "label",
+      ...props,
+      children: [
+        children,
+        required && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "text-[color:var(--label-required-color)]",
+            "data-slot": "label-required",
+            children: "*"
+          }
+        ),
+        optional && !required && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-[color:var(--label-optional-color)] font-normal",
+            "data-slot": "label-optional",
+            children: optionalText
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Label };
+//# sourceMappingURL=chunk-XPVKJIWY.js.map
+//# sourceMappingURL=chunk-XPVKJIWY.js.map

package/dist/chunk-XPVKJIWY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Label/Label.tsx"],"names":[],"mappings":";;;;AAMA,IAAM,cAAA,GAAkE;AAAA,EACtE,EAAA,EAAI,yFAAA;AAAA,EACJ,EAAA,EAAI,yFAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,SAAS,KAAA,CAAM;AAAA,EACb,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,YAAA,GAAe,YAAA;AAAA,EACf,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAe;AACb,EAAA,uBACE,IAAA;AAAA,IAAgB,cAAA,CAAA,IAAA;AAAA,IAAf;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,8VAAA;AAAA,QACA,IAAA,IAAQ,eAAe,IAAI,CAAA;AAAA,QAC3B;AAAA,OACF;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,QAAA,oBACC,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU,0CAAA;AAAA,YACV,WAAA,EAAU,gBAAA;AAAA,YACX,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,QAED,QAAA,IAAY,CAAC,QAAA,oBACZ,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,sDAAA;AAAA,YACV,WAAA,EAAU,gBAAA;AAAA,YAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-XPVKJIWY.js","sourcesContent":["import type { LabelProps } from \"./Label.types\"\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst labelSizeClass: Record<NonNullable<LabelProps[\"size\"]>, string> = {\n  sm: \"text-[length:var(--label-size-sm-font-size)] leading-[var(--label-size-sm-line-height)]\",\n  md: \"text-[length:var(--label-size-md-font-size)] leading-[var(--label-size-md-line-height)]\",\n  lg: \"text-[length:var(--label-size-lg-font-size)] leading-[var(--label-size-lg-line-height)]\",\n}\n\nfunction Label({\n  className,\n  size,\n  required = false,\n  optional = false,\n  optionalText = \"(optional)\",\n  children,\n  ...props\n}: LabelProps) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        \"inline-flex items-center gap-[var(--label-root-gap)] text-[length:var(--label-root-font-size)] leading-[var(--label-root-line-height)] font-[number:var(--label-root-font-weight)] select-none cursor-pointer group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        size && labelSizeClass[size],\n        className\n      )}\n      data-slot=\"label\"\n      {...props}\n    >\n      {children}\n      {required && (\n        <span\n          aria-hidden=\"true\"\n          className=\"text-[color:var(--label-required-color)]\"\n          data-slot=\"label-required\"\n        >\n          *\n        </span>\n      )}\n      {optional && !required && (\n        <span\n          className=\"text-[color:var(--label-optional-color)] font-normal\"\n          data-slot=\"label-optional\"\n        >\n          {optionalText}\n        </span>\n      )}\n    </LabelPrimitive.Root>\n  )\n}\n\nexport { Label }\n"]}