@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Box/index.cjs

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Box_module = require("./Box.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 toCss(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+const BoxRoot = React__namespace.forwardRef(
+  function Box2({
+    children,
+    as: Component = "div",
+    padding,
+    paddingX,
+    paddingY,
+    margin,
+    marginX,
+    marginY,
+    background,
+    rounded,
+    border,
+    borderTop,
+    borderBottom,
+    borderLeft,
+    borderRight,
+    borderColor,
+    shadow,
+    overflow,
+    color,
+    display,
+    width,
+    minWidth,
+    maxWidth,
+    height,
+    minHeight,
+    maxHeight,
+    className,
+    style
+  }, ref) {
+    const classes = [
+      Box_module.default.box,
+      padding && Box_module.default[`p-${padding}`],
+      paddingX && Box_module.default[`px-${paddingX}`],
+      paddingY && Box_module.default[`py-${paddingY}`],
+      margin && Box_module.default[`m-${margin}`],
+      marginX && Box_module.default[`mx-${marginX}`],
+      marginY && Box_module.default[`my-${marginY}`],
+      background && Box_module.default[`bg-${background}`],
+      rounded && Box_module.default[`rounded-${rounded}`],
+      border && Box_module.default.border,
+      borderTop && Box_module.default.borderTop,
+      borderBottom && Box_module.default.borderBottom,
+      borderLeft && Box_module.default.borderLeft,
+      borderRight && Box_module.default.borderRight,
+      borderColor && Box_module.default[`borderColor-${borderColor}`],
+      shadow && Box_module.default[`shadow-${shadow}`],
+      overflow && Box_module.default[`overflow-${overflow}`],
+      color && Box_module.default[`color-${color}`],
+      display && Box_module.default[`display-${display}`],
+      className
+    ].filter(Boolean).join(" ");
+    const sizingStyle = {};
+    if (width != null) sizingStyle.width = toCss(width);
+    if (minWidth != null) sizingStyle.minWidth = toCss(minWidth);
+    if (maxWidth != null) sizingStyle.maxWidth = toCss(maxWidth);
+    if (height != null) sizingStyle.height = toCss(height);
+    if (minHeight != null) sizingStyle.minHeight = toCss(minHeight);
+    if (maxHeight != null) sizingStyle.maxHeight = toCss(maxHeight);
+    const hasSizing = Object.keys(sizingStyle).length > 0;
+    const mergedStyle = hasSizing ? { ...sizingStyle, ...style } : style;
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: classes, style: mergedStyle, children });
+  }
+);
+const Box = Object.assign(BoxRoot, {
+  Root: BoxRoot
+});
+exports.Box = Box;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Box/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Box.module.scss';\n\nexport interface BoxProps {\n  children?: React.ReactNode;\n  /** HTML element to render */\n  as?: 'div' | 'section' | 'article' | 'aside' | 'main' | 'header' | 'footer' | 'nav' | 'span';\n  /** Padding on all sides */\n  padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Horizontal padding (overrides padding) */\n  paddingX?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Vertical padding (overrides padding) */\n  paddingY?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Margin on all sides */\n  margin?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';\n  /** Horizontal margin (overrides margin) */\n  marginX?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';\n  /** Vertical margin (overrides margin) */\n  marginY?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';\n  /** Background color */\n  background?: 'none' | 'primary' | 'secondary' | 'tertiary' | 'elevated';\n  /** Border radius */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Border */\n  border?: boolean;\n  /** Top border */\n  borderTop?: boolean;\n  /** Bottom border */\n  borderBottom?: boolean;\n  /** Left border */\n  borderLeft?: boolean;\n  /** Right border */\n  borderRight?: boolean;\n  /** Border color variant */\n  borderColor?: 'default' | 'strong' | 'accent' | 'danger';\n  /** Box shadow */\n  shadow?: 'sm' | 'md' | 'lg' | 'none';\n  /** Overflow behavior */\n  overflow?: 'hidden' | 'auto' | 'scroll' | 'visible';\n  /** Text color */\n  color?: 'primary' | 'secondary' | 'tertiary' | 'accent' | 'inverse';\n  /** Display type */\n  display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none';\n  /** Width (CSS value, e.g. \"100%\", \"300px\", 200) */\n  width?: string | number;\n  /** Min width */\n  minWidth?: string | number;\n  /** Max width */\n  maxWidth?: string | number;\n  /** Height (CSS value, e.g. \"100%\", \"300px\", 200) */\n  height?: string | number;\n  /** Min height */\n  minHeight?: string | number;\n  /** Max height */\n  maxHeight?: string | number;\n  /** Additional class name */\n  className?: string;\n  /** Inline styles */\n  style?: React.CSSProperties;\n}\n\n/** Convert string | number to CSS value */\nfunction toCss(value: string | number): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst BoxRoot = React.forwardRef<HTMLElement, BoxProps>(\n  function Box(\n    {\n      children,\n      as: Component = 'div',\n      padding,\n      paddingX,\n      paddingY,\n      margin,\n      marginX,\n      marginY,\n      background,\n      rounded,\n      border,\n      borderTop,\n      borderBottom,\n      borderLeft,\n      borderRight,\n      borderColor,\n      shadow,\n      overflow,\n      color,\n      display,\n      width,\n      minWidth,\n      maxWidth,\n      height,\n      minHeight,\n      maxHeight,\n      className,\n      style,\n    },\n    ref\n  ) {\n    const classes = [\n      styles.box,\n      padding && styles[`p-${padding}`],\n      paddingX && styles[`px-${paddingX}`],\n      paddingY && styles[`py-${paddingY}`],\n      margin && styles[`m-${margin}`],\n      marginX && styles[`mx-${marginX}`],\n      marginY && styles[`my-${marginY}`],\n      background && styles[`bg-${background}`],\n      rounded && styles[`rounded-${rounded}`],\n      border && styles.border,\n      borderTop && styles.borderTop,\n      borderBottom && styles.borderBottom,\n      borderLeft && styles.borderLeft,\n      borderRight && styles.borderRight,\n      borderColor && styles[`borderColor-${borderColor}`],\n      shadow && styles[`shadow-${shadow}`],\n      overflow && styles[`overflow-${overflow}`],\n      color && styles[`color-${color}`],\n      display && styles[`display-${display}`],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // Build sizing styles only when props are provided\n    const sizingStyle: React.CSSProperties = {};\n    if (width != null) sizingStyle.width = toCss(width);\n    if (minWidth != null) sizingStyle.minWidth = toCss(minWidth);\n    if (maxWidth != null) sizingStyle.maxWidth = toCss(maxWidth);\n    if (height != null) sizingStyle.height = toCss(height);\n    if (minHeight != null) sizingStyle.minHeight = toCss(minHeight);\n    if (maxHeight != null) sizingStyle.maxHeight = toCss(maxHeight);\n\n    const hasSizing = Object.keys(sizingStyle).length > 0;\n    const mergedStyle = hasSizing ? { ...sizingStyle, ...style } : style;\n\n    return (\n      <Component ref={ref as React.Ref<never>} className={classes} style={mergedStyle}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nexport const Box = Object.assign(BoxRoot, {\n  Root: BoxRoot,\n});\n"],"names":["React","Box","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8DA,SAAS,MAAM,OAAgC;AAC7C,SAAO,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AACpD;AAEA,MAAM,UAAUA,iBAAM;AAAA,EACpB,SAASC,KACP;AAAA,IACE;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEF,KACA;AACA,UAAM,UAAU;AAAA,MACdC,WAAAA,QAAO;AAAA,MACP,WAAWA,WAAAA,QAAO,KAAK,OAAO,EAAE;AAAA,MAChC,YAAYA,WAAAA,QAAO,MAAM,QAAQ,EAAE;AAAA,MACnC,YAAYA,WAAAA,QAAO,MAAM,QAAQ,EAAE;AAAA,MACnC,UAAUA,WAAAA,QAAO,KAAK,MAAM,EAAE;AAAA,MAC9B,WAAWA,WAAAA,QAAO,MAAM,OAAO,EAAE;AAAA,MACjC,WAAWA,WAAAA,QAAO,MAAM,OAAO,EAAE;AAAA,MACjC,cAAcA,WAAAA,QAAO,MAAM,UAAU,EAAE;AAAA,MACvC,WAAWA,WAAAA,QAAO,WAAW,OAAO,EAAE;AAAA,MACtC,UAAUA,WAAAA,QAAO;AAAA,MACjB,aAAaA,WAAAA,QAAO;AAAA,MACpB,gBAAgBA,WAAAA,QAAO;AAAA,MACvB,cAAcA,WAAAA,QAAO;AAAA,MACrB,eAAeA,WAAAA,QAAO;AAAA,MACtB,eAAeA,WAAAA,QAAO,eAAe,WAAW,EAAE;AAAA,MAClD,UAAUA,WAAAA,QAAO,UAAU,MAAM,EAAE;AAAA,MACnC,YAAYA,WAAAA,QAAO,YAAY,QAAQ,EAAE;AAAA,MACzC,SAASA,WAAAA,QAAO,SAAS,KAAK,EAAE;AAAA,MAChC,WAAWA,WAAAA,QAAO,WAAW,OAAO,EAAE;AAAA,MACtC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,UAAM,cAAmC,CAAA;AACzC,QAAI,SAAS,KAAM,aAAY,QAAQ,MAAM,KAAK;AAClD,QAAI,YAAY,KAAM,aAAY,WAAW,MAAM,QAAQ;AAC3D,QAAI,YAAY,KAAM,aAAY,WAAW,MAAM,QAAQ;AAC3D,QAAI,UAAU,KAAM,aAAY,SAAS,MAAM,MAAM;AACrD,QAAI,aAAa,KAAM,aAAY,YAAY,MAAM,SAAS;AAC9D,QAAI,aAAa,KAAM,aAAY,YAAY,MAAM,SAAS;AAE9D,UAAM,YAAY,OAAO,KAAK,WAAW,EAAE,SAAS;AACpD,UAAM,cAAc,YAAY,EAAE,GAAG,aAAa,GAAG,UAAU;AAE/D,0CACG,WAAA,EAAU,KAA8B,WAAW,SAAS,OAAO,aACjE,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,MAAM,OAAO,OAAO,SAAS;AAAA,EACxC,MAAM;AACR,CAAC;;"}

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

@@ -0,0 +1,62 @@
+import * as React from 'react';
+export interface BoxProps {
+    children?: React.ReactNode;
+    /** HTML element to render */
+    as?: 'div' | 'section' | 'article' | 'aside' | 'main' | 'header' | 'footer' | 'nav' | 'span';
+    /** Padding on all sides */
+    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Horizontal padding (overrides padding) */
+    paddingX?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Vertical padding (overrides padding) */
+    paddingY?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Margin on all sides */
+    margin?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+    /** Horizontal margin (overrides margin) */
+    marginX?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+    /** Vertical margin (overrides margin) */
+    marginY?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+    /** Background color */
+    background?: 'none' | 'primary' | 'secondary' | 'tertiary' | 'elevated';
+    /** Border radius */
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    /** Border */
+    border?: boolean;
+    /** Top border */
+    borderTop?: boolean;
+    /** Bottom border */
+    borderBottom?: boolean;
+    /** Left border */
+    borderLeft?: boolean;
+    /** Right border */
+    borderRight?: boolean;
+    /** Border color variant */
+    borderColor?: 'default' | 'strong' | 'accent' | 'danger';
+    /** Box shadow */
+    shadow?: 'sm' | 'md' | 'lg' | 'none';
+    /** Overflow behavior */
+    overflow?: 'hidden' | 'auto' | 'scroll' | 'visible';
+    /** Text color */
+    color?: 'primary' | 'secondary' | 'tertiary' | 'accent' | 'inverse';
+    /** Display type */
+    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none';
+    /** Width (CSS value, e.g. "100%", "300px", 200) */
+    width?: string | number;
+    /** Min width */
+    minWidth?: string | number;
+    /** Max width */
+    maxWidth?: string | number;
+    /** Height (CSS value, e.g. "100%", "300px", 200) */
+    height?: string | number;
+    /** Min height */
+    minHeight?: string | number;
+    /** Max height */
+    maxHeight?: string | number;
+    /** Additional class name */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>> & {
+    Root: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Box/index.js

@@ -0,0 +1,78 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Box.module.scss.js";
+function toCss(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+const BoxRoot = React.forwardRef(
+  function Box2({
+    children,
+    as: Component = "div",
+    padding,
+    paddingX,
+    paddingY,
+    margin,
+    marginX,
+    marginY,
+    background,
+    rounded,
+    border,
+    borderTop,
+    borderBottom,
+    borderLeft,
+    borderRight,
+    borderColor,
+    shadow,
+    overflow,
+    color,
+    display,
+    width,
+    minWidth,
+    maxWidth,
+    height,
+    minHeight,
+    maxHeight,
+    className,
+    style
+  }, ref) {
+    const classes = [
+      styles.box,
+      padding && styles[`p-${padding}`],
+      paddingX && styles[`px-${paddingX}`],
+      paddingY && styles[`py-${paddingY}`],
+      margin && styles[`m-${margin}`],
+      marginX && styles[`mx-${marginX}`],
+      marginY && styles[`my-${marginY}`],
+      background && styles[`bg-${background}`],
+      rounded && styles[`rounded-${rounded}`],
+      border && styles.border,
+      borderTop && styles.borderTop,
+      borderBottom && styles.borderBottom,
+      borderLeft && styles.borderLeft,
+      borderRight && styles.borderRight,
+      borderColor && styles[`borderColor-${borderColor}`],
+      shadow && styles[`shadow-${shadow}`],
+      overflow && styles[`overflow-${overflow}`],
+      color && styles[`color-${color}`],
+      display && styles[`display-${display}`],
+      className
+    ].filter(Boolean).join(" ");
+    const sizingStyle = {};
+    if (width != null) sizingStyle.width = toCss(width);
+    if (minWidth != null) sizingStyle.minWidth = toCss(minWidth);
+    if (maxWidth != null) sizingStyle.maxWidth = toCss(maxWidth);
+    if (height != null) sizingStyle.height = toCss(height);
+    if (minHeight != null) sizingStyle.minHeight = toCss(minHeight);
+    if (maxHeight != null) sizingStyle.maxHeight = toCss(maxHeight);
+    const hasSizing = Object.keys(sizingStyle).length > 0;
+    const mergedStyle = hasSizing ? { ...sizingStyle, ...style } : style;
+    return /* @__PURE__ */ jsx(Component, { ref, className: classes, style: mergedStyle, children });
+  }
+);
+const Box = Object.assign(BoxRoot, {
+  Root: BoxRoot
+});
+export {
+  Box
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Box/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Box.module.scss';\n\nexport interface BoxProps {\n  children?: React.ReactNode;\n  /** HTML element to render */\n  as?: 'div' | 'section' | 'article' | 'aside' | 'main' | 'header' | 'footer' | 'nav' | 'span';\n  /** Padding on all sides */\n  padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Horizontal padding (overrides padding) */\n  paddingX?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Vertical padding (overrides padding) */\n  paddingY?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Margin on all sides */\n  margin?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';\n  /** Horizontal margin (overrides margin) */\n  marginX?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';\n  /** Vertical margin (overrides margin) */\n  marginY?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';\n  /** Background color */\n  background?: 'none' | 'primary' | 'secondary' | 'tertiary' | 'elevated';\n  /** Border radius */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Border */\n  border?: boolean;\n  /** Top border */\n  borderTop?: boolean;\n  /** Bottom border */\n  borderBottom?: boolean;\n  /** Left border */\n  borderLeft?: boolean;\n  /** Right border */\n  borderRight?: boolean;\n  /** Border color variant */\n  borderColor?: 'default' | 'strong' | 'accent' | 'danger';\n  /** Box shadow */\n  shadow?: 'sm' | 'md' | 'lg' | 'none';\n  /** Overflow behavior */\n  overflow?: 'hidden' | 'auto' | 'scroll' | 'visible';\n  /** Text color */\n  color?: 'primary' | 'secondary' | 'tertiary' | 'accent' | 'inverse';\n  /** Display type */\n  display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none';\n  /** Width (CSS value, e.g. \"100%\", \"300px\", 200) */\n  width?: string | number;\n  /** Min width */\n  minWidth?: string | number;\n  /** Max width */\n  maxWidth?: string | number;\n  /** Height (CSS value, e.g. \"100%\", \"300px\", 200) */\n  height?: string | number;\n  /** Min height */\n  minHeight?: string | number;\n  /** Max height */\n  maxHeight?: string | number;\n  /** Additional class name */\n  className?: string;\n  /** Inline styles */\n  style?: React.CSSProperties;\n}\n\n/** Convert string | number to CSS value */\nfunction toCss(value: string | number): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst BoxRoot = React.forwardRef<HTMLElement, BoxProps>(\n  function Box(\n    {\n      children,\n      as: Component = 'div',\n      padding,\n      paddingX,\n      paddingY,\n      margin,\n      marginX,\n      marginY,\n      background,\n      rounded,\n      border,\n      borderTop,\n      borderBottom,\n      borderLeft,\n      borderRight,\n      borderColor,\n      shadow,\n      overflow,\n      color,\n      display,\n      width,\n      minWidth,\n      maxWidth,\n      height,\n      minHeight,\n      maxHeight,\n      className,\n      style,\n    },\n    ref\n  ) {\n    const classes = [\n      styles.box,\n      padding && styles[`p-${padding}`],\n      paddingX && styles[`px-${paddingX}`],\n      paddingY && styles[`py-${paddingY}`],\n      margin && styles[`m-${margin}`],\n      marginX && styles[`mx-${marginX}`],\n      marginY && styles[`my-${marginY}`],\n      background && styles[`bg-${background}`],\n      rounded && styles[`rounded-${rounded}`],\n      border && styles.border,\n      borderTop && styles.borderTop,\n      borderBottom && styles.borderBottom,\n      borderLeft && styles.borderLeft,\n      borderRight && styles.borderRight,\n      borderColor && styles[`borderColor-${borderColor}`],\n      shadow && styles[`shadow-${shadow}`],\n      overflow && styles[`overflow-${overflow}`],\n      color && styles[`color-${color}`],\n      display && styles[`display-${display}`],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // Build sizing styles only when props are provided\n    const sizingStyle: React.CSSProperties = {};\n    if (width != null) sizingStyle.width = toCss(width);\n    if (minWidth != null) sizingStyle.minWidth = toCss(minWidth);\n    if (maxWidth != null) sizingStyle.maxWidth = toCss(maxWidth);\n    if (height != null) sizingStyle.height = toCss(height);\n    if (minHeight != null) sizingStyle.minHeight = toCss(minHeight);\n    if (maxHeight != null) sizingStyle.maxHeight = toCss(maxHeight);\n\n    const hasSizing = Object.keys(sizingStyle).length > 0;\n    const mergedStyle = hasSizing ? { ...sizingStyle, ...style } : style;\n\n    return (\n      <Component ref={ref as React.Ref<never>} className={classes} style={mergedStyle}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nexport const Box = Object.assign(BoxRoot, {\n  Root: BoxRoot,\n});\n"],"names":["Box"],"mappings":";;;AA8DA,SAAS,MAAM,OAAgC;AAC7C,SAAO,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AACpD;AAEA,MAAM,UAAU,MAAM;AAAA,EACpB,SAASA,KACP;AAAA,IACE;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEF,KACA;AACA,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,WAAW,OAAO,KAAK,OAAO,EAAE;AAAA,MAChC,YAAY,OAAO,MAAM,QAAQ,EAAE;AAAA,MACnC,YAAY,OAAO,MAAM,QAAQ,EAAE;AAAA,MACnC,UAAU,OAAO,KAAK,MAAM,EAAE;AAAA,MAC9B,WAAW,OAAO,MAAM,OAAO,EAAE;AAAA,MACjC,WAAW,OAAO,MAAM,OAAO,EAAE;AAAA,MACjC,cAAc,OAAO,MAAM,UAAU,EAAE;AAAA,MACvC,WAAW,OAAO,WAAW,OAAO,EAAE;AAAA,MACtC,UAAU,OAAO;AAAA,MACjB,aAAa,OAAO;AAAA,MACpB,gBAAgB,OAAO;AAAA,MACvB,cAAc,OAAO;AAAA,MACrB,eAAe,OAAO;AAAA,MACtB,eAAe,OAAO,eAAe,WAAW,EAAE;AAAA,MAClD,UAAU,OAAO,UAAU,MAAM,EAAE;AAAA,MACnC,YAAY,OAAO,YAAY,QAAQ,EAAE;AAAA,MACzC,SAAS,OAAO,SAAS,KAAK,EAAE;AAAA,MAChC,WAAW,OAAO,WAAW,OAAO,EAAE;AAAA,MACtC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,UAAM,cAAmC,CAAA;AACzC,QAAI,SAAS,KAAM,aAAY,QAAQ,MAAM,KAAK;AAClD,QAAI,YAAY,KAAM,aAAY,WAAW,MAAM,QAAQ;AAC3D,QAAI,YAAY,KAAM,aAAY,WAAW,MAAM,QAAQ;AAC3D,QAAI,UAAU,KAAM,aAAY,SAAS,MAAM,MAAM;AACrD,QAAI,aAAa,KAAM,aAAY,YAAY,MAAM,SAAS;AAC9D,QAAI,aAAa,KAAM,aAAY,YAAY,MAAM,SAAS;AAE9D,UAAM,YAAY,OAAO,KAAK,WAAW,EAAE,SAAS;AACpD,UAAM,cAAc,YAAY,EAAE,GAAG,aAAa,GAAG,UAAU;AAE/D,+BACG,WAAA,EAAU,KAA8B,WAAW,SAAS,OAAO,aACjE,UACH;AAAA,EAEJ;AACF;AAEO,MAAM,MAAM,OAAO,OAAO,SAAS;AAAA,EACxC,MAAM;AACR,CAAC;"}

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_yjw6n_1";
+const list = "_list_yjw6n_7";
+const item = "_item_yjw6n_17";
+const link = "_link_yjw6n_24";
+const current = "_current_yjw6n_48";
+const separator = "_separator_yjw6n_60";
+const ellipsis = "_ellipsis_yjw6n_69";
+const icon = "_icon_yjw6n_98";
+const styles = {
+  root,
+  list,
+  item,
+  link,
+  current,
+  separator,
+  ellipsis,
+  icon
+};
+exports.current = current;
+exports.default = styles;
+exports.ellipsis = ellipsis;
+exports.icon = icon;
+exports.item = item;
+exports.link = link;
+exports.list = list;
+exports.root = root;
+exports.separator = separator;
+//# sourceMappingURL=Breadcrumbs.module.scss.cjs.map

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

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

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

@@ -0,0 +1,30 @@
+const root = "_root_yjw6n_1";
+const list = "_list_yjw6n_7";
+const item = "_item_yjw6n_17";
+const link = "_link_yjw6n_24";
+const current = "_current_yjw6n_48";
+const separator = "_separator_yjw6n_60";
+const ellipsis = "_ellipsis_yjw6n_69";
+const icon = "_icon_yjw6n_98";
+const styles = {
+  root,
+  list,
+  item,
+  link,
+  current,
+  separator,
+  ellipsis,
+  icon
+};
+export {
+  current,
+  styles as default,
+  ellipsis,
+  icon,
+  item,
+  link,
+  list,
+  root,
+  separator
+};
+//# sourceMappingURL=Breadcrumbs.module.scss.js.map

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

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

package/dist/components/Breadcrumbs/index.cjs

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Breadcrumbs_module = require("./Breadcrumbs.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 BreadcrumbsSeparatorContext = React__namespace.createContext("/");
+function BreadcrumbsRoot({
+  children,
+  separator = "/",
+  maxItems,
+  className,
+  ...htmlProps
+}) {
+  const classes = [Breadcrumbs_module.default.root, className].filter(Boolean).join(" ");
+  let items = React__namespace.Children.toArray(children).filter(React__namespace.isValidElement);
+  let collapsed = false;
+  let collapsedItems = [];
+  if (maxItems != null && maxItems > 1 && items.length > maxItems) {
+    collapsed = true;
+    const first = items.slice(0, 1);
+    const last = items.slice(-(maxItems - 1));
+    collapsedItems = items.slice(1, items.length - (maxItems - 1));
+    items = [...first, ...last];
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbsSeparatorContext.Provider, { value: separator, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", className: classes, ...htmlProps, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: Breadcrumbs_module.default.list, children: items.map((item, index) => {
+    const isFirst = index === 0;
+    const showEllipsis = collapsed && index === 1;
+    return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+      !isFirst && /* @__PURE__ */ jsxRuntime.jsx("li", { role: "presentation", "aria-hidden": "true", className: Breadcrumbs_module.default.separator, children: separator }),
+      showEllipsis && /* @__PURE__ */ jsxRuntime.jsx(EllipsisItem, { items: collapsedItems, separator }),
+      item
+    ] }, item.key ?? index);
+  }) }) }) });
+}
+function EllipsisItem({
+  items,
+  separator
+}) {
+  const [expanded, setExpanded] = React__namespace.useState(false);
+  if (expanded) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+      item,
+      /* @__PURE__ */ jsxRuntime.jsx("li", { role: "presentation", "aria-hidden": "true", className: Breadcrumbs_module.default.separator, children: separator })
+    ] }, item.key ?? `collapsed-${i}`)) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("li", { className: Breadcrumbs_module.default.item, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: Breadcrumbs_module.default.ellipsis,
+        "aria-label": "Show collapsed breadcrumbs",
+        onClick: () => setExpanded(true),
+        children: "…"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("li", { role: "presentation", "aria-hidden": "true", className: Breadcrumbs_module.default.separator, children: separator })
+  ] });
+}
+function BreadcrumbsItem({
+  children,
+  href,
+  icon,
+  current = false,
+  className,
+  ...htmlProps
+}) {
+  const classes = [Breadcrumbs_module.default.item, className].filter(Boolean).join(" ");
+  const iconEl = icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: Breadcrumbs_module.default.icon, children: icon }) : null;
+  if (current) {
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: classes, ...htmlProps, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Breadcrumbs_module.default.current, "aria-current": "page", children: [
+      iconEl,
+      children
+    ] }) });
+  }
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: classes, ...htmlProps, children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href, className: Breadcrumbs_module.default.link, children: [
+      iconEl,
+      children
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { className: classes, ...htmlProps, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Breadcrumbs_module.default.link, children: [
+    iconEl,
+    children
+  ] }) });
+}
+function BreadcrumbsSeparator({ children, className }) {
+  const defaultSeparator = React__namespace.useContext(BreadcrumbsSeparatorContext);
+  const classes = [Breadcrumbs_module.default.separator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes, role: "presentation", "aria-hidden": "true", children: children ?? defaultSeparator });
+}
+const Breadcrumbs = Object.assign(BreadcrumbsRoot, {
+  Item: BreadcrumbsItem,
+  Separator: BreadcrumbsSeparator
+});
+exports.Breadcrumbs = Breadcrumbs;
+exports.BreadcrumbsItem = BreadcrumbsItem;
+exports.BreadcrumbsRoot = BreadcrumbsRoot;
+exports.BreadcrumbsSeparator = BreadcrumbsSeparator;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Breadcrumbs/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Breadcrumbs.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Custom separator between items (default: '/') */\n  separator?: React.ReactNode;\n  /** Maximum visible items before collapsing middle items with ellipsis */\n  maxItems?: number;\n}\n\nexport interface BreadcrumbsItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode;\n  /** URL to navigate to (renders <a> if provided) */\n  href?: string;\n  /** Icon element to display before the label */\n  icon?: React.ReactNode;\n  /** Marks this item as the current page */\n  current?: boolean;\n}\n\nexport interface BreadcrumbsSeparatorProps {\n  children?: React.ReactNode;\n  className?: string;\n}\n\n// ============================================\n// Context for separator\n// ============================================\n\nconst BreadcrumbsSeparatorContext = React.createContext<React.ReactNode>('/');\n\n// ============================================\n// Components\n// ============================================\n\nfunction BreadcrumbsRoot({\n  children,\n  separator = '/',\n  maxItems,\n  className,\n  ...htmlProps\n}: BreadcrumbsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  let items = React.Children.toArray(children).filter(React.isValidElement);\n\n  // Collapse middle items if maxItems is set\n  let collapsed = false;\n  let collapsedItems: React.ReactElement[] = [];\n  if (maxItems != null && maxItems > 1 && items.length > maxItems) {\n    collapsed = true;\n    const first = items.slice(0, 1);\n    const last = items.slice(-(maxItems - 1));\n    collapsedItems = items.slice(1, items.length - (maxItems - 1)) as React.ReactElement[];\n    items = [...first, ...last];\n  }\n\n  return (\n    <BreadcrumbsSeparatorContext.Provider value={separator}>\n      <nav aria-label=\"Breadcrumb\" className={classes} {...htmlProps}>\n        <ol className={styles.list}>\n          {items.map((item, index) => {\n            const isFirst = index === 0;\n            const showEllipsis = collapsed && index === 1;\n\n            return (\n              <React.Fragment key={(item as React.ReactElement).key ?? index}>\n                {!isFirst && (\n                  <li role=\"presentation\" aria-hidden=\"true\" className={styles.separator}>\n                    {separator}\n                  </li>\n                )}\n                {showEllipsis && (\n                  <EllipsisItem items={collapsedItems} separator={separator} />\n                )}\n                {item}\n              </React.Fragment>\n            );\n          })}\n        </ol>\n      </nav>\n    </BreadcrumbsSeparatorContext.Provider>\n  );\n}\n\nfunction EllipsisItem({\n  items,\n  separator,\n}: {\n  items: React.ReactElement[];\n  separator: React.ReactNode;\n}) {\n  const [expanded, setExpanded] = React.useState(false);\n\n  if (expanded) {\n    return (\n      <>\n        {items.map((item, i) => (\n          <React.Fragment key={item.key ?? `collapsed-${i}`}>\n            {item}\n            <li role=\"presentation\" aria-hidden=\"true\" className={styles.separator}>\n              {separator}\n            </li>\n          </React.Fragment>\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <li className={styles.item}>\n        <button\n          type=\"button\"\n          className={styles.ellipsis}\n          aria-label=\"Show collapsed breadcrumbs\"\n          onClick={() => setExpanded(true)}\n        >\n          &hellip;\n        </button>\n      </li>\n      <li role=\"presentation\" aria-hidden=\"true\" className={styles.separator}>\n        {separator}\n      </li>\n    </>\n  );\n}\n\nfunction BreadcrumbsItem({\n  children,\n  href,\n  icon,\n  current = false,\n  className,\n  ...htmlProps\n}: BreadcrumbsItemProps) {\n  const classes = [styles.item, className].filter(Boolean).join(' ');\n\n  const iconEl = icon ? <span className={styles.icon}>{icon}</span> : null;\n\n  if (current) {\n    return (\n      <li className={classes} {...htmlProps}>\n        <span className={styles.current} aria-current=\"page\">\n          {iconEl}\n          {children}\n        </span>\n      </li>\n    );\n  }\n\n  if (href) {\n    return (\n      <li className={classes} {...htmlProps}>\n        <a href={href} className={styles.link}>\n          {iconEl}\n          {children}\n        </a>\n      </li>\n    );\n  }\n\n  return (\n    <li className={classes} {...htmlProps}>\n      <span className={styles.link}>\n        {iconEl}\n        {children}\n      </span>\n    </li>\n  );\n}\n\nfunction BreadcrumbsSeparator({ children, className }: BreadcrumbsSeparatorProps) {\n  const defaultSeparator = React.useContext(BreadcrumbsSeparatorContext);\n  const classes = [styles.separator, className].filter(Boolean).join(' ');\n\n  return (\n    <span className={classes} role=\"presentation\" aria-hidden=\"true\">\n      {children ?? defaultSeparator}\n    </span>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Breadcrumbs = Object.assign(BreadcrumbsRoot, {\n  Item: BreadcrumbsItem,\n  Separator: BreadcrumbsSeparator,\n});\n\n// Re-export individual components\nexport { BreadcrumbsRoot, BreadcrumbsItem, BreadcrumbsSeparator };\n"],"names":["React","styles","jsx","jsxs","Fragment"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    /** Custom separator between items (default: '/') */
+    separator?: React.ReactNode;
+    /** Maximum visible items before collapsing middle items with ellipsis */
+    maxItems?: number;
+}
+export interface BreadcrumbsItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    children: React.ReactNode;
+    /** URL to navigate to (renders <a> if provided) */
+    href?: string;
+    /** Icon element to display before the label */
+    icon?: React.ReactNode;
+    /** Marks this item as the current page */
+    current?: boolean;
+}
+export interface BreadcrumbsSeparatorProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function BreadcrumbsRoot({ children, separator, maxItems, className, ...htmlProps }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbsItem({ children, href, icon, current, className, ...htmlProps }: BreadcrumbsItemProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbsSeparator({ children, className }: BreadcrumbsSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumbs: typeof BreadcrumbsRoot & {
+    Item: typeof BreadcrumbsItem;
+    Separator: typeof BreadcrumbsSeparator;
+};
+export { BreadcrumbsRoot, BreadcrumbsItem, BreadcrumbsSeparator };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CA0ClB;AA6CD,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,OAAe,EACf,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAmCtB;AAED,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,yBAAyB,2CAS/E;AAMD,eAAO,MAAM,WAAW;;;CAGtB,CAAC;AAGH,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/Breadcrumbs/index.js

@@ -0,0 +1,100 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Breadcrumbs.module.scss.js";
+const BreadcrumbsSeparatorContext = React.createContext("/");
+function BreadcrumbsRoot({
+  children,
+  separator = "/",
+  maxItems,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.root, className].filter(Boolean).join(" ");
+  let items = React.Children.toArray(children).filter(React.isValidElement);
+  let collapsed = false;
+  let collapsedItems = [];
+  if (maxItems != null && maxItems > 1 && items.length > maxItems) {
+    collapsed = true;
+    const first = items.slice(0, 1);
+    const last = items.slice(-(maxItems - 1));
+    collapsedItems = items.slice(1, items.length - (maxItems - 1));
+    items = [...first, ...last];
+  }
+  return /* @__PURE__ */ jsx(BreadcrumbsSeparatorContext.Provider, { value: separator, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: classes, ...htmlProps, children: /* @__PURE__ */ jsx("ol", { className: styles.list, children: items.map((item, index) => {
+    const isFirst = index === 0;
+    const showEllipsis = collapsed && index === 1;
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      !isFirst && /* @__PURE__ */ jsx("li", { role: "presentation", "aria-hidden": "true", className: styles.separator, children: separator }),
+      showEllipsis && /* @__PURE__ */ jsx(EllipsisItem, { items: collapsedItems, separator }),
+      item
+    ] }, item.key ?? index);
+  }) }) }) });
+}
+function EllipsisItem({
+  items,
+  separator
+}) {
+  const [expanded, setExpanded] = React.useState(false);
+  if (expanded) {
+    return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      item,
+      /* @__PURE__ */ jsx("li", { role: "presentation", "aria-hidden": "true", className: styles.separator, children: separator })
+    ] }, item.key ?? `collapsed-${i}`)) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("li", { className: styles.item, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles.ellipsis,
+        "aria-label": "Show collapsed breadcrumbs",
+        onClick: () => setExpanded(true),
+        children: "…"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("li", { role: "presentation", "aria-hidden": "true", className: styles.separator, children: separator })
+  ] });
+}
+function BreadcrumbsItem({
+  children,
+  href,
+  icon,
+  current = false,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.item, className].filter(Boolean).join(" ");
+  const iconEl = icon ? /* @__PURE__ */ jsx("span", { className: styles.icon, children: icon }) : null;
+  if (current) {
+    return /* @__PURE__ */ jsx("li", { className: classes, ...htmlProps, children: /* @__PURE__ */ jsxs("span", { className: styles.current, "aria-current": "page", children: [
+      iconEl,
+      children
+    ] }) });
+  }
+  if (href) {
+    return /* @__PURE__ */ jsx("li", { className: classes, ...htmlProps, children: /* @__PURE__ */ jsxs("a", { href, className: styles.link, children: [
+      iconEl,
+      children
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("li", { className: classes, ...htmlProps, children: /* @__PURE__ */ jsxs("span", { className: styles.link, children: [
+    iconEl,
+    children
+  ] }) });
+}
+function BreadcrumbsSeparator({ children, className }) {
+  const defaultSeparator = React.useContext(BreadcrumbsSeparatorContext);
+  const classes = [styles.separator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("span", { className: classes, role: "presentation", "aria-hidden": "true", children: children ?? defaultSeparator });
+}
+const Breadcrumbs = Object.assign(BreadcrumbsRoot, {
+  Item: BreadcrumbsItem,
+  Separator: BreadcrumbsSeparator
+});
+export {
+  Breadcrumbs,
+  BreadcrumbsItem,
+  BreadcrumbsRoot,
+  BreadcrumbsSeparator
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Breadcrumbs/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Breadcrumbs.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Custom separator between items (default: '/') */\n  separator?: React.ReactNode;\n  /** Maximum visible items before collapsing middle items with ellipsis */\n  maxItems?: number;\n}\n\nexport interface BreadcrumbsItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode;\n  /** URL to navigate to (renders <a> if provided) */\n  href?: string;\n  /** Icon element to display before the label */\n  icon?: React.ReactNode;\n  /** Marks this item as the current page */\n  current?: boolean;\n}\n\nexport interface BreadcrumbsSeparatorProps {\n  children?: React.ReactNode;\n  className?: string;\n}\n\n// ============================================\n// Context for separator\n// ============================================\n\nconst BreadcrumbsSeparatorContext = React.createContext<React.ReactNode>('/');\n\n// ============================================\n// Components\n// ============================================\n\nfunction BreadcrumbsRoot({\n  children,\n  separator = '/',\n  maxItems,\n  className,\n  ...htmlProps\n}: BreadcrumbsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  let items = React.Children.toArray(children).filter(React.isValidElement);\n\n  // Collapse middle items if maxItems is set\n  let collapsed = false;\n  let collapsedItems: React.ReactElement[] = [];\n  if (maxItems != null && maxItems > 1 && items.length > maxItems) {\n    collapsed = true;\n    const first = items.slice(0, 1);\n    const last = items.slice(-(maxItems - 1));\n    collapsedItems = items.slice(1, items.length - (maxItems - 1)) as React.ReactElement[];\n    items = [...first, ...last];\n  }\n\n  return (\n    <BreadcrumbsSeparatorContext.Provider value={separator}>\n      <nav aria-label=\"Breadcrumb\" className={classes} {...htmlProps}>\n        <ol className={styles.list}>\n          {items.map((item, index) => {\n            const isFirst = index === 0;\n            const showEllipsis = collapsed && index === 1;\n\n            return (\n              <React.Fragment key={(item as React.ReactElement).key ?? index}>\n                {!isFirst && (\n                  <li role=\"presentation\" aria-hidden=\"true\" className={styles.separator}>\n                    {separator}\n                  </li>\n                )}\n                {showEllipsis && (\n                  <EllipsisItem items={collapsedItems} separator={separator} />\n                )}\n                {item}\n              </React.Fragment>\n            );\n          })}\n        </ol>\n      </nav>\n    </BreadcrumbsSeparatorContext.Provider>\n  );\n}\n\nfunction EllipsisItem({\n  items,\n  separator,\n}: {\n  items: React.ReactElement[];\n  separator: React.ReactNode;\n}) {\n  const [expanded, setExpanded] = React.useState(false);\n\n  if (expanded) {\n    return (\n      <>\n        {items.map((item, i) => (\n          <React.Fragment key={item.key ?? `collapsed-${i}`}>\n            {item}\n            <li role=\"presentation\" aria-hidden=\"true\" className={styles.separator}>\n              {separator}\n            </li>\n          </React.Fragment>\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <li className={styles.item}>\n        <button\n          type=\"button\"\n          className={styles.ellipsis}\n          aria-label=\"Show collapsed breadcrumbs\"\n          onClick={() => setExpanded(true)}\n        >\n          &hellip;\n        </button>\n      </li>\n      <li role=\"presentation\" aria-hidden=\"true\" className={styles.separator}>\n        {separator}\n      </li>\n    </>\n  );\n}\n\nfunction BreadcrumbsItem({\n  children,\n  href,\n  icon,\n  current = false,\n  className,\n  ...htmlProps\n}: BreadcrumbsItemProps) {\n  const classes = [styles.item, className].filter(Boolean).join(' ');\n\n  const iconEl = icon ? <span className={styles.icon}>{icon}</span> : null;\n\n  if (current) {\n    return (\n      <li className={classes} {...htmlProps}>\n        <span className={styles.current} aria-current=\"page\">\n          {iconEl}\n          {children}\n        </span>\n      </li>\n    );\n  }\n\n  if (href) {\n    return (\n      <li className={classes} {...htmlProps}>\n        <a href={href} className={styles.link}>\n          {iconEl}\n          {children}\n        </a>\n      </li>\n    );\n  }\n\n  return (\n    <li className={classes} {...htmlProps}>\n      <span className={styles.link}>\n        {iconEl}\n        {children}\n      </span>\n    </li>\n  );\n}\n\nfunction BreadcrumbsSeparator({ children, className }: BreadcrumbsSeparatorProps) {\n  const defaultSeparator = React.useContext(BreadcrumbsSeparatorContext);\n  const classes = [styles.separator, className].filter(Boolean).join(' ');\n\n  return (\n    <span className={classes} role=\"presentation\" aria-hidden=\"true\">\n      {children ?? defaultSeparator}\n    </span>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Breadcrumbs = Object.assign(BreadcrumbsRoot, {\n  Item: BreadcrumbsItem,\n  Separator: BreadcrumbsSeparator,\n});\n\n// Re-export individual components\nexport { BreadcrumbsRoot, BreadcrumbsItem, BreadcrumbsSeparator };\n"],"names":[],"mappings":"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"}