@fragments-sdk/ui 0.9.0 → 0.9.2

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const button = "_button_1d9eh_1";
+const sm = "_sm_1d9eh_42";
+const md = "_md_1d9eh_48";
+const lg = "_lg_1d9eh_54";
+const primary = "_primary_1d9eh_60";
+const secondary = "_secondary_1d9eh_72";
+const ghost = "_ghost_1d9eh_84";
+const danger = "_danger_1d9eh_96";
+const outlined = "_outlined_1d9eh_108";
+const icon = "_icon_1d9eh_120";
+const fullWidth = "_fullWidth_1d9eh_134";
+const styles = {
+  button,
+  sm,
+  md,
+  lg,
+  primary,
+  secondary,
+  ghost,
+  danger,
+  outlined,
+  icon,
+  fullWidth
+};
+exports.button = button;
+exports.danger = danger;
+exports.default = styles;
+exports.fullWidth = fullWidth;
+exports.ghost = ghost;
+exports.icon = icon;
+exports.lg = lg;
+exports.md = md;
+exports.outlined = outlined;
+exports.primary = primary;
+exports.secondary = secondary;
+exports.sm = sm;
+//# sourceMappingURL=Button.module.scss.cjs.map

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

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

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

@@ -0,0 +1,39 @@
+const button = "_button_1d9eh_1";
+const sm = "_sm_1d9eh_42";
+const md = "_md_1d9eh_48";
+const lg = "_lg_1d9eh_54";
+const primary = "_primary_1d9eh_60";
+const secondary = "_secondary_1d9eh_72";
+const ghost = "_ghost_1d9eh_84";
+const danger = "_danger_1d9eh_96";
+const outlined = "_outlined_1d9eh_108";
+const icon = "_icon_1d9eh_120";
+const fullWidth = "_fullWidth_1d9eh_134";
+const styles = {
+  button,
+  sm,
+  md,
+  lg,
+  primary,
+  secondary,
+  ghost,
+  danger,
+  outlined,
+  icon,
+  fullWidth
+};
+export {
+  button,
+  danger,
+  styles as default,
+  fullWidth,
+  ghost,
+  icon,
+  lg,
+  md,
+  outlined,
+  primary,
+  secondary,
+  sm
+};
+//# sourceMappingURL=Button.module.scss.js.map

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

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

package/dist/components/Button/index.cjs

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const button = require("@base-ui/react/button");
+const Button_module = require("./Button.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);
+const ButtonRoot = React__namespace.forwardRef(function Button2(props, ref) {
+  const {
+    children,
+    variant = "primary",
+    size = "md",
+    icon = false,
+    fullWidth = false,
+    className,
+    ...rest
+  } = props;
+  const classNames = [
+    Button_module.default.button,
+    Button_module.default[size],
+    Button_module.default[variant],
+    icon && Button_module.default.icon,
+    fullWidth && Button_module.default.fullWidth,
+    className
+  ].filter(Boolean).join(" ");
+  if (props.as === "a") {
+    const { as: _as2, ...anchorProps } = rest;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        ref,
+        className: classNames,
+        ...anchorProps,
+        children
+      }
+    );
+  }
+  const { as: _as, ...buttonProps } = rest;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    button.Button,
+    {
+      ref,
+      type: buttonProps.type || "button",
+      disabled: buttonProps.disabled || false,
+      className: classNames,
+      ...buttonProps,
+      children
+    }
+  );
+});
+const Button = Object.assign(ButtonRoot, {
+  Root: ButtonRoot
+});
+exports.Button = Button;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Button as BaseButton } from '@base-ui/react/button';\nimport styles from './Button.module.scss';\n\ntype ButtonBaseProps = {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'outlined';\n  size?: 'sm' | 'md' | 'lg';\n  /** Render as icon-only button (square aspect ratio) */\n  icon?: boolean;\n  /** Make button full width of container */\n  fullWidth?: boolean;\n};\n\n// Button as native button element\nexport interface ButtonAsButtonProps\n  extends ButtonBaseProps,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  as?: 'button';\n}\n\n// Button as anchor element\nexport interface ButtonAsAnchorProps\n  extends ButtonBaseProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {\n  as: 'a';\n}\n\nexport type ButtonProps = ButtonAsButtonProps | ButtonAsAnchorProps;\n\nconst ButtonRoot = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonProps\n>(function Button(props, ref) {\n  const {\n    children,\n    variant = 'primary',\n    size = 'md',\n    icon = false,\n    fullWidth = false,\n    className,\n    ...rest\n  } = props;\n\n  const classNames = [\n    styles.button,\n    styles[size],\n    styles[variant],\n    icon && styles.icon,\n    fullWidth && styles.fullWidth,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Render as anchor\n  if (props.as === 'a') {\n    const { as: _as, ...anchorProps } = rest as ButtonAsAnchorProps & { as?: 'a' };\n    return (\n      <a\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        className={classNames}\n        {...anchorProps}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  // Render as button (default)\n  const { as: _as, ...buttonProps } = rest as ButtonAsButtonProps;\n  return (\n    <BaseButton\n      ref={ref as React.Ref<HTMLButtonElement>}\n      type={(buttonProps as ButtonAsButtonProps).type || 'button'}\n      disabled={(buttonProps as ButtonAsButtonProps).disabled || false}\n      className={classNames}\n      {...buttonProps}\n    >\n      {children}\n    </BaseButton>\n  );\n});\n\nexport const Button = Object.assign(ButtonRoot, {\n  Root: ButtonRoot,\n});\n"],"names":["React","Button","styles","_as","jsx","BaseButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAM,aAAaA,iBAAM,WAGvB,SAASC,QAAO,OAAO,KAAK;AAC5B,QAAM;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,aAAa;AAAA,IACjBC,cAAAA,QAAO;AAAA,IACPA,cAAAA,QAAO,IAAI;AAAA,IACXA,cAAAA,QAAO,OAAO;AAAA,IACd,QAAQA,cAAAA,QAAO;AAAA,IACf,aAAaA,cAAAA,QAAO;AAAA,IACpB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,MAAI,MAAM,OAAO,KAAK;AACpB,UAAM,EAAE,IAAIC,MAAK,GAAG,gBAAgB;AACpC,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,QACV,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAGA,QAAM,EAAE,IAAI,KAAK,GAAG,gBAAgB;AACpC,SACEA,2BAAAA;AAAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAO,YAAoC,QAAQ;AAAA,MACnD,UAAW,YAAoC,YAAY;AAAA,MAC3D,WAAW;AAAA,MACV,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO,YAAY;AAAA,EAC9C,MAAM;AACR,CAAC;;"}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+type ButtonBaseProps = {
+    children: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'outlined';
+    size?: 'sm' | 'md' | 'lg';
+    /** Render as icon-only button (square aspect ratio) */
+    icon?: boolean;
+    /** Make button full width of container */
+    fullWidth?: boolean;
+};
+export interface ButtonAsButtonProps extends ButtonBaseProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    as?: 'button';
+}
+export interface ButtonAsAnchorProps extends ButtonBaseProps, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+    as: 'a';
+}
+export type ButtonProps = ButtonAsButtonProps | ButtonAsAnchorProps;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
+    Root: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAGF,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,EAAE,CAAC,EAAE,QAAQ,CAAC;CACf;AAGD,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAwDpE,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/dist/components/Button/index.js

@@ -0,0 +1,54 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Button as Button$1 } from "@base-ui/react/button";
+import styles from "./Button.module.scss.js";
+const ButtonRoot = React.forwardRef(function Button2(props, ref) {
+  const {
+    children,
+    variant = "primary",
+    size = "md",
+    icon = false,
+    fullWidth = false,
+    className,
+    ...rest
+  } = props;
+  const classNames = [
+    styles.button,
+    styles[size],
+    styles[variant],
+    icon && styles.icon,
+    fullWidth && styles.fullWidth,
+    className
+  ].filter(Boolean).join(" ");
+  if (props.as === "a") {
+    const { as: _as2, ...anchorProps } = rest;
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        className: classNames,
+        ...anchorProps,
+        children
+      }
+    );
+  }
+  const { as: _as, ...buttonProps } = rest;
+  return /* @__PURE__ */ jsx(
+    Button$1,
+    {
+      ref,
+      type: buttonProps.type || "button",
+      disabled: buttonProps.disabled || false,
+      className: classNames,
+      ...buttonProps,
+      children
+    }
+  );
+});
+const Button = Object.assign(ButtonRoot, {
+  Root: ButtonRoot
+});
+export {
+  Button
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Button as BaseButton } from '@base-ui/react/button';\nimport styles from './Button.module.scss';\n\ntype ButtonBaseProps = {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'outlined';\n  size?: 'sm' | 'md' | 'lg';\n  /** Render as icon-only button (square aspect ratio) */\n  icon?: boolean;\n  /** Make button full width of container */\n  fullWidth?: boolean;\n};\n\n// Button as native button element\nexport interface ButtonAsButtonProps\n  extends ButtonBaseProps,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  as?: 'button';\n}\n\n// Button as anchor element\nexport interface ButtonAsAnchorProps\n  extends ButtonBaseProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {\n  as: 'a';\n}\n\nexport type ButtonProps = ButtonAsButtonProps | ButtonAsAnchorProps;\n\nconst ButtonRoot = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonProps\n>(function Button(props, ref) {\n  const {\n    children,\n    variant = 'primary',\n    size = 'md',\n    icon = false,\n    fullWidth = false,\n    className,\n    ...rest\n  } = props;\n\n  const classNames = [\n    styles.button,\n    styles[size],\n    styles[variant],\n    icon && styles.icon,\n    fullWidth && styles.fullWidth,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Render as anchor\n  if (props.as === 'a') {\n    const { as: _as, ...anchorProps } = rest as ButtonAsAnchorProps & { as?: 'a' };\n    return (\n      <a\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        className={classNames}\n        {...anchorProps}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  // Render as button (default)\n  const { as: _as, ...buttonProps } = rest as ButtonAsButtonProps;\n  return (\n    <BaseButton\n      ref={ref as React.Ref<HTMLButtonElement>}\n      type={(buttonProps as ButtonAsButtonProps).type || 'button'}\n      disabled={(buttonProps as ButtonAsButtonProps).disabled || false}\n      className={classNames}\n      {...buttonProps}\n    >\n      {children}\n    </BaseButton>\n  );\n});\n\nexport const Button = Object.assign(ButtonRoot, {\n  Root: ButtonRoot,\n});\n"],"names":["Button","_as","BaseButton"],"mappings":";;;;AAgCA,MAAM,aAAa,MAAM,WAGvB,SAASA,QAAO,OAAO,KAAK;AAC5B,QAAM;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,aAAa;AAAA,IACjB,OAAO;AAAA,IACP,OAAO,IAAI;AAAA,IACX,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,IACf,aAAa,OAAO;AAAA,IACpB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,MAAI,MAAM,OAAO,KAAK;AACpB,UAAM,EAAE,IAAIC,MAAK,GAAG,gBAAgB;AACpC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,QACV,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAGA,QAAM,EAAE,IAAI,KAAK,GAAG,gBAAgB;AACpC,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAO,YAAoC,QAAQ;AAAA,MACnD,UAAW,YAAoC,YAAY;AAAA,MAC3D,WAAW;AAAA,MACV,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO,YAAY;AAAA,EAC9C,MAAM;AACR,CAAC;"}

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const group = "_group_vdlw7_1";
+const gapXs = "_gap-xs_vdlw7_6";
+const gapSm = "_gap-sm_vdlw7_10";
+const gapMd = "_gap-md_vdlw7_14";
+const wrap = "_wrap_vdlw7_18";
+const alignStart = "_align-start_vdlw7_22";
+const alignCenter = "_align-center_vdlw7_26";
+const alignEnd = "_align-end_vdlw7_30";
+const styles = {
+  group,
+  gapXs,
+  gapSm,
+  gapMd,
+  wrap,
+  alignStart,
+  alignCenter,
+  alignEnd
+};
+exports.alignCenter = alignCenter;
+exports.alignEnd = alignEnd;
+exports.alignStart = alignStart;
+exports.default = styles;
+exports.gapMd = gapMd;
+exports.gapSm = gapSm;
+exports.gapXs = gapXs;
+exports.group = group;
+exports.wrap = wrap;
+//# sourceMappingURL=ButtonGroup.module.scss.cjs.map

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

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

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

@@ -0,0 +1,30 @@
+const group = "_group_vdlw7_1";
+const gapXs = "_gap-xs_vdlw7_6";
+const gapSm = "_gap-sm_vdlw7_10";
+const gapMd = "_gap-md_vdlw7_14";
+const wrap = "_wrap_vdlw7_18";
+const alignStart = "_align-start_vdlw7_22";
+const alignCenter = "_align-center_vdlw7_26";
+const alignEnd = "_align-end_vdlw7_30";
+const styles = {
+  group,
+  gapXs,
+  gapSm,
+  gapMd,
+  wrap,
+  alignStart,
+  alignCenter,
+  alignEnd
+};
+export {
+  alignCenter,
+  alignEnd,
+  alignStart,
+  styles as default,
+  gapMd,
+  gapSm,
+  gapXs,
+  group,
+  wrap
+};
+//# sourceMappingURL=ButtonGroup.module.scss.js.map

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

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

package/dist/components/ButtonGroup/index.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const ButtonGroup_module = require("./ButtonGroup.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);
+const ButtonGroupRoot = React__namespace.forwardRef(
+  function ButtonGroup2({
+    children,
+    gap = "sm",
+    wrap = false,
+    align,
+    className
+  }, ref) {
+    const classes = [
+      ButtonGroup_module.default.group,
+      gap !== "none" && ButtonGroup_module.default[`gap-${gap}`],
+      wrap && ButtonGroup_module.default.wrap,
+      align && ButtonGroup_module.default[`align-${align}`],
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classes, children });
+  }
+);
+const ButtonGroup = Object.assign(ButtonGroupRoot, {
+  Root: ButtonGroupRoot
+});
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface ButtonGroupProps {
+    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>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/ButtonGroup/index.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./ButtonGroup.module.scss.js";
+const ButtonGroupRoot = React.forwardRef(
+  function ButtonGroup2({
+    children,
+    gap = "sm",
+    wrap = false,
+    align,
+    className
+  }, ref) {
+    const classes = [
+      styles.group,
+      gap !== "none" && styles[`gap-${gap}`],
+      wrap && styles.wrap,
+      align && styles[`align-${align}`],
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx("div", { ref, className: classes, children });
+  }
+);
+const ButtonGroup = Object.assign(ButtonGroupRoot, {
+  Root: ButtonGroupRoot
+});
+export {
+  ButtonGroup
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,46 @@
+"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 styles = {
+  card,
+  "default": "_default_1ysig_9",
+  outlined,
+  elevated,
+  paddingNone,
+  paddingSm,
+  paddingMd,
+  paddingLg,
+  interactive,
+  header,
+  title,
+  description,
+  body,
+  footer
+};
+exports.body = body;
+exports.card = card;
+exports.default = styles;
+exports.description = description;
+exports.elevated = elevated;
+exports.footer = footer;
+exports.header = header;
+exports.interactive = interactive;
+exports.outlined = outlined;
+exports.paddingLg = paddingLg;
+exports.paddingMd = paddingMd;
+exports.paddingNone = paddingNone;
+exports.paddingSm = paddingSm;
+exports.title = title;
+//# sourceMappingURL=Card.module.scss.cjs.map

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

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

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

@@ -0,0 +1,46 @@
+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 styles = {
+  card,
+  "default": "_default_1ysig_9",
+  outlined,
+  elevated,
+  paddingNone,
+  paddingSm,
+  paddingMd,
+  paddingLg,
+  interactive,
+  header,
+  title,
+  description,
+  body,
+  footer
+};
+export {
+  body,
+  card,
+  styles as default,
+  description,
+  elevated,
+  footer,
+  header,
+  interactive,
+  outlined,
+  paddingLg,
+  paddingMd,
+  paddingNone,
+  paddingSm,
+  title
+};
+//# sourceMappingURL=Card.module.scss.js.map

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

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

package/dist/components/Card/index.cjs

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