@usefragments/ui 1.0.0

package/dist/components/Box/index.cjs

@@ -0,0 +1,104 @@
+"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,
+    ...htmlProps
+  }, 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,
+        ...htmlProps,
+        className: classes,
+        style: mergedStyle,
+        children
+      }
+    );
+  }
+);
+const Box = Object.assign(BoxRoot, {
+  Root: BoxRoot
+});
+exports.Box = Box;

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

@@ -0,0 +1,62 @@
+import * as React from 'react';
+export interface BoxProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
+    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,87 @@
+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,
+    ...htmlProps
+  }, 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,
+        ...htmlProps,
+        className: classes,
+        style: mergedStyle,
+        children
+      }
+    );
+  }
+);
+const Box = Object.assign(BoxRoot, {
+  Root: BoxRoot
+});
+export {
+  Box
+};

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_ff6xm_1";
+const list = "_list_ff6xm_7";
+const item = "_item_ff6xm_17";
+const link = "_link_ff6xm_24";
+const current = "_current_ff6xm_48";
+const separator = "_separator_ff6xm_60";
+const ellipsis = "_ellipsis_ff6xm_69";
+const icon = "_icon_ff6xm_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;

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

@@ -0,0 +1,29 @@
+const root = "_root_ff6xm_1";
+const list = "_list_ff6xm_7";
+const item = "_item_ff6xm_17";
+const link = "_link_ff6xm_24";
+const current = "_current_ff6xm_48";
+const separator = "_separator_ff6xm_60";
+const ellipsis = "_ellipsis_ff6xm_69";
+const icon = "_icon_ff6xm_98";
+const styles = {
+  root,
+  list,
+  item,
+  link,
+  current,
+  separator,
+  ellipsis,
+  icon
+};
+export {
+  current,
+  styles as default,
+  ellipsis,
+  icon,
+  item,
+  link,
+  list,
+  root,
+  separator
+};

package/dist/components/Breadcrumbs/index.cjs

@@ -0,0 +1,118 @@
+"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,
+  label = "Breadcrumb",
+  className,
+  "aria-label": ariaLabel,
+  ...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", { ...htmlProps, "aria-label": ariaLabel ?? label, className: classes, 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;

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

@@ -0,0 +1,32 @@
+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;
+    /** Accessible label for the breadcrumb nav landmark (default: "Breadcrumb") */
+    label?: string;
+}
+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, label, className, 'aria-label': ariaLabel, ...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;IAClB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;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,KAAoB,EACpB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,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,101 @@
+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,
+  label = "Breadcrumb",
+  className,
+  "aria-label": ariaLabel,
+  ...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", { ...htmlProps, "aria-label": ariaLabel ?? label, className: classes, 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
+};

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const button = "_button_1lfuz_1";
+const xs = "_xs_1lfuz_71";
+const sm = "_sm_1lfuz_77";
+const md = "_md_1lfuz_83";
+const lg = "_lg_1lfuz_89";
+const icon = "_icon_1lfuz_95";
+const primary = "_primary_1lfuz_102";
+const secondary = "_secondary_1lfuz_117";
+const ghost = "_ghost_1lfuz_129";
+const link = "_link_1lfuz_141";
+const danger = "_danger_1lfuz_161";
+const outlined = "_outlined_1lfuz_195";
+const fullWidth = "_fullWidth_1lfuz_228";
+const styles = {
+  button,
+  xs,
+  sm,
+  md,
+  lg,
+  icon,
+  primary,
+  secondary,
+  ghost,
+  link,
+  danger,
+  outlined,
+  fullWidth
+};
+exports.button = button;
+exports.danger = danger;
+exports.default = styles;
+exports.fullWidth = fullWidth;
+exports.ghost = ghost;
+exports.icon = icon;
+exports.lg = lg;
+exports.link = link;
+exports.md = md;
+exports.outlined = outlined;
+exports.primary = primary;
+exports.secondary = secondary;
+exports.sm = sm;
+exports.xs = xs;

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

@@ -0,0 +1,44 @@
+const button = "_button_1lfuz_1";
+const xs = "_xs_1lfuz_71";
+const sm = "_sm_1lfuz_77";
+const md = "_md_1lfuz_83";
+const lg = "_lg_1lfuz_89";
+const icon = "_icon_1lfuz_95";
+const primary = "_primary_1lfuz_102";
+const secondary = "_secondary_1lfuz_117";
+const ghost = "_ghost_1lfuz_129";
+const link = "_link_1lfuz_141";
+const danger = "_danger_1lfuz_161";
+const outlined = "_outlined_1lfuz_195";
+const fullWidth = "_fullWidth_1lfuz_228";
+const styles = {
+  button,
+  xs,
+  sm,
+  md,
+  lg,
+  icon,
+  primary,
+  secondary,
+  ghost,
+  link,
+  danger,
+  outlined,
+  fullWidth
+};
+export {
+  button,
+  danger,
+  styles as default,
+  fullWidth,
+  ghost,
+  icon,
+  lg,
+  link,
+  md,
+  outlined,
+  primary,
+  secondary,
+  sm,
+  xs
+};