@fragments-sdk/ui 0.9.0 → 0.9.2

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

@@ -0,0 +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\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  children: React.ReactNode;\n  variant?: 'default' | 'outlined' | 'elevated';\n  padding?: 'none' | 'sm' | 'md' | 'lg';\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 = 'default',\n  padding = 'md',\n  onClick,\n  className,\n  style,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  ...htmlProps\n}: CardProps) {\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":";;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAM,cAAcA,iBAAM,cAAuC,IAAI;AAcrE,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,UAAU;AAAA,EACV,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,GAAG;AACL,GAAc;AACZ,QAAM,gBAAgB,CAAC,CAAC;AAExB,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,MAAI,eAAe;AACjB,WACEC,2BAAAA,IAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B,UAAAA,2BAAAA;AAAAA,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,SACEA,2BAAAA,IAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B,UAAAA,2BAAAA;AAAAA,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,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

@@ -0,0 +1,43 @@
+import * as React from 'react';
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    children: React.ReactNode;
+    variant?: 'default' | 'outlined' | 'elevated';
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    onClick?: () => void;
+}
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children: React.ReactNode;
+}
+export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    children: React.ReactNode;
+}
+export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+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, padding, onClick, className, style, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, ...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;
+declare function CardBody({ children, className, ...htmlProps }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ children, className, ...htmlProps }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare const Card: typeof CardRoot & {
+    Header: typeof CardHeader;
+    Title: typeof CardTitle;
+    Description: typeof CardDescription;
+    Body: typeof CardBody;
+    Footer: typeof CardFooter;
+};
+export { CardRoot, CardHeader, CardTitle, CardDescription, CardBody, CardFooter, useCardContext, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,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,OAAmB,EACnB,OAAc,EACd,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,GAAG,SAAS,EACb,EAAE,SAAS,2CAkDX;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"}

package/dist/components/Card/index.js

@@ -0,0 +1,98 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Card.module.scss.js";
+const CardContext = React.createContext(null);
+const paddingMap = {
+  none: styles.paddingNone,
+  sm: styles.paddingSm,
+  md: styles.paddingMd,
+  lg: styles.paddingLg
+};
+function CardRoot({
+  children,
+  variant = "default",
+  padding = "md",
+  onClick,
+  className,
+  style,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  ...htmlProps
+}) {
+  const isInteractive = !!onClick;
+  const classes = [
+    styles.card,
+    styles[variant],
+    paddingMap[padding],
+    isInteractive && styles.interactive,
+    className
+  ].filter(Boolean).join(" ");
+  const contextValue = {
+    variant,
+    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",
+    {
+      ...htmlProps,
+      className: classes,
+      style,
+      "aria-label": ariaLabel,
+      "aria-describedby": ariaDescribedBy,
+      children
+    }
+  ) });
+}
+function CardHeader({ children, className, ...htmlProps }) {
+  const classes = [styles.header, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function CardTitle({ children, className, ...htmlProps }) {
+  const classes = [styles.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("h3", { ...htmlProps, className: classes, children });
+}
+function CardDescription({ children, className, ...htmlProps }) {
+  const classes = [styles.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("p", { ...htmlProps, className: classes, children });
+}
+function CardBody({ children, className, ...htmlProps }) {
+  const classes = [styles.body, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function CardFooter({ children, className, ...htmlProps }) {
+  const classes = [styles.footer, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+const Card = Object.assign(CardRoot, {
+  Header: CardHeader,
+  Title: CardTitle,
+  Description: CardDescription,
+  Body: CardBody,
+  Footer: CardFooter
+});
+export {
+  Card,
+  CardBody,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardRoot,
+  CardTitle
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  children: React.ReactNode;\n  variant?: 'default' | 'outlined' | 'elevated';\n  padding?: 'none' | 'sm' | 'md' | 'lg';\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 = 'default',\n  padding = 'md',\n  onClick,\n  className,\n  style,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  ...htmlProps\n}: CardProps) {\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":";;;AA8CA,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,UAAU;AAAA,EACV,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,GAAG;AACL,GAAc;AACZ,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;"}

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

@@ -0,0 +1,51 @@
+"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 styles = {
+  container,
+  srOnly,
+  tooltip,
+  tooltipLabel,
+  tooltipItems,
+  tooltipItem,
+  tooltipIndicator,
+  tooltipIndicatorLine,
+  tooltipIndicatorDashed,
+  tooltipItemLabel,
+  tooltipItemValue,
+  legend,
+  legendItem,
+  legendDot,
+  legendLabel
+};
+exports.container = container;
+exports.default = styles;
+exports.legend = legend;
+exports.legendDot = legendDot;
+exports.legendItem = legendItem;
+exports.legendLabel = legendLabel;
+exports.srOnly = srOnly;
+exports.tooltip = tooltip;
+exports.tooltipIndicator = tooltipIndicator;
+exports.tooltipIndicatorDashed = tooltipIndicatorDashed;
+exports.tooltipIndicatorLine = tooltipIndicatorLine;
+exports.tooltipItem = tooltipItem;
+exports.tooltipItemLabel = tooltipItemLabel;
+exports.tooltipItemValue = tooltipItemValue;
+exports.tooltipItems = tooltipItems;
+exports.tooltipLabel = tooltipLabel;
+//# sourceMappingURL=Chart.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,51 @@
+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 styles = {
+  container,
+  srOnly,
+  tooltip,
+  tooltipLabel,
+  tooltipItems,
+  tooltipItem,
+  tooltipIndicator,
+  tooltipIndicatorLine,
+  tooltipIndicatorDashed,
+  tooltipItemLabel,
+  tooltipItemValue,
+  legend,
+  legendItem,
+  legendDot,
+  legendLabel
+};
+export {
+  container,
+  styles as default,
+  legend,
+  legendDot,
+  legendItem,
+  legendLabel,
+  srOnly,
+  tooltip,
+  tooltipIndicator,
+  tooltipIndicatorDashed,
+  tooltipIndicatorLine,
+  tooltipItem,
+  tooltipItemLabel,
+  tooltipItemValue,
+  tooltipItems,
+  tooltipLabel
+};
+//# sourceMappingURL=Chart.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import '../../styles/globals.scss';
+export type ChartConfig = Record<string, {
+    label: string;
+    color: string;
+    icon?: React.ComponentType;
+}>;
+export interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    config: ChartConfig;
+    children: React.ReactElement;
+    /** Non-visual summary announced to assistive technology users */
+    summary?: string;
+    /** Optional accessible data table or textual fallback */
+    dataTable?: React.ReactNode;
+}
+export interface ChartTooltipContentProps {
+    active?: boolean;
+    payload?: readonly {
+        name?: string;
+        value?: number | string;
+        dataKey?: string | number;
+        color?: string;
+        payload?: Record<string, unknown>;
+    }[];
+    label?: string;
+    indicator?: 'dot' | 'line' | 'dashed';
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    labelFormatter?: (label: string, payload: ChartTooltipContentProps['payload']) => React.ReactNode;
+    valueFormatter?: (value: number | string) => string;
+}
+export interface ChartLegendContentProps {
+    payload?: readonly {
+        value?: string;
+        dataKey?: string | number;
+        color?: string;
+    }[];
+}
+type RechartsLegendProps = Record<string, unknown>;
+export declare function useChartConfig(): ChartConfig;
+export declare function ChartContainer({ config, children, className, style, summary, dataTable, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, ...htmlProps }: ChartContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartTooltipContent({ active, payload, label, indicator, hideLabel, hideIndicator, labelFormatter, valueFormatter, }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+type ChartTooltipProps = {
+    indicator?: 'dot' | 'line' | 'dashed';
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    labelFormatter?: ChartTooltipContentProps['labelFormatter'];
+    valueFormatter?: ChartTooltipContentProps['valueFormatter'];
+    content?: any;
+    [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;
+};
+export declare function ChartLegend({ content, ...props }: ChartLegendProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const Chart: typeof ChartContainer & {
+    Root: typeof ChartContainer;
+    Tooltip: typeof ChartTooltip;
+    TooltipContent: typeof ChartTooltipContent;
+    Legend: typeof ChartLegend;
+    LegendContent: typeof ChartLegendContent;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,36 @@
+"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 styles = {
+  wrapper,
+  checkbox,
+  sm,
+  lg,
+  indicator,
+  content,
+  label,
+  labelSm,
+  labelLg,
+  description
+};
+exports.checkbox = checkbox;
+exports.content = content;
+exports.default = styles;
+exports.description = description;
+exports.indicator = indicator;
+exports.label = label;
+exports.labelLg = labelLg;
+exports.labelSm = labelSm;
+exports.lg = lg;
+exports.sm = sm;
+exports.wrapper = wrapper;
+//# sourceMappingURL=Checkbox.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,36 @@
+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 styles = {
+  wrapper,
+  checkbox,
+  sm,
+  lg,
+  indicator,
+  content,
+  label,
+  labelSm,
+  labelLg,
+  description
+};
+export {
+  checkbox,
+  content,
+  styles as default,
+  description,
+  indicator,
+  label,
+  labelLg,
+  labelSm,
+  lg,
+  sm,
+  wrapper
+};
+//# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Checkbox/index.cjs

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const checkbox = require("@base-ui/react/checkbox");
+const Checkbox_module = require("./Checkbox.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function mergeAriaIds(...ids) {
+  const merged = ids.filter(Boolean).join(" ").trim();
+  return merged.length > 0 ? merged : void 0;
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function MinusIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+    }
+  );
+}
+const CheckboxRoot = React__namespace.forwardRef(
+  function Checkbox2({
+    checked,
+    defaultChecked,
+    onCheckedChange,
+    indeterminate = false,
+    disabled = false,
+    required = false,
+    size = "md",
+    label,
+    description,
+    name,
+    value,
+    className,
+    id,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    ...htmlProps
+  }, ref) {
+    const generatedId = React__namespace.useId();
+    const checkboxId = id ?? `checkbox-${generatedId}`;
+    const labelId = label ? `${checkboxId}-label` : void 0;
+    const descriptionId = description ? `${checkboxId}-description` : void 0;
+    const checkboxClasses = [
+      Checkbox_module.default.checkbox,
+      size === "sm" && Checkbox_module.default.sm,
+      size === "lg" && Checkbox_module.default.lg
+    ].filter(Boolean).join(" ");
+    const labelClasses = [
+      Checkbox_module.default.label,
+      size === "sm" && Checkbox_module.default.labelSm,
+      size === "lg" && Checkbox_module.default.labelLg
+    ].filter(Boolean).join(" ");
+    const wrapperClasses = [Checkbox_module.default.wrapper, className].filter(Boolean).join(" ");
+    if (!label && !description) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        checkbox.Checkbox.Root,
+        {
+          ref,
+          checked,
+          defaultChecked,
+          onCheckedChange,
+          indeterminate,
+          disabled,
+          required,
+          name,
+          value,
+          id: checkboxId,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": ariaDescribedBy,
+          className: [checkboxClasses, className].filter(Boolean).join(" "),
+          children: /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox.Indicator, { className: Checkbox_module.default.indicator, keepMounted: true, children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        ...htmlProps,
+        className: wrapperClasses,
+        "data-disabled": disabled || void 0,
+        "data-has-description": description ? true : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            checkbox.Checkbox.Root,
+            {
+              ref,
+              checked,
+              defaultChecked,
+              onCheckedChange,
+              indeterminate,
+              disabled,
+              required,
+              name,
+              value,
+              id: checkboxId,
+              "aria-label": ariaLabel,
+              "aria-labelledby": mergeAriaIds(ariaLabelledBy, labelId),
+              "aria-describedby": mergeAriaIds(ariaDescribedBy, descriptionId),
+              className: checkboxClasses,
+              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.jsx("span", { id: labelId, className: labelClasses, children: label }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: Checkbox_module.default.description, children: description })
+          ] })
+        ]
+      }
+    );
+  }
+);
+const Checkbox = Object.assign(CheckboxRoot, {
+  Root: CheckboxRoot
+});
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';\nimport styles from './Checkbox.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLLabelElement>, 'onChange' | 'defaultChecked'> {\n  /** Whether the checkbox is checked */\n  checked?: boolean;\n  /** Default checked state (uncontrolled) */\n  defaultChecked?: boolean;\n  /** Callback when checked state changes */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Whether the checkbox is in an indeterminate state */\n  indeterminate?: boolean;\n  /** Whether the checkbox is disabled */\n  disabled?: boolean;\n  /** Whether the checkbox is required */\n  required?: boolean;\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg';\n  /** Label text */\n  label?: string;\n  /** Description text below the label */\n  description?: string;\n  /** Name attribute for form submission */\n  name?: string;\n  /** Value attribute for form submission */\n  value?: string;\n  /** ID for the checkbox input */\n  id?: string;\n  /** Accessible label for icon-only mode */\n  'aria-label'?: string;\n  /** Accessible labelled-by relationship for icon-only mode */\n  'aria-labelledby'?: string;\n  /** Accessible described-by relationship */\n  'aria-describedby'?: string;\n}\n\nfunction mergeAriaIds(...ids: Array<string | undefined>): string | undefined {\n  const merged = ids.filter(Boolean).join(' ').trim();\n  return merged.length > 0 ? merged : undefined;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction MinusIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Component\n// ============================================\n\nconst CheckboxRoot = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  function Checkbox(\n    {\n      checked,\n      defaultChecked,\n      onCheckedChange,\n      indeterminate = false,\n      disabled = false,\n      required = false,\n      size = 'md',\n      label,\n      description,\n      name,\n      value,\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const generatedId = React.useId();\n    const checkboxId = id ?? `checkbox-${generatedId}`;\n    const labelId = label ? `${checkboxId}-label` : undefined;\n    const descriptionId = description ? `${checkboxId}-description` : undefined;\n\n    const checkboxClasses = [\n      styles.checkbox,\n      size === 'sm' && styles.sm,\n      size === 'lg' && styles.lg,\n    ].filter(Boolean).join(' ');\n\n    const labelClasses = [\n      styles.label,\n      size === 'sm' && styles.labelSm,\n      size === 'lg' && styles.labelLg,\n    ].filter(Boolean).join(' ');\n\n    const wrapperClasses = [styles.wrapper, className].filter(Boolean).join(' ');\n\n    // If no label/description, render just the checkbox\n    if (!label && !description) {\n      return (\n        <BaseCheckbox.Root\n          ref={ref}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          onCheckedChange={onCheckedChange}\n          indeterminate={indeterminate}\n          disabled={disabled}\n          required={required}\n          name={name}\n          value={value}\n          id={checkboxId}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          className={[checkboxClasses, className].filter(Boolean).join(' ')}\n        >\n          <BaseCheckbox.Indicator className={styles.indicator} keepMounted>\n            {indeterminate ? <MinusIcon /> : <CheckIcon />}\n          </BaseCheckbox.Indicator>\n        </BaseCheckbox.Root>\n      );\n    }\n\n    return (\n      <label\n        {...htmlProps}\n        className={wrapperClasses}\n        data-disabled={disabled || undefined}\n        data-has-description={description ? true : undefined}\n      >\n        <BaseCheckbox.Root\n          ref={ref}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          onCheckedChange={onCheckedChange}\n          indeterminate={indeterminate}\n          disabled={disabled}\n          required={required}\n          name={name}\n          value={value}\n          id={checkboxId}\n          aria-label={ariaLabel}\n          aria-labelledby={mergeAriaIds(ariaLabelledBy, labelId)}\n          aria-describedby={mergeAriaIds(ariaDescribedBy, descriptionId)}\n          className={checkboxClasses}\n        >\n          <BaseCheckbox.Indicator className={styles.indicator} keepMounted>\n            {indeterminate ? <MinusIcon /> : <CheckIcon />}\n          </BaseCheckbox.Indicator>\n        </BaseCheckbox.Root>\n        <div className={styles.content}>\n          <span id={labelId} className={labelClasses}>{label}</span>\n          {description && (\n            <span id={descriptionId} className={styles.description}>{description}</span>\n          )}\n        </div>\n      </label>\n    );\n  }\n);\n\nexport const Checkbox = Object.assign(CheckboxRoot, {\n  Root: CheckboxRoot,\n});\n"],"names":["jsx","React","Checkbox","styles","BaseCheckbox","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAS,gBAAgB,KAAoD;AAC3E,QAAM,SAAS,IAAI,OAAO,OAAO,EAAE,KAAK,GAAG,EAAE,KAAA;AAC7C,SAAO,OAAO,SAAS,IAAI,SAAS;AACtC;AAMA,SAAS,YAAY;AACnB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MAEZ,UAAAA,2BAAAA,IAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEA,SAAS,YAAY;AACnB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MAEZ,UAAAA,2BAAAA,IAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAG3C;AAMA,MAAM,eAAeC,iBAAM;AAAA,EACzB,SAASC,UACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EAAA,GAEL,KACA;AACA,UAAM,cAAcD,iBAAM,MAAA;AAC1B,UAAM,aAAa,MAAM,YAAY,WAAW;AAChD,UAAM,UAAU,QAAQ,GAAG,UAAU,WAAW;AAChD,UAAM,gBAAgB,cAAc,GAAG,UAAU,iBAAiB;AAElE,UAAM,kBAAkB;AAAA,MACtBE,gBAAAA,QAAO;AAAA,MACP,SAAS,QAAQA,gBAAAA,QAAO;AAAA,MACxB,SAAS,QAAQA,wBAAO;AAAA,IAAA,EACxB,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,UAAM,eAAe;AAAA,MACnBA,gBAAAA,QAAO;AAAA,MACP,SAAS,QAAQA,gBAAAA,QAAO;AAAA,MACxB,SAAS,QAAQA,wBAAO;AAAA,IAAA,EACxB,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,UAAM,iBAAiB,CAACA,gBAAAA,QAAO,SAAS,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAG3E,QAAI,CAAC,SAAS,CAAC,aAAa;AAC1B,aACEH,2BAAAA;AAAAA,QAACI,SAAAA,SAAa;AAAA,QAAb;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,IAAI;AAAA,UACJ,cAAY;AAAA,UACZ,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,WAAW,CAAC,iBAAiB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,UAEhE,UAAAJ,2BAAAA,IAACI,SAAAA,SAAa,WAAb,EAAuB,WAAWD,gBAAAA,QAAO,WAAW,aAAW,MAC7D,0BAAgBH,2BAAAA,IAAC,WAAA,CAAA,CAAU,IAAKA,+BAAC,aAAU,EAAA,CAC9C;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEA,WACEK,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW;AAAA,QACX,iBAAe,YAAY;AAAA,QAC3B,wBAAsB,cAAc,OAAO;AAAA,QAE3C,UAAA;AAAA,UAAAL,2BAAAA;AAAAA,YAACI,SAAAA,SAAa;AAAA,YAAb;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,IAAI;AAAA,cACJ,cAAY;AAAA,cACZ,mBAAiB,aAAa,gBAAgB,OAAO;AAAA,cACrD,oBAAkB,aAAa,iBAAiB,aAAa;AAAA,cAC7D,WAAW;AAAA,cAEX,UAAAJ,2BAAAA,IAACI,SAAAA,SAAa,WAAb,EAAuB,WAAWD,gBAAAA,QAAO,WAAW,aAAW,MAC7D,0BAAgBH,2BAAAA,IAAC,WAAA,CAAA,CAAU,IAAKA,+BAAC,aAAU,EAAA,CAC9C;AAAA,YAAA;AAAA,UAAA;AAAA,UAEFK,2BAAAA,KAAC,OAAA,EAAI,WAAWF,gBAAAA,QAAO,SACrB,UAAA;AAAA,YAAAH,+BAAC,QAAA,EAAK,IAAI,SAAS,WAAW,cAAe,UAAA,OAAM;AAAA,YAClD,8CACE,QAAA,EAAK,IAAI,eAAe,WAAWG,wBAAO,aAAc,UAAA,YAAA,CAAY;AAAA,UAAA,EAAA,CAEzE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,MAAM;AACR,CAAC;;"}