commerce-toolkit 0.4.0 → 0.6.0

package/dist/category-card-link-BXoWFETv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-card-link-BXoWFETv.cjs","sources":["../src/components/category-card/primitives/category-card-root.tsx","../src/components/category-card/primitives/category-card-icon.tsx","../src/components/category-card/primitives/category-card-thumbnail.tsx","../src/components/category-card/primitives/category-card-image.tsx","../src/components/category-card/primitives/category-card-fallback.tsx","../src/components/category-card/primitives/category-card-overlay.tsx","../src/components/category-card/primitives/category-card-title.tsx","../src/components/category-card/primitives/category-card-link.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  aspectRatio?: '5/6' | '3/4' | '1/1';\n  textSize?: 'small' | 'medium' | 'large' | 'x-large';\n  showOverlay?: boolean;\n};\n\nexport function CategoryCardRoot<T extends ElementType = 'article'>({\n  className,\n  children,\n  as,\n  aspectRatio = '5/6',\n  textSize = 'small',\n  showOverlay = true,\n  ...props\n}: CategoryCardRootProps<T>) {\n  const CategoryCardRootElement = as ?? 'article';\n\n  return (\n    <CategoryCardRootElement\n      className={cn(\n        'group/category-card relative flex w-full max-w-md cursor-pointer flex-col rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container',\n        // Text size gap variants\n        'data-[text-size=small]:gap-2',\n        'data-[text-size=medium]:gap-3',\n        'data-[text-size=large]:gap-4',\n        'data-[text-size=x-large]:gap-5',\n        className,\n      )}\n      data-aspect-ratio={aspectRatio}\n      data-show-overlay={showOverlay}\n      data-slot=\"category-card-root\"\n      data-text-size={textSize}\n      {...props}\n    >\n      {children}\n    </CategoryCardRootElement>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardIconProps = ComponentProps<typeof Slot>;\n\nexport function CategoryCardIcon({ className, children, ...props }: CategoryCardIconProps) {\n  return (\n    <Slot\n      className={cn(\n        'absolute right-5 top-5 z-10 text-[var(--category-card-light-icon,hsl(var(--foreground)))] transition-transform duration-700 ease-out',\n        // Group hover state\n        'group-hover/category-card:-translate-y-1.5 group-hover/category-card:translate-x-1.5',\n        className,\n      )}\n      data-slot=\"category-card-icon\"\n      {...props}\n    >\n      {children}\n    </Slot>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardThumbnailProps = ComponentProps<'div'>;\n\nexport function CategoryCardThumbnail({\n  className,\n  children,\n  ...props\n}: CategoryCardThumbnailProps) {\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-[inherit] bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n        // Group focus state\n        'group-focus/category-card:ring-[var(--category-card-focus,hsl(var(--primary)))]',\n        // Group focus-visible state\n        'group-focus-visible/category-card:ring-2',\n        // Aspect ratio variants\n        'group-data-[aspect-ratio=1/1]/category-card:aspect-square',\n        'group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]',\n        'group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]',\n        className,\n      )}\n      data-slot=\"category-card-thumbnail\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardImageProps = ComponentProps<'img'> & {\n  asChild?: boolean;\n};\n\nexport function CategoryCardImage({\n  className,\n  children,\n  asChild = false,\n  ...props\n}: CategoryCardImageProps) {\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full scale-100 select-none bg-[var(--category-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out',\n        // Group hover state\n        'group-hover/category-card:scale-110',\n        className,\n      )}\n      data-slot=\"category-card-image\"\n      {...props}\n    />\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardFallbackProps = ComponentProps<'div'>;\n\nexport function CategoryCardFallback({ className, children, ...props }: CategoryCardFallbackProps) {\n  return (\n    <div\n      className={cn(\n        'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n        // Group hover state\n        'group-hover/category-card:scale-105',\n        className,\n      )}\n      data-slot=\"category-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardOverlayProps = ComponentProps<'div'>;\n\nexport function CategoryCardOverlay({ children, className, ...props }: CategoryCardOverlayProps) {\n  return (\n    <div\n      className={cn(\n        'absolute inset-0 flex items-end p-6',\n        // Show overlay gradient\n        'group-data-[show-overlay=true]/category-card:bg-gradient-to-b',\n        'group-data-[show-overlay=true]/category-card:from-foreground/0 group-data-[show-overlay=true]/category-card:from-50%',\n        'group-data-[show-overlay=true]/category-card:via-foreground/0 group-data-[show-overlay=true]/category-card:via-50%',\n        'group-data-[show-overlay=true]/category-card:to-foreground/50 group-data-[show-overlay=true]/category-card:to-100%',\n        // Container query\n        '@xs:p-8',\n        className,\n      )}\n      data-slot=\"category-card-overlay\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardTitleProps = ComponentProps<'h3'>;\n\nexport function CategoryCardTitle({ children, className, ...props }: CategoryCardTitleProps) {\n  return (\n    <h3\n      className={cn(\n        'font-semibold leading-tight text-[var(--category-card-light-text,hsl(var(--foreground)))]',\n        // Text size: small\n        'group-data-[text-size=small]/category-card:text-lg group-data-[text-size=small]/category-card:tracking-normal',\n        'group-data-[text-size=small]/category-card:@xs:text-xl',\n        // Text size: medium\n        'group-data-[text-size=medium]/category-card:text-xl group-data-[text-size=medium]/category-card:tracking-normal',\n        'group-data-[text-size=medium]/category-card:@xs:text-2xl',\n        // Text size: large\n        'group-data-[text-size=large]/category-card:text-2xl group-data-[text-size=large]/category-card:tracking-tight',\n        'group-data-[text-size=large]/category-card:@xs:text-3xl',\n        // Text size: x-large\n        'group-data-[text-size=x-large]/category-card:text-3xl group-data-[text-size=x-large]/category-card:tracking-tight',\n        'group-data-[text-size=x-large]/category-card:@xs:text-4xl',\n        className,\n      )}\n      data-slot=\"category-card-title\"\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface CategoryCardLinkProps extends ComponentProps<'a'> {\n  asChild?: boolean;\n}\n\nexport function CategoryCardLink({ asChild = false, className, ...props }: CategoryCardLinkProps) {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'absolute inset-0 rounded-[var(--category-card-border-radius,1rem)] ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]',\n        // Focus state\n        'focus:outline-none',\n        // Focus-visible state\n        'focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n        className,\n      )}\n      data-slot=\"category-card-link\"\n      {...props}\n    />\n  );\n}\n"],"names":["CategoryCardRoot","className","children","as","aspectRatio","textSize","showOverlay","props","CategoryCardRootElement","jsx","cn","CategoryCardIcon","Slot","CategoryCardThumbnail","CategoryCardImage","asChild","Component","CategoryCardFallback","CategoryCardOverlay","CategoryCardTitle","CategoryCardLink"],"mappings":"sHAgBO,SAASA,EAAoD,CAClE,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,YAAAC,EAAc,MACd,SAAAC,EAAW,QACX,YAAAC,EAAc,GACd,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAA0BL,GAAM,UAEtC,OACEM,EAAAA,IAACD,EAAA,CACC,UAAWE,EAAAA,GACT,yMAEA,+BACA,gCACA,+BACA,iCACAT,CAAA,EAEF,oBAAmBG,EACnB,oBAAmBE,EACnB,YAAU,qBACV,iBAAgBD,EACf,GAAGE,EAEH,SAAAL,CAAA,CAAA,CAGP,CCtCO,SAASS,EAAiB,CAAE,UAAAV,EAAW,SAAAC,EAAU,GAAGK,GAAgC,CACzF,OACEE,EAAAA,IAACG,EAAAA,KAAA,CACC,UAAWF,EAAAA,GACT,uIAEA,uFACAT,CAAA,EAEF,YAAU,qBACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CClBO,SAASW,EAAsB,CACpC,UAAAZ,EACA,SAAAC,EACA,GAAGK,CACL,EAA+B,CAC7B,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,iHAEA,kFAEA,2CAEA,4DACA,2DACA,2DACAT,CAAA,EAEF,YAAU,0BACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CCpBO,SAASY,EAAkB,CAChC,UAAAb,EACA,SAAAC,EACA,QAAAa,EAAU,GACV,GAAGR,CACL,EAA2B,CACzB,MAAMS,EAAYD,EAAUH,EAAAA,KAAO,MAEnC,OACEH,EAAAA,IAACO,EAAA,CACC,UAAWN,EAAAA,GACT,kKAEA,sCACAT,CAAA,EAEF,YAAU,sBACT,GAAGM,CAAA,CAAA,CAGV,CCvBO,SAASU,EAAqB,CAAE,UAAAhB,EAAW,SAAAC,EAAU,GAAGK,GAAoC,CACjG,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,+KAEA,sCACAT,CAAA,EAEF,YAAU,yBACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CCjBO,SAASgB,EAAoB,CAAE,SAAAhB,EAAU,UAAAD,EAAW,GAAGM,GAAmC,CAC/F,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,sCAEA,gEACA,uHACA,qHACA,qHAEA,UACAT,CAAA,EAEF,YAAU,wBACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CCpBO,SAASiB,EAAkB,CAAE,SAAAjB,EAAU,UAAAD,EAAW,GAAGM,GAAiC,CAC3F,OACEE,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,4FAEA,gHACA,yDAEA,kHACA,2DAEA,gHACA,0DAEA,oHACA,4DACAT,CAAA,EAEF,YAAU,sBACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CCpBO,SAASkB,EAAiB,CAAE,QAAAL,EAAU,GAAO,UAAAd,EAAW,GAAGM,GAAgC,CAChG,MAAMS,EAAYD,EAAUH,EAAAA,KAAO,IAEnC,OACEH,EAAAA,IAACO,EAAA,CACC,UAAWN,EAAAA,GACT,4IAEA,qBAEA,uHACAT,CAAA,EAEF,YAAU,qBACT,GAAGM,CAAA,CAAA,CAGV"}

package/dist/category-card-link-D85RfMpf.js

@@ -0,0 +1,186 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as o } from "./utils-CRiPKpXj.js";
+import { S as g } from "./index-DD8W7cMj.js";
+function m({
+  className: a,
+  children: t,
+  as: r,
+  aspectRatio: c = "5/6",
+  textSize: d = "small",
+  showOverlay: s = !0,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    r ?? "article",
+    {
+      className: o(
+        "group/category-card relative flex w-full max-w-md cursor-pointer flex-col rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container",
+        // Text size gap variants
+        "data-[text-size=small]:gap-2",
+        "data-[text-size=medium]:gap-3",
+        "data-[text-size=large]:gap-4",
+        "data-[text-size=x-large]:gap-5",
+        a
+      ),
+      "data-aspect-ratio": c,
+      "data-show-overlay": s,
+      "data-slot": "category-card-root",
+      "data-text-size": d,
+      ...l,
+      children: t
+    }
+  );
+}
+function p({ className: a, children: t, ...r }) {
+  return /* @__PURE__ */ e(
+    g,
+    {
+      className: o(
+        "absolute right-5 top-5 z-10 text-[var(--category-card-light-icon,hsl(var(--foreground)))] transition-transform duration-700 ease-out",
+        // Group hover state
+        "group-hover/category-card:-translate-y-1.5 group-hover/category-card:translate-x-1.5",
+        a
+      ),
+      "data-slot": "category-card-icon",
+      ...r,
+      children: t
+    }
+  );
+}
+function f({
+  className: a,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: o(
+        "relative overflow-hidden rounded-[inherit] bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]",
+        // Group focus state
+        "group-focus/category-card:ring-[var(--category-card-focus,hsl(var(--primary)))]",
+        // Group focus-visible state
+        "group-focus-visible/category-card:ring-2",
+        // Aspect ratio variants
+        "group-data-[aspect-ratio=1/1]/category-card:aspect-square",
+        "group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]",
+        "group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]",
+        a
+      ),
+      "data-slot": "category-card-thumbnail",
+      ...r,
+      children: t
+    }
+  );
+}
+function x({
+  className: a,
+  children: t,
+  asChild: r = !1,
+  ...c
+}) {
+  return /* @__PURE__ */ e(
+    r ? g : "img",
+    {
+      className: o(
+        "h-full w-full scale-100 select-none bg-[var(--category-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out",
+        // Group hover state
+        "group-hover/category-card:scale-110",
+        a
+      ),
+      "data-slot": "category-card-image",
+      ...c
+    }
+  );
+}
+function v({ className: a, children: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: o(
+        "break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]",
+        // Group hover state
+        "group-hover/category-card:scale-105",
+        a
+      ),
+      "data-slot": "category-card-fallback",
+      ...r,
+      children: t
+    }
+  );
+}
+function h({ children: a, className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: o(
+        "absolute inset-0 flex items-end p-6",
+        // Show overlay gradient
+        "group-data-[show-overlay=true]/category-card:bg-gradient-to-b",
+        "group-data-[show-overlay=true]/category-card:from-foreground/0 group-data-[show-overlay=true]/category-card:from-50%",
+        "group-data-[show-overlay=true]/category-card:via-foreground/0 group-data-[show-overlay=true]/category-card:via-50%",
+        "group-data-[show-overlay=true]/category-card:to-foreground/50 group-data-[show-overlay=true]/category-card:to-100%",
+        // Container query
+        "@xs:p-8",
+        t
+      ),
+      "data-slot": "category-card-overlay",
+      ...r,
+      children: a
+    }
+  );
+}
+function b({ children: a, className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "h3",
+    {
+      className: o(
+        "font-semibold leading-tight text-[var(--category-card-light-text,hsl(var(--foreground)))]",
+        // Text size: small
+        "group-data-[text-size=small]/category-card:text-lg group-data-[text-size=small]/category-card:tracking-normal",
+        "group-data-[text-size=small]/category-card:@xs:text-xl",
+        // Text size: medium
+        "group-data-[text-size=medium]/category-card:text-xl group-data-[text-size=medium]/category-card:tracking-normal",
+        "group-data-[text-size=medium]/category-card:@xs:text-2xl",
+        // Text size: large
+        "group-data-[text-size=large]/category-card:text-2xl group-data-[text-size=large]/category-card:tracking-tight",
+        "group-data-[text-size=large]/category-card:@xs:text-3xl",
+        // Text size: x-large
+        "group-data-[text-size=x-large]/category-card:text-3xl group-data-[text-size=x-large]/category-card:tracking-tight",
+        "group-data-[text-size=x-large]/category-card:@xs:text-4xl",
+        t
+      ),
+      "data-slot": "category-card-title",
+      ...r,
+      children: a
+    }
+  );
+}
+function C({ asChild: a = !1, className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    a ? g : "a",
+    {
+      className: o(
+        "absolute inset-0 rounded-[var(--category-card-border-radius,1rem)] ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]",
+        // Focus state
+        "focus:outline-none",
+        // Focus-visible state
+        "focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",
+        t
+      ),
+      "data-slot": "category-card-link",
+      ...r
+    }
+  );
+}
+export {
+  m as C,
+  p as a,
+  f as b,
+  x as c,
+  v as d,
+  h as e,
+  b as f,
+  C as g
+};
+//# sourceMappingURL=category-card-link-D85RfMpf.js.map

package/dist/category-card-link-D85RfMpf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-card-link-D85RfMpf.js","sources":["../src/components/category-card/primitives/category-card-root.tsx","../src/components/category-card/primitives/category-card-icon.tsx","../src/components/category-card/primitives/category-card-thumbnail.tsx","../src/components/category-card/primitives/category-card-image.tsx","../src/components/category-card/primitives/category-card-fallback.tsx","../src/components/category-card/primitives/category-card-overlay.tsx","../src/components/category-card/primitives/category-card-title.tsx","../src/components/category-card/primitives/category-card-link.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  aspectRatio?: '5/6' | '3/4' | '1/1';\n  textSize?: 'small' | 'medium' | 'large' | 'x-large';\n  showOverlay?: boolean;\n};\n\nexport function CategoryCardRoot<T extends ElementType = 'article'>({\n  className,\n  children,\n  as,\n  aspectRatio = '5/6',\n  textSize = 'small',\n  showOverlay = true,\n  ...props\n}: CategoryCardRootProps<T>) {\n  const CategoryCardRootElement = as ?? 'article';\n\n  return (\n    <CategoryCardRootElement\n      className={cn(\n        'group/category-card relative flex w-full max-w-md cursor-pointer flex-col rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container',\n        // Text size gap variants\n        'data-[text-size=small]:gap-2',\n        'data-[text-size=medium]:gap-3',\n        'data-[text-size=large]:gap-4',\n        'data-[text-size=x-large]:gap-5',\n        className,\n      )}\n      data-aspect-ratio={aspectRatio}\n      data-show-overlay={showOverlay}\n      data-slot=\"category-card-root\"\n      data-text-size={textSize}\n      {...props}\n    >\n      {children}\n    </CategoryCardRootElement>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardIconProps = ComponentProps<typeof Slot>;\n\nexport function CategoryCardIcon({ className, children, ...props }: CategoryCardIconProps) {\n  return (\n    <Slot\n      className={cn(\n        'absolute right-5 top-5 z-10 text-[var(--category-card-light-icon,hsl(var(--foreground)))] transition-transform duration-700 ease-out',\n        // Group hover state\n        'group-hover/category-card:-translate-y-1.5 group-hover/category-card:translate-x-1.5',\n        className,\n      )}\n      data-slot=\"category-card-icon\"\n      {...props}\n    >\n      {children}\n    </Slot>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardThumbnailProps = ComponentProps<'div'>;\n\nexport function CategoryCardThumbnail({\n  className,\n  children,\n  ...props\n}: CategoryCardThumbnailProps) {\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-[inherit] bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n        // Group focus state\n        'group-focus/category-card:ring-[var(--category-card-focus,hsl(var(--primary)))]',\n        // Group focus-visible state\n        'group-focus-visible/category-card:ring-2',\n        // Aspect ratio variants\n        'group-data-[aspect-ratio=1/1]/category-card:aspect-square',\n        'group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]',\n        'group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]',\n        className,\n      )}\n      data-slot=\"category-card-thumbnail\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardImageProps = ComponentProps<'img'> & {\n  asChild?: boolean;\n};\n\nexport function CategoryCardImage({\n  className,\n  children,\n  asChild = false,\n  ...props\n}: CategoryCardImageProps) {\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full scale-100 select-none bg-[var(--category-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out',\n        // Group hover state\n        'group-hover/category-card:scale-110',\n        className,\n      )}\n      data-slot=\"category-card-image\"\n      {...props}\n    />\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardFallbackProps = ComponentProps<'div'>;\n\nexport function CategoryCardFallback({ className, children, ...props }: CategoryCardFallbackProps) {\n  return (\n    <div\n      className={cn(\n        'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n        // Group hover state\n        'group-hover/category-card:scale-105',\n        className,\n      )}\n      data-slot=\"category-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardOverlayProps = ComponentProps<'div'>;\n\nexport function CategoryCardOverlay({ children, className, ...props }: CategoryCardOverlayProps) {\n  return (\n    <div\n      className={cn(\n        'absolute inset-0 flex items-end p-6',\n        // Show overlay gradient\n        'group-data-[show-overlay=true]/category-card:bg-gradient-to-b',\n        'group-data-[show-overlay=true]/category-card:from-foreground/0 group-data-[show-overlay=true]/category-card:from-50%',\n        'group-data-[show-overlay=true]/category-card:via-foreground/0 group-data-[show-overlay=true]/category-card:via-50%',\n        'group-data-[show-overlay=true]/category-card:to-foreground/50 group-data-[show-overlay=true]/category-card:to-100%',\n        // Container query\n        '@xs:p-8',\n        className,\n      )}\n      data-slot=\"category-card-overlay\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardTitleProps = ComponentProps<'h3'>;\n\nexport function CategoryCardTitle({ children, className, ...props }: CategoryCardTitleProps) {\n  return (\n    <h3\n      className={cn(\n        'font-semibold leading-tight text-[var(--category-card-light-text,hsl(var(--foreground)))]',\n        // Text size: small\n        'group-data-[text-size=small]/category-card:text-lg group-data-[text-size=small]/category-card:tracking-normal',\n        'group-data-[text-size=small]/category-card:@xs:text-xl',\n        // Text size: medium\n        'group-data-[text-size=medium]/category-card:text-xl group-data-[text-size=medium]/category-card:tracking-normal',\n        'group-data-[text-size=medium]/category-card:@xs:text-2xl',\n        // Text size: large\n        'group-data-[text-size=large]/category-card:text-2xl group-data-[text-size=large]/category-card:tracking-tight',\n        'group-data-[text-size=large]/category-card:@xs:text-3xl',\n        // Text size: x-large\n        'group-data-[text-size=x-large]/category-card:text-3xl group-data-[text-size=x-large]/category-card:tracking-tight',\n        'group-data-[text-size=x-large]/category-card:@xs:text-4xl',\n        className,\n      )}\n      data-slot=\"category-card-title\"\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface CategoryCardLinkProps extends ComponentProps<'a'> {\n  asChild?: boolean;\n}\n\nexport function CategoryCardLink({ asChild = false, className, ...props }: CategoryCardLinkProps) {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'absolute inset-0 rounded-[var(--category-card-border-radius,1rem)] ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]',\n        // Focus state\n        'focus:outline-none',\n        // Focus-visible state\n        'focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n        className,\n      )}\n      data-slot=\"category-card-link\"\n      {...props}\n    />\n  );\n}\n"],"names":["CategoryCardRoot","className","children","as","aspectRatio","textSize","showOverlay","props","jsx","cn","CategoryCardIcon","Slot","CategoryCardThumbnail","CategoryCardImage","asChild","CategoryCardFallback","CategoryCardOverlay","CategoryCardTitle","CategoryCardLink"],"mappings":";;;AAgBO,SAASA,EAAoD;AAAA,EAClE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA6B;AAG3B,SACE,gBAAAC;AAAA,IAH8BL,KAAM;AAAA,IAGnC;AAAA,MACC,WAAWM;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,qBAAmBG;AAAA,MACnB,qBAAmBE;AAAA,MACnB,aAAU;AAAA,MACV,kBAAgBD;AAAA,MACf,GAAGE;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACtCO,SAASQ,EAAiB,EAAE,WAAAT,GAAW,UAAAC,GAAU,GAAGK,KAAgC;AACzF,SACE,gBAAAC;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;AClBO,SAASU,EAAsB;AAAA,EACpC,WAAAX;AAAA,EACA,UAAAC;AAAA,EACA,GAAGK;AACL,GAA+B;AAC7B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACpBO,SAASW,EAAkB;AAAA,EAChC,WAAAZ;AAAA,EACA,UAAAC;AAAA,EACA,SAAAY,IAAU;AAAA,EACV,GAAGP;AACL,GAA2B;AAGzB,SACE,gBAAAC;AAAA,IAHgBM,IAAUH,IAAO;AAAA,IAGhC;AAAA,MACC,WAAWF;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,IAAA;AAAA,EAAA;AAGV;ACvBO,SAASQ,EAAqB,EAAE,WAAAd,GAAW,UAAAC,GAAU,GAAGK,KAAoC;AACjG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACjBO,SAASc,EAAoB,EAAE,UAAAd,GAAU,WAAAD,GAAW,GAAGM,KAAmC;AAC/F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACpBO,SAASe,EAAkB,EAAE,UAAAf,GAAU,WAAAD,GAAW,GAAGM,KAAiC;AAC3F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACpBO,SAASgB,EAAiB,EAAE,SAAAJ,IAAU,IAAO,WAAAb,GAAW,GAAGM,KAAgC;AAGhG,SACE,gBAAAC;AAAA,IAHgBM,IAAUH,IAAO;AAAA,IAGhC;AAAA,MACC,WAAWF;AAAA,QACT;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/category-card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./category-card-link-BwSFHFcd.cjs"),a=require("react/jsx-runtime"),r=require("./utils-LBH114_M.cjs"),n=require("./skeleton-box-yQLivCqg.cjs"),c=require("./skeleton-text-CLzoDFvz.cjs");function l({className:t,...o}){const{aspectRatio:s}=e.useCategoryCard();return a.jsxs("div",{className:r.cn("@container",t),...o,"data-slot":"category-card-skeleton",children:[a.jsx(n.SkeletonBox,{className:r.cn("rounded-[var(--category-card-border-radius,1rem)]",{"5:6":"aspect-[5/6]","3:4":"aspect-[3/4]","1:1":"aspect-square"}[s])}),a.jsx("div",{className:"mt-3",children:a.jsx(c.SkeletonText,{characterCount:10,className:"rounded text-lg"})})]})}exports.Fallback=e.CategoryCardFallback;exports.Icon=e.CategoryCardIcon;exports.Image=e.CategoryCardImage;exports.Link=e.CategoryCardLink;exports.Overlay=e.CategoryCardOverlay;exports.Root=e.CategoryCardRoot;exports.Thumbnail=e.CategoryCardThumbnail;exports.Title=e.CategoryCardTitle;exports.useCategoryCard=e.useCategoryCard;exports.Skeleton=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./category-card-link-BXoWFETv.cjs"),a=require("react/jsx-runtime"),r=require("./utils-DoxiiusW.cjs"),c=require("./skeleton-box-BsY5q4RG.cjs"),n=require("./skeleton-text-BxefRRo2.cjs");function s({className:t,...o}){return a.jsxs("div",{className:r.cn("@container",t),...o,"data-slot":"category-card-skeleton",children:[a.jsx(c.SkeletonBox,{className:r.cn("rounded-[var(--category-card-border-radius,1rem)]","group-data-[aspect-ratio=1/1]/category-card:aspect-square","group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]","group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]")}),a.jsx("div",{className:"mt-3",children:a.jsx(n.SkeletonText,{characterCount:10,className:"rounded text-lg"})})]})}exports.Fallback=e.CategoryCardFallback;exports.Icon=e.CategoryCardIcon;exports.Image=e.CategoryCardImage;exports.Link=e.CategoryCardLink;exports.Overlay=e.CategoryCardOverlay;exports.Root=e.CategoryCardRoot;exports.Thumbnail=e.CategoryCardThumbnail;exports.Title=e.CategoryCardTitle;exports.Skeleton=s;
 //# sourceMappingURL=category-card.cjs.map

package/dist/category-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"category-card.cjs","sources":["../src/components/category-card/primitives/category-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardSkeletonProps = ComponentProps<'div'>;\n\nexport function CategoryCardSkeleton({ className, ...props }: CategoryCardSkeletonProps) {\n  const { aspectRatio } = useCategoryCard();\n\n  return (\n    <div className={cn('@container', className)} {...props} data-slot=\"category-card-skeleton\">\n      <SkeletonPrimitive.Box\n        className={cn(\n          'rounded-[var(--category-card-border-radius,1rem)]',\n          {\n            '5:6': 'aspect-[5/6]',\n            '3:4': 'aspect-[3/4]',\n            '1:1': 'aspect-square',\n          }[aspectRatio],\n        )}\n      />\n      <div className=\"mt-3\">\n        <SkeletonPrimitive.Text characterCount={10} className=\"rounded text-lg\" />\n      </div>\n    </div>\n  );\n}\n"],"names":["CategoryCardSkeleton","className","props","aspectRatio","useCategoryCard","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"yRASO,SAASA,EAAqB,CAAE,UAAAC,EAAW,GAAGC,GAAoC,CACvF,KAAM,CAAE,YAAAC,CAAA,EAAgBC,kBAAA,EAExB,OACEC,OAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,aAAcL,CAAS,EAAI,GAAGC,EAAO,YAAU,yBAChE,SAAA,CAAAK,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,oDACA,CACE,MAAO,eACP,MAAO,eACP,MAAO,eAAA,EACPH,CAAW,CAAA,CACf,CAAA,EAEFI,EAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,IAACE,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,iBAAA,CAAkB,CAAA,CAC1E,CAAA,EACF,CAEJ"}
+{"version":3,"file":"category-card.cjs","sources":["../src/components/category-card/primitives/category-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type CategoryCardSkeletonProps = ComponentProps<'div'>;\n\nexport function CategoryCardSkeleton({ className, ...props }: CategoryCardSkeletonProps) {\n  return (\n    <div className={cn('@container', className)} {...props} data-slot=\"category-card-skeleton\">\n      <SkeletonPrimitive.Box\n        className={cn(\n          'rounded-[var(--category-card-border-radius,1rem)]',\n          // Aspect ratio variants\n          'group-data-[aspect-ratio=1/1]/category-card:aspect-square',\n          'group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]',\n          'group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]',\n        )}\n      />\n      <div className=\"mt-3\">\n        <SkeletonPrimitive.Text characterCount={10} className=\"rounded text-lg\" />\n      </div>\n    </div>\n  );\n}\n"],"names":["CategoryCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"yRAOO,SAASA,EAAqB,CAAE,UAAAC,EAAW,GAAGC,GAAoC,CACvF,OACEC,OAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,aAAcH,CAAS,EAAI,GAAGC,EAAO,YAAU,yBAChE,SAAA,CAAAG,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,oDAEA,4DACA,2DACA,0DAAA,CACF,CAAA,EAEFC,EAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,IAACE,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,iBAAA,CAAkB,CAAA,CAC1E,CAAA,EACF,CAEJ"}

package/dist/category-card.js

@@ -1,38 +1,34 @@
-import { u as s } from "./category-card-link-BqMAG9Op.js";
-import { d as x, a as C, c as S, g as y, e as b, C as h, b as v, f as N } from "./category-card-link-BqMAG9Op.js";
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { c as e } from "./utils-BOGlfttm.js";
-import { S as n } from "./skeleton-box-BSzQ5f9Y.js";
-import { S as m } from "./skeleton-text-Dd4GbnEz.js";
-function f({ className: r, ...o }) {
-  const { aspectRatio: t } = s();
-  return /* @__PURE__ */ c("div", { className: e("@container", r), ...o, "data-slot": "category-card-skeleton", children: [
+import { d as u, a as f, c as k, g as x, e as y, C as S, b, f as h } from "./category-card-link-D85RfMpf.js";
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { c as r } from "./utils-CRiPKpXj.js";
+import { S as s } from "./skeleton-box-D0XcgPLs.js";
+import { S as c } from "./skeleton-text-BCsnfhcU.js";
+function m({ className: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: r("@container", e), ...t, "data-slot": "category-card-skeleton", children: [
     /* @__PURE__ */ a(
-      n,
+      s,
       {
-        className: e(
+        className: r(
           "rounded-[var(--category-card-border-radius,1rem)]",
-          {
-            "5:6": "aspect-[5/6]",
-            "3:4": "aspect-[3/4]",
-            "1:1": "aspect-square"
-          }[t]
+          // Aspect ratio variants
+          "group-data-[aspect-ratio=1/1]/category-card:aspect-square",
+          "group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]",
+          "group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]"
         )
       }
     ),
-    /* @__PURE__ */ a("div", { className: "mt-3", children: /* @__PURE__ */ a(m, { characterCount: 10, className: "rounded text-lg" }) })
+    /* @__PURE__ */ a("div", { className: "mt-3", children: /* @__PURE__ */ a(c, { characterCount: 10, className: "rounded text-lg" }) })
   ] });
 }
 export {
-  x as Fallback,
-  C as Icon,
-  S as Image,
-  y as Link,
-  b as Overlay,
-  h as Root,
-  f as Skeleton,
-  v as Thumbnail,
-  N as Title,
-  s as useCategoryCard
+  u as Fallback,
+  f as Icon,
+  k as Image,
+  x as Link,
+  y as Overlay,
+  S as Root,
+  m as Skeleton,
+  b as Thumbnail,
+  h as Title
 };
 //# sourceMappingURL=category-card.js.map

package/dist/category-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"category-card.js","sources":["../src/components/category-card/primitives/category-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardSkeletonProps = ComponentProps<'div'>;\n\nexport function CategoryCardSkeleton({ className, ...props }: CategoryCardSkeletonProps) {\n  const { aspectRatio } = useCategoryCard();\n\n  return (\n    <div className={cn('@container', className)} {...props} data-slot=\"category-card-skeleton\">\n      <SkeletonPrimitive.Box\n        className={cn(\n          'rounded-[var(--category-card-border-radius,1rem)]',\n          {\n            '5:6': 'aspect-[5/6]',\n            '3:4': 'aspect-[3/4]',\n            '1:1': 'aspect-square',\n          }[aspectRatio],\n        )}\n      />\n      <div className=\"mt-3\">\n        <SkeletonPrimitive.Text characterCount={10} className=\"rounded text-lg\" />\n      </div>\n    </div>\n  );\n}\n"],"names":["CategoryCardSkeleton","className","props","aspectRatio","useCategoryCard","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;;AASO,SAASA,EAAqB,EAAE,WAAAC,GAAW,GAAGC,KAAoC;AACvF,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA;AAExB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,cAAcL,CAAS,GAAI,GAAGC,GAAO,aAAU,0BAChE,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,UAAA,EACPH,CAAW;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,IAEF,gBAAAI,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA,EAACE,GAAA,EAAuB,gBAAgB,IAAI,WAAU,kBAAA,CAAkB,EAAA,CAC1E;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"category-card.js","sources":["../src/components/category-card/primitives/category-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type CategoryCardSkeletonProps = ComponentProps<'div'>;\n\nexport function CategoryCardSkeleton({ className, ...props }: CategoryCardSkeletonProps) {\n  return (\n    <div className={cn('@container', className)} {...props} data-slot=\"category-card-skeleton\">\n      <SkeletonPrimitive.Box\n        className={cn(\n          'rounded-[var(--category-card-border-radius,1rem)]',\n          // Aspect ratio variants\n          'group-data-[aspect-ratio=1/1]/category-card:aspect-square',\n          'group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]',\n          'group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]',\n        )}\n      />\n      <div className=\"mt-3\">\n        <SkeletonPrimitive.Text characterCount={10} className=\"rounded text-lg\" />\n      </div>\n    </div>\n  );\n}\n"],"names":["CategoryCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;AAOO,SAASA,EAAqB,EAAE,WAAAC,GAAW,GAAGC,KAAoC;AACvF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,cAAcH,CAAS,GAAI,GAAGC,GAAO,aAAU,0BAChE,UAAA;AAAA,IAAA,gBAAAG;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAEF,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA,EAACE,GAAA,EAAuB,gBAAgB,IAAI,WAAU,kBAAA,CAAkB,EAAA,CAC1E;AAAA,EAAA,GACF;AAEJ;"}

package/dist/checkbox-group.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("./utils-DoxiiusW.cjs");function n({children:o,className:t,...e}){return r.jsx("div",{className:c.cn("grid gap-2",t),"data-slot":"checkbox-group-root",...e,children:o})}function i({children:o,className:t,...e}){return r.jsx("div",{className:c.cn("flex items-center gap-2",t),"data-slot":"checkbox-group-option",...e,children:o})}exports.Option=i;exports.Root=n;
+//# sourceMappingURL=checkbox-group.cjs.map

package/dist/checkbox-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.cjs","sources":["../src/components/checkbox-group/primitives/checkbox-group-root.tsx","../src/components/checkbox-group/primitives/checkbox-group-option.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CheckboxGroupRootProps = ComponentProps<'div'>;\n\nexport function CheckboxGroupRoot({ children, className, ...props }: CheckboxGroupRootProps) {\n  return (\n    <div className={cn('grid gap-2', className)} data-slot=\"checkbox-group-root\" {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CheckboxGroupOptionProps = ComponentProps<'div'>;\n\nexport function CheckboxGroupOption({ children, className, ...props }: CheckboxGroupOptionProps) {\n  return (\n    <div\n      className={cn('flex items-center gap-2', className)}\n      data-slot=\"checkbox-group-option\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["CheckboxGroupRoot","children","className","props","jsx","cn","CheckboxGroupOption"],"mappings":"uJAMO,SAASA,EAAkB,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAiC,CAC3F,OACEC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,aAAcH,CAAS,EAAG,YAAU,sBAAuB,GAAGC,EAC9E,SAAAF,CAAA,CACH,CAEJ,CCNO,SAASK,EAAoB,CAAE,SAAAL,EAAU,UAAAC,EAAW,GAAGC,GAAmC,CAC/F,OACEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,0BAA2BH,CAAS,EAClD,YAAU,wBACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP"}

package/dist/checkbox-group.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c } from "./utils-CRiPKpXj.js";
+function i({ children: o, className: t, ...r }) {
+  return /* @__PURE__ */ a("div", { className: c("grid gap-2", t), "data-slot": "checkbox-group-root", ...r, children: o });
+}
+function n({ children: o, className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: c("flex items-center gap-2", t),
+      "data-slot": "checkbox-group-option",
+      ...r,
+      children: o
+    }
+  );
+}
+export {
+  n as Option,
+  i as Root
+};
+//# sourceMappingURL=checkbox-group.js.map

package/dist/checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","sources":["../src/components/checkbox-group/primitives/checkbox-group-root.tsx","../src/components/checkbox-group/primitives/checkbox-group-option.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CheckboxGroupRootProps = ComponentProps<'div'>;\n\nexport function CheckboxGroupRoot({ children, className, ...props }: CheckboxGroupRootProps) {\n  return (\n    <div className={cn('grid gap-2', className)} data-slot=\"checkbox-group-root\" {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CheckboxGroupOptionProps = ComponentProps<'div'>;\n\nexport function CheckboxGroupOption({ children, className, ...props }: CheckboxGroupOptionProps) {\n  return (\n    <div\n      className={cn('flex items-center gap-2', className)}\n      data-slot=\"checkbox-group-option\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["CheckboxGroupRoot","children","className","props","jsx","cn","CheckboxGroupOption"],"mappings":";;AAMO,SAASA,EAAkB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAAiC;AAC3F,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,cAAcH,CAAS,GAAG,aAAU,uBAAuB,GAAGC,GAC9E,UAAAF,EAAA,CACH;AAEJ;ACNO,SAASK,EAAoB,EAAE,UAAAL,GAAU,WAAAC,GAAW,GAAGC,KAAmC;AAC/F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,2BAA2BH,CAAS;AAAA,MAClD,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/checkbox-indicator-DVkOzOV6.cjs

@@ -0,0 +1,2 @@
+"use strict";const d=require("react/jsx-runtime"),q=require("./utils-DoxiiusW.cjs"),H=require("react"),S=require("./index-_XxjJPRD.cjs"),L=require("./index-DO-atGp-.cjs"),j=require("./index-BqyOu62e.cjs"),z=require("./index-C8aODXfJ.cjs"),G=require("./index-DYxWvftI.cjs"),K=require("./index-bSPhqlcX.cjs"),U=require("./index-Bd0gQB0k.cjs"),P=require("./index-C9i1xBih.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=X(H);var R="Checkbox",[J]=L.createContextScope(R),[Q,E]=J(R);function V(e){const{__scopeCheckbox:o,checked:t,children:n,defaultChecked:a,disabled:r,form:b,name:k,onCheckedChange:u,required:x,value:p="on",internal_do_not_use_render:l}=e,[h,m]=z.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:R}),[v,C]=i.useState(null),[g,c]=i.useState(null),s=i.useRef(!1),_=v?!!b||!!v.closest("form"):!0,y={checked:h,disabled:r,setChecked:m,control:v,setControl:C,name:k,form:b,value:p,hasConsumerStoppedPropagationRef:s,required:x,defaultChecked:f(a)?!1:a,isFormControl:_,bubbleInput:g,setBubbleInput:c};return d.jsx(Q,{scope:o,...y,children:W(l)?l(y):n})}var N="CheckboxTrigger",w=i.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...n},a)=>{const{control:r,value:b,disabled:k,checked:u,required:x,setControl:p,setChecked:l,hasConsumerStoppedPropagationRef:h,isFormControl:m,bubbleInput:v}=E(N,e),C=S.useComposedRefs(a,p),g=i.useRef(u);return i.useEffect(()=>{const c=r?.form;if(c){const s=()=>l(g.current);return c.addEventListener("reset",s),()=>c.removeEventListener("reset",s)}},[r,l]),d.jsx(P.Primitive.button,{type:"button",role:"checkbox","aria-checked":f(u)?"mixed":u,"aria-required":x,"data-state":D(u),"data-disabled":k?"":void 0,disabled:k,value:b,...n,ref:C,onKeyDown:j.composeEventHandlers(o,c=>{c.key==="Enter"&&c.preventDefault()}),onClick:j.composeEventHandlers(t,c=>{l(s=>f(s)?!0:!s),v&&m&&(h.current=c.isPropagationStopped(),h.current||c.stopPropagation())})})});w.displayName=N;var O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:n,checked:a,defaultChecked:r,required:b,disabled:k,value:u,onCheckedChange:x,form:p,...l}=e;return d.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:k,required:b,onCheckedChange:x,name:n,form:p,value:u,internal_do_not_use_render:({isFormControl:h})=>d.jsxs(d.Fragment,{children:[d.jsx(w,{...l,ref:o,__scopeCheckbox:t}),h&&d.jsx(T,{__scopeCheckbox:t})]})})});O.displayName=R;var B="CheckboxIndicator",$=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:n,...a}=e,r=E(B,t);return d.jsx(U.Presence,{present:n||f(r.checked)||r.checked===!0,children:d.jsx(P.Primitive.span,{"data-state":D(r.checked),"data-disabled":r.disabled?"":void 0,...a,ref:o,style:{pointerEvents:"none",...e.style}})})});$.displayName=B;var M="CheckboxBubbleInput",T=i.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:n,hasConsumerStoppedPropagationRef:a,checked:r,defaultChecked:b,required:k,disabled:u,name:x,value:p,form:l,bubbleInput:h,setBubbleInput:m}=E(M,e),v=S.useComposedRefs(t,m),C=G.usePrevious(r),g=K.useSize(n);i.useEffect(()=>{const s=h;if(!s)return;const _=window.HTMLInputElement.prototype,I=Object.getOwnPropertyDescriptor(_,"checked").set,A=!a.current;if(C!==r&&I){const F=new Event("click",{bubbles:A});s.indeterminate=f(r),I.call(s,f(r)?!1:r),s.dispatchEvent(F)}},[h,C,r,a]);const c=i.useRef(f(r)?!1:r);return d.jsx(P.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:b??c.current,required:k,disabled:u,name:x,value:p,form:l,...o,tabIndex:-1,ref:v,style:{...o.style,...g,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});T.displayName=M;function W(e){return typeof e=="function"}function f(e){return e==="indeterminate"}function D(e){return f(e)?"indeterminate":e?"checked":"unchecked"}function Y({children:e,className:o,...t}){return d.jsx(O,{className:q.cn("peer flex h-5 w-5 items-center justify-center","rounded-md border","transition-colors duration-150","focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-[var(--checkbox-focus,hsl(var(--primary)))]","disabled:cursor-not-allowed","disabled:border-[var(--checkbox-light-disabled-border,hsl(var(--contrast-200)))]","disabled:bg-[var(--checkbox-light-disabled-background,hsl(var(--contrast-100)))]","disabled:text-[var(--checkbox-light-disabled-icon,hsl(var(--contrast-300)))]","enabled:data-[state=checked]:border-[var(--checkbox-light-checked-border,hsl(var(--foreground)))]","enabled:data-[state=checked]:bg-[var(--checkbox-light-checked-background,hsl(var(--foreground)))]","enabled:data-[state=checked]:text-[var(--checkbox-light-checked-text,hsl(var(--background)))]","enabled:data-[state=unchecked]:border-[var(--checkbox-light-unchecked-border,hsl(var(--contrast-200)))]","enabled:data-[state=unchecked]:bg-[var(--checkbox-light-unchecked-background,hsl(var(--background)))]","enabled:data-[state=unchecked]:text-[var(--checkbox-light-unchecked-text,hsl(var(--foreground)))]","enabled:data-[state=checked]:hover:border-[var(--checkbox-light-checked-border-hover,hsl(var(--foreground)))]","enabled:data-[state=unchecked]:hover:border-[var(--checkbox-light-unchecked-border-hover,hsl(var(--contrast-300)))]","aria-invalid:border-[var(--checkbox-light-error,hsl(var(--error)))]",o),"data-slot":"checkbox-root",...t,children:e})}function Z({className:e,children:o,...t}){return d.jsx($,{className:q.cn(e),"data-slot":"checkbox-indicator",...t,children:o})}exports.CheckboxIndicator=Z;exports.CheckboxRoot=Y;
+//# sourceMappingURL=checkbox-indicator-DVkOzOV6.cjs.map

package/dist/checkbox-indicator-DVkOzOV6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-indicator-DVkOzOV6.cjs","sources":["../node_modules/.pnpm/@radix-ui+react-checkbox@1.3.3_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@19.2_pia3geztaxdtc7a3vc4d2dm3y4/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../src/components/checkbox/primitives/checkbox-root.tsx","../src/components/checkbox/primitives/checkbox-indicator.tsx"],"sourcesContent":["\"use client\";\n\n// src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nfunction CheckboxProvider(props) {\n  const {\n    __scopeCheckbox,\n    checked: checkedProp,\n    children,\n    defaultChecked,\n    disabled,\n    form,\n    name,\n    onCheckedChange,\n    required,\n    value = \"on\",\n    // @ts-expect-error\n    internal_do_not_use_render\n  } = props;\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultChecked ?? false,\n    onChange: onCheckedChange,\n    caller: CHECKBOX_NAME\n  });\n  const [control, setControl] = React.useState(null);\n  const [bubbleInput, setBubbleInput] = React.useState(null);\n  const hasConsumerStoppedPropagationRef = React.useRef(false);\n  const isFormControl = control ? !!form || !!control.closest(\"form\") : (\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    true\n  );\n  const context = {\n    checked,\n    disabled,\n    setChecked,\n    control,\n    setControl,\n    name,\n    form,\n    value,\n    hasConsumerStoppedPropagationRef,\n    required,\n    defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,\n    isFormControl,\n    bubbleInput,\n    setBubbleInput\n  };\n  return /* @__PURE__ */ jsx(\n    CheckboxProviderImpl,\n    {\n      scope: __scopeCheckbox,\n      ...context,\n      children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children\n    }\n  );\n}\nvar TRIGGER_NAME = \"CheckboxTrigger\";\nvar CheckboxTrigger = React.forwardRef(\n  ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {\n    const {\n      control,\n      value,\n      disabled,\n      checked,\n      required,\n      setControl,\n      setChecked,\n      hasConsumerStoppedPropagationRef,\n      isFormControl,\n      bubbleInput\n    } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);\n    const composedRefs = useComposedRefs(forwardedRef, setControl);\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form = control?.form;\n      if (form) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form.addEventListener(\"reset\", reset);\n        return () => form.removeEventListener(\"reset\", reset);\n      }\n    }, [control, setChecked]);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        role: \"checkbox\",\n        \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n        \"aria-required\": required,\n        \"data-state\": getState(checked),\n        \"data-disabled\": disabled ? \"\" : void 0,\n        disabled,\n        value,\n        ...checkboxProps,\n        ref: composedRefs,\n        onKeyDown: composeEventHandlers(onKeyDown, (event) => {\n          if (event.key === \"Enter\") event.preventDefault();\n        }),\n        onClick: composeEventHandlers(onClick, (event) => {\n          setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n          if (bubbleInput && isFormControl) {\n            hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n            if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n          }\n        })\n      }\n    );\n  }\n);\nCheckboxTrigger.displayName = TRIGGER_NAME;\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      value,\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    return /* @__PURE__ */ jsx(\n      CheckboxProvider,\n      {\n        __scopeCheckbox,\n        checked,\n        defaultChecked,\n        disabled,\n        required,\n        onCheckedChange,\n        name,\n        form,\n        value,\n        internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [\n          /* @__PURE__ */ jsx(\n            CheckboxTrigger,\n            {\n              ...checkboxProps,\n              ref: forwardedRef,\n              __scopeCheckbox\n            }\n          ),\n          isFormControl && /* @__PURE__ */ jsx(\n            CheckboxBubbleInput,\n            {\n              __scopeCheckbox\n            }\n          )\n        ] })\n      }\n    );\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(\n      Presence,\n      {\n        present: forceMount || isIndeterminate(context.checked) || context.checked === true,\n        children: /* @__PURE__ */ jsx(\n          Primitive.span,\n          {\n            \"data-state\": getState(context.checked),\n            \"data-disabled\": context.disabled ? \"\" : void 0,\n            ...indicatorProps,\n            ref: forwardedRef,\n            style: { pointerEvents: \"none\", ...props.style }\n          }\n        )\n      }\n    );\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BUBBLE_INPUT_NAME = \"CheckboxBubbleInput\";\nvar CheckboxBubbleInput = React.forwardRef(\n  ({ __scopeCheckbox, ...props }, forwardedRef) => {\n    const {\n      control,\n      hasConsumerStoppedPropagationRef,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      name,\n      value,\n      form,\n      bubbleInput,\n      setBubbleInput\n    } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);\n    const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = bubbleInput;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      const bubbles = !hasConsumerStoppedPropagationRef.current;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        input.indeterminate = isIndeterminate(checked);\n        setChecked.call(input, isIndeterminate(checked) ? false : checked);\n        input.dispatchEvent(event);\n      }\n    }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);\n    const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n    return /* @__PURE__ */ jsx(\n      Primitive.input,\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n        required,\n        disabled,\n        name,\n        value,\n        form,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0,\n          // We transform because the input is absolutely positioned but we have\n          // rendered it **after** the button. This pulls it back to sit on top\n          // of the button.\n          transform: \"translateX(-100%)\"\n        }\n      }\n    );\n  }\n);\nCheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction isFunction(value) {\n  return typeof value === \"function\";\n}\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  CheckboxIndicator as Indicator,\n  Checkbox as Root,\n  createCheckboxScope,\n  CheckboxBubbleInput as unstable_BubbleInput,\n  CheckboxBubbleInput as unstable_CheckboxBubbleInput,\n  CheckboxProvider as unstable_CheckboxProvider,\n  CheckboxTrigger as unstable_CheckboxTrigger,\n  CheckboxProvider as unstable_Provider,\n  CheckboxTrigger as unstable_Trigger\n};\n//# sourceMappingURL=index.mjs.map\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type CheckboxRootProps = ComponentProps<typeof CheckboxPrimitive.Root>;\n\nexport function CheckboxRoot({ children, className, ...props }: CheckboxRootProps) {\n  return (\n    <CheckboxPrimitive.Root\n      className={cn(\n        // Base layout\n        'peer flex h-5 w-5 items-center justify-center',\n        // Borders & Rounded\n        'rounded-md border',\n        // Transitions\n        'transition-colors duration-150',\n        // Focus-visible state\n        'focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-[var(--checkbox-focus,hsl(var(--primary)))]',\n        // Disabled state\n        'disabled:cursor-not-allowed',\n        'disabled:border-[var(--checkbox-light-disabled-border,hsl(var(--contrast-200)))]',\n        'disabled:bg-[var(--checkbox-light-disabled-background,hsl(var(--contrast-100)))]',\n        'disabled:text-[var(--checkbox-light-disabled-icon,hsl(var(--contrast-300)))]',\n        // Enabled + Checked state\n        'enabled:data-[state=checked]:border-[var(--checkbox-light-checked-border,hsl(var(--foreground)))]',\n        'enabled:data-[state=checked]:bg-[var(--checkbox-light-checked-background,hsl(var(--foreground)))]',\n        'enabled:data-[state=checked]:text-[var(--checkbox-light-checked-text,hsl(var(--background)))]',\n        // Enabled + Unchecked state\n        'enabled:data-[state=unchecked]:border-[var(--checkbox-light-unchecked-border,hsl(var(--contrast-200)))]',\n        'enabled:data-[state=unchecked]:bg-[var(--checkbox-light-unchecked-background,hsl(var(--background)))]',\n        'enabled:data-[state=unchecked]:text-[var(--checkbox-light-unchecked-text,hsl(var(--foreground)))]',\n        // Enabled + Checked + Hover state\n        'enabled:data-[state=checked]:hover:border-[var(--checkbox-light-checked-border-hover,hsl(var(--foreground)))]',\n        // Enabled + Unchecked + Hover state\n        'enabled:data-[state=unchecked]:hover:border-[var(--checkbox-light-unchecked-border-hover,hsl(var(--contrast-300)))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--checkbox-light-error,hsl(var(--error)))]',\n        className,\n      )}\n      data-slot=\"checkbox-root\"\n      {...props}\n    >\n      {children}\n    </CheckboxPrimitive.Root>\n  );\n}\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type CheckboxIndicatorProps = ComponentProps<typeof CheckboxPrimitive.Indicator>;\n\nexport function CheckboxIndicator({ className, children, ...props }: CheckboxIndicatorProps) {\n  return (\n    <CheckboxPrimitive.Indicator\n      className={cn(className)}\n      data-slot=\"checkbox-indicator\"\n      {...props}\n    >\n      {children}\n    </CheckboxPrimitive.Indicator>\n  );\n}\n"],"names":["CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProviderImpl","useCheckboxContext","CheckboxProvider","props","__scopeCheckbox","checkedProp","children","defaultChecked","disabled","form","name","onCheckedChange","required","value","internal_do_not_use_render","checked","setChecked","useControllableState","control","setControl","React","bubbleInput","setBubbleInput","hasConsumerStoppedPropagationRef","isFormControl","context","isIndeterminate","jsx","isFunction","TRIGGER_NAME","CheckboxTrigger","onKeyDown","onClick","checkboxProps","forwardedRef","composedRefs","useComposedRefs","initialCheckedStateRef","reset","Primitive","getState","composeEventHandlers","event","prevChecked","Checkbox","jsxs","Fragment","CheckboxBubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","Presence","BUBBLE_INPUT_NAME","usePrevious","controlSize","useSize","input","inputProto","bubbles","defaultCheckedRef","CheckboxRoot","className","CheckboxPrimitive.Root","cn","CheckboxPrimitive.Indicator"],"mappings":"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","x_google_ignoreList":[0]}