@fragments-sdk/ui 0.13.0 → 0.14.0

package/dist/components/ButtonGroup/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/ButtonGroup/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './ButtonGroup.module.scss';\n\nexport interface ButtonGroupProps {\n  children: React.ReactNode;\n  gap?: 'none' | 'xs' | 'sm' | 'md';\n  wrap?: boolean;\n  align?: 'start' | 'center' | 'end';\n  className?: string;\n}\n\nconst ButtonGroupRoot = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    {\n      children,\n      gap = 'sm',\n      wrap = false,\n      align,\n      className,\n    },\n    ref\n  ) {\n    const classes = [\n      styles.group,\n      gap !== 'none' && styles[`gap-${gap}`],\n      wrap && styles.wrap,\n      align && styles[`align-${align}`],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div ref={ref} className={classes}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const ButtonGroup = Object.assign(ButtonGroupRoot, {\n  Root: ButtonGroupRoot,\n});\n"],"names":["React","ButtonGroup","styles","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,kBAAkBA,iBAAM;AAAA,EAC5B,SAASC,aACP;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EAAA,GAEF,KACA;AACA,UAAM,UAAU;AAAA,MACdC,mBAAAA,QAAO;AAAA,MACP,QAAQ,UAAUA,mBAAAA,QAAO,OAAO,GAAG,EAAE;AAAA,MACrC,QAAQA,mBAAAA,QAAO;AAAA,MACf,SAASA,mBAAAA,QAAO,SAAS,KAAK,EAAE;AAAA,MAChC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACEC,2BAAAA,IAAC,OAAA,EAAI,KAAU,WAAW,SACvB,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD,MAAM;AACR,CAAC;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/ButtonGroup/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './ButtonGroup.module.scss';\n\nexport interface ButtonGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  children: React.ReactNode;\n  gap?: 'none' | 'xs' | 'sm' | 'md';\n  wrap?: boolean;\n  align?: 'start' | 'center' | 'end';\n}\n\nconst ButtonGroupRoot = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    {\n      children,\n      gap = 'sm',\n      wrap = false,\n      align,\n      className,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const classes = [\n      styles.group,\n      gap !== 'none' && styles[`gap-${gap}`],\n      wrap && styles.wrap,\n      align && styles[`align-${align}`],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div ref={ref} {...htmlProps} className={classes}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const ButtonGroup = Object.assign(ButtonGroupRoot, {\n  Root: ButtonGroupRoot,\n});\n"],"names":["React","ButtonGroup","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,kBAAkBA,iBAAM;AAAA,EAC5B,SAASC,aACP;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AACA,UAAM,UAAU;AAAA,MACdC,mBAAAA,QAAO;AAAA,MACP,QAAQ,UAAUA,mBAAAA,QAAO,OAAO,GAAG,EAAE;AAAA,MACrC,QAAQA,mBAAAA,QAAO;AAAA,MACf,SAASA,mBAAAA,QAAO,SAAS,KAAK,EAAE;AAAA,MAChC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,0CACG,OAAA,EAAI,KAAW,GAAG,WAAW,WAAW,SACtC,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD,MAAM;AACR,CAAC;;"}

package/dist/components/ButtonGroup/index.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
-export interface ButtonGroupProps {
+export interface ButtonGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     children: React.ReactNode;
     gap?: 'none' | 'xs' | 'sm' | 'md';
     wrap?: boolean;
     align?: 'start' | 'center' | 'end';
-    className?: string;
 }
 export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ButtonGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,eAAO,MAAM,WAAW;;CAEtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAgCD,eAAO,MAAM,WAAW;;CAEtB,CAAC"}

package/dist/components/ButtonGroup/index.js

@@ -7,7 +7,8 @@ const ButtonGroupRoot = React.forwardRef(
     gap = "sm",
     wrap = false,
     align,
-    className
+    className,
+    ...htmlProps
   }, ref) {
     const classes = [
       styles.group,
@@ -16,7 +17,7 @@ const ButtonGroupRoot = React.forwardRef(
       align && styles[`align-${align}`],
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx("div", { ref, className: classes, children });
+    return /* @__PURE__ */ jsx("div", { ref, ...htmlProps, className: classes, children });
   }
 );
 const ButtonGroup = Object.assign(ButtonGroupRoot, {

package/dist/components/ButtonGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ButtonGroup/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './ButtonGroup.module.scss';\n\nexport interface ButtonGroupProps {\n  children: React.ReactNode;\n  gap?: 'none' | 'xs' | 'sm' | 'md';\n  wrap?: boolean;\n  align?: 'start' | 'center' | 'end';\n  className?: string;\n}\n\nconst ButtonGroupRoot = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    {\n      children,\n      gap = 'sm',\n      wrap = false,\n      align,\n      className,\n    },\n    ref\n  ) {\n    const classes = [\n      styles.group,\n      gap !== 'none' && styles[`gap-${gap}`],\n      wrap && styles.wrap,\n      align && styles[`align-${align}`],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div ref={ref} className={classes}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const ButtonGroup = Object.assign(ButtonGroupRoot, {\n  Root: ButtonGroupRoot,\n});\n"],"names":["ButtonGroup"],"mappings":";;;AAWA,MAAM,kBAAkB,MAAM;AAAA,EAC5B,SAASA,aACP;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EAAA,GAEF,KACA;AACA,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,QAAQ,UAAU,OAAO,OAAO,GAAG,EAAE;AAAA,MACrC,QAAQ,OAAO;AAAA,MACf,SAAS,OAAO,SAAS,KAAK,EAAE;AAAA,MAChC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,SACvB,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD,MAAM;AACR,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ButtonGroup/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './ButtonGroup.module.scss';\n\nexport interface ButtonGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  children: React.ReactNode;\n  gap?: 'none' | 'xs' | 'sm' | 'md';\n  wrap?: boolean;\n  align?: 'start' | 'center' | 'end';\n}\n\nconst ButtonGroupRoot = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    {\n      children,\n      gap = 'sm',\n      wrap = false,\n      align,\n      className,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const classes = [\n      styles.group,\n      gap !== 'none' && styles[`gap-${gap}`],\n      wrap && styles.wrap,\n      align && styles[`align-${align}`],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div ref={ref} {...htmlProps} className={classes}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const ButtonGroup = Object.assign(ButtonGroupRoot, {\n  Root: ButtonGroupRoot,\n});\n"],"names":["ButtonGroup"],"mappings":";;;AAUA,MAAM,kBAAkB,MAAM;AAAA,EAC5B,SAASA,aACP;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AACA,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,QAAQ,UAAU,OAAO,OAAO,GAAG,EAAE;AAAA,MACrC,QAAQ,OAAO;AAAA,MACf,SAAS,OAAO,SAAS,KAAK,EAAE;AAAA,MAChC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,+BACG,OAAA,EAAI,KAAW,GAAG,WAAW,WAAW,SACtC,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD,MAAM;AACR,CAAC;"}

package/dist/components/Card/Card.module.scss.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const card = "_card_1ysig_1";
-const outlined = "_outlined_1ysig_13";
-const elevated = "_elevated_1ysig_18";
-const paddingNone = "_paddingNone_1ysig_22";
-const paddingSm = "_paddingSm_1ysig_26";
-const paddingMd = "_paddingMd_1ysig_30";
-const paddingLg = "_paddingLg_1ysig_34";
-const interactive = "_interactive_1ysig_38";
-const header = "_header_1ysig_78";
-const title = "_title_1ysig_82";
-const description = "_description_1ysig_90";
-const body = "_body_1ysig_97";
-const footer = "_footer_1ysig_103";
+const card = "_card_15yji_1";
+const outlined = "_outlined_15yji_13";
+const elevated = "_elevated_15yji_18";
+const paddingNone = "_paddingNone_15yji_22";
+const paddingSm = "_paddingSm_15yji_26";
+const paddingMd = "_paddingMd_15yji_30";
+const paddingLg = "_paddingLg_15yji_34";
+const interactive = "_interactive_15yji_38";
+const header = "_header_15yji_78";
+const title = "_title_15yji_82";
+const description = "_description_15yji_90";
+const body = "_body_15yji_97";
+const footer = "_footer_15yji_103";
 const styles = {
   card,
-  "default": "_default_1ysig_9",
+  "default": "_default_15yji_9",
   outlined,
   elevated,
   paddingNone,

package/dist/components/Card/Card.module.scss.js

@@ -1,19 +1,19 @@
-const card = "_card_1ysig_1";
-const outlined = "_outlined_1ysig_13";
-const elevated = "_elevated_1ysig_18";
-const paddingNone = "_paddingNone_1ysig_22";
-const paddingSm = "_paddingSm_1ysig_26";
-const paddingMd = "_paddingMd_1ysig_30";
-const paddingLg = "_paddingLg_1ysig_34";
-const interactive = "_interactive_1ysig_38";
-const header = "_header_1ysig_78";
-const title = "_title_1ysig_82";
-const description = "_description_1ysig_90";
-const body = "_body_1ysig_97";
-const footer = "_footer_1ysig_103";
+const card = "_card_15yji_1";
+const outlined = "_outlined_15yji_13";
+const elevated = "_elevated_15yji_18";
+const paddingNone = "_paddingNone_15yji_22";
+const paddingSm = "_paddingSm_15yji_26";
+const paddingMd = "_paddingMd_15yji_30";
+const paddingLg = "_paddingLg_15yji_34";
+const interactive = "_interactive_15yji_38";
+const header = "_header_15yji_78";
+const title = "_title_15yji_82";
+const description = "_description_15yji_90";
+const body = "_body_15yji_97";
+const footer = "_footer_15yji_103";
 const styles = {
   card,
-  "default": "_default_1ysig_9",
+  "default": "_default_15yji_9",
   outlined,
   elevated,
   paddingNone,

package/dist/components/Card/index.cjs

@@ -31,15 +31,13 @@ function CardRoot({
   children,
   variant: variantProp = "default",
   padding = "md",
-  onClick,
+  as: Component = "article",
   className,
   style,
-  "aria-label": ariaLabel,
-  "aria-describedby": ariaDescribedBy,
   ...htmlProps
 }) {
   const variant = variantProp === "outline" ? "outlined" : variantProp;
-  const isInteractive = !!onClick;
+  const isInteractive = typeof htmlProps.onClick === "function";
   const classes = [
     Card_module.default.card,
     Card_module.default[variant],
@@ -52,29 +50,12 @@ function CardRoot({
     padding,
     isInteractive
   };
-  if (isInteractive) {
-    return /* @__PURE__ */ jsxRuntime.jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        ...htmlProps,
-        onClick,
-        className: classes,
-        style,
-        "aria-label": ariaLabel,
-        "aria-describedby": ariaDescribedBy,
-        children
-      }
-    ) });
-  }
   return /* @__PURE__ */ jsxRuntime.jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "article",
+    Component,
     {
       ...htmlProps,
       className: classes,
       style,
-      "aria-label": ariaLabel,
-      "aria-describedby": ariaDescribedBy,
       children
     }
   ) });

package/dist/components/Card/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Card.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Card container for grouping related content.\n * @see https://usefragments.com/components/card\n */\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  children: React.ReactNode;\n  /** Visual style variant. `\"outline\"` is an alias for `\"outlined\"`.\n   * @default \"default\"\n   * @see https://usefragments.com/components/card#variants */\n  variant?: 'default' | 'outlined' | 'outline' | 'elevated';\n  /** Inner padding.\n   * @default \"md\" */\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  /** Makes the card interactive (clickable) */\n  onClick?: () => void;\n}\n\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface CardContextValue {\n  variant: 'default' | 'outlined' | 'elevated';\n  padding: 'none' | 'sm' | 'md' | 'lg';\n  isInteractive: boolean;\n}\n\nconst CardContext = React.createContext<CardContextValue | null>(null);\n\nfunction useCardContext() {\n  const context = React.useContext(CardContext);\n  if (!context) {\n    throw new Error('Card compound components must be used within a Card');\n  }\n  return context;\n}\n\n// ============================================\n// Padding Map\n// ============================================\n\nconst paddingMap = {\n  none: styles.paddingNone,\n  sm: styles.paddingSm,\n  md: styles.paddingMd,\n  lg: styles.paddingLg,\n};\n\n// ============================================\n// Components\n// ============================================\n\nfunction CardRoot({\n  children,\n  variant: variantProp = 'default',\n  padding = 'md',\n  onClick,\n  className,\n  style,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  ...htmlProps\n}: CardProps) {\n  // Resolve alias: \"outline\" → \"outlined\"\n  const variant = variantProp === 'outline' ? 'outlined' : variantProp;\n\n  const isInteractive = !!onClick;\n\n  const classes = [\n    styles.card,\n    styles[variant],\n    paddingMap[padding],\n    isInteractive && styles.interactive,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const contextValue: CardContextValue = {\n    variant,\n    padding,\n    isInteractive,\n  };\n\n  if (isInteractive) {\n    return (\n      <CardContext.Provider value={contextValue}>\n        <button\n          type=\"button\"\n          {...(htmlProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n          onClick={onClick}\n          className={classes}\n          style={style}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n        >\n          {children}\n        </button>\n      </CardContext.Provider>\n    );\n  }\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <article\n        {...htmlProps}\n        className={classes}\n        style={style}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n      >\n        {children}\n      </article>\n    </CardContext.Provider>\n  );\n}\n\nfunction CardHeader({ children, className, ...htmlProps }: CardHeaderProps) {\n  const classes = [styles.header, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction CardTitle({ children, className, ...htmlProps }: CardTitleProps) {\n  const classes = [styles.title, className].filter(Boolean).join(' ');\n  return <h3 {...htmlProps} className={classes}>{children}</h3>;\n}\n\nfunction CardDescription({ children, className, ...htmlProps }: CardDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return <p {...htmlProps} className={classes}>{children}</p>;\n}\n\nfunction CardBody({ children, className, ...htmlProps }: CardBodyProps) {\n  const classes = [styles.body, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction CardFooter({ children, className, ...htmlProps }: CardFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Title: CardTitle,\n  Description: CardDescription,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  CardRoot,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardBody,\n  CardFooter,\n  useCardContext,\n};\n"],"names":["React","styles","jsx"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Card.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Card container for grouping related content.\n * @see https://usefragments.com/components/card\n */\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  /** Visual style variant. `\"outline\"` is an alias for `\"outlined\"`.\n   * @default \"default\"\n   * @see https://usefragments.com/components/card#variants */\n  variant?: 'default' | 'outlined' | 'outline' | 'elevated';\n  /** Inner padding.\n   * @default \"md\" */\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  /** Root element tag.\n   * @default \"article\" */\n  as?: 'article' | 'div' | 'section';\n}\n\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface CardContextValue {\n  variant: 'default' | 'outlined' | 'elevated';\n  padding: 'none' | 'sm' | 'md' | 'lg';\n  isInteractive: boolean;\n}\n\nconst CardContext = React.createContext<CardContextValue | null>(null);\n\n// ============================================\n// Padding Map\n// ============================================\n\nconst paddingMap = {\n  none: styles.paddingNone,\n  sm: styles.paddingSm,\n  md: styles.paddingMd,\n  lg: styles.paddingLg,\n};\n\n// ============================================\n// Components\n// ============================================\n\nfunction CardRoot({\n  children,\n  variant: variantProp = 'default',\n  padding = 'md',\n  as: Component = 'article',\n  className,\n  style,\n  ...htmlProps\n}: CardProps) {\n  // Resolve alias: \"outline\" → \"outlined\"\n  const variant = variantProp === 'outline' ? 'outlined' : variantProp;\n\n  const isInteractive = typeof htmlProps.onClick === 'function';\n\n  const classes = [\n    styles.card,\n    styles[variant],\n    paddingMap[padding],\n    isInteractive && styles.interactive,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const contextValue: CardContextValue = {\n    variant,\n    padding,\n    isInteractive,\n  };\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <Component\n        {...htmlProps}\n        className={classes}\n        style={style}\n      >\n        {children}\n      </Component>\n    </CardContext.Provider>\n  );\n}\n\nfunction CardHeader({ children, className, ...htmlProps }: CardHeaderProps) {\n  const classes = [styles.header, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction CardTitle({ children, className, ...htmlProps }: CardTitleProps) {\n  const classes = [styles.title, className].filter(Boolean).join(' ');\n  return <h3 {...htmlProps} className={classes}>{children}</h3>;\n}\n\nfunction CardDescription({ children, className, ...htmlProps }: CardDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return <p {...htmlProps} className={classes}>{children}</p>;\n}\n\nfunction CardBody({ children, className, ...htmlProps }: CardBodyProps) {\n  const classes = [styles.body, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction CardFooter({ children, className, ...htmlProps }: CardFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Title: CardTitle,\n  Description: CardDescription,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  CardRoot,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardBody,\n  CardFooter,\n};\n"],"names":["React","styles","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyDA,MAAM,cAAcA,iBAAM,cAAuC,IAAI;AAMrE,MAAM,aAAa;AAAA,EACjB,MAAMC,YAAAA,QAAO;AAAA,EACb,IAAIA,YAAAA,QAAO;AAAA,EACX,IAAIA,YAAAA,QAAO;AAAA,EACX,IAAIA,YAAAA,QAAO;AACb;AAMA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,SAAS,cAAc;AAAA,EACvB,UAAU;AAAA,EACV,IAAI,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AAEZ,QAAM,UAAU,gBAAgB,YAAY,aAAa;AAEzD,QAAM,gBAAgB,OAAO,UAAU,YAAY;AAEnD,QAAM,UAAU;AAAA,IACdA,YAAAA,QAAO;AAAA,IACPA,YAAAA,QAAO,OAAO;AAAA,IACd,WAAW,OAAO;AAAA,IAClB,iBAAiBA,YAAAA,QAAO;AAAA,IACxB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,eAAiC;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,SACEC,2BAAAA,IAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B,UAAAA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,MACX;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAAS,WAAW,EAAE,UAAU,WAAW,GAAG,aAA8B;AAC1E,QAAM,UAAU,CAACD,YAAAA,QAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACnE,wCAAQ,OAAA,EAAK,GAAG,WAAW,WAAW,SAAU,UAAS;AAC3D;AAEA,SAAS,UAAU,EAAE,UAAU,WAAW,GAAG,aAA6B;AACxE,QAAM,UAAU,CAACA,YAAAA,QAAO,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAClE,wCAAQ,MAAA,EAAI,GAAG,WAAW,WAAW,SAAU,UAAS;AAC1D;AAEA,SAAS,gBAAgB,EAAE,UAAU,WAAW,GAAG,aAAmC;AACpF,QAAM,UAAU,CAACA,YAAAA,QAAO,aAAa,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACxE,wCAAQ,KAAA,EAAG,GAAG,WAAW,WAAW,SAAU,UAAS;AACzD;AAEA,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,aAA4B;AACtE,QAAM,UAAU,CAACA,YAAAA,QAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACjE,wCAAQ,OAAA,EAAK,GAAG,WAAW,WAAW,SAAU,UAAS;AAC3D;AAEA,SAAS,WAAW,EAAE,UAAU,WAAW,GAAG,aAA8B;AAC1E,QAAM,UAAU,CAACA,YAAAA,QAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACnE,wCAAQ,OAAA,EAAK,GAAG,WAAW,WAAW,SAAU,UAAS;AAC3D;AAMO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;;;;;;;;"}

package/dist/components/Card/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
  * Card container for grouping related content.
  * @see https://usefragments.com/components/card
  */
-export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     children: React.ReactNode;
     /** Visual style variant. `"outline"` is an alias for `"outlined"`.
      * @default "default"
@@ -12,8 +12,9 @@ export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     /** Inner padding.
      * @default "md" */
     padding?: 'none' | 'sm' | 'md' | 'lg';
-    /** Makes the card interactive (clickable) */
-    onClick?: () => void;
+    /** Root element tag.
+     * @default "article" */
+    as?: 'article' | 'div' | 'section';
 }
 export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
@@ -30,13 +31,7 @@ export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
 export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-interface CardContextValue {
-    variant: 'default' | 'outlined' | 'elevated';
-    padding: 'none' | 'sm' | 'md' | 'lg';
-    isInteractive: boolean;
-}
-declare function useCardContext(): CardContextValue;
-declare function CardRoot({ children, variant: variantProp, padding, onClick, className, style, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, ...htmlProps }: CardProps): import("react/jsx-runtime").JSX.Element;
+declare function CardRoot({ children, variant: variantProp, padding, as: Component, className, style, ...htmlProps }: CardProps): import("react/jsx-runtime").JSX.Element;
 declare function CardHeader({ children, className, ...htmlProps }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare function CardTitle({ children, className, ...htmlProps }: CardTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function CardDescription({ children, className, ...htmlProps }: CardDescriptionProps): import("react/jsx-runtime").JSX.Element;
@@ -49,5 +44,5 @@ export declare const Card: typeof CardRoot & {
     Body: typeof CardBody;
     Footer: typeof CardFooter;
 };
-export { CardRoot, CardHeader, CardTitle, CardDescription, CardBody, CardFooter, useCardContext, };
+export { CardRoot, CardHeader, CardTitle, CardDescription, CardBody, CardFooter, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;gEAE4D;IAC5D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1D;uBACmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD,UAAU,gBAAgB;IACxB,OAAO,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC7C,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,aAAa,EAAE,OAAO,CAAC;CACxB;AAID,iBAAS,cAAc,qBAMtB;AAiBD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAO,EAAE,WAAuB,EAChC,OAAc,EACd,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,GAAG,SAAS,EACb,EAAE,SAAS,2CAqDX;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CAGvE;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAGnF;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAGrE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAMD,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAGH,OAAO,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,EACR,UAAU,EACV,cAAc,GACf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;gEAE4D;IAC5D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1D;uBACmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;4BACwB;IACxB,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA6BD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAO,EAAE,WAAuB,EAChC,OAAc,EACd,EAAE,EAAE,SAAqB,EACzB,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,SAAS,2CAiCX;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CAGvE;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAGnF;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAGrE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAMD,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAGH,OAAO,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,EACR,UAAU,GACX,CAAC"}

package/dist/components/Card/index.js

@@ -12,15 +12,13 @@ function CardRoot({
   children,
   variant: variantProp = "default",
   padding = "md",
-  onClick,
+  as: Component = "article",
   className,
   style,
-  "aria-label": ariaLabel,
-  "aria-describedby": ariaDescribedBy,
   ...htmlProps
 }) {
   const variant = variantProp === "outline" ? "outlined" : variantProp;
-  const isInteractive = !!onClick;
+  const isInteractive = typeof htmlProps.onClick === "function";
   const classes = [
     styles.card,
     styles[variant],
@@ -33,29 +31,12 @@ function CardRoot({
     padding,
     isInteractive
   };
-  if (isInteractive) {
-    return /* @__PURE__ */ jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        ...htmlProps,
-        onClick,
-        className: classes,
-        style,
-        "aria-label": ariaLabel,
-        "aria-describedby": ariaDescribedBy,
-        children
-      }
-    ) });
-  }
   return /* @__PURE__ */ jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "article",
+    Component,
     {
       ...htmlProps,
       className: classes,
       style,
-      "aria-label": ariaLabel,
-      "aria-describedby": ariaDescribedBy,
       children
     }
   ) });

package/dist/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Card.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Card container for grouping related content.\n * @see https://usefragments.com/components/card\n */\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  children: React.ReactNode;\n  /** Visual style variant. `\"outline\"` is an alias for `\"outlined\"`.\n   * @default \"default\"\n   * @see https://usefragments.com/components/card#variants */\n  variant?: 'default' | 'outlined' | 'outline' | 'elevated';\n  /** Inner padding.\n   * @default \"md\" */\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  /** Makes the card interactive (clickable) */\n  onClick?: () => void;\n}\n\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface CardContextValue {\n  variant: 'default' | 'outlined' | 'elevated';\n  padding: 'none' | 'sm' | 'md' | 'lg';\n  isInteractive: boolean;\n}\n\nconst CardContext = React.createContext<CardContextValue | null>(null);\n\nfunction useCardContext() {\n  const context = React.useContext(CardContext);\n  if (!context) {\n    throw new Error('Card compound components must be used within a Card');\n  }\n  return context;\n}\n\n// ============================================\n// Padding Map\n// ============================================\n\nconst paddingMap = {\n  none: styles.paddingNone,\n  sm: styles.paddingSm,\n  md: styles.paddingMd,\n  lg: styles.paddingLg,\n};\n\n// ============================================\n// Components\n// ============================================\n\nfunction CardRoot({\n  children,\n  variant: variantProp = 'default',\n  padding = 'md',\n  onClick,\n  className,\n  style,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  ...htmlProps\n}: CardProps) {\n  // Resolve alias: \"outline\" → \"outlined\"\n  const variant = variantProp === 'outline' ? 'outlined' : variantProp;\n\n  const isInteractive = !!onClick;\n\n  const classes = [\n    styles.card,\n    styles[variant],\n    paddingMap[padding],\n    isInteractive && styles.interactive,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const contextValue: CardContextValue = {\n    variant,\n    padding,\n    isInteractive,\n  };\n\n  if (isInteractive) {\n    return (\n      <CardContext.Provider value={contextValue}>\n        <button\n          type=\"button\"\n          {...(htmlProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n          onClick={onClick}\n          className={classes}\n          style={style}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n        >\n          {children}\n        </button>\n      </CardContext.Provider>\n    );\n  }\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <article\n        {...htmlProps}\n        className={classes}\n        style={style}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n      >\n        {children}\n      </article>\n    </CardContext.Provider>\n  );\n}\n\nfunction CardHeader({ children, className, ...htmlProps }: CardHeaderProps) {\n  const classes = [styles.header, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction CardTitle({ children, className, ...htmlProps }: CardTitleProps) {\n  const classes = [styles.title, className].filter(Boolean).join(' ');\n  return <h3 {...htmlProps} className={classes}>{children}</h3>;\n}\n\nfunction CardDescription({ children, className, ...htmlProps }: CardDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return <p {...htmlProps} className={classes}>{children}</p>;\n}\n\nfunction CardBody({ children, className, ...htmlProps }: CardBodyProps) {\n  const classes = [styles.body, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction CardFooter({ children, className, ...htmlProps }: CardFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Title: CardTitle,\n  Description: CardDescription,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  CardRoot,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardBody,\n  CardFooter,\n  useCardContext,\n};\n"],"names":[],"mappings":";;;AAwDA,MAAM,cAAc,MAAM,cAAuC,IAAI;AAcrE,MAAM,aAAa;AAAA,EACjB,MAAM,OAAO;AAAA,EACb,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AACb;AAMA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,SAAS,cAAc;AAAA,EACvB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,GAAG;AACL,GAAc;AAEZ,QAAM,UAAU,gBAAgB,YAAY,aAAa;AAEzD,QAAM,gBAAgB,CAAC,CAAC;AAExB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,IACP,OAAO,OAAO;AAAA,IACd,WAAW,OAAO;AAAA,IAClB,iBAAiB,OAAO;AAAA,IACxB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,eAAiC;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,MAAI,eAAe;AACjB,WACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACJ,GAAI;AAAA,QACL;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,cAAY;AAAA,QACZ,oBAAkB;AAAA,QAEjB;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,MACX;AAAA,MACA,cAAY;AAAA,MACZ,oBAAkB;AAAA,MAEjB;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAAS,WAAW,EAAE,UAAU,WAAW,GAAG,aAA8B;AAC1E,QAAM,UAAU,CAAC,OAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACnE,6BAAQ,OAAA,EAAK,GAAG,WAAW,WAAW,SAAU,UAAS;AAC3D;AAEA,SAAS,UAAU,EAAE,UAAU,WAAW,GAAG,aAA6B;AACxE,QAAM,UAAU,CAAC,OAAO,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAClE,6BAAQ,MAAA,EAAI,GAAG,WAAW,WAAW,SAAU,UAAS;AAC1D;AAEA,SAAS,gBAAgB,EAAE,UAAU,WAAW,GAAG,aAAmC;AACpF,QAAM,UAAU,CAAC,OAAO,aAAa,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACxE,6BAAQ,KAAA,EAAG,GAAG,WAAW,WAAW,SAAU,UAAS;AACzD;AAEA,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,aAA4B;AACtE,QAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACjE,6BAAQ,OAAA,EAAK,GAAG,WAAW,WAAW,SAAU,UAAS;AAC3D;AAEA,SAAS,WAAW,EAAE,UAAU,WAAW,GAAG,aAA8B;AAC1E,QAAM,UAAU,CAAC,OAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACnE,6BAAQ,OAAA,EAAK,GAAG,WAAW,WAAW,SAAU,UAAS;AAC3D;AAMO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Card.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Card container for grouping related content.\n * @see https://usefragments.com/components/card\n */\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  /** Visual style variant. `\"outline\"` is an alias for `\"outlined\"`.\n   * @default \"default\"\n   * @see https://usefragments.com/components/card#variants */\n  variant?: 'default' | 'outlined' | 'outline' | 'elevated';\n  /** Inner padding.\n   * @default \"md\" */\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  /** Root element tag.\n   * @default \"article\" */\n  as?: 'article' | 'div' | 'section';\n}\n\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface CardContextValue {\n  variant: 'default' | 'outlined' | 'elevated';\n  padding: 'none' | 'sm' | 'md' | 'lg';\n  isInteractive: boolean;\n}\n\nconst CardContext = React.createContext<CardContextValue | null>(null);\n\n// ============================================\n// Padding Map\n// ============================================\n\nconst paddingMap = {\n  none: styles.paddingNone,\n  sm: styles.paddingSm,\n  md: styles.paddingMd,\n  lg: styles.paddingLg,\n};\n\n// ============================================\n// Components\n// ============================================\n\nfunction CardRoot({\n  children,\n  variant: variantProp = 'default',\n  padding = 'md',\n  as: Component = 'article',\n  className,\n  style,\n  ...htmlProps\n}: CardProps) {\n  // Resolve alias: \"outline\" → \"outlined\"\n  const variant = variantProp === 'outline' ? 'outlined' : variantProp;\n\n  const isInteractive = typeof htmlProps.onClick === 'function';\n\n  const classes = [\n    styles.card,\n    styles[variant],\n    paddingMap[padding],\n    isInteractive && styles.interactive,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const contextValue: CardContextValue = {\n    variant,\n    padding,\n    isInteractive,\n  };\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <Component\n        {...htmlProps}\n        className={classes}\n        style={style}\n      >\n        {children}\n      </Component>\n    </CardContext.Provider>\n  );\n}\n\nfunction CardHeader({ children, className, ...htmlProps }: CardHeaderProps) {\n  const classes = [styles.header, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction CardTitle({ children, className, ...htmlProps }: CardTitleProps) {\n  const classes = [styles.title, className].filter(Boolean).join(' ');\n  return <h3 {...htmlProps} className={classes}>{children}</h3>;\n}\n\nfunction CardDescription({ children, className, ...htmlProps }: CardDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return <p {...htmlProps} className={classes}>{children}</p>;\n}\n\nfunction CardBody({ children, className, ...htmlProps }: CardBodyProps) {\n  const classes = [styles.body, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction CardFooter({ children, className, ...htmlProps }: CardFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Title: CardTitle,\n  Description: CardDescription,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  CardRoot,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardBody,\n  CardFooter,\n};\n"],"names":[],"mappings":";;;AAyDA,MAAM,cAAc,MAAM,cAAuC,IAAI;AAMrE,MAAM,aAAa;AAAA,EACjB,MAAM,OAAO;AAAA,EACb,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AACb;AAMA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,SAAS,cAAc;AAAA,EACvB,UAAU;AAAA,EACV,IAAI,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AAEZ,QAAM,UAAU,gBAAgB,YAAY,aAAa;AAEzD,QAAM,gBAAgB,OAAO,UAAU,YAAY;AAEnD,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,IACP,OAAO,OAAO;AAAA,IACd,WAAW,OAAO;AAAA,IAClB,iBAAiB,OAAO;AAAA,IACxB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,eAAiC;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,MACX;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAAS,WAAW,EAAE,UAAU,WAAW,GAAG,aAA8B;AAC1E,QAAM,UAAU,CAAC,OAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACnE,6BAAQ,OAAA,EAAK,GAAG,WAAW,WAAW,SAAU,UAAS;AAC3D;AAEA,SAAS,UAAU,EAAE,UAAU,WAAW,GAAG,aAA6B;AACxE,QAAM,UAAU,CAAC,OAAO,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAClE,6BAAQ,MAAA,EAAI,GAAG,WAAW,WAAW,SAAU,UAAS;AAC1D;AAEA,SAAS,gBAAgB,EAAE,UAAU,WAAW,GAAG,aAAmC;AACpF,QAAM,UAAU,CAAC,OAAO,aAAa,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACxE,6BAAQ,KAAA,EAAG,GAAG,WAAW,WAAW,SAAU,UAAS;AACzD;AAEA,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,aAA4B;AACtE,QAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACjE,6BAAQ,OAAA,EAAK,GAAG,WAAW,WAAW,SAAU,UAAS;AAC3D;AAEA,SAAS,WAAW,EAAE,UAAU,WAAW,GAAG,aAA8B;AAC1E,QAAM,UAAU,CAAC,OAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACnE,6BAAQ,OAAA,EAAK,GAAG,WAAW,WAAW,SAAU,UAAS;AAC3D;AAMO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;"}

package/dist/components/Chart/Chart.module.scss.cjs

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const container = "_container_1kdlo_1";
-const srOnly = "_srOnly_1kdlo_24";
-const tooltip = "_tooltip_1kdlo_36";
-const tooltipLabel = "_tooltipLabel_1kdlo_45";
-const tooltipItems = "_tooltipItems_1kdlo_52";
-const tooltipItem = "_tooltipItem_1kdlo_52";
-const tooltipIndicator = "_tooltipIndicator_1kdlo_66";
-const tooltipIndicatorLine = "_tooltipIndicatorLine_1kdlo_72";
-const tooltipIndicatorDashed = "_tooltipIndicatorDashed_1kdlo_77";
-const tooltipItemLabel = "_tooltipItemLabel_1kdlo_84";
-const tooltipItemValue = "_tooltipItemValue_1kdlo_89";
-const legend = "_legend_1kdlo_97";
-const legendItem = "_legendItem_1kdlo_106";
-const legendDot = "_legendDot_1kdlo_112";
-const legendLabel = "_legendLabel_1kdlo_119";
+const container = "_container_1xcnj_1";
+const srOnly = "_srOnly_1xcnj_24";
+const tooltip = "_tooltip_1xcnj_36";
+const tooltipLabel = "_tooltipLabel_1xcnj_45";
+const tooltipItems = "_tooltipItems_1xcnj_52";
+const tooltipItem = "_tooltipItem_1xcnj_52";
+const tooltipIndicator = "_tooltipIndicator_1xcnj_66";
+const tooltipIndicatorLine = "_tooltipIndicatorLine_1xcnj_72";
+const tooltipIndicatorDashed = "_tooltipIndicatorDashed_1xcnj_77";
+const tooltipItemLabel = "_tooltipItemLabel_1xcnj_84";
+const tooltipItemValue = "_tooltipItemValue_1xcnj_89";
+const legend = "_legend_1xcnj_97";
+const legendItem = "_legendItem_1xcnj_106";
+const legendDot = "_legendDot_1xcnj_112";
+const legendLabel = "_legendLabel_1xcnj_119";
 const styles = {
   container,
   srOnly,

package/dist/components/Chart/Chart.module.scss.js

@@ -1,18 +1,18 @@
-const container = "_container_1kdlo_1";
-const srOnly = "_srOnly_1kdlo_24";
-const tooltip = "_tooltip_1kdlo_36";
-const tooltipLabel = "_tooltipLabel_1kdlo_45";
-const tooltipItems = "_tooltipItems_1kdlo_52";
-const tooltipItem = "_tooltipItem_1kdlo_52";
-const tooltipIndicator = "_tooltipIndicator_1kdlo_66";
-const tooltipIndicatorLine = "_tooltipIndicatorLine_1kdlo_72";
-const tooltipIndicatorDashed = "_tooltipIndicatorDashed_1kdlo_77";
-const tooltipItemLabel = "_tooltipItemLabel_1kdlo_84";
-const tooltipItemValue = "_tooltipItemValue_1kdlo_89";
-const legend = "_legend_1kdlo_97";
-const legendItem = "_legendItem_1kdlo_106";
-const legendDot = "_legendDot_1kdlo_112";
-const legendLabel = "_legendLabel_1kdlo_119";
+const container = "_container_1xcnj_1";
+const srOnly = "_srOnly_1xcnj_24";
+const tooltip = "_tooltip_1xcnj_36";
+const tooltipLabel = "_tooltipLabel_1xcnj_45";
+const tooltipItems = "_tooltipItems_1xcnj_52";
+const tooltipItem = "_tooltipItem_1xcnj_52";
+const tooltipIndicator = "_tooltipIndicator_1xcnj_66";
+const tooltipIndicatorLine = "_tooltipIndicatorLine_1xcnj_72";
+const tooltipIndicatorDashed = "_tooltipIndicatorDashed_1xcnj_77";
+const tooltipItemLabel = "_tooltipItemLabel_1xcnj_84";
+const tooltipItemValue = "_tooltipItemValue_1xcnj_89";
+const legend = "_legend_1xcnj_97";
+const legendItem = "_legendItem_1xcnj_106";
+const legendDot = "_legendDot_1xcnj_112";
+const legendLabel = "_legendLabel_1xcnj_119";
 const styles = {
   container,
   srOnly,

package/dist/components/Chart/index.d.ts

@@ -3,7 +3,7 @@ import '../../styles/globals.scss';
 export type ChartConfig = Record<string, {
     label: string;
     color: string;
-    icon?: React.ComponentType;
+    icon?: React.ComponentType<Record<string, unknown>>;
 }>;
 export interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     config: ChartConfig;
@@ -46,13 +46,13 @@ type ChartTooltipProps = {
     hideIndicator?: boolean;
     labelFormatter?: ChartTooltipContentProps['labelFormatter'];
     valueFormatter?: ChartTooltipContentProps['valueFormatter'];
-    content?: any;
+    content?: React.ReactNode | ((tooltipProps: Record<string, unknown>) => React.ReactNode);
     [key: string]: unknown;
 };
 export declare function ChartTooltip({ indicator, hideLabel, hideIndicator, labelFormatter, valueFormatter, content, ...props }: ChartTooltipProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function ChartLegendContent({ payload }: ChartLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
 type ChartLegendProps = RechartsLegendProps & {
-    content?: any;
+    content?: React.ReactNode | ((legendProps: Record<string, unknown>) => React.ReactNode);
 };
 export declare function ChartLegend({ content, ...props }: ChartLegendProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const Chart: typeof ChartContainer & {

package/dist/components/Chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Checkbox/Checkbox.module.scss.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_34t3o_1";
-const checkbox = "_checkbox_34t3o_16";
-const sm = "_sm_34t3o_62";
-const lg = "_lg_34t3o_68";
-const indicator = "_indicator_34t3o_73";
-const content = "_content_34t3o_103";
-const label = "_label_34t3o_109";
-const labelSm = "_labelSm_34t3o_117";
-const labelLg = "_labelLg_34t3o_121";
-const description = "_description_34t3o_125";
+const wrapper = "_wrapper_ipjxr_1";
+const checkbox = "_checkbox_ipjxr_16";
+const sm = "_sm_ipjxr_62";
+const lg = "_lg_ipjxr_68";
+const indicator = "_indicator_ipjxr_73";
+const content = "_content_ipjxr_103";
+const label = "_label_ipjxr_109";
+const labelSm = "_labelSm_ipjxr_117";
+const labelLg = "_labelLg_ipjxr_121";
+const description = "_description_ipjxr_125";
 const styles = {
   wrapper,
   checkbox,

package/dist/components/Checkbox/Checkbox.module.scss.js

@@ -1,13 +1,13 @@
-const wrapper = "_wrapper_34t3o_1";
-const checkbox = "_checkbox_34t3o_16";
-const sm = "_sm_34t3o_62";
-const lg = "_lg_34t3o_68";
-const indicator = "_indicator_34t3o_73";
-const content = "_content_34t3o_103";
-const label = "_label_34t3o_109";
-const labelSm = "_labelSm_34t3o_117";
-const labelLg = "_labelLg_34t3o_121";
-const description = "_description_34t3o_125";
+const wrapper = "_wrapper_ipjxr_1";
+const checkbox = "_checkbox_ipjxr_16";
+const sm = "_sm_ipjxr_62";
+const lg = "_lg_ipjxr_68";
+const indicator = "_indicator_ipjxr_73";
+const content = "_content_ipjxr_103";
+const label = "_label_ipjxr_109";
+const labelSm = "_labelSm_ipjxr_117";
+const labelLg = "_labelLg_ipjxr_121";
+const description = "_description_ipjxr_125";
 const styles = {
   wrapper,
   checkbox,

package/dist/components/Checkbox/index.cjs

@@ -62,6 +62,7 @@ const CheckboxRoot = React__namespace.forwardRef(
     checked,
     defaultChecked,
     onCheckedChange,
+    onChange,
     indeterminate = false,
     disabled = false,
     required = false,
@@ -71,6 +72,8 @@ const CheckboxRoot = React__namespace.forwardRef(
     name,
     value,
     className,
+    controlClassName,
+    contentClassName,
     id,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -84,7 +87,8 @@ const CheckboxRoot = React__namespace.forwardRef(
     const checkboxClasses = [
       Checkbox_module.default.checkbox,
       size === "sm" && Checkbox_module.default.sm,
-      size === "lg" && Checkbox_module.default.lg
+      size === "lg" && Checkbox_module.default.lg,
+      controlClassName
     ].filter(Boolean).join(" ");
     const labelClasses = [
       Checkbox_module.default.label,
@@ -92,14 +96,17 @@ const CheckboxRoot = React__namespace.forwardRef(
       size === "lg" && Checkbox_module.default.labelLg
     ].filter(Boolean).join(" ");
     const wrapperClasses = [Checkbox_module.default.wrapper, className].filter(Boolean).join(" ");
+    const handleCheckedChange = onChange ?? onCheckedChange;
     if (!label && !description) {
+      const iconOnlyHtmlProps = htmlProps;
       return /* @__PURE__ */ jsxRuntime.jsx(
         checkbox.Checkbox.Root,
         {
+          ...iconOnlyHtmlProps,
           ref,
           checked,
           defaultChecked,
-          onCheckedChange,
+          onCheckedChange: handleCheckedChange,
           indeterminate,
           disabled,
           required,
@@ -128,7 +135,7 @@ const CheckboxRoot = React__namespace.forwardRef(
               ref,
               checked,
               defaultChecked,
-              onCheckedChange,
+              onCheckedChange: handleCheckedChange,
               indeterminate,
               disabled,
               required,
@@ -142,7 +149,7 @@ const CheckboxRoot = React__namespace.forwardRef(
               children: /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox.Indicator, { className: Checkbox_module.default.indicator, keepMounted: true, children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Checkbox_module.default.content, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [Checkbox_module.default.content, contentClassName].filter(Boolean).join(" "), children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className: labelClasses, children: label }),
             description && /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: Checkbox_module.default.description, children: description })
           ] })