commerce-toolkit 0.3.0 → 0.5.0

package/dist/{category-card-link-BwSFHFcd.cjs → category-card-link-BSmQDScF.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("./index-DGaxX11V.cjs"),c=require("./utils-LBH114_M.cjs"),d=require("react"),f=d.createContext(void 0);function m({className:r,children:o,as:t,textColorScheme:a="light",iconColorScheme:e="light",aspectRatio:l="5:6",textSize:g="small",showOverlay:u=!0,...x}){const v=t??"article",y=d.useMemo(()=>({textColorScheme:a,iconColorScheme:e,aspectRatio:l,textSize:g,showOverlay:u}),[a,e,l,g,u]);return n.jsx(f.Provider,{value:y,children:n.jsx(v,{className:c.cn("group relative flex w-full max-w-md cursor-pointer flex-col gap-2 rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container",{small:"gap-2",medium:"gap-3",large:"gap-4","x-large":"gap-5"}[g],r),"data-slot":"category-card-root",...x,children:o})})}function s(){const r=d.use(f);if(r===void 0)throw new Error("useCategoryCard must be used within a CategoryCardRoot");return r}function C({className:r,children:o,...t}){const{iconColorScheme:a}=s();return n.jsx(i.Slot,{className:c.cn("absolute right-5 top-5 z-10 transition-transform duration-700 ease-out group-hover:-translate-y-1.5 group-hover:translate-x-1.5",{light:"text-[var(--category-card-light-icon,hsl(var(--foreground)))]",dark:"text-[var(--category-card-dark-icon,hsl(var(--background)))]"}[a],r),"data-slot":"category-card-icon",...t,children:o})}function h({className:r,children:o,...t}){const{textColorScheme:a,aspectRatio:e}=s();return n.jsx("div",{className:c.cn("relative overflow-hidden rounded-[inherit] group-focus:ring-[var(--category-card-focus,hsl(var(--primary)))] group-focus-visible:ring-2",{light:"bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]",dark:"bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]"}[a],{"5:6":"aspect-[5/6]","3:4":"aspect-[3/4]","1:1":"aspect-square"}[e],r),"data-slot":"category-card-thumbnail",...t,children:o})}function b({className:r,children:o,asChild:t=!1,...a}){const{textColorScheme:e}=s(),l=t?i.Slot:"img";return n.jsx(l,{className:c.cn("h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110",{light:"bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]",dark:"bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]"}[e],r),"data-slot":"category-card-image",...a})}function k({className:r,children:o,...t}){const{textColorScheme:a}=s();return n.jsx("div",{className:c.cn("break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out group-hover:scale-105",{light:"[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]",dark:"[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]"}[a],r),"data-slot":"category-card-fallback",...t,children:o})}function p({children:r,className:o,...t}){const{showOverlay:a}=s();return n.jsx("div",{className:c.cn("absolute inset-0 flex items-end p-6 @xs:p-8",a&&"bg-gradient-to-b from-foreground/0 from-50% via-foreground/0 via-50% to-foreground/50 to-100%",o),"data-slot":"category-card-overlay",...t,children:r})}function j({children:r,className:o,...t}){const{textSize:a,textColorScheme:e}=s();return n.jsx("h3",{className:c.cn("font-medium leading-tight",{small:"text-lg tracking-normal @xs:text-xl",medium:"text-xl tracking-normal @xs:text-2xl",large:"text-2xl tracking-tight @xs:text-3xl","x-large":"text-3xl tracking-tight @xs:text-4xl"}[a],{light:"text-[var(--category-card-light-text,hsl(var(--foreground)))]",dark:"text-[var(--category-card-dark-text,hsl(var(--background)))]"}[e],o),"data-slot":"category-card-title",...t,children:r})}function w({asChild:r=!1,className:o,...t}){const{textColorScheme:a}=s(),e=r?i.Slot:"a";return n.jsx(e,{className:c.cn("absolute inset-0 rounded-[var(--category-card-border-radius,1rem)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",{light:"ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]",dark:"ring-offset-[var(--category-card-dark-offset,hsl(var(--foreground)))]"}[a],o),"data-slot":"category-card-link",...t})}exports.CategoryCardFallback=k;exports.CategoryCardIcon=C;exports.CategoryCardImage=b;exports.CategoryCardLink=w;exports.CategoryCardOverlay=p;exports.CategoryCardRoot=m;exports.CategoryCardThumbnail=h;exports.CategoryCardTitle=j;exports.useCategoryCard=s;
-//# sourceMappingURL=category-card-link-BwSFHFcd.cjs.map
+"use strict";const n=require("react/jsx-runtime"),i=require("./index-DGaxX11V.cjs"),c=require("./utils-DoxiiusW.cjs"),d=require("react"),f=d.createContext(void 0);function C({className:r,children:o,as:t,textColorScheme:a="light",iconColorScheme:e="light",aspectRatio:l="5:6",textSize:g="small",showOverlay:u=!0,...x}){const v=t??"article",y=d.useMemo(()=>({textColorScheme:a,iconColorScheme:e,aspectRatio:l,textSize:g,showOverlay:u}),[a,e,l,g,u]);return n.jsx(f.Provider,{value:y,children:n.jsx(v,{className:c.cn("group relative flex w-full max-w-md cursor-pointer flex-col gap-2 rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container",{small:"gap-2",medium:"gap-3",large:"gap-4","x-large":"gap-5"}[g],r),"data-slot":"category-card-root",...x,children:o})})}function s(){const r=d.use(f);if(r===void 0)throw new Error("useCategoryCard must be used within a CategoryCardRoot");return r}function h({className:r,children:o,...t}){const{iconColorScheme:a}=s();return n.jsx(i.Slot,{className:c.cn("absolute right-5 top-5 z-10 transition-transform duration-700 ease-out group-hover:-translate-y-1.5 group-hover:translate-x-1.5",{light:"text-[var(--category-card-light-icon,hsl(var(--foreground)))]",dark:"text-[var(--category-card-dark-icon,hsl(var(--background)))]"}[a],r),"data-slot":"category-card-icon",...t,children:o})}function m({className:r,children:o,...t}){const{textColorScheme:a,aspectRatio:e}=s();return n.jsx("div",{className:c.cn("relative overflow-hidden rounded-[inherit] group-focus:ring-[var(--category-card-focus,hsl(var(--primary)))] group-focus-visible:ring-2",{light:"bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]",dark:"bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]"}[a],{"5:6":"aspect-[5/6]","3:4":"aspect-[3/4]","1:1":"aspect-square"}[e],r),"data-slot":"category-card-thumbnail",...t,children:o})}function b({className:r,children:o,asChild:t=!1,...a}){const{textColorScheme:e}=s(),l=t?i.Slot:"img";return n.jsx(l,{className:c.cn("h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110",{light:"bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]",dark:"bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]"}[e],r),"data-slot":"category-card-image",...a})}function k({className:r,children:o,...t}){const{textColorScheme:a}=s();return n.jsx("div",{className:c.cn("break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out group-hover:scale-105",{light:"[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]",dark:"[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]"}[a],r),"data-slot":"category-card-fallback",...t,children:o})}function p({children:r,className:o,...t}){const{showOverlay:a}=s();return n.jsx("div",{className:c.cn("absolute inset-0 flex items-end p-6 @xs:p-8",a&&"bg-gradient-to-b from-foreground/0 from-50% via-foreground/0 via-50% to-foreground/50 to-100%",o),"data-slot":"category-card-overlay",...t,children:r})}function j({children:r,className:o,...t}){const{textSize:a,textColorScheme:e}=s();return n.jsx("h3",{className:c.cn("font-semibold leading-tight",{small:"text-lg tracking-normal @xs:text-xl",medium:"text-xl tracking-normal @xs:text-2xl",large:"text-2xl tracking-tight @xs:text-3xl","x-large":"text-3xl tracking-tight @xs:text-4xl"}[a],{light:"text-[var(--category-card-light-text,hsl(var(--foreground)))]",dark:"text-[var(--category-card-dark-text,hsl(var(--background)))]"}[e],o),"data-slot":"category-card-title",...t,children:r})}function w({asChild:r=!1,className:o,...t}){const{textColorScheme:a}=s(),e=r?i.Slot:"a";return n.jsx(e,{className:c.cn("absolute inset-0 rounded-[var(--category-card-border-radius,1rem)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",{light:"ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]",dark:"ring-offset-[var(--category-card-dark-offset,hsl(var(--foreground)))]"}[a],o),"data-slot":"category-card-link",...t})}exports.CategoryCardFallback=k;exports.CategoryCardIcon=h;exports.CategoryCardImage=b;exports.CategoryCardLink=w;exports.CategoryCardOverlay=p;exports.CategoryCardRoot=C;exports.CategoryCardThumbnail=m;exports.CategoryCardTitle=j;exports.useCategoryCard=s;
+//# sourceMappingURL=category-card-link-BSmQDScF.cjs.map

package/dist/{category-card-link-BwSFHFcd.cjs.map → category-card-link-BSmQDScF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"category-card-link-BwSFHFcd.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 { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface CategoryCardContext {\n  textColorScheme: 'light' | 'dark';\n  iconColorScheme: 'light' | 'dark';\n  aspectRatio: '5:6' | '3:4' | '1:1';\n  textSize: 'small' | 'medium' | 'large' | 'x-large';\n  showOverlay: boolean;\n}\n\nexport const CategoryCardContext = createContext<CategoryCardContext | undefined>(undefined);\n\nexport type CategoryCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  textColorScheme?: 'light' | 'dark';\n  iconColorScheme?: 'light' | 'dark';\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  textColorScheme = 'light',\n  iconColorScheme = 'light',\n  aspectRatio = '5:6',\n  textSize = 'small',\n  showOverlay = true,\n  ...props\n}: CategoryCardRootProps<T>) {\n  const CategoryCardRootElement = as ?? 'article';\n\n  const contextValues = useMemo(\n    () => ({\n      textColorScheme,\n      iconColorScheme,\n      aspectRatio,\n      textSize,\n      showOverlay,\n    }),\n    [textColorScheme, iconColorScheme, aspectRatio, textSize, showOverlay],\n  );\n\n  return (\n    <CategoryCardContext.Provider value={contextValues}>\n      <CategoryCardRootElement\n        className={cn(\n          'group relative flex w-full max-w-md cursor-pointer flex-col gap-2 rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container',\n          {\n            small: 'gap-2',\n            medium: 'gap-3',\n            large: 'gap-4',\n            'x-large': 'gap-5',\n          }[textSize],\n          className,\n        )}\n        data-slot=\"category-card-root\"\n        {...props}\n      >\n        {children}\n      </CategoryCardRootElement>\n    </CategoryCardContext.Provider>\n  );\n}\n\nexport function useCategoryCard() {\n  const context = use(CategoryCardContext);\n\n  if (context === undefined) {\n    throw new Error('useCategoryCard must be used within a CategoryCardRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardIconProps = ComponentProps<typeof Slot>;\n\nexport function CategoryCardIcon({ className, children, ...props }: CategoryCardIconProps) {\n  const { iconColorScheme } = useCategoryCard();\n\n  return (\n    <Slot\n      className={cn(\n        'absolute right-5 top-5 z-10 transition-transform duration-700 ease-out group-hover:-translate-y-1.5 group-hover:translate-x-1.5',\n        {\n          light: 'text-[var(--category-card-light-icon,hsl(var(--foreground)))]',\n          dark: 'text-[var(--category-card-dark-icon,hsl(var(--background)))]',\n        }[iconColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-icon\"\n      {...props}\n    >\n      {children}\n    </Slot>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardThumbnailProps = ComponentProps<'div'>;\n\nexport function CategoryCardThumbnail({\n  className,\n  children,\n  ...props\n}: CategoryCardThumbnailProps) {\n  const { textColorScheme, aspectRatio } = useCategoryCard();\n\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-[inherit] group-focus:ring-[var(--category-card-focus,hsl(var(--primary)))] group-focus-visible:ring-2',\n        {\n          light: 'bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]',\n        }[textColorScheme],\n        {\n          '5:6': 'aspect-[5/6]',\n          '3:4': 'aspect-[3/4]',\n          '1:1': 'aspect-square',\n        }[aspectRatio],\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 { useCategoryCard } from '@/components/category-card';\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 { textColorScheme } = useCategoryCard();\n\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n        {\n          light: 'bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]',\n        }[textColorScheme],\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 { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardFallbackProps = ComponentProps<'div'>;\n\nexport function CategoryCardFallback({ className, children, ...props }: CategoryCardFallbackProps) {\n  const { textColorScheme } = useCategoryCard();\n\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 group-hover:scale-105',\n        {\n          light: '[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n          dark: '[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]',\n        }[textColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardOverlayProps = ComponentProps<'div'>;\n\nexport function CategoryCardOverlay({ children, className, ...props }: CategoryCardOverlayProps) {\n  const { showOverlay } = useCategoryCard();\n\n  return (\n    <div\n      className={cn(\n        'absolute inset-0 flex items-end p-6 @xs:p-8',\n        showOverlay &&\n          'bg-gradient-to-b from-foreground/0 from-50% via-foreground/0 via-50% to-foreground/50 to-100%',\n        className,\n      )}\n      data-slot=\"category-card-overlay\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardTitleProps = ComponentProps<'h3'>;\n\nexport function CategoryCardTitle({ children, className, ...props }: CategoryCardTitleProps) {\n  const { textSize, textColorScheme } = useCategoryCard();\n\n  return (\n    <h3\n      className={cn(\n        'font-medium leading-tight',\n        {\n          small: 'text-lg tracking-normal @xs:text-xl',\n          medium: 'text-xl tracking-normal @xs:text-2xl',\n          large: 'text-2xl tracking-tight @xs:text-3xl',\n          'x-large': 'text-3xl tracking-tight @xs:text-4xl',\n        }[textSize],\n        {\n          light: 'text-[var(--category-card-light-text,hsl(var(--foreground)))]',\n          dark: 'text-[var(--category-card-dark-text,hsl(var(--background)))]',\n        }[textColorScheme],\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 { useCategoryCard } from '@/components/category-card';\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 { textColorScheme } = useCategoryCard();\n\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)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n        {\n          light: 'ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]',\n          dark: 'ring-offset-[var(--category-card-dark-offset,hsl(var(--foreground)))]',\n        }[textColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-link\"\n      {...props}\n    />\n  );\n}\n"],"names":["CategoryCardContext","createContext","CategoryCardRoot","className","children","as","textColorScheme","iconColorScheme","aspectRatio","textSize","showOverlay","props","CategoryCardRootElement","contextValues","useMemo","jsx","cn","useCategoryCard","context","use","CategoryCardIcon","Slot","CategoryCardThumbnail","CategoryCardImage","asChild","Component","CategoryCardFallback","CategoryCardOverlay","CategoryCardTitle","CategoryCardLink"],"mappings":"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"}
+{"version":3,"file":"category-card-link-BSmQDScF.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 { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface CategoryCardContext {\n  textColorScheme: 'light' | 'dark';\n  iconColorScheme: 'light' | 'dark';\n  aspectRatio: '5:6' | '3:4' | '1:1';\n  textSize: 'small' | 'medium' | 'large' | 'x-large';\n  showOverlay: boolean;\n}\n\nexport const CategoryCardContext = createContext<CategoryCardContext | undefined>(undefined);\n\nexport type CategoryCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  textColorScheme?: 'light' | 'dark';\n  iconColorScheme?: 'light' | 'dark';\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  textColorScheme = 'light',\n  iconColorScheme = 'light',\n  aspectRatio = '5:6',\n  textSize = 'small',\n  showOverlay = true,\n  ...props\n}: CategoryCardRootProps<T>) {\n  const CategoryCardRootElement = as ?? 'article';\n\n  const contextValues = useMemo(\n    () => ({\n      textColorScheme,\n      iconColorScheme,\n      aspectRatio,\n      textSize,\n      showOverlay,\n    }),\n    [textColorScheme, iconColorScheme, aspectRatio, textSize, showOverlay],\n  );\n\n  return (\n    <CategoryCardContext.Provider value={contextValues}>\n      <CategoryCardRootElement\n        className={cn(\n          'group relative flex w-full max-w-md cursor-pointer flex-col gap-2 rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container',\n          {\n            small: 'gap-2',\n            medium: 'gap-3',\n            large: 'gap-4',\n            'x-large': 'gap-5',\n          }[textSize],\n          className,\n        )}\n        data-slot=\"category-card-root\"\n        {...props}\n      >\n        {children}\n      </CategoryCardRootElement>\n    </CategoryCardContext.Provider>\n  );\n}\n\nexport function useCategoryCard() {\n  const context = use(CategoryCardContext);\n\n  if (context === undefined) {\n    throw new Error('useCategoryCard must be used within a CategoryCardRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardIconProps = ComponentProps<typeof Slot>;\n\nexport function CategoryCardIcon({ className, children, ...props }: CategoryCardIconProps) {\n  const { iconColorScheme } = useCategoryCard();\n\n  return (\n    <Slot\n      className={cn(\n        'absolute right-5 top-5 z-10 transition-transform duration-700 ease-out group-hover:-translate-y-1.5 group-hover:translate-x-1.5',\n        {\n          light: 'text-[var(--category-card-light-icon,hsl(var(--foreground)))]',\n          dark: 'text-[var(--category-card-dark-icon,hsl(var(--background)))]',\n        }[iconColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-icon\"\n      {...props}\n    >\n      {children}\n    </Slot>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardThumbnailProps = ComponentProps<'div'>;\n\nexport function CategoryCardThumbnail({\n  className,\n  children,\n  ...props\n}: CategoryCardThumbnailProps) {\n  const { textColorScheme, aspectRatio } = useCategoryCard();\n\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-[inherit] group-focus:ring-[var(--category-card-focus,hsl(var(--primary)))] group-focus-visible:ring-2',\n        {\n          light: 'bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]',\n        }[textColorScheme],\n        {\n          '5:6': 'aspect-[5/6]',\n          '3:4': 'aspect-[3/4]',\n          '1:1': 'aspect-square',\n        }[aspectRatio],\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 { useCategoryCard } from '@/components/category-card';\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 { textColorScheme } = useCategoryCard();\n\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n        {\n          light: 'bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]',\n        }[textColorScheme],\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 { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardFallbackProps = ComponentProps<'div'>;\n\nexport function CategoryCardFallback({ className, children, ...props }: CategoryCardFallbackProps) {\n  const { textColorScheme } = useCategoryCard();\n\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 group-hover:scale-105',\n        {\n          light: '[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n          dark: '[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]',\n        }[textColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardOverlayProps = ComponentProps<'div'>;\n\nexport function CategoryCardOverlay({ children, className, ...props }: CategoryCardOverlayProps) {\n  const { showOverlay } = useCategoryCard();\n\n  return (\n    <div\n      className={cn(\n        'absolute inset-0 flex items-end p-6 @xs:p-8',\n        showOverlay &&\n          'bg-gradient-to-b from-foreground/0 from-50% via-foreground/0 via-50% to-foreground/50 to-100%',\n        className,\n      )}\n      data-slot=\"category-card-overlay\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardTitleProps = ComponentProps<'h3'>;\n\nexport function CategoryCardTitle({ children, className, ...props }: CategoryCardTitleProps) {\n  const { textSize, textColorScheme } = useCategoryCard();\n\n  return (\n    <h3\n      className={cn(\n        'font-semibold leading-tight',\n        {\n          small: 'text-lg tracking-normal @xs:text-xl',\n          medium: 'text-xl tracking-normal @xs:text-2xl',\n          large: 'text-2xl tracking-tight @xs:text-3xl',\n          'x-large': 'text-3xl tracking-tight @xs:text-4xl',\n        }[textSize],\n        {\n          light: 'text-[var(--category-card-light-text,hsl(var(--foreground)))]',\n          dark: 'text-[var(--category-card-dark-text,hsl(var(--background)))]',\n        }[textColorScheme],\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 { useCategoryCard } from '@/components/category-card';\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 { textColorScheme } = useCategoryCard();\n\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)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n        {\n          light: 'ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]',\n          dark: 'ring-offset-[var(--category-card-dark-offset,hsl(var(--foreground)))]',\n        }[textColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-link\"\n      {...props}\n    />\n  );\n}\n"],"names":["CategoryCardContext","createContext","CategoryCardRoot","className","children","as","textColorScheme","iconColorScheme","aspectRatio","textSize","showOverlay","props","CategoryCardRootElement","contextValues","useMemo","jsx","cn","useCategoryCard","context","use","CategoryCardIcon","Slot","CategoryCardThumbnail","CategoryCardImage","asChild","Component","CategoryCardFallback","CategoryCardOverlay","CategoryCardTitle","CategoryCardLink"],"mappings":"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"}

package/dist/{category-card-link-BqMAG9Op.js → category-card-link-mgtggmo_.js}

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { S as g } from "./index-DD8W7cMj.js";
-import { c } from "./utils-BOGlfttm.js";
+import { c } from "./utils-CRiPKpXj.js";
 import { createContext as h, useMemo as x, use as y } from "react";
 const u = h(void 0);
 function w({
@@ -160,7 +160,7 @@ function E({ children: r, className: o, ...t }) {
     "h3",
     {
       className: c(
-        "font-medium leading-tight",
+        "font-semibold leading-tight",
         {
           small: "text-lg tracking-normal @xs:text-xl",
           medium: "text-xl tracking-normal @xs:text-2xl",
@@ -208,4 +208,4 @@ export {
   I as g,
   s as u
 };
-//# sourceMappingURL=category-card-link-BqMAG9Op.js.map
+//# sourceMappingURL=category-card-link-mgtggmo_.js.map

package/dist/{category-card-link-BqMAG9Op.js.map → category-card-link-mgtggmo_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"category-card-link-BqMAG9Op.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 { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface CategoryCardContext {\n  textColorScheme: 'light' | 'dark';\n  iconColorScheme: 'light' | 'dark';\n  aspectRatio: '5:6' | '3:4' | '1:1';\n  textSize: 'small' | 'medium' | 'large' | 'x-large';\n  showOverlay: boolean;\n}\n\nexport const CategoryCardContext = createContext<CategoryCardContext | undefined>(undefined);\n\nexport type CategoryCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  textColorScheme?: 'light' | 'dark';\n  iconColorScheme?: 'light' | 'dark';\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  textColorScheme = 'light',\n  iconColorScheme = 'light',\n  aspectRatio = '5:6',\n  textSize = 'small',\n  showOverlay = true,\n  ...props\n}: CategoryCardRootProps<T>) {\n  const CategoryCardRootElement = as ?? 'article';\n\n  const contextValues = useMemo(\n    () => ({\n      textColorScheme,\n      iconColorScheme,\n      aspectRatio,\n      textSize,\n      showOverlay,\n    }),\n    [textColorScheme, iconColorScheme, aspectRatio, textSize, showOverlay],\n  );\n\n  return (\n    <CategoryCardContext.Provider value={contextValues}>\n      <CategoryCardRootElement\n        className={cn(\n          'group relative flex w-full max-w-md cursor-pointer flex-col gap-2 rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container',\n          {\n            small: 'gap-2',\n            medium: 'gap-3',\n            large: 'gap-4',\n            'x-large': 'gap-5',\n          }[textSize],\n          className,\n        )}\n        data-slot=\"category-card-root\"\n        {...props}\n      >\n        {children}\n      </CategoryCardRootElement>\n    </CategoryCardContext.Provider>\n  );\n}\n\nexport function useCategoryCard() {\n  const context = use(CategoryCardContext);\n\n  if (context === undefined) {\n    throw new Error('useCategoryCard must be used within a CategoryCardRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardIconProps = ComponentProps<typeof Slot>;\n\nexport function CategoryCardIcon({ className, children, ...props }: CategoryCardIconProps) {\n  const { iconColorScheme } = useCategoryCard();\n\n  return (\n    <Slot\n      className={cn(\n        'absolute right-5 top-5 z-10 transition-transform duration-700 ease-out group-hover:-translate-y-1.5 group-hover:translate-x-1.5',\n        {\n          light: 'text-[var(--category-card-light-icon,hsl(var(--foreground)))]',\n          dark: 'text-[var(--category-card-dark-icon,hsl(var(--background)))]',\n        }[iconColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-icon\"\n      {...props}\n    >\n      {children}\n    </Slot>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardThumbnailProps = ComponentProps<'div'>;\n\nexport function CategoryCardThumbnail({\n  className,\n  children,\n  ...props\n}: CategoryCardThumbnailProps) {\n  const { textColorScheme, aspectRatio } = useCategoryCard();\n\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-[inherit] group-focus:ring-[var(--category-card-focus,hsl(var(--primary)))] group-focus-visible:ring-2',\n        {\n          light: 'bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]',\n        }[textColorScheme],\n        {\n          '5:6': 'aspect-[5/6]',\n          '3:4': 'aspect-[3/4]',\n          '1:1': 'aspect-square',\n        }[aspectRatio],\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 { useCategoryCard } from '@/components/category-card';\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 { textColorScheme } = useCategoryCard();\n\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n        {\n          light: 'bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]',\n        }[textColorScheme],\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 { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardFallbackProps = ComponentProps<'div'>;\n\nexport function CategoryCardFallback({ className, children, ...props }: CategoryCardFallbackProps) {\n  const { textColorScheme } = useCategoryCard();\n\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 group-hover:scale-105',\n        {\n          light: '[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n          dark: '[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]',\n        }[textColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardOverlayProps = ComponentProps<'div'>;\n\nexport function CategoryCardOverlay({ children, className, ...props }: CategoryCardOverlayProps) {\n  const { showOverlay } = useCategoryCard();\n\n  return (\n    <div\n      className={cn(\n        'absolute inset-0 flex items-end p-6 @xs:p-8',\n        showOverlay &&\n          'bg-gradient-to-b from-foreground/0 from-50% via-foreground/0 via-50% to-foreground/50 to-100%',\n        className,\n      )}\n      data-slot=\"category-card-overlay\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardTitleProps = ComponentProps<'h3'>;\n\nexport function CategoryCardTitle({ children, className, ...props }: CategoryCardTitleProps) {\n  const { textSize, textColorScheme } = useCategoryCard();\n\n  return (\n    <h3\n      className={cn(\n        'font-medium leading-tight',\n        {\n          small: 'text-lg tracking-normal @xs:text-xl',\n          medium: 'text-xl tracking-normal @xs:text-2xl',\n          large: 'text-2xl tracking-tight @xs:text-3xl',\n          'x-large': 'text-3xl tracking-tight @xs:text-4xl',\n        }[textSize],\n        {\n          light: 'text-[var(--category-card-light-text,hsl(var(--foreground)))]',\n          dark: 'text-[var(--category-card-dark-text,hsl(var(--background)))]',\n        }[textColorScheme],\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 { useCategoryCard } from '@/components/category-card';\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 { textColorScheme } = useCategoryCard();\n\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)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n        {\n          light: 'ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]',\n          dark: 'ring-offset-[var(--category-card-dark-offset,hsl(var(--foreground)))]',\n        }[textColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-link\"\n      {...props}\n    />\n  );\n}\n"],"names":["CategoryCardContext","createContext","CategoryCardRoot","className","children","as","textColorScheme","iconColorScheme","aspectRatio","textSize","showOverlay","props","CategoryCardRootElement","contextValues","useMemo","jsx","cn","useCategoryCard","context","use","CategoryCardIcon","Slot","CategoryCardThumbnail","CategoryCardImage","asChild","CategoryCardFallback","CategoryCardOverlay","CategoryCardTitle","CategoryCardLink"],"mappings":"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"}
+{"version":3,"file":"category-card-link-mgtggmo_.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 { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface CategoryCardContext {\n  textColorScheme: 'light' | 'dark';\n  iconColorScheme: 'light' | 'dark';\n  aspectRatio: '5:6' | '3:4' | '1:1';\n  textSize: 'small' | 'medium' | 'large' | 'x-large';\n  showOverlay: boolean;\n}\n\nexport const CategoryCardContext = createContext<CategoryCardContext | undefined>(undefined);\n\nexport type CategoryCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  textColorScheme?: 'light' | 'dark';\n  iconColorScheme?: 'light' | 'dark';\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  textColorScheme = 'light',\n  iconColorScheme = 'light',\n  aspectRatio = '5:6',\n  textSize = 'small',\n  showOverlay = true,\n  ...props\n}: CategoryCardRootProps<T>) {\n  const CategoryCardRootElement = as ?? 'article';\n\n  const contextValues = useMemo(\n    () => ({\n      textColorScheme,\n      iconColorScheme,\n      aspectRatio,\n      textSize,\n      showOverlay,\n    }),\n    [textColorScheme, iconColorScheme, aspectRatio, textSize, showOverlay],\n  );\n\n  return (\n    <CategoryCardContext.Provider value={contextValues}>\n      <CategoryCardRootElement\n        className={cn(\n          'group relative flex w-full max-w-md cursor-pointer flex-col gap-2 rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container',\n          {\n            small: 'gap-2',\n            medium: 'gap-3',\n            large: 'gap-4',\n            'x-large': 'gap-5',\n          }[textSize],\n          className,\n        )}\n        data-slot=\"category-card-root\"\n        {...props}\n      >\n        {children}\n      </CategoryCardRootElement>\n    </CategoryCardContext.Provider>\n  );\n}\n\nexport function useCategoryCard() {\n  const context = use(CategoryCardContext);\n\n  if (context === undefined) {\n    throw new Error('useCategoryCard must be used within a CategoryCardRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardIconProps = ComponentProps<typeof Slot>;\n\nexport function CategoryCardIcon({ className, children, ...props }: CategoryCardIconProps) {\n  const { iconColorScheme } = useCategoryCard();\n\n  return (\n    <Slot\n      className={cn(\n        'absolute right-5 top-5 z-10 transition-transform duration-700 ease-out group-hover:-translate-y-1.5 group-hover:translate-x-1.5',\n        {\n          light: 'text-[var(--category-card-light-icon,hsl(var(--foreground)))]',\n          dark: 'text-[var(--category-card-dark-icon,hsl(var(--background)))]',\n        }[iconColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-icon\"\n      {...props}\n    >\n      {children}\n    </Slot>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardThumbnailProps = ComponentProps<'div'>;\n\nexport function CategoryCardThumbnail({\n  className,\n  children,\n  ...props\n}: CategoryCardThumbnailProps) {\n  const { textColorScheme, aspectRatio } = useCategoryCard();\n\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-[inherit] group-focus:ring-[var(--category-card-focus,hsl(var(--primary)))] group-focus-visible:ring-2',\n        {\n          light: 'bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]',\n        }[textColorScheme],\n        {\n          '5:6': 'aspect-[5/6]',\n          '3:4': 'aspect-[3/4]',\n          '1:1': 'aspect-square',\n        }[aspectRatio],\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 { useCategoryCard } from '@/components/category-card';\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 { textColorScheme } = useCategoryCard();\n\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n        {\n          light: 'bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--category-card-dark-background,hsl(var(--contrast-500)))]',\n        }[textColorScheme],\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 { useCategoryCard } from '@/components/category-card';\nimport { cn } from '@/lib';\n\nexport type CategoryCardFallbackProps = ComponentProps<'div'>;\n\nexport function CategoryCardFallback({ className, children, ...props }: CategoryCardFallbackProps) {\n  const { textColorScheme } = useCategoryCard();\n\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 group-hover:scale-105',\n        {\n          light: '[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n          dark: '[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]',\n        }[textColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardOverlayProps = ComponentProps<'div'>;\n\nexport function CategoryCardOverlay({ children, className, ...props }: CategoryCardOverlayProps) {\n  const { showOverlay } = useCategoryCard();\n\n  return (\n    <div\n      className={cn(\n        'absolute inset-0 flex items-end p-6 @xs:p-8',\n        showOverlay &&\n          'bg-gradient-to-b from-foreground/0 from-50% via-foreground/0 via-50% to-foreground/50 to-100%',\n        className,\n      )}\n      data-slot=\"category-card-overlay\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nimport { useCategoryCard } from '../primitives';\n\nexport type CategoryCardTitleProps = ComponentProps<'h3'>;\n\nexport function CategoryCardTitle({ children, className, ...props }: CategoryCardTitleProps) {\n  const { textSize, textColorScheme } = useCategoryCard();\n\n  return (\n    <h3\n      className={cn(\n        'font-semibold leading-tight',\n        {\n          small: 'text-lg tracking-normal @xs:text-xl',\n          medium: 'text-xl tracking-normal @xs:text-2xl',\n          large: 'text-2xl tracking-tight @xs:text-3xl',\n          'x-large': 'text-3xl tracking-tight @xs:text-4xl',\n        }[textSize],\n        {\n          light: 'text-[var(--category-card-light-text,hsl(var(--foreground)))]',\n          dark: 'text-[var(--category-card-dark-text,hsl(var(--background)))]',\n        }[textColorScheme],\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 { useCategoryCard } from '@/components/category-card';\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 { textColorScheme } = useCategoryCard();\n\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)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n        {\n          light: 'ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]',\n          dark: 'ring-offset-[var(--category-card-dark-offset,hsl(var(--foreground)))]',\n        }[textColorScheme],\n        className,\n      )}\n      data-slot=\"category-card-link\"\n      {...props}\n    />\n  );\n}\n"],"names":["CategoryCardContext","createContext","CategoryCardRoot","className","children","as","textColorScheme","iconColorScheme","aspectRatio","textSize","showOverlay","props","CategoryCardRootElement","contextValues","useMemo","jsx","cn","useCategoryCard","context","use","CategoryCardIcon","Slot","CategoryCardThumbnail","CategoryCardImage","asChild","CategoryCardFallback","CategoryCardOverlay","CategoryCardTitle","CategoryCardLink"],"mappings":"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"}

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-BSmQDScF.cjs"),a=require("react/jsx-runtime"),r=require("./utils-DoxiiusW.cjs"),n=require("./skeleton-box-BsY5q4RG.cjs"),c=require("./skeleton-text-BxefRRo2.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;
 //# sourceMappingURL=category-card.cjs.map

package/dist/category-card.js

@@ -1,9 +1,9 @@
-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 { u as s } from "./category-card-link-mgtggmo_.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-mgtggmo_.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";
+import { c as e } from "./utils-CRiPKpXj.js";
+import { S as n } from "./skeleton-box-D0XcgPLs.js";
+import { S as m } from "./skeleton-text-BCsnfhcU.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: [

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]}

package/dist/checkbox-indicator-sO8XNm-j.js

@@ -0,0 +1,296 @@
+import { jsx as l, jsxs as H, Fragment as z } from "react/jsx-runtime";
+import { c as S } from "./utils-CRiPKpXj.js";
+import * as s from "react";
+import { u as w } from "./index-DLcqcWxM.js";
+import { c as G } from "./index-DFZozV_h.js";
+import { c as N } from "./index-B695uy69.js";
+import { u as K } from "./index-437EL2iq.js";
+import { u as U } from "./index-BZPx6jYI.js";
+import { u as X } from "./index-BGQepRFJ.js";
+import { P as $ } from "./index-BpWB3aFK.js";
+import { P as y } from "./index-DYM6xIoO.js";
+var R = "Checkbox", [J] = G(R), [Q, E] = J(R);
+function V(e) {
+  const {
+    __scopeCheckbox: o,
+    checked: r,
+    children: u,
+    defaultChecked: a,
+    disabled: t,
+    form: b,
+    name: f,
+    onCheckedChange: d,
+    required: p,
+    value: v = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: i
+  } = e, [h, C] = K({
+    prop: r,
+    defaultProp: a ?? !1,
+    onChange: d,
+    caller: R
+  }), [m, x] = s.useState(null), [g, c] = s.useState(null), n = s.useRef(!1), P = m ? !!b || !!m.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), _ = {
+    checked: h,
+    disabled: t,
+    setChecked: C,
+    control: m,
+    setControl: x,
+    name: f,
+    form: b,
+    value: v,
+    hasConsumerStoppedPropagationRef: n,
+    required: p,
+    defaultChecked: k(a) ? !1 : a,
+    isFormControl: P,
+    bubbleInput: g,
+    setBubbleInput: c
+  };
+  return /* @__PURE__ */ l(
+    Q,
+    {
+      scope: o,
+      ..._,
+      children: W(i) ? i(_) : u
+    }
+  );
+}
+var B = "CheckboxTrigger", M = s.forwardRef(
+  ({ __scopeCheckbox: e, onKeyDown: o, onClick: r, ...u }, a) => {
+    const {
+      control: t,
+      value: b,
+      disabled: f,
+      checked: d,
+      required: p,
+      setControl: v,
+      setChecked: i,
+      hasConsumerStoppedPropagationRef: h,
+      isFormControl: C,
+      bubbleInput: m
+    } = E(B, e), x = w(a, v), g = s.useRef(d);
+    return s.useEffect(() => {
+      const c = t?.form;
+      if (c) {
+        const n = () => i(g.current);
+        return c.addEventListener("reset", n), () => c.removeEventListener("reset", n);
+      }
+    }, [t, i]), /* @__PURE__ */ l(
+      y.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": k(d) ? "mixed" : d,
+        "aria-required": p,
+        "data-state": F(d),
+        "data-disabled": f ? "" : void 0,
+        disabled: f,
+        value: b,
+        ...u,
+        ref: x,
+        onKeyDown: N(o, (c) => {
+          c.key === "Enter" && c.preventDefault();
+        }),
+        onClick: N(r, (c) => {
+          i((n) => k(n) ? !0 : !n), m && C && (h.current = c.isPropagationStopped(), h.current || c.stopPropagation());
+        })
+      }
+    );
+  }
+);
+M.displayName = B;
+var T = s.forwardRef(
+  (e, o) => {
+    const {
+      __scopeCheckbox: r,
+      name: u,
+      checked: a,
+      defaultChecked: t,
+      required: b,
+      disabled: f,
+      value: d,
+      onCheckedChange: p,
+      form: v,
+      ...i
+    } = e;
+    return /* @__PURE__ */ l(
+      V,
+      {
+        __scopeCheckbox: r,
+        checked: a,
+        defaultChecked: t,
+        disabled: f,
+        required: b,
+        onCheckedChange: p,
+        name: u,
+        form: v,
+        value: d,
+        internal_do_not_use_render: ({ isFormControl: h }) => /* @__PURE__ */ H(z, { children: [
+          /* @__PURE__ */ l(
+            M,
+            {
+              ...i,
+              ref: o,
+              __scopeCheckbox: r
+            }
+          ),
+          h && /* @__PURE__ */ l(
+            D,
+            {
+              __scopeCheckbox: r
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+T.displayName = R;
+var q = "CheckboxIndicator", A = s.forwardRef(
+  (e, o) => {
+    const { __scopeCheckbox: r, forceMount: u, ...a } = e, t = E(q, r);
+    return /* @__PURE__ */ l(
+      $,
+      {
+        present: u || k(t.checked) || t.checked === !0,
+        children: /* @__PURE__ */ l(
+          y.span,
+          {
+            "data-state": F(t.checked),
+            "data-disabled": t.disabled ? "" : void 0,
+            ...a,
+            ref: o,
+            style: { pointerEvents: "none", ...e.style }
+          }
+        )
+      }
+    );
+  }
+);
+A.displayName = q;
+var j = "CheckboxBubbleInput", D = s.forwardRef(
+  ({ __scopeCheckbox: e, ...o }, r) => {
+    const {
+      control: u,
+      hasConsumerStoppedPropagationRef: a,
+      checked: t,
+      defaultChecked: b,
+      required: f,
+      disabled: d,
+      name: p,
+      value: v,
+      form: i,
+      bubbleInput: h,
+      setBubbleInput: C
+    } = E(j, e), m = w(r, C), x = U(t), g = X(u);
+    s.useEffect(() => {
+      const n = h;
+      if (!n) return;
+      const P = window.HTMLInputElement.prototype, I = Object.getOwnPropertyDescriptor(
+        P,
+        "checked"
+      ).set, L = !a.current;
+      if (x !== t && I) {
+        const O = new Event("click", { bubbles: L });
+        n.indeterminate = k(t), I.call(n, k(t) ? !1 : t), n.dispatchEvent(O);
+      }
+    }, [h, x, t, a]);
+    const c = s.useRef(k(t) ? !1 : t);
+    return /* @__PURE__ */ l(
+      y.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: b ?? c.current,
+        required: f,
+        disabled: d,
+        name: p,
+        value: v,
+        form: i,
+        ...o,
+        tabIndex: -1,
+        ref: m,
+        style: {
+          ...o.style,
+          ...g,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+D.displayName = j;
+function W(e) {
+  return typeof e == "function";
+}
+function k(e) {
+  return e === "indeterminate";
+}
+function F(e) {
+  return k(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function de({ children: e, className: o, ...r }) {
+  return /* @__PURE__ */ l(
+    T,
+    {
+      className: S(
+        // Base layout
+        "peer flex h-5 w-5 items-center justify-center",
+        // Borders & Rounded
+        "rounded-md border",
+        // Transitions
+        "transition-colors duration-150",
+        // Focus-visible state
+        "focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-[var(--checkbox-focus,hsl(var(--primary)))]",
+        // Disabled state
+        "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 + Checked state
+        "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 + Unchecked state
+        "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 + Checked + Hover state
+        "enabled:data-[state=checked]:hover:border-[var(--checkbox-light-checked-border-hover,hsl(var(--foreground)))]",
+        // Enabled + Unchecked + Hover state
+        "enabled:data-[state=unchecked]:hover:border-[var(--checkbox-light-unchecked-border-hover,hsl(var(--contrast-300)))]",
+        // Aria-invalid state
+        "aria-invalid:border-[var(--checkbox-light-error,hsl(var(--error)))]",
+        o
+      ),
+      "data-slot": "checkbox-root",
+      ...r,
+      children: e
+    }
+  );
+}
+function ie({ className: e, children: o, ...r }) {
+  return /* @__PURE__ */ l(
+    A,
+    {
+      className: S(e),
+      "data-slot": "checkbox-indicator",
+      ...r,
+      children: o
+    }
+  );
+}
+export {
+  de as C,
+  ie as a
+};
+//# sourceMappingURL=checkbox-indicator-sO8XNm-j.js.map