@kuzenbo/core 0.0.4 → 0.0.6

package/dist/ui/input-otp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.d.ts","names":[],"sources":["../../src/ui/input-otp/input-otp-group.tsx","../../src/ui/input-otp/input-otp-separator.tsx","../../src/ui/input-otp/input-otp-slot.tsx","../../src/ui/input-otp/input-otp.tsx"],"mappings":";;;;;;;;cASM,qBAAA,EAcJ,kBAAA,CAdyB,YAAA;;;;;;;;;;;;;;;;cAczB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,yBAAA,GAA4B,YAAA,QAAoB,qBAAA;AAAA,KAEzC,kBAAA,GAAqB,cAAA,UAC/B,yBAAA;EACE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,aAAA;EAAiB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCrBlE,yBAAA,EAcJ,kBAAA,CAd6B,YAAA;;;;;;;;;;;;;;;;cAc7B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,6BAAA,GAAgC,YAAA,QAC5B,yBAAA;AAAA,KAGG,sBAAA,GAAyB,cAAA,UACnC,6BAAA;EACE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,iBAAA;EAAqB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIxB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cChCnB,oBAAA,EAgCJ,kBAAA,CAhCwB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCxB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,wBAAA,GAA2B,YAAA,QAAoB,oBAAA;AAAA,KACxC,iBAAA,GAAoB,cAAA;EAC9B,KAAA;AAAA,IACE,wBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,YAAA;EAAgB,KAAA;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCvCf,mBAAA,GAAsB,cAAA,QAAsB,QAAA;AAAA,KAC5C,gBAAA,cAA8B,WAAA,IAAe,CAAA,mBAC9C,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,KAGA,aAAA,GAAgB,gBAAA,CAAiB,mBAAA;EAC3C,kBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,QAAA;EAAA;;;;;KAKH,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"input-otp.d.ts","names":[],"sources":["../../src/ui/input-otp/input-otp-group.tsx","../../src/ui/input-otp/input-otp-separator.tsx","../../src/ui/input-otp/input-otp-slot.tsx","../../src/ui/input-otp/input-otp.tsx"],"mappings":";;;;;;;;cAQM,qBAAA,EAcJ,kBAAA,CAdyB,YAAA;;;;;;;;;;;;;;;;cAczB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,yBAAA,GAA4B,YAAA,QAAoB,qBAAA;AAAA,KAEzC,kBAAA,GAAqB,cAAA,UAC/B,yBAAA;EACE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,aAAA;EAAiB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCrBlE,yBAAA,EAcJ,kBAAA,CAd6B,YAAA;;;;;;;;;;;;;;;;cAc7B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,6BAAA,GAAgC,YAAA,QAC5B,yBAAA;AAAA,KAGG,sBAAA,GAAyB,cAAA,UACnC,6BAAA;EACE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,iBAAA;EAAqB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIxB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9BnB,oBAAA,EAgCJ,kBAAA,CAhCwB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCxB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,wBAAA,GAA2B,YAAA,QAAoB,oBAAA;AAAA,KACxC,iBAAA,GAAoB,cAAA;EAC9B,KAAA;AAAA,IACE,wBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,YAAA;EAAgB,KAAA;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzCf,mBAAA,GAAsB,cAAA,QAAsB,QAAA;AAAA,KAC5C,gBAAA,cAA8B,WAAA,IAAe,CAAA,mBAC9C,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,KAGA,aAAA,GAAgB,gBAAA,CAAiB,mBAAA;EAC3C,kBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,QAAA;EAAA;;;;;KAKH,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/input-otp.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { MinusSignIcon } from "@hugeicons/core-free-icons";
@@ -14,15 +14,15 @@ const InputOTPContext = createContext({ size: "md" });
 //#endregion
 //#region src/ui/input-otp/input-otp-group.tsx
 const inputOTPGroupVariants = tv({
-	base: "flex items-center has-aria-invalid:border-danger has-aria-invalid:ring-[3px] has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40",
+	base: "has-aria-invalid:border-danger has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40 flex items-center has-aria-invalid:ring-[3px]",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "rounded-[min(var(--radius-md),8px)]",
-		sm: "rounded-[min(var(--radius-md),10px)]",
-		md: "rounded-md",
 		lg: "rounded-md",
-		xl: "rounded-md"
-	} },
-	defaultVariants: { size: "md" }
+		md: "rounded-md",
+		sm: "rounded-[min(var(--radius-md),10px)]",
+		xl: "rounded-md",
+		xs: "rounded-[min(var(--radius-md),8px)]"
+	} }
 });
 const InputOTPGroup = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(InputOTPContext);
@@ -39,14 +39,14 @@ const InputOTPGroup = ({ className, size, ...props }) => {
 //#region src/ui/input-otp/input-otp-separator.tsx
 const inputOTPSeparatorVariants = tv({
 	base: "flex items-center justify-center",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "[&_svg:not([class*='size-'])]:size-3",
-		sm: "[&_svg:not([class*='size-'])]:size-3.5",
-		md: "[&_svg:not([class*='size-'])]:size-4",
 		lg: "[&_svg:not([class*='size-'])]:size-4",
-		xl: "[&_svg:not([class*='size-'])]:size-5"
-	} },
-	defaultVariants: { size: "md" }
+		md: "[&_svg:not([class*='size-'])]:size-4",
+		sm: "[&_svg:not([class*='size-'])]:size-3.5",
+		xl: "[&_svg:not([class*='size-'])]:size-5",
+		xs: "[&_svg:not([class*='size-'])]:size-3"
+	} }
 });
 const InputOTPSeparator = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(InputOTPContext);
@@ -67,33 +67,33 @@ const InputOTPSeparator = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/input-otp/input-otp-slot.tsx
 const inputOTPSlotVariants = tv({
+	defaultVariants: { size: "md" },
 	slots: {
 		caret: "animate-caret-blink bg-foreground duration-1000",
-		root: "relative flex items-center justify-center border-y border-r border-input shadow-xs transition-all outline-none first:border-l aria-invalid:border-danger first:rounded-l-md last:rounded-r-md data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-danger data-[active=true]:aria-invalid:ring-danger/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-danger/40"
+		root: "border-input aria-invalid:border-danger data-[active=true]:z-raised data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-danger data-[active=true]:aria-invalid:ring-danger/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-danger/40 relative flex items-center justify-center border-y border-r shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:ring-[3px]"
 	},
 	variants: { size: {
-		xs: {
-			caret: "h-3 w-px",
-			root: "size-6 text-xs first:rounded-l-[min(var(--radius-md),8px)] last:rounded-r-[min(var(--radius-md),8px)]"
-		},
-		sm: {
-			caret: "h-3.5 w-px",
-			root: "size-8 text-sm first:rounded-l-[min(var(--radius-md),10px)] last:rounded-r-[min(var(--radius-md),10px)]"
+		lg: {
+			caret: "h-4 w-px",
+			root: "size-10 text-base first:rounded-l-md last:rounded-r-md md:text-sm"
 		},
 		md: {
 			caret: "h-4 w-px",
 			root: "size-9 text-base first:rounded-l-md last:rounded-r-md md:text-sm"
 		},
-		lg: {
-			caret: "h-4 w-px",
-			root: "size-10 text-base first:rounded-l-md last:rounded-r-md md:text-sm"
+		sm: {
+			caret: "h-3.5 w-px",
+			root: "size-8 text-sm first:rounded-l-[min(var(--radius-md),10px)] last:rounded-r-[min(var(--radius-md),10px)]"
 		},
 		xl: {
 			caret: "h-5 w-px",
 			root: "size-11 text-base first:rounded-l-md last:rounded-r-md"
+		},
+		xs: {
+			caret: "h-3 w-px",
+			root: "size-6 text-xs first:rounded-l-[min(var(--radius-md),8px)] last:rounded-r-[min(var(--radius-md),8px)]"
 		}
-	} },
-	defaultVariants: { size: "md" }
+	} }
 });
 const InputOTPSlot = ({ index, className, size, ...props }) => {
 	const inputOTPContext = useContext(OTPInputContext);
@@ -118,8 +118,9 @@ const InputOTPSlot = ({ index, className, size, ...props }) => {
 //#region src/ui/input-otp/input-otp.tsx
 const InputOTP = ({ className, containerClassName, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(InputOTPContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(OTPInput, {
 			className: cn("disabled:cursor-not-allowed", className),
 			containerClassName: cn("cn-input-otp flex items-center has-disabled:opacity-50", containerClassName),

package/dist/ui/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.js","names":[],"sources":["../../src/ui/input-otp/input-otp-context.tsx","../../src/ui/input-otp/input-otp-group.tsx","../../src/ui/input-otp/input-otp-separator.tsx","../../src/ui/input-otp/input-otp-slot.tsx","../../src/ui/input-otp/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\ninterface InputOTPContextValue {\n  size: InputSize;\n}\n\nconst InputOTPContext = createContext<InputOTPContextValue>({\n  size: \"md\",\n});\n\nexport { InputOTPContext };\n","import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { InputOTPContext } from \"./input-otp-context\";\n\nconst inputOTPGroupVariants = tv({\n  base: \"flex items-center has-aria-invalid:border-danger has-aria-invalid:ring-[3px] has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40\",\n  variants: {\n    size: {\n      xs: \"rounded-[min(var(--radius-md),8px)]\",\n      sm: \"rounded-[min(var(--radius-md),10px)]\",\n      md: \"rounded-md\",\n      lg: \"rounded-md\",\n      xl: \"rounded-md\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype InputOTPGroupVariantProps = VariantProps<typeof inputOTPGroupVariants>;\n\nexport type InputOTPGroupProps = ComponentProps<\"div\"> &\n  InputOTPGroupVariantProps & {\n    size?: InputSize;\n  };\n\nconst InputOTPGroup = ({ className, size, ...props }: InputOTPGroupProps) => {\n  const { size: rootSize } = useContext(InputOTPContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <div\n      className={cn(inputOTPGroupVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"input-otp-group\"\n      {...props}\n    />\n  );\n};\n\nexport { InputOTPGroup };\n","import type { ComponentProps } from \"react\";\n\nimport { MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { InputOTPContext } from \"./input-otp-context\";\n\nconst inputOTPSeparatorVariants = tv({\n  base: \"flex items-center justify-center\",\n  variants: {\n    size: {\n      xs: \"[&_svg:not([class*='size-'])]:size-3\",\n      sm: \"[&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"[&_svg:not([class*='size-'])]:size-4\",\n      lg: \"[&_svg:not([class*='size-'])]:size-4\",\n      xl: \"[&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype InputOTPSeparatorVariantProps = VariantProps<\n  typeof inputOTPSeparatorVariants\n>;\n\nexport type InputOTPSeparatorProps = ComponentProps<\"div\"> &\n  InputOTPSeparatorVariantProps & {\n    size?: InputSize;\n  };\n\nconst InputOTPSeparator = ({\n  className,\n  size,\n  ...props\n}: InputOTPSeparatorProps) => {\n  const { size: rootSize } = useContext(InputOTPContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <div\n      className={cn(\n        inputOTPSeparatorVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"input-otp-separator\"\n      role=\"separator\"\n      {...props}\n    >\n      <HugeiconsIcon icon={MinusSignIcon} strokeWidth={2} />\n    </div>\n  );\n};\n\nexport { InputOTPSeparator };\n","import { OTPInputContext } from \"input-otp\";\nimport { type ComponentProps, useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { InputOTPContext } from \"./input-otp-context\";\n\nconst inputOTPSlotVariants = tv({\n  slots: {\n    caret: \"animate-caret-blink bg-foreground duration-1000\",\n    root: \"relative flex items-center justify-center border-y border-r border-input shadow-xs transition-all outline-none first:border-l aria-invalid:border-danger first:rounded-l-md last:rounded-r-md data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-danger data-[active=true]:aria-invalid:ring-danger/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-danger/40\",\n  },\n  variants: {\n    size: {\n      xs: {\n        caret: \"h-3 w-px\",\n        root: \"size-6 text-xs first:rounded-l-[min(var(--radius-md),8px)] last:rounded-r-[min(var(--radius-md),8px)]\",\n      },\n      sm: {\n        caret: \"h-3.5 w-px\",\n        root: \"size-8 text-sm first:rounded-l-[min(var(--radius-md),10px)] last:rounded-r-[min(var(--radius-md),10px)]\",\n      },\n      md: {\n        caret: \"h-4 w-px\",\n        root: \"size-9 text-base first:rounded-l-md last:rounded-r-md md:text-sm\",\n      },\n      lg: {\n        caret: \"h-4 w-px\",\n        root: \"size-10 text-base first:rounded-l-md last:rounded-r-md md:text-sm\",\n      },\n      xl: {\n        caret: \"h-5 w-px\",\n        root: \"size-11 text-base first:rounded-l-md last:rounded-r-md\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype InputOTPSlotVariantProps = VariantProps<typeof inputOTPSlotVariants>;\nexport type InputOTPSlotProps = ComponentProps<\"div\"> & {\n  index: number;\n} & InputOTPSlotVariantProps & {\n    size?: InputSize;\n  };\n\nconst InputOTPSlot = ({\n  index,\n  className,\n  size,\n  ...props\n}: InputOTPSlotProps) => {\n  const inputOTPContext = useContext(OTPInputContext);\n  const { size: rootSize } = useContext(InputOTPContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n  const { caret, root } = inputOTPSlotVariants({ size: resolvedSize });\n\n  return (\n    <div\n      className={cn(root(), className)}\n      data-active={isActive}\n      data-size={resolvedSize}\n      data-slot=\"input-otp-slot\"\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className={caret()} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { InputOTPSlot };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { OTPInput } from \"input-otp\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { InputOTPContext } from \"./input-otp-context\";\nimport { InputOTPGroup } from \"./input-otp-group\";\nimport { InputOTPSeparator } from \"./input-otp-separator\";\nimport { InputOTPSlot } from \"./input-otp-slot\";\n\ntype NativeInputOTPProps = ComponentProps<typeof OTPInput>;\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown\n  ? Omit<T, K>\n  : never;\n\nexport type InputOTPProps = DistributiveOmit<NativeInputOTPProps, \"size\"> & {\n  containerClassName?: string;\n  size?: InputSize;\n};\n\nconst InputOTP = ({\n  className,\n  containerClassName,\n  size: providedSize,\n  ...props\n}: InputOTPProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <InputOTPContext.Provider value={{ size }}>\n      <OTPInput\n        className={cn(\"disabled:cursor-not-allowed\", className)}\n        containerClassName={cn(\n          \"cn-input-otp flex items-center has-disabled:opacity-50\",\n          containerClassName\n        )}\n        data-size={size}\n        data-slot=\"input-otp\"\n        spellCheck={false}\n        {...props}\n      />\n    </InputOTPContext.Provider>\n  );\n};\n\nInputOTP.Group = InputOTPGroup;\nInputOTP.Separator = InputOTPSeparator;\nInputOTP.Slot = InputOTPSlot;\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n\nexport type { InputOTPGroupProps } from \"./input-otp-group\";\nexport type { InputOTPSeparatorProps } from \"./input-otp-separator\";\nexport type { InputOTPSlotProps } from \"./input-otp-slot\";\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,kBAAkB,cAAoC,EAC1D,MAAM,MACP,CAAC;;;;ACHF,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AASF,MAAM,iBAAiB,EAAE,WAAW,MAAM,GAAG,YAAgC;CAC3E,MAAM,EAAE,MAAM,aAAa,WAAW,gBAAgB;CACtD,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAAC;EACC,WAAW,GAAG,sBAAsB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACvE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC/BN,MAAM,4BAA4B,GAAG;CACnC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAWF,MAAM,qBAAqB,EACzB,WACA,MACA,GAAG,YACyB;CAC5B,MAAM,EAAE,MAAM,aAAa,WAAW,gBAAgB;CACtD,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAAC;EACC,WAAW,GACT,0BAA0B,EAAE,MAAM,cAAc,CAAC,EACjD,UACD;EACD,aAAW;EACX,aAAU;EACV,MAAK;EACL,GAAI;YAEJ,oBAAC;GAAc,MAAM;GAAe,aAAa;IAAK;GAClD;;;;;AChDV,MAAM,uBAAuB,GAAG;CAC9B,OAAO;EACL,OAAO;EACP,MAAM;EACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AASF,MAAM,gBAAgB,EACpB,OACA,WACA,MACA,GAAG,YACoB;CACvB,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,EAAE,MAAM,aAAa,WAAW,gBAAgB;CACtD,MAAM,EAAE,MAAM,cAAc,aAAa,iBAAiB,MAAM,UAAU,EAAE;CAC5E,MAAM,eAA0B,QAAQ,YAAY;CACpD,MAAM,EAAE,OAAO,SAAS,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAEpE,QACE,qBAAC;EACC,WAAW,GAAG,MAAM,EAAE,UAAU;EAChC,eAAa;EACb,aAAW;EACX,aAAU;EACV,GAAI;aAEH,MACA,gBACC,oBAAC;GAAI,WAAU;aACb,oBAAC,SAAI,WAAW,OAAO,GAAI;IACvB;GAEJ;;;;;AClDV,MAAM,YAAY,EAChB,WACA,oBACA,MAAM,cACN,GAAG,YACgB;CACnB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,gBAAgB;EAAS,OAAO,EAAE,MAAM;YACvC,oBAAC;GACC,WAAW,GAAG,+BAA+B,UAAU;GACvD,oBAAoB,GAClB,0DACA,mBACD;GACD,aAAW;GACX,aAAU;GACV,YAAY;GACZ,GAAI;IACJ;GACuB;;AAI/B,SAAS,QAAQ;AACjB,SAAS,YAAY;AACrB,SAAS,OAAO"}
+{"version":3,"file":"input-otp.js","names":[],"sources":["../../src/ui/input-otp/input-otp-context.tsx","../../src/ui/input-otp/input-otp-group.tsx","../../src/ui/input-otp/input-otp-separator.tsx","../../src/ui/input-otp/input-otp-slot.tsx","../../src/ui/input-otp/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\ninterface InputOTPContextValue {\n  size: InputSize;\n}\n\nconst InputOTPContext = createContext<InputOTPContextValue>({\n  size: \"md\",\n});\n\nexport { InputOTPContext };\n","import type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { InputOTPContext } from \"./input-otp-context\";\n\nconst inputOTPGroupVariants = tv({\n  base: \"has-aria-invalid:border-danger has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40 flex items-center has-aria-invalid:ring-[3px]\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"rounded-md\",\n      md: \"rounded-md\",\n      sm: \"rounded-[min(var(--radius-md),10px)]\",\n      xl: \"rounded-md\",\n      xs: \"rounded-[min(var(--radius-md),8px)]\",\n    },\n  },\n});\n\ntype InputOTPGroupVariantProps = VariantProps<typeof inputOTPGroupVariants>;\n\nexport type InputOTPGroupProps = ComponentProps<\"div\"> &\n  InputOTPGroupVariantProps & {\n    size?: InputSize;\n  };\n\nconst InputOTPGroup = ({ className, size, ...props }: InputOTPGroupProps) => {\n  const { size: rootSize } = useContext(InputOTPContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <div\n      className={cn(inputOTPGroupVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"input-otp-group\"\n      {...props}\n    />\n  );\n};\n\nexport { InputOTPGroup };\n","import { MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { InputOTPContext } from \"./input-otp-context\";\n\nconst inputOTPSeparatorVariants = tv({\n  base: \"flex items-center justify-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"[&_svg:not([class*='size-'])]:size-4\",\n      md: \"[&_svg:not([class*='size-'])]:size-4\",\n      sm: \"[&_svg:not([class*='size-'])]:size-3.5\",\n      xl: \"[&_svg:not([class*='size-'])]:size-5\",\n      xs: \"[&_svg:not([class*='size-'])]:size-3\",\n    },\n  },\n});\n\ntype InputOTPSeparatorVariantProps = VariantProps<\n  typeof inputOTPSeparatorVariants\n>;\n\nexport type InputOTPSeparatorProps = ComponentProps<\"div\"> &\n  InputOTPSeparatorVariantProps & {\n    size?: InputSize;\n  };\n\nconst InputOTPSeparator = ({\n  className,\n  size,\n  ...props\n}: InputOTPSeparatorProps) => {\n  const { size: rootSize } = useContext(InputOTPContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <div\n      className={cn(\n        inputOTPSeparatorVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"input-otp-separator\"\n      role=\"separator\"\n      {...props}\n    >\n      <HugeiconsIcon icon={MinusSignIcon} strokeWidth={2} />\n    </div>\n  );\n};\n\nexport { InputOTPSeparator };\n","import { OTPInputContext } from \"input-otp\";\nimport { useContext } from \"react\";\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { InputOTPContext } from \"./input-otp-context\";\n\nconst inputOTPSlotVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  slots: {\n    caret: \"animate-caret-blink bg-foreground duration-1000\",\n    root: \"border-input aria-invalid:border-danger data-[active=true]:z-raised data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-danger data-[active=true]:aria-invalid:ring-danger/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-danger/40 relative flex items-center justify-center border-y border-r shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:ring-[3px]\",\n  },\n  variants: {\n    size: {\n      lg: {\n        caret: \"h-4 w-px\",\n        root: \"size-10 text-base first:rounded-l-md last:rounded-r-md md:text-sm\",\n      },\n      md: {\n        caret: \"h-4 w-px\",\n        root: \"size-9 text-base first:rounded-l-md last:rounded-r-md md:text-sm\",\n      },\n      sm: {\n        caret: \"h-3.5 w-px\",\n        root: \"size-8 text-sm first:rounded-l-[min(var(--radius-md),10px)] last:rounded-r-[min(var(--radius-md),10px)]\",\n      },\n      xl: {\n        caret: \"h-5 w-px\",\n        root: \"size-11 text-base first:rounded-l-md last:rounded-r-md\",\n      },\n      xs: {\n        caret: \"h-3 w-px\",\n        root: \"size-6 text-xs first:rounded-l-[min(var(--radius-md),8px)] last:rounded-r-[min(var(--radius-md),8px)]\",\n      },\n    },\n  },\n});\n\ntype InputOTPSlotVariantProps = VariantProps<typeof inputOTPSlotVariants>;\nexport type InputOTPSlotProps = ComponentProps<\"div\"> & {\n  index: number;\n} & InputOTPSlotVariantProps & {\n    size?: InputSize;\n  };\n\nconst InputOTPSlot = ({\n  index,\n  className,\n  size,\n  ...props\n}: InputOTPSlotProps) => {\n  const inputOTPContext = useContext(OTPInputContext);\n  const { size: rootSize } = useContext(InputOTPContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n  const { caret, root } = inputOTPSlotVariants({ size: resolvedSize });\n\n  return (\n    <div\n      className={cn(root(), className)}\n      data-active={isActive}\n      data-size={resolvedSize}\n      data-slot=\"input-otp-slot\"\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className={caret()} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { InputOTPSlot };\n","\"use client\";\n\nimport { OTPInput } from \"input-otp\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { InputOTPContext } from \"./input-otp-context\";\nimport { InputOTPGroup } from \"./input-otp-group\";\nimport { InputOTPSeparator } from \"./input-otp-separator\";\nimport { InputOTPSlot } from \"./input-otp-slot\";\n\ntype NativeInputOTPProps = ComponentProps<typeof OTPInput>;\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown\n  ? Omit<T, K>\n  : never;\n\nexport type InputOTPProps = DistributiveOmit<NativeInputOTPProps, \"size\"> & {\n  containerClassName?: string;\n  size?: InputSize;\n};\n\nconst InputOTP = ({\n  className,\n  containerClassName,\n  size: providedSize,\n  ...props\n}: InputOTPProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <InputOTPContext.Provider value={contextValue}>\n      <OTPInput\n        className={cn(\"disabled:cursor-not-allowed\", className)}\n        containerClassName={cn(\n          \"cn-input-otp flex items-center has-disabled:opacity-50\",\n          containerClassName\n        )}\n        data-size={size}\n        data-slot=\"input-otp\"\n        spellCheck={false}\n        {...props}\n      />\n    </InputOTPContext.Provider>\n  );\n};\n\nInputOTP.Group = InputOTPGroup;\nInputOTP.Separator = InputOTPSeparator;\nInputOTP.Slot = InputOTPSlot;\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n\nexport type { InputOTPGroupProps } from \"./input-otp-group\";\nexport type { InputOTPSeparatorProps } from \"./input-otp-separator\";\nexport type { InputOTPSlotProps } from \"./input-otp-slot\";\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,kBAAkB,cAAoC,EAC1D,MAAM,MACP,CAAC;;;;ACJF,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC;AASF,MAAM,iBAAiB,EAAE,WAAW,MAAM,GAAG,YAAgC;CAC3E,MAAM,EAAE,MAAM,aAAa,WAAW,gBAAgB;CACtD,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,sBAAsB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACvE,aAAW;EACX,aAAU;EACV,GAAI;EACJ;;;;;AC/BN,MAAM,4BAA4B,GAAG;CACnC,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC;AAWF,MAAM,qBAAqB,EACzB,WACA,MACA,GAAG,YACyB;CAC5B,MAAM,EAAE,MAAM,aAAa,WAAW,gBAAgB;CACtD,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAAC,OAAD;EACE,WAAW,GACT,0BAA0B,EAAE,MAAM,cAAc,CAAC,EACjD,UACD;EACD,aAAW;EACX,aAAU;EACV,MAAK;EACL,GAAI;YAEJ,oBAAC,eAAD;GAAe,MAAM;GAAe,aAAa;GAAK;EAClD;;;;;AC9CV,MAAM,uBAAuB,GAAG;CAC9B,iBAAiB,EACf,MAAM,MACP;CACD,OAAO;EACL,OAAO;EACP,MAAM;EACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACF,EACF;CACF,CAAC;AASF,MAAM,gBAAgB,EACpB,OACA,WACA,MACA,GAAG,YACoB;CACvB,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,EAAE,MAAM,aAAa,WAAW,gBAAgB;CACtD,MAAM,EAAE,MAAM,cAAc,aAAa,iBAAiB,MAAM,UAAU,EAAE;CAC5E,MAAM,eAA0B,QAAQ,YAAY;CACpD,MAAM,EAAE,OAAO,SAAS,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAEpE,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,MAAM,EAAE,UAAU;EAChC,eAAa;EACb,aAAW;EACX,aAAU;EACV,GAAI;YALN,CAOG,MACA,gBACC,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,OAAD,EAAK,WAAW,OAAO,EAAI;GACvB,EAEJ;;;;;;ACpDV,MAAM,YAAY,EAChB,WACA,oBACA,MAAM,cACN,GAAG,YACgB;CACnB,MAAM,OAAO,iBAAiB,aAAa;CAC3C,MAAM,eAAe,eAAe,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AAEtD,QACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;YAC/B,oBAAC,UAAD;GACE,WAAW,GAAG,+BAA+B,UAAU;GACvD,oBAAoB,GAClB,0DACA,mBACD;GACD,aAAW;GACX,aAAU;GACV,YAAY;GACZ,GAAI;GACJ;EACuB;;AAI/B,SAAS,QAAQ;AACjB,SAAS,YAAY;AACrB,SAAS,OAAO"}

package/dist/ui/input.d.ts

@@ -1,46 +1,2 @@
-import { t as UISize } from "../size-system-wzOLSuax.js";
-import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as tailwind_variants0 from "tailwind-variants";
-import { VariantProps } from "tailwind-variants";
-import { Input as Input$1 } from "@base-ui/react/input";
-
-//#region src/ui/input/input.d.ts
-declare const inputVariants: tailwind_variants0.TVReturnType<{
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-  };
-}, undefined, "w-full min-w-0 border border-input bg-transparent transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", {
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-  };
-}, undefined, tailwind_variants0.TVReturnType<{
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-  };
-}, undefined, "w-full min-w-0 border border-input bg-transparent transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", unknown, unknown, undefined>>;
-type InputVariantProps = Omit<VariantProps<typeof inputVariants>, "size"> & {
-  size?: UISize;
-};
-type NativeInputProps = ComponentProps<typeof Input$1>;
-type NativeInputSize = NativeInputProps["size"];
-type InputSize = UISize;
-type InputProps = Omit<NativeInputProps, "size"> & InputVariantProps & {
-  htmlSize?: NativeInputSize;
-};
-declare const Input: (incomingProps: InputProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Input, InputProps, InputSize };
-//# sourceMappingURL=input.d.ts.map
+import { n as InputProps, r as InputSize, t as Input } from "../input-BeE717GK.js";
+export { Input, InputProps, InputSize };

package/dist/ui/input.js

@@ -1,37 +1,5 @@
 "use client";
 
-import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
-import { t as useInputDefaultProps } from "../use-input-default-props-B6VgKXGM.js";
-import { jsx } from "react/jsx-runtime";
-import { tv } from "tailwind-variants";
-import { Input as Input$1 } from "@base-ui/react/input";
+import { t as Input } from "../input-cICL6sH_.js";
 
-//#region src/ui/input/input.tsx
-const inputVariants = tv({
-	base: "w-full min-w-0 border border-input bg-transparent transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40",
-	variants: { size: {
-		xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs file:h-5 file:text-xs",
-		sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm file:h-6 file:text-xs",
-		md: "h-9 rounded-md px-2.5 py-1 text-base file:h-7 file:text-sm md:text-sm",
-		lg: "h-10 rounded-md px-3 py-1.5 text-base file:h-8 file:text-sm md:text-sm",
-		xl: "h-11 rounded-md px-4 py-1.5 text-base file:h-8 file:text-base"
-	} },
-	defaultVariants: { size: "md" }
-});
-const Input = (incomingProps) => {
-	const { className, htmlSize, size: providedSize, type, ...props } = useInputDefaultProps(incomingProps);
-	const size = useComponentSize(providedSize);
-	return /* @__PURE__ */ jsx(Input$1, {
-		className: mergeBaseUIClassName(inputVariants({ size }), className),
-		"data-size": size,
-		"data-slot": "input",
-		size: htmlSize,
-		type,
-		...props
-	});
-};
-
-//#endregion
-export { Input };
-//# sourceMappingURL=input.js.map
+export { Input };

package/dist/ui/item.d.ts

@@ -1,4 +1,4 @@
-import { Separator } from "./separator.js";
+import { t as Separator } from "../separator-CgOz2m5i.js";
 import * as react from "react";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
@@ -92,45 +92,45 @@ declare const ItemTitle: ({
 //#region src/ui/item/item.d.ts
 type ItemProps = useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>;
 declare const itemVariants: tailwind_variants0.TVReturnType<{
-  variant: {
-    default: string;
-    outline: string;
-    muted: string;
-  };
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
   variant: {
     default: string;
-    outline: string;
     muted: string;
+    outline: string;
   };
+}, undefined, "group/item border-border focus-visible:border-ring focus-visible:ring-ring/50 [a]:hover:bg-muted flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, tailwind_variants0.TVReturnType<{
   variant: {
     default: string;
-    outline: string;
     muted: string;
+    outline: string;
   };
+}, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
+  };
+  variant: {
+    default: string;
+    muted: string;
+    outline: string;
   };
-}, undefined, "group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", unknown, unknown, undefined>>;
+}, undefined, "group/item border-border focus-visible:border-ring focus-visible:ring-ring/50 [a]:hover:bg-muted flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors", unknown, unknown, undefined>>;
 declare const Item: {
   ({
     className,

package/dist/ui/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","names":[],"sources":["../../src/ui/item/item-actions.tsx","../../src/ui/item/item-content.tsx","../../src/ui/item/item-description.tsx","../../src/ui/item/item-footer.tsx","../../src/ui/item/item-group.tsx","../../src/ui/item/item-header.tsx","../../src/ui/item/item-media.tsx","../../src/ui/item/item-separator.tsx","../../src/ui/item/item-title.tsx","../../src/ui/item/item.tsx"],"mappings":";;;;;;;;;KAGY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,oBAAA,GAAuB,cAAA;AAAA,cAE7B,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF1D,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,cAAA,GAAiB,cAAA;AAAA,cAEvB,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF9C,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,cAAA,GAAiB,cAAA,UAC3B,YAAA,QAAoB,iBAAA;AAAA,cAEhB,iBAAA,EAaJ,kBAAA,CAbqB,YAAA;;;;;;;;;;;;cAarB,kBAAA,CAAA,YAAA;;;;;;;cAEI,SAAA;EAAa,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAIhB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCpBL,kBAAA,GAAqB,cAAA,QAAsB,SAAA;AAAA,cAEjD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCJtD,cAAA,GAAiB,cAAA;AAAA,cAEvB,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCW9C,SAAA,GAAY,SAAA,CAAU,cAAA,UAChC,YAAA,QAAoB,YAAA;AAAA,cAEhB,YAAA,EAoBJ,kBAAA,CApBgB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;cAoBhB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;cAEI,IAAA;EAAA;;;;;;KAMH,SAAA,GAAS,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA"}
+{"version":3,"file":"item.d.ts","names":[],"sources":["../../src/ui/item/item-actions.tsx","../../src/ui/item/item-content.tsx","../../src/ui/item/item-description.tsx","../../src/ui/item/item-footer.tsx","../../src/ui/item/item-group.tsx","../../src/ui/item/item-header.tsx","../../src/ui/item/item-media.tsx","../../src/ui/item/item-separator.tsx","../../src/ui/item/item-title.tsx","../../src/ui/item/item.tsx"],"mappings":";;;;;;;;;KAEY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,oBAAA,GAAuB,cAAA;AAAA,cAE7B,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF1D,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,cAAA,GAAiB,cAAA;AAAA,cAEvB,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF9C,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDhD,cAAA,GAAiB,cAAA,UAC3B,YAAA,QAAoB,iBAAA;AAAA,cAEhB,iBAAA,EAaJ,kBAAA,CAbqB,YAAA;;;;;;;;;;;;cAarB,kBAAA,CAAA,YAAA;;;;;;;cAEI,SAAA;EAAa,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAIhB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCrBL,kBAAA,GAAqB,cAAA,QAAsB,SAAA;AAAA,cAEjD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCJtD,cAAA,GAAiB,cAAA;AAAA,cAEvB,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCa9C,SAAA,GAAY,SAAA,CAAU,cAAA,UAChC,YAAA,QAAoB,YAAA;AAAA,cAEhB,YAAA,EAoBJ,kBAAA,CApBgB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;cAoBhB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;cAEI,IAAA;EAAA;;;;;;KAMH,SAAA,GAAS,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA"}

package/dist/ui/item.js

@@ -25,7 +25,7 @@ const ItemContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 //#endregion
 //#region src/ui/item/item-description.tsx
 const ItemDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("p", {
-	className: cn("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", className),
+	className: cn("text-muted-foreground [&>a:hover]:text-primary-foreground line-clamp-2 text-left text-sm leading-normal font-normal group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4", className),
 	"data-slot": "item-description",
 	...props
 });
@@ -59,12 +59,12 @@ const ItemHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 //#region src/ui/item/item-media.tsx
 const itemMediaVariants = tv({
 	base: "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+	defaultVariants: { variant: "default" },
 	variants: { variant: {
 		default: "bg-transparent",
 		icon: "[&_svg:not([class*='size-'])]:size-4",
-		image: "overflow-hidden rounded-sm group-data-[size=xs]/item:size-6 group-data-[size=sm]/item:size-8 group-data-[size=md]/item:size-10 group-data-[size=lg]/item:size-12 group-data-[size=xl]/item:size-14 [&_img]:size-full [&_img]:object-cover"
-	} },
-	defaultVariants: { variant: "default" }
+		image: "overflow-hidden rounded-sm group-data-[size=lg]/item:size-12 group-data-[size=md]/item:size-10 group-data-[size=sm]/item:size-8 group-data-[size=xl]/item:size-14 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+	} }
 });
 const ItemMedia = ({ className, variant = "default", ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn(itemMediaVariants({ variant }), className),
@@ -93,24 +93,24 @@ const ItemTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 //#endregion
 //#region src/ui/item/item.tsx
 const itemVariants = tv({
-	base: "group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
+	base: "group/item border-border focus-visible:border-ring focus-visible:ring-ring/50 [a]:hover:bg-muted flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors",
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
 	variants: {
-		variant: {
-			default: "border-transparent",
-			outline: "border-border",
-			muted: "border-transparent bg-muted/50"
-		},
 		size: {
-			xs: "gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0",
-			sm: "gap-2.5 px-3 py-2.5",
-			md: "gap-3.5 px-4 py-3.5",
 			lg: "gap-4 px-4 py-4",
-			xl: "gap-4 px-5 py-4.5 text-base"
+			md: "gap-3.5 px-4 py-3.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xl: "gap-4 px-5 py-4.5 text-base",
+			xs: "gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0"
+		},
+		variant: {
+			default: "border-transparent",
+			muted: "bg-muted/50 border-transparent",
+			outline: "border-border"
 		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "md"
 	}
 });
 const Item = ({ className, variant = "default", size: providedSize, render, ...props }) => {
@@ -118,14 +118,14 @@ const Item = ({ className, variant = "default", size: providedSize, render, ...p
 	return useRender({
 		defaultTagName: "div",
 		props: mergeProps({ className: cn(itemVariants({
-			variant,
-			size
+			size,
+			variant
 		}), className) }, props),
 		render,
 		state: {
+			size,
 			slot: "item",
-			variant,
-			size
+			variant
 		}
 	});
 };

package/dist/ui/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":[],"sources":["../../src/ui/item/item-actions.tsx","../../src/ui/item/item-content.tsx","../../src/ui/item/item-description.tsx","../../src/ui/item/item-footer.tsx","../../src/ui/item/item-group.tsx","../../src/ui/item/item-header.tsx","../../src/ui/item/item-media.tsx","../../src/ui/item/item-separator.tsx","../../src/ui/item/item-title.tsx","../../src/ui/item/item.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemActionsProps = ComponentProps<\"div\">;\n\nconst ItemActions = ({ className, ...props }: ItemActionsProps) => (\n  <div\n    className={cn(\"flex items-center gap-2\", className)}\n    data-slot=\"item-actions\"\n    {...props}\n  />\n);\n\nexport { ItemActions };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemContentProps = ComponentProps<\"div\">;\n\nconst ItemContent = ({ className, ...props }: ItemContentProps) => (\n  <div\n    className={cn(\n      \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n      className\n    )}\n    data-slot=\"item-content\"\n    {...props}\n  />\n);\n\nexport { ItemContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemDescriptionProps = ComponentProps<\"p\">;\n\nconst ItemDescription = ({ className, ...props }: ItemDescriptionProps) => (\n  <p\n    className={cn(\n      \"line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground\",\n      className\n    )}\n    data-slot=\"item-description\"\n    {...props}\n  />\n);\n\nexport { ItemDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemFooterProps = ComponentProps<\"div\">;\n\nconst ItemFooter = ({ className, ...props }: ItemFooterProps) => (\n  <div\n    className={cn(\n      \"flex basis-full items-center justify-between gap-2\",\n      className\n    )}\n    data-slot=\"item-footer\"\n    {...props}\n  />\n);\n\nexport { ItemFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemGroupProps = ComponentProps<\"div\">;\n\nconst ItemGroup = ({ className, ...props }: ItemGroupProps) => (\n  <div\n    className={cn(\n      \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n      className\n    )}\n    data-slot=\"item-group\"\n    role=\"list\"\n    {...props}\n  />\n);\n\nexport { ItemGroup };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemHeaderProps = ComponentProps<\"div\">;\n\nconst ItemHeader = ({ className, ...props }: ItemHeaderProps) => (\n  <div\n    className={cn(\n      \"flex basis-full items-center justify-between gap-2\",\n      className\n    )}\n    data-slot=\"item-header\"\n    {...props}\n  />\n);\n\nexport { ItemHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\nexport type ItemMediaProps = ComponentProps<\"div\"> &\n  VariantProps<typeof itemMediaVariants>;\n\nconst itemMediaVariants = tv({\n  base: \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"[&_svg:not([class*='size-'])]:size-4\",\n      image:\n        \"overflow-hidden rounded-sm group-data-[size=xs]/item:size-6 group-data-[size=sm]/item:size-8 group-data-[size=md]/item:size-10 group-data-[size=lg]/item:size-12 group-data-[size=xl]/item:size-14 [&_img]:size-full [&_img]:object-cover\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst ItemMedia = ({\n  className,\n  variant = \"default\",\n  ...props\n}: ItemMediaProps) => (\n  <div\n    className={cn(itemMediaVariants({ variant }), className)}\n    data-slot=\"item-media\"\n    data-variant={variant}\n    {...props}\n  />\n);\n\nexport { ItemMedia };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Separator } from \"../separator/separator\";\nexport type ItemSeparatorProps = ComponentProps<typeof Separator>;\n\nconst ItemSeparator = ({ className, ...props }: ItemSeparatorProps) => (\n  <Separator\n    className={cn(\"my-2\", className)}\n    data-slot=\"item-separator\"\n    orientation=\"horizontal\"\n    {...props}\n  />\n);\n\nexport { ItemSeparator };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemTitleProps = ComponentProps<\"div\">;\n\nconst ItemTitle = ({ className, ...props }: ItemTitleProps) => (\n  <div\n    className={cn(\n      \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n      className\n    )}\n    data-slot=\"item-title\"\n    {...props}\n  />\n);\n\nexport { ItemTitle };\n","\"use client\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { ItemActions } from \"./item-actions\";\nimport { ItemContent } from \"./item-content\";\nimport { ItemDescription } from \"./item-description\";\nimport { ItemFooter } from \"./item-footer\";\nimport { ItemGroup } from \"./item-group\";\nimport { ItemHeader } from \"./item-header\";\nimport { ItemMedia } from \"./item-media\";\nimport { ItemSeparator } from \"./item-separator\";\nimport { ItemTitle } from \"./item-title\";\nexport type ItemProps = useRender.ComponentProps<\"div\"> &\n  VariantProps<typeof itemVariants>;\n\nconst itemVariants = tv({\n  base: \"group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n  variants: {\n    variant: {\n      default: \"border-transparent\",\n      outline: \"border-border\",\n      muted: \"border-transparent bg-muted/50\",\n    },\n    size: {\n      xs: \"gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0\",\n      sm: \"gap-2.5 px-3 py-2.5\",\n      md: \"gap-3.5 px-4 py-3.5\",\n      lg: \"gap-4 px-4 py-4\",\n      xl: \"gap-4 px-5 py-4.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nconst Item = ({\n  className,\n  variant = \"default\",\n  size: providedSize,\n  render,\n  ...props\n}: ItemProps) => {\n  const size = useComponentSize(providedSize);\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  });\n};\n\nItem.Actions = ItemActions;\nItem.Content = ItemContent;\nItem.Description = ItemDescription;\nItem.Footer = ItemFooter;\nItem.Group = ItemGroup;\nItem.Header = ItemHeader;\nItem.Media = ItemMedia;\nItem.Separator = ItemSeparator;\nItem.Title = ItemTitle;\n\nexport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemFooter,\n  ItemGroup,\n  ItemHeader,\n  ItemMedia,\n  ItemSeparator,\n  ItemTitle,\n  itemVariants,\n};\n\nexport type { ItemActionsProps } from \"./item-actions\";\nexport type { ItemContentProps } from \"./item-content\";\nexport type { ItemDescriptionProps } from \"./item-description\";\nexport type { ItemFooterProps } from \"./item-footer\";\nexport type { ItemGroupProps } from \"./item-group\";\nexport type { ItemHeaderProps } from \"./item-header\";\nexport type { ItemMediaProps } from \"./item-media\";\nexport type { ItemSeparatorProps } from \"./item-separator\";\nexport type { ItemTitleProps } from \"./item-title\";\n"],"mappings":";;;;;;;;;;AAKA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GAAG,2BAA2B,UAAU;CACnD,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GACT,qGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAAC;CACC,WAAW,GACT,kMACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GACT,mGACA,UACD;CACD,aAAU;CACV,MAAK;CACL,GAAI;EACJ;;;;ACTJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACPJ,MAAM,oBAAoB,GAAG;CAC3B,MAAM;CACN,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,aAAa,EACjB,WACA,UAAU,WACV,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;CACxD,aAAU;CACV,gBAAc;CACd,GAAI;EACJ;;;;ACxBJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC;CACC,WAAW,GAAG,QAAQ,UAAU;CAChC,aAAU;CACV,aAAY;CACZ,GAAI;EACJ;;;;ACRJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GACT,kGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACMJ,MAAM,eAAe,GAAG;CACtB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,OAAO;GACR;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAEF,MAAM,QAAQ,EACZ,WACA,UAAU,WACV,MAAM,cACN,QACA,GAAG,YACY;CACf,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,aAAa;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU,EAC1D,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN;GACA;GACD;EACF,CAAC;;AAGJ,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,cAAc;AACnB,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,YAAY;AACjB,KAAK,QAAQ"}
+{"version":3,"file":"item.js","names":[],"sources":["../../src/ui/item/item-actions.tsx","../../src/ui/item/item-content.tsx","../../src/ui/item/item-description.tsx","../../src/ui/item/item-footer.tsx","../../src/ui/item/item-group.tsx","../../src/ui/item/item-header.tsx","../../src/ui/item/item-media.tsx","../../src/ui/item/item-separator.tsx","../../src/ui/item/item-title.tsx","../../src/ui/item/item.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type ItemActionsProps = ComponentProps<\"div\">;\n\nconst ItemActions = ({ className, ...props }: ItemActionsProps) => (\n  <div\n    className={cn(\"flex items-center gap-2\", className)}\n    data-slot=\"item-actions\"\n    {...props}\n  />\n);\n\nexport { ItemActions };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type ItemContentProps = ComponentProps<\"div\">;\n\nconst ItemContent = ({ className, ...props }: ItemContentProps) => (\n  <div\n    className={cn(\n      \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n      className\n    )}\n    data-slot=\"item-content\"\n    {...props}\n  />\n);\n\nexport { ItemContent };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type ItemDescriptionProps = ComponentProps<\"p\">;\n\nconst ItemDescription = ({ className, ...props }: ItemDescriptionProps) => (\n  <p\n    className={cn(\n      \"text-muted-foreground [&>a:hover]:text-primary-foreground line-clamp-2 text-left text-sm leading-normal font-normal group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4\",\n      className\n    )}\n    data-slot=\"item-description\"\n    {...props}\n  />\n);\n\nexport { ItemDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type ItemFooterProps = ComponentProps<\"div\">;\n\nconst ItemFooter = ({ className, ...props }: ItemFooterProps) => (\n  <div\n    className={cn(\n      \"flex basis-full items-center justify-between gap-2\",\n      className\n    )}\n    data-slot=\"item-footer\"\n    {...props}\n  />\n);\n\nexport { ItemFooter };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type ItemGroupProps = ComponentProps<\"div\">;\n\nconst ItemGroup = ({ className, ...props }: ItemGroupProps) => (\n  <div\n    className={cn(\n      \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n      className\n    )}\n    data-slot=\"item-group\"\n    role=\"list\"\n    {...props}\n  />\n);\n\nexport { ItemGroup };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type ItemHeaderProps = ComponentProps<\"div\">;\n\nconst ItemHeader = ({ className, ...props }: ItemHeaderProps) => (\n  <div\n    className={cn(\n      \"flex basis-full items-center justify-between gap-2\",\n      className\n    )}\n    data-slot=\"item-header\"\n    {...props}\n  />\n);\n\nexport { ItemHeader };\n","import type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\nexport type ItemMediaProps = ComponentProps<\"div\"> &\n  VariantProps<typeof itemMediaVariants>;\n\nconst itemMediaVariants = tv({\n  base: \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none\",\n  defaultVariants: {\n    variant: \"default\",\n  },\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"[&_svg:not([class*='size-'])]:size-4\",\n      image:\n        \"overflow-hidden rounded-sm group-data-[size=lg]/item:size-12 group-data-[size=md]/item:size-10 group-data-[size=sm]/item:size-8 group-data-[size=xl]/item:size-14 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n    },\n  },\n});\n\nconst ItemMedia = ({\n  className,\n  variant = \"default\",\n  ...props\n}: ItemMediaProps) => (\n  <div\n    className={cn(itemMediaVariants({ variant }), className)}\n    data-slot=\"item-media\"\n    data-variant={variant}\n    {...props}\n  />\n);\n\nexport { ItemMedia };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Separator } from \"../separator/separator\";\nexport type ItemSeparatorProps = ComponentProps<typeof Separator>;\n\nconst ItemSeparator = ({ className, ...props }: ItemSeparatorProps) => (\n  <Separator\n    className={cn(\"my-2\", className)}\n    data-slot=\"item-separator\"\n    orientation=\"horizontal\"\n    {...props}\n  />\n);\n\nexport { ItemSeparator };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type ItemTitleProps = ComponentProps<\"div\">;\n\nconst ItemTitle = ({ className, ...props }: ItemTitleProps) => (\n  <div\n    className={cn(\n      \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n      className\n    )}\n    data-slot=\"item-title\"\n    {...props}\n  />\n);\n\nexport { ItemTitle };\n","\"use client\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { ItemActions } from \"./item-actions\";\nimport { ItemContent } from \"./item-content\";\nimport { ItemDescription } from \"./item-description\";\nimport { ItemFooter } from \"./item-footer\";\nimport { ItemGroup } from \"./item-group\";\nimport { ItemHeader } from \"./item-header\";\nimport { ItemMedia } from \"./item-media\";\nimport { ItemSeparator } from \"./item-separator\";\nimport { ItemTitle } from \"./item-title\";\nexport type ItemProps = useRender.ComponentProps<\"div\"> &\n  VariantProps<typeof itemVariants>;\n\nconst itemVariants = tv({\n  base: \"group/item border-border focus-visible:border-ring focus-visible:ring-ring/50 [a]:hover:bg-muted flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors\",\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      lg: \"gap-4 px-4 py-4\",\n      md: \"gap-3.5 px-4 py-3.5\",\n      sm: \"gap-2.5 px-3 py-2.5\",\n      xl: \"gap-4 px-5 py-4.5 text-base\",\n      xs: \"gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0\",\n    },\n    variant: {\n      default: \"border-transparent\",\n      muted: \"bg-muted/50 border-transparent\",\n      outline: \"border-border\",\n    },\n  },\n});\n\nconst Item = ({\n  className,\n  variant = \"default\",\n  size: providedSize,\n  render,\n  ...props\n}: ItemProps) => {\n  const size = useComponentSize(providedSize);\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ size, variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      size,\n      slot: \"item\",\n      variant,\n    },\n  });\n};\n\nItem.Actions = ItemActions;\nItem.Content = ItemContent;\nItem.Description = ItemDescription;\nItem.Footer = ItemFooter;\nItem.Group = ItemGroup;\nItem.Header = ItemHeader;\nItem.Media = ItemMedia;\nItem.Separator = ItemSeparator;\nItem.Title = ItemTitle;\n\nexport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemFooter,\n  ItemGroup,\n  ItemHeader,\n  ItemMedia,\n  ItemSeparator,\n  ItemTitle,\n  itemVariants,\n};\n\nexport type { ItemActionsProps } from \"./item-actions\";\nexport type { ItemContentProps } from \"./item-content\";\nexport type { ItemDescriptionProps } from \"./item-description\";\nexport type { ItemFooterProps } from \"./item-footer\";\nexport type { ItemGroupProps } from \"./item-group\";\nexport type { ItemHeaderProps } from \"./item-header\";\nexport type { ItemMediaProps } from \"./item-media\";\nexport type { ItemSeparatorProps } from \"./item-separator\";\nexport type { ItemTitleProps } from \"./item-title\";\n"],"mappings":";;;;;;;;;;AAIA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAD;CACE,WAAW,GAAG,2BAA2B,UAAU;CACnD,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAD;CACE,WAAW,GACT,qGACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAAC,KAAD;CACE,WAAW,GACT,kMACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC,OAAD;CACE,WAAW,GACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC,OAAD;CACE,WAAW,GACT,mGACA,UACD;CACD,aAAU;CACV,MAAK;CACL,GAAI;CACJ;;;;ACTJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC,OAAD;CACE,WAAW,GACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACNJ,MAAM,oBAAoB,GAAG;CAC3B,MAAM;CACN,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OACE;EACH,EACF;CACF,CAAC;AAEF,MAAM,aAAa,EACjB,WACA,UAAU,WACV,GAAG,YAEH,oBAAC,OAAD;CACE,WAAW,GAAG,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;CACxD,aAAU;CACV,gBAAc;CACd,GAAI;CACJ;;;;ACzBJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC,WAAD;CACE,WAAW,GAAG,QAAQ,UAAU;CAChC,aAAU;CACV,aAAY;CACZ,GAAI;CACJ;;;;ACRJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC,OAAD;CACE,WAAW,GACT,kGACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACQJ,MAAM,eAAe,GAAG;CACtB,MAAM;CACN,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,SAAS;GACT,OAAO;GACP,SAAS;GACV;EACF;CACF,CAAC;AAEF,MAAM,QAAQ,EACZ,WACA,UAAU,WACV,MAAM,cACN,QACA,GAAG,YACY;CACf,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,aAAa;GAAE;GAAM;GAAS,CAAC,EAAE,UAAU,EAC1D,EACD,MACD;EACD;EACA,OAAO;GACL;GACA,MAAM;GACN;GACD;EACF,CAAC;;AAGJ,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,cAAc;AACnB,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,YAAY;AACjB,KAAK,QAAQ"}

package/dist/ui/kbd.d.ts

@@ -1,4 +1,4 @@
-import { t as UISize } from "../size-system-wzOLSuax.js";
+import { t as UISize } from "../size-system-BAI1CnwU.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 

package/dist/ui/kbd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.d.ts","names":[],"sources":["../../src/ui/kbd/kbd-size-context.ts","../../src/ui/kbd/kbd-group.tsx","../../src/ui/kbd/kbd.tsx"],"mappings":";;;;;KAMY,OAAA,GAAU,MAAA;;;KCEV,aAAA,GAAgB,cAAA;EAC1B,IAAA,GAAO,OAAA;AAAA;AAAA,cAGH,QAAA;EAAY,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCalD,QAAA,GAAW,cAAA;EACrB,IAAA,GAAO,OAAA;AAAA;AAAA,cAGH,GAAA;EAAA;;;;KAAsC,QAAA,GAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"kbd.d.ts","names":[],"sources":["../../src/ui/kbd/kbd-size-context.ts","../../src/ui/kbd/kbd-group.tsx","../../src/ui/kbd/kbd.tsx"],"mappings":";;;;;KAMY,OAAA,GAAU,MAAA;;;KCAV,aAAA,GAAgB,cAAA;EAC1B,IAAA,GAAO,OAAA;AAAA;AAAA,cAGH,QAAA;EAAY,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCelD,QAAA,GAAW,cAAA;EACrB,IAAA,GAAO,OAAA;AAAA;AAAA,cAGH,GAAA;EAAA;;;;KAAsC,QAAA,GAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/kbd.js

@@ -19,7 +19,7 @@ const KbdGroup = ({ className, size, ...props }) => {
 	return /* @__PURE__ */ jsx(KbdSizeContext.Provider, {
 		value: resolvedSize,
 		children: /* @__PURE__ */ jsx("kbd", {
-			className: cn("group/kbd-group inline-flex items-center data-[size=xs]:gap-0.5 data-[size=sm]:gap-0.5 data-[size=md]:gap-1 data-[size=lg]:gap-1 data-[size=xl]:gap-1.5", className),
+			className: cn("group/kbd-group inline-flex items-center data-[size=lg]:gap-1 data-[size=md]:gap-1 data-[size=sm]:gap-0.5 data-[size=xl]:gap-1.5 data-[size=xs]:gap-0.5", className),
 			"data-size": resolvedSize,
 			"data-slot": "kbd-group",
 			...props
@@ -30,15 +30,15 @@ const KbdGroup = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/kbd/kbd.tsx
 const kbdVariants = tv({
-	base: "pointer-events-none inline-flex w-fit items-center justify-center rounded-sm bg-muted font-sans font-medium text-muted-foreground select-none [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
+	base: "bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10 pointer-events-none inline-flex w-fit items-center justify-center rounded-sm font-sans font-medium select-none",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "h-4 min-w-4 gap-0.5 px-1 text-[10px] [&_svg:not([class*='size-'])]:size-2.5",
-		sm: "h-5 min-w-5 gap-0.5 px-1 text-[11px] [&_svg:not([class*='size-'])]:size-3",
-		md: "h-5 min-w-5 gap-1 px-1 text-xs [&_svg:not([class*='size-'])]:size-3",
 		lg: "h-6 min-w-6 gap-1 px-1.5 text-sm [&_svg:not([class*='size-'])]:size-3.5",
-		xl: "h-7 min-w-7 gap-1.5 px-2 text-sm [&_svg:not([class*='size-'])]:size-4"
-	} },
-	defaultVariants: { size: "md" }
+		md: "h-5 min-w-5 gap-1 px-1 text-xs [&_svg:not([class*='size-'])]:size-3",
+		sm: "h-5 min-w-5 gap-0.5 px-1 text-[11px] [&_svg:not([class*='size-'])]:size-3",
+		xl: "h-7 min-w-7 gap-1.5 px-2 text-sm [&_svg:not([class*='size-'])]:size-4",
+		xs: "h-4 min-w-4 gap-0.5 px-1 text-[10px] [&_svg:not([class*='size-'])]:size-2.5"
+	} }
 });
 const Kbd = ({ className, size, ...props }) => {
 	const resolvedSize = useKbdResolvedSize(size);

package/dist/ui/kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","names":[],"sources":["../../src/ui/kbd/kbd-size-context.ts","../../src/ui/kbd/kbd-group.tsx","../../src/ui/kbd/kbd.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type KbdSize = UISize;\n\nconst DEFAULT_KBD_SIZE: KbdSize = \"md\";\n\nconst KbdSizeContext = createContext<KbdSize>(DEFAULT_KBD_SIZE);\n\nconst useKbdResolvedSize = (size?: KbdSize): KbdSize => {\n  const contextSize = useContext(KbdSizeContext);\n\n  return size ?? contextSize ?? DEFAULT_KBD_SIZE;\n};\n\nexport { KbdSizeContext, useKbdResolvedSize };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { KbdSize } from \"./kbd-size-context\";\n\nimport { KbdSizeContext, useKbdResolvedSize } from \"./kbd-size-context\";\n\nexport type KbdGroupProps = ComponentProps<\"kbd\"> & {\n  size?: KbdSize;\n};\n\nconst KbdGroup = ({ className, size, ...props }: KbdGroupProps) => {\n  const resolvedSize = useKbdResolvedSize(size);\n\n  return (\n    <KbdSizeContext.Provider value={resolvedSize}>\n      <kbd\n        className={cn(\n          \"group/kbd-group inline-flex items-center data-[size=xs]:gap-0.5 data-[size=sm]:gap-0.5 data-[size=md]:gap-1 data-[size=lg]:gap-1 data-[size=xl]:gap-1.5\",\n          className\n        )}\n        data-size={resolvedSize}\n        data-slot=\"kbd-group\"\n        {...props}\n      />\n    </KbdSizeContext.Provider>\n  );\n};\n\nexport { KbdGroup };\nexport type { KbdSize as KbdGroupSize };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { KbdGroup } from \"./kbd-group\";\nimport { type KbdSize, useKbdResolvedSize } from \"./kbd-size-context\";\n\nconst kbdVariants = tv({\n  base: \"pointer-events-none inline-flex w-fit items-center justify-center rounded-sm bg-muted font-sans font-medium text-muted-foreground select-none [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10\",\n  variants: {\n    size: {\n      xs: \"h-4 min-w-4 gap-0.5 px-1 text-[10px] [&_svg:not([class*='size-'])]:size-2.5\",\n      sm: \"h-5 min-w-5 gap-0.5 px-1 text-[11px] [&_svg:not([class*='size-'])]:size-3\",\n      md: \"h-5 min-w-5 gap-1 px-1 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      lg: \"h-6 min-w-6 gap-1 px-1.5 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      xl: \"h-7 min-w-7 gap-1.5 px-2 text-sm [&_svg:not([class*='size-'])]:size-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type KbdProps = ComponentProps<\"kbd\"> & {\n  size?: KbdSize;\n};\n\nconst Kbd = ({ className, size, ...props }: KbdProps) => {\n  const resolvedSize = useKbdResolvedSize(size);\n\n  return (\n    <kbd\n      className={cn(kbdVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"kbd\"\n      {...props}\n    />\n  );\n};\n\nKbd.Group = KbdGroup;\n\nexport { Kbd, KbdGroup };\n\nexport type { KbdGroupProps, KbdGroupSize } from \"./kbd-group\";\nexport type { KbdSize } from \"./kbd-size-context\";\n"],"mappings":";;;;;;;AAQA,MAAM,mBAA4B;AAElC,MAAM,iBAAiB,cAAuB,iBAAiB;AAE/D,MAAM,sBAAsB,SAA4B;CACtD,MAAM,cAAc,WAAW,eAAe;AAE9C,QAAO,QAAQ,eAAe;;;;;ACHhC,MAAM,YAAY,EAAE,WAAW,MAAM,GAAG,YAA2B;CACjE,MAAM,eAAe,mBAAmB,KAAK;AAE7C,QACE,oBAAC,eAAe;EAAS,OAAO;YAC9B,oBAAC;GACC,WAAW,GACT,2JACA,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GACsB;;;;;ACjB9B,MAAM,cAAc,GAAG;CACrB,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAMF,MAAM,OAAO,EAAE,WAAW,MAAM,GAAG,YAAsB;CACvD,MAAM,eAAe,mBAAmB,KAAK;AAE7C,QACE,oBAAC;EACC,WAAW,GAAG,YAAY,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EAC7D,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;AAIN,IAAI,QAAQ"}
+{"version":3,"file":"kbd.js","names":[],"sources":["../../src/ui/kbd/kbd-size-context.ts","../../src/ui/kbd/kbd-group.tsx","../../src/ui/kbd/kbd.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type KbdSize = UISize;\n\nconst DEFAULT_KBD_SIZE: KbdSize = \"md\";\n\nconst KbdSizeContext = createContext<KbdSize>(DEFAULT_KBD_SIZE);\n\nconst useKbdResolvedSize = (size?: KbdSize): KbdSize => {\n  const contextSize = useContext(KbdSizeContext);\n\n  return size ?? contextSize ?? DEFAULT_KBD_SIZE;\n};\n\nexport { KbdSizeContext, useKbdResolvedSize };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { KbdSize } from \"./kbd-size-context\";\nimport { KbdSizeContext, useKbdResolvedSize } from \"./kbd-size-context\";\n\nexport type KbdGroupProps = ComponentProps<\"kbd\"> & {\n  size?: KbdSize;\n};\n\nconst KbdGroup = ({ className, size, ...props }: KbdGroupProps) => {\n  const resolvedSize = useKbdResolvedSize(size);\n\n  return (\n    <KbdSizeContext.Provider value={resolvedSize}>\n      <kbd\n        className={cn(\n          \"group/kbd-group inline-flex items-center data-[size=lg]:gap-1 data-[size=md]:gap-1 data-[size=sm]:gap-0.5 data-[size=xl]:gap-1.5 data-[size=xs]:gap-0.5\",\n          className\n        )}\n        data-size={resolvedSize}\n        data-slot=\"kbd-group\"\n        {...props}\n      />\n    </KbdSizeContext.Provider>\n  );\n};\n\nexport { KbdGroup };\nexport type { KbdSize as KbdGroupSize };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { KbdGroup } from \"./kbd-group\";\nimport { useKbdResolvedSize } from \"./kbd-size-context\";\nimport type { KbdSize } from \"./kbd-size-context\";\n\nconst kbdVariants = tv({\n  base: \"bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10 pointer-events-none inline-flex w-fit items-center justify-center rounded-sm font-sans font-medium select-none\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"h-6 min-w-6 gap-1 px-1.5 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"h-5 min-w-5 gap-1 px-1 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"h-5 min-w-5 gap-0.5 px-1 text-[11px] [&_svg:not([class*='size-'])]:size-3\",\n      xl: \"h-7 min-w-7 gap-1.5 px-2 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      xs: \"h-4 min-w-4 gap-0.5 px-1 text-[10px] [&_svg:not([class*='size-'])]:size-2.5\",\n    },\n  },\n});\n\nexport type KbdProps = ComponentProps<\"kbd\"> & {\n  size?: KbdSize;\n};\n\nconst Kbd = ({ className, size, ...props }: KbdProps) => {\n  const resolvedSize = useKbdResolvedSize(size);\n\n  return (\n    <kbd\n      className={cn(kbdVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"kbd\"\n      {...props}\n    />\n  );\n};\n\nKbd.Group = KbdGroup;\n\nexport { Kbd, KbdGroup };\n\nexport type { KbdGroupProps, KbdGroupSize } from \"./kbd-group\";\nexport type { KbdSize } from \"./kbd-size-context\";\n"],"mappings":";;;;;;;AAQA,MAAM,mBAA4B;AAElC,MAAM,iBAAiB,cAAuB,iBAAiB;AAE/D,MAAM,sBAAsB,SAA4B;CACtD,MAAM,cAAc,WAAW,eAAe;AAE9C,QAAO,QAAQ,eAAe;;;;;ACLhC,MAAM,YAAY,EAAE,WAAW,MAAM,GAAG,YAA2B;CACjE,MAAM,eAAe,mBAAmB,KAAK;AAE7C,QACE,oBAAC,eAAe,UAAhB;EAAyB,OAAO;YAC9B,oBAAC,OAAD;GACE,WAAW,GACT,2JACA,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;GACJ;EACsB;;;;;ACf9B,MAAM,cAAc,GAAG;CACrB,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC;AAMF,MAAM,OAAO,EAAE,WAAW,MAAM,GAAG,YAAsB;CACvD,MAAM,eAAe,mBAAmB,KAAK;AAE7C,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,YAAY,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EAC7D,aAAW;EACX,aAAU;EACV,GAAI;EACJ;;AAIN,IAAI,QAAQ"}

package/dist/ui/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/ui/label/label.tsx"],"mappings":";;;;KAMY,UAAA,GAAa,cAAA;AAAA,cAEnB,KAAA;EAAS,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAAkC,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/ui/label/label.tsx"],"mappings":";;;;KAKY,UAAA,GAAa,cAAA;AAAA,cAEnB,KAAA;EAAS,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAAkC,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":[],"sources":["../../src/ui/label/label.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type LabelProps = ComponentProps<\"label\">;\n\nconst Label = ({ className, htmlFor, ...props }: LabelProps) => (\n  <label\n    className={cn(\n      \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n      className\n    )}\n    data-slot=\"label\"\n    htmlFor={htmlFor}\n    {...props}\n  />\n);\n\nexport { Label };\n"],"mappings":";;;;;;AAQA,MAAM,SAAS,EAAE,WAAW,SAAS,GAAG,YACtC,oBAAC;CACC,WAAW,GACT,uNACA,UACD;CACD,aAAU;CACD;CACT,GAAI;EACJ"}
+{"version":3,"file":"label.js","names":[],"sources":["../../src/ui/label/label.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type LabelProps = ComponentProps<\"label\">;\n\nconst Label = ({ className, htmlFor, ...props }: LabelProps) => (\n  <label\n    className={cn(\n      \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n      className\n    )}\n    data-slot=\"label\"\n    htmlFor={htmlFor}\n    {...props}\n  />\n);\n\nexport { Label };\n"],"mappings":";;;;;;AAOA,MAAM,SAAS,EAAE,WAAW,SAAS,GAAG,YACtC,oBAAC,SAAD;CACE,WAAW,GACT,uNACA,UACD;CACD,aAAU;CACD;CACT,GAAI;CACJ"}

package/dist/ui/marquee.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"marquee.d.ts","names":[],"sources":["../../src/ui/marquee/marquee-content.tsx","../../src/ui/marquee/marquee-fade.tsx","../../src/ui/marquee/marquee-item.tsx","../../src/ui/marquee/marquee.tsx"],"mappings":";;;;;KAOY,mBAAA,GAAsB,cAAA;AAAA,cAErB,cAAA;EAAkB,IAAA;EAAA,QAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAM5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCTV,gBAAA,GAAmB,cAAA;EAC7B,IAAA;AAAA;AAAA,cAGW,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIzB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCRP,gBAAA,GAAmB,cAAA;AAAA,cAElB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCEzD,YAAA,GAAe,cAAA;AAAA,cAErB,OAAA;EAAA;;;KAAoC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"marquee.d.ts","names":[],"sources":["../../src/ui/marquee/marquee-content.tsx","../../src/ui/marquee/marquee-fade.tsx","../../src/ui/marquee/marquee-item.tsx","../../src/ui/marquee/marquee.tsx"],"mappings":";;;;;KAMY,mBAAA,GAAsB,cAAA;AAAA,cAErB,cAAA;EAAkB,IAAA;EAAA,QAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAM5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCTV,gBAAA,GAAmB,cAAA;EAC7B,IAAA;AAAA;AAAA,cAGW,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIzB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCRP,gBAAA,GAAmB,cAAA;AAAA,cAElB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCEzD,YAAA,GAAe,cAAA;AAAA,cAErB,OAAA;EAAA;;;KAAoC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/marquee.js

@@ -16,7 +16,7 @@ const MarqueeContent = ({ loop = 0, autoFill = true, pauseOnHover = true, classN
 //#endregion
 //#region src/ui/marquee/marquee-fade.tsx
 const MarqueeFade = ({ className, side, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("absolute top-0 bottom-0 z-10 h-full w-24 from-background to-transparent", side === "left" ? "left-0 bg-linear-to-r" : "right-0 bg-linear-to-l", className),
+	className: cn("z-raised from-background absolute top-0 bottom-0 h-full w-24 to-transparent", side === "left" ? "left-0 bg-linear-to-r" : "right-0 bg-linear-to-l", className),
 	...props
 });
 

package/dist/ui/marquee.js.map

@@ -1 +1 @@
-{"version":3,"file":"marquee.js","names":[],"sources":["../../src/ui/marquee/marquee-content.tsx","../../src/ui/marquee/marquee-fade.tsx","../../src/ui/marquee/marquee-item.tsx","../../src/ui/marquee/marquee.tsx"],"sourcesContent":["\"use client\";\n\nimport type { MarqueeProps as FastMarqueeProps } from \"react-fast-marquee\";\n\nimport FastMarquee from \"react-fast-marquee\";\nimport { cn } from \"tailwind-variants\";\n\nexport type MarqueeContentProps = FastMarqueeProps;\n\nexport const MarqueeContent = ({\n  loop = 0,\n  autoFill = true,\n  pauseOnHover = true,\n  className,\n  ...props\n}: MarqueeContentProps) => (\n  <FastMarquee\n    autoFill={autoFill}\n    className={cn(\"py-0.5\", className)}\n    loop={loop}\n    pauseOnHover={pauseOnHover}\n    {...props}\n  />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type MarqueeFadeProps = ComponentProps<\"div\"> & {\n  side: \"left\" | \"right\";\n};\n\nexport const MarqueeFade = ({\n  className,\n  side,\n  ...props\n}: MarqueeFadeProps) => (\n  <div\n    className={cn(\n      \"absolute top-0 bottom-0 z-10 h-full w-24 from-background to-transparent\",\n      side === \"left\" ? \"left-0 bg-linear-to-r\" : \"right-0 bg-linear-to-l\",\n      className\n    )}\n    {...props}\n  />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type MarqueeItemProps = ComponentProps<\"div\">;\n\nexport const MarqueeItem = ({ className, ...props }: MarqueeItemProps) => (\n  <div className={cn(\"mx-2 shrink-0 object-contain\", className)} {...props} />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { MarqueeContent } from \"./marquee-content\";\nimport { MarqueeFade } from \"./marquee-fade\";\nimport { MarqueeItem } from \"./marquee-item\";\n\nexport type MarqueeProps = ComponentProps<\"div\">;\n\nconst Marquee = ({ className, ...props }: MarqueeProps) => (\n  <div\n    className={cn(\"relative w-full overflow-hidden\", className)}\n    {...props}\n  />\n);\n\nMarquee.Content = MarqueeContent;\nMarquee.Fade = MarqueeFade;\nMarquee.Item = MarqueeItem;\n\nexport type { MarqueeContentProps } from \"./marquee-content\";\nexport type { MarqueeFadeProps } from \"./marquee-fade\";\nexport type { MarqueeItemProps } from \"./marquee-item\";\n\nexport { Marquee, MarqueeContent, MarqueeFade, MarqueeItem };\n"],"mappings":";;;;;;;AASA,MAAa,kBAAkB,EAC7B,OAAO,GACP,WAAW,MACX,eAAe,MACf,WACA,GAAG,YAEH,oBAAC;CACW;CACV,WAAW,GAAG,UAAU,UAAU;CAC5B;CACQ;CACd,GAAI;EACJ;;;;ACZJ,MAAa,eAAe,EAC1B,WACA,MACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,2EACA,SAAS,SAAS,0BAA0B,0BAC5C,UACD;CACD,GAAI;EACJ;;;;ACdJ,MAAa,eAAe,EAAE,WAAW,GAAG,YAC1C,oBAAC;CAAI,WAAW,GAAG,gCAAgC,UAAU;CAAE,GAAI;EAAS;;;;ACG9E,MAAM,WAAW,EAAE,WAAW,GAAG,YAC/B,oBAAC;CACC,WAAW,GAAG,mCAAmC,UAAU;CAC3D,GAAI;EACJ;AAGJ,QAAQ,UAAU;AAClB,QAAQ,OAAO;AACf,QAAQ,OAAO"}
+{"version":3,"file":"marquee.js","names":[],"sources":["../../src/ui/marquee/marquee-content.tsx","../../src/ui/marquee/marquee-fade.tsx","../../src/ui/marquee/marquee-item.tsx","../../src/ui/marquee/marquee.tsx"],"sourcesContent":["\"use client\";\n\nimport type { MarqueeProps as FastMarqueeProps } from \"react-fast-marquee\";\nimport FastMarquee from \"react-fast-marquee\";\nimport { cn } from \"tailwind-variants\";\n\nexport type MarqueeContentProps = FastMarqueeProps;\n\nexport const MarqueeContent = ({\n  loop = 0,\n  autoFill = true,\n  pauseOnHover = true,\n  className,\n  ...props\n}: MarqueeContentProps) => (\n  <FastMarquee\n    autoFill={autoFill}\n    className={cn(\"py-0.5\", className)}\n    loop={loop}\n    pauseOnHover={pauseOnHover}\n    {...props}\n  />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type MarqueeFadeProps = ComponentProps<\"div\"> & {\n  side: \"left\" | \"right\";\n};\n\nexport const MarqueeFade = ({\n  className,\n  side,\n  ...props\n}: MarqueeFadeProps) => (\n  <div\n    className={cn(\n      \"z-raised from-background absolute top-0 bottom-0 h-full w-24 to-transparent\",\n      side === \"left\" ? \"left-0 bg-linear-to-r\" : \"right-0 bg-linear-to-l\",\n      className\n    )}\n    {...props}\n  />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type MarqueeItemProps = ComponentProps<\"div\">;\n\nexport const MarqueeItem = ({ className, ...props }: MarqueeItemProps) => (\n  <div className={cn(\"mx-2 shrink-0 object-contain\", className)} {...props} />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { MarqueeContent } from \"./marquee-content\";\nimport { MarqueeFade } from \"./marquee-fade\";\nimport { MarqueeItem } from \"./marquee-item\";\n\nexport type MarqueeProps = ComponentProps<\"div\">;\n\nconst Marquee = ({ className, ...props }: MarqueeProps) => (\n  <div\n    className={cn(\"relative w-full overflow-hidden\", className)}\n    {...props}\n  />\n);\n\nMarquee.Content = MarqueeContent;\nMarquee.Fade = MarqueeFade;\nMarquee.Item = MarqueeItem;\n\nexport type { MarqueeContentProps } from \"./marquee-content\";\nexport type { MarqueeFadeProps } from \"./marquee-fade\";\nexport type { MarqueeItemProps } from \"./marquee-item\";\n\nexport { Marquee, MarqueeContent, MarqueeFade, MarqueeItem };\n"],"mappings":";;;;;;;AAQA,MAAa,kBAAkB,EAC7B,OAAO,GACP,WAAW,MACX,eAAe,MACf,WACA,GAAG,YAEH,oBAAC,aAAD;CACY;CACV,WAAW,GAAG,UAAU,UAAU;CAC5B;CACQ;CACd,GAAI;CACJ;;;;ACZJ,MAAa,eAAe,EAC1B,WACA,MACA,GAAG,YAEH,oBAAC,OAAD;CACE,WAAW,GACT,+EACA,SAAS,SAAS,0BAA0B,0BAC5C,UACD;CACD,GAAI;CACJ;;;;ACdJ,MAAa,eAAe,EAAE,WAAW,GAAG,YAC1C,oBAAC,OAAD;CAAK,WAAW,GAAG,gCAAgC,UAAU;CAAE,GAAI;CAAS;;;;ACG9E,MAAM,WAAW,EAAE,WAAW,GAAG,YAC/B,oBAAC,OAAD;CACE,WAAW,GAAG,mCAAmC,UAAU;CAC3D,GAAI;CACJ;AAGJ,QAAQ,UAAU;AAClB,QAAQ,OAAO;AACf,QAAQ,OAAO"}