@raystack/apsara 0.48.2 → 0.48.3

package/dist/components/breadcrumb/breadcrumb-item.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var dropdownMenu = require('../dropdown-menu/dropdown-menu.cjs');
+var breadcrumb_module = require('./breadcrumb.module.css.cjs');
+
+const BreadcrumbItem = React.forwardRef(({ as, children, className, leadingIcon, current, href, dropdownItems, ...props }, ref) => {
+    const renderedElement = as ?? jsxRuntime.jsxRuntimeExports.jsx("a", { ref: ref });
+    const label = (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-icon'], children: leadingIcon })), jsxRuntime.jsxRuntimeExports.jsx("span", { children: children })] }));
+    if (dropdownItems) {
+        return (jsxRuntime.jsxRuntimeExports.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsxRuntimeExports.jsxs(dropdownMenu.DropdownMenu.Trigger, { className: breadcrumb_module.default['breadcrumb-dropdown-trigger'], children: [label, jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, { className: breadcrumb_module.default['breadcrumb-dropdown-icon'] })] }), jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenu.Content, { className: breadcrumb_module.default['breadcrumb-dropdown-content'], children: dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenu.Item, { className: breadcrumb_module.default['breadcrumb-dropdown-item'], onSelect: dropdownItem?.onClick, children: dropdownItem.label }, dropdownIndex))) })] }));
+    }
+    return (jsxRuntime.jsxRuntimeExports.jsx("li", { className: index.cx(breadcrumb_module.default['breadcrumb-item'], className), children: React.cloneElement(renderedElement, {
+            className: index.cx(breadcrumb_module.default['breadcrumb-link'], current && breadcrumb_module.default['breadcrumb-link-active']),
+            href,
+            ...props,
+            ...renderedElement.props
+        }, label) }));
+});
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+
+exports.BreadcrumbItem = BreadcrumbItem;
+//# sourceMappingURL=breadcrumb-item.cjs.map

package/dist/components/breadcrumb/breadcrumb-item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.cjs","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["import { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport {\n  HTMLAttributes,\n  ReactElement,\n  ReactEventHandler,\n  ReactNode,\n  cloneElement,\n  forwardRef\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n  label: string;\n  onClick?: ReactEventHandler<HTMLDivElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n  leadingIcon?: ReactNode;\n  current?: boolean;\n  dropdownItems?: BreadcrumbDropdownItem[];\n  href?: string;\n  as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbItemProps\n>(\n  (\n    {\n      as,\n      children,\n      className,\n      leadingIcon,\n      current,\n      href,\n      dropdownItems,\n      ...props\n    },\n    ref\n  ) => {\n    const renderedElement = as ?? <a ref={ref} />;\n    const label = (\n      <>\n        {leadingIcon && (\n          <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n        )}\n        <span>{children}</span>\n      </>\n    );\n\n    if (dropdownItems) {\n      return (\n        <DropdownMenu>\n          <DropdownMenu.Trigger\n            className={styles['breadcrumb-dropdown-trigger']}\n          >\n            {label}\n            <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Content\n            className={styles['breadcrumb-dropdown-content']}\n          >\n            {dropdownItems.map((dropdownItem, dropdownIndex) => (\n              <DropdownMenu.Item\n                key={dropdownIndex}\n                className={styles['breadcrumb-dropdown-item']}\n                onSelect={dropdownItem?.onClick}\n              >\n                {dropdownItem.label}\n              </DropdownMenu.Item>\n            ))}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      );\n    }\n    return (\n      <li className={cx(styles['breadcrumb-item'], className)}>\n        {cloneElement(\n          renderedElement,\n          {\n            className: cx(\n              styles['breadcrumb-link'],\n              current && styles['breadcrumb-link-active']\n            ),\n            href,\n            ...props,\n            ...renderedElement.props\n          },\n          label\n        )}\n      </li>\n    );\n  }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":["forwardRef","_jsx","_jsxs","_Fragment","styles","DropdownMenu","ChevronDownIcon","cx","cloneElement"],"mappings":";;;;;;;;;AA0BO,MAAM,cAAc,GAAGA,gBAAU,CAItC,CACE,EACE,EAAE,EACF,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,eAAe,GAAG,EAAE,IAAIC,wCAAG,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;IAC9C,MAAM,KAAK,IACTC,iCACG,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVF,gCAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEG,yBAAM,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAQ,CACjE,EACDH,qDAAO,QAAQ,EAAA,CAAQ,CACtB,EAAA,CAAA,CACJ,CAAC;IAEF,IAAI,aAAa,EAAE;AACjB,QAAA,QACEC,iCAAC,CAAAG,yBAAY,EACX,EAAA,QAAA,EAAA,CAAAH,iCAAA,CAACG,yBAAY,CAAC,OAAO,EACnB,EAAA,SAAS,EAAED,yBAAM,CAAC,6BAA6B,CAAC,EAAA,QAAA,EAAA,CAE/C,KAAK,EACNH,gCAAA,CAACK,8BAAe,EAAA,EAAC,SAAS,EAAEF,yBAAM,CAAC,0BAA0B,CAAC,GAAI,CAC7C,EAAA,CAAA,EACvBH,gCAAC,CAAAI,yBAAY,CAAC,OAAO,EAAA,EACnB,SAAS,EAAED,yBAAM,CAAC,6BAA6B,CAAC,EAE/C,QAAA,EAAA,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,aAAa,MAC7CH,iCAACI,yBAAY,CAAC,IAAI,EAEhB,EAAA,SAAS,EAAED,yBAAM,CAAC,0BAA0B,CAAC,EAC7C,QAAQ,EAAE,YAAY,EAAE,OAAO,YAE9B,YAAY,CAAC,KAAK,EAAA,EAJd,aAAa,CAKA,CACrB,CAAC,EACmB,CAAA,CAAA,EAAA,CACV,EACf;KACH;AACD,IAAA,QACEH,gCAAI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEM,QAAE,CAACH,yBAAM,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,YACpDI,kBAAY,CACX,eAAe,EACf;AACE,YAAA,SAAS,EAAED,QAAE,CACXH,yBAAM,CAAC,iBAAiB,CAAC,EACzB,OAAO,IAAIA,yBAAM,CAAC,wBAAwB,CAAC,CAC5C;YACD,IAAI;AACJ,YAAA,GAAG,KAAK;YACR,GAAG,eAAe,CAAC,KAAK;AACzB,SAAA,EACD,KAAK,CACN,EACE,CAAA,EACL;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/breadcrumb/breadcrumb-item.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactElement, ReactEventHandler, ReactNode } from 'react';
+export interface BreadcrumbDropdownItem {
+    label: string;
+    onClick?: ReactEventHandler<HTMLDivElement>;
+}
+export interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {
+    leadingIcon?: ReactNode;
+    current?: boolean;
+    dropdownItems?: BreadcrumbDropdownItem[];
+    href?: string;
+    as?: ReactElement;
+}
+export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=breadcrumb-item.d.ts.map

package/dist/components/breadcrumb/breadcrumb-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,YAAY,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,mHAsE1B,CAAC"}

package/dist/components/breadcrumb/breadcrumb-item.js

@@ -0,0 +1,24 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef, cloneElement } from 'react';
+import { DropdownMenu } from '../dropdown-menu/dropdown-menu.js';
+import styles from './breadcrumb.module.css.js';
+
+const BreadcrumbItem = forwardRef(({ as, children, className, leadingIcon, current, href, dropdownItems, ...props }, ref) => {
+    const renderedElement = as ?? jsxRuntimeExports.jsx("a", { ref: ref });
+    const label = (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-icon'], children: leadingIcon })), jsxRuntimeExports.jsx("span", { children: children })] }));
+    if (dropdownItems) {
+        return (jsxRuntimeExports.jsxs(DropdownMenu, { children: [jsxRuntimeExports.jsxs(DropdownMenu.Trigger, { className: styles['breadcrumb-dropdown-trigger'], children: [label, jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles['breadcrumb-dropdown-icon'] })] }), jsxRuntimeExports.jsx(DropdownMenu.Content, { className: styles['breadcrumb-dropdown-content'], children: dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntimeExports.jsx(DropdownMenu.Item, { className: styles['breadcrumb-dropdown-item'], onSelect: dropdownItem?.onClick, children: dropdownItem.label }, dropdownIndex))) })] }));
+    }
+    return (jsxRuntimeExports.jsx("li", { className: cx(styles['breadcrumb-item'], className), children: cloneElement(renderedElement, {
+            className: cx(styles['breadcrumb-link'], current && styles['breadcrumb-link-active']),
+            href,
+            ...props,
+            ...renderedElement.props
+        }, label) }));
+});
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+
+export { BreadcrumbItem };
+//# sourceMappingURL=breadcrumb-item.js.map

package/dist/components/breadcrumb/breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["import { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport {\n  HTMLAttributes,\n  ReactElement,\n  ReactEventHandler,\n  ReactNode,\n  cloneElement,\n  forwardRef\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n  label: string;\n  onClick?: ReactEventHandler<HTMLDivElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n  leadingIcon?: ReactNode;\n  current?: boolean;\n  dropdownItems?: BreadcrumbDropdownItem[];\n  href?: string;\n  as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbItemProps\n>(\n  (\n    {\n      as,\n      children,\n      className,\n      leadingIcon,\n      current,\n      href,\n      dropdownItems,\n      ...props\n    },\n    ref\n  ) => {\n    const renderedElement = as ?? <a ref={ref} />;\n    const label = (\n      <>\n        {leadingIcon && (\n          <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n        )}\n        <span>{children}</span>\n      </>\n    );\n\n    if (dropdownItems) {\n      return (\n        <DropdownMenu>\n          <DropdownMenu.Trigger\n            className={styles['breadcrumb-dropdown-trigger']}\n          >\n            {label}\n            <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Content\n            className={styles['breadcrumb-dropdown-content']}\n          >\n            {dropdownItems.map((dropdownItem, dropdownIndex) => (\n              <DropdownMenu.Item\n                key={dropdownIndex}\n                className={styles['breadcrumb-dropdown-item']}\n                onSelect={dropdownItem?.onClick}\n              >\n                {dropdownItem.label}\n              </DropdownMenu.Item>\n            ))}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      );\n    }\n    return (\n      <li className={cx(styles['breadcrumb-item'], className)}>\n        {cloneElement(\n          renderedElement,\n          {\n            className: cx(\n              styles['breadcrumb-link'],\n              current && styles['breadcrumb-link-active']\n            ),\n            href,\n            ...props,\n            ...renderedElement.props\n          },\n          label\n        )}\n      </li>\n    );\n  }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;AA0BO,MAAM,cAAc,GAAG,UAAU,CAItC,CACE,EACE,EAAE,EACF,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,eAAe,GAAG,EAAE,IAAIA,6BAAG,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;IAC9C,MAAM,KAAK,IACTC,sBACG,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVF,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAQ,CACjE,EACDA,0CAAO,QAAQ,EAAA,CAAQ,CACtB,EAAA,CAAA,CACJ,CAAC;IAEF,IAAI,aAAa,EAAE;AACjB,QAAA,QACEC,sBAAC,CAAA,YAAY,EACX,EAAA,QAAA,EAAA,CAAAA,sBAAA,CAAC,YAAY,CAAC,OAAO,EACnB,EAAA,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC,EAAA,QAAA,EAAA,CAE/C,KAAK,EACND,qBAAA,CAAC,eAAe,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,GAAI,CAC7C,EAAA,CAAA,EACvBA,qBAAC,CAAA,YAAY,CAAC,OAAO,EAAA,EACnB,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC,EAE/C,QAAA,EAAA,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,aAAa,MAC7CA,sBAAC,YAAY,CAAC,IAAI,EAEhB,EAAA,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,EAC7C,QAAQ,EAAE,YAAY,EAAE,OAAO,YAE9B,YAAY,CAAC,KAAK,EAAA,EAJd,aAAa,CAKA,CACrB,CAAC,EACmB,CAAA,CAAA,EAAA,CACV,EACf;KACH;AACD,IAAA,QACEA,qBAAI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,YACpD,YAAY,CACX,eAAe,EACf;AACE,YAAA,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,iBAAiB,CAAC,EACzB,OAAO,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAC5C;YACD,IAAI;AACJ,YAAA,GAAG,KAAK;YACR,GAAG,eAAe,CAAC,KAAK;AACzB,SAAA,EACD,KAAK,CACN,EACE,CAAA,EACL;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/breadcrumb/breadcrumb-misc.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var breadcrumb_module = require('./breadcrumb.module.css.cjs');
+
+const BreadcrumbEllipsis = React.forwardRef(({ className, children = jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.DotsHorizontalIcon, {}), ...props }, ref) => {
+    return (jsxRuntime.jsxRuntimeExports.jsx("span", { className: index.cx(breadcrumb_module.default['breadcrumb-ellipsis'], className), ref: ref, ...props, children: children }));
+});
+BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';
+const BreadcrumbSeparator = React.forwardRef(({ children = '/', className, ...props }, ref) => {
+    return (jsxRuntime.jsxRuntimeExports.jsx("span", { className: index.cx(breadcrumb_module.default['breadcrumb-separator'], className), ref: ref, ...props, children: children }));
+});
+BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
+
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;
+//# sourceMappingURL=breadcrumb-misc.cjs.map

package/dist/components/breadcrumb/breadcrumb-misc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-misc.cjs","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"sourcesContent":["import { DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbEllipsisProps\n  extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbEllipsis = forwardRef<\n  HTMLSpanElement,\n  BreadcrumbEllipsisProps\n>(({ className, children = <DotsHorizontalIcon />, ...props }, ref) => {\n  return (\n    <span\n      className={cx(styles['breadcrumb-ellipsis'], className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n});\n\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport interface BreadcrumbSeparatorProps\n  extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbSeparator = forwardRef<\n  HTMLSpanElement,\n  BreadcrumbSeparatorProps\n>(({ children = '/', className, ...props }, ref) => {\n  return (\n    <span\n      className={cx(styles['breadcrumb-separator'], className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n});\n\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n"],"names":["forwardRef","_jsx","DotsHorizontalIcon","cx","styles"],"mappings":";;;;;;;;MAQa,kBAAkB,GAAGA,gBAAU,CAG1C,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAGC,gCAAC,CAAAC,iCAAkB,KAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACpE,QACED,2CACE,SAAS,EAAEE,QAAE,CAACC,yBAAM,CAAC,qBAAqB,CAAC,EAAE,SAAS,CAAC,EACvD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,EAAE;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;MAKzC,mBAAmB,GAAGJ,gBAAU,CAG3C,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjD,QACEC,2CACE,SAAS,EAAEE,QAAE,CAACC,yBAAM,CAAC,sBAAsB,CAAC,EAAE,SAAS,CAAC,EACxD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,EAAE;AAEH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;;"}

package/dist/components/breadcrumb/breadcrumb-misc.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export interface BreadcrumbEllipsisProps extends HTMLAttributes<HTMLSpanElement> {
+}
+export declare const BreadcrumbEllipsis: import("react").ForwardRefExoticComponent<BreadcrumbEllipsisProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface BreadcrumbSeparatorProps extends HTMLAttributes<HTMLSpanElement> {
+}
+export declare const BreadcrumbSeparator: import("react").ForwardRefExoticComponent<BreadcrumbSeparatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=breadcrumb-misc.d.ts.map

package/dist/components/breadcrumb/breadcrumb-misc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-misc.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,uBACf,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,kBAAkB,qHAa7B,CAAC;AAIH,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAa9B,CAAC"}

package/dist/components/breadcrumb/breadcrumb-misc.js

@@ -0,0 +1,17 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { DotsHorizontalIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef } from 'react';
+import styles from './breadcrumb.module.css.js';
+
+const BreadcrumbEllipsis = forwardRef(({ className, children = jsxRuntimeExports.jsx(DotsHorizontalIcon, {}), ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("span", { className: cx(styles['breadcrumb-ellipsis'], className), ref: ref, ...props, children: children }));
+});
+BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';
+const BreadcrumbSeparator = forwardRef(({ children = '/', className, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("span", { className: cx(styles['breadcrumb-separator'], className), ref: ref, ...props, children: children }));
+});
+BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
+
+export { BreadcrumbEllipsis, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb-misc.js.map

package/dist/components/breadcrumb/breadcrumb-misc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-misc.js","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"sourcesContent":["import { DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbEllipsisProps\n  extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbEllipsis = forwardRef<\n  HTMLSpanElement,\n  BreadcrumbEllipsisProps\n>(({ className, children = <DotsHorizontalIcon />, ...props }, ref) => {\n  return (\n    <span\n      className={cx(styles['breadcrumb-ellipsis'], className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n});\n\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport interface BreadcrumbSeparatorProps\n  extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbSeparator = forwardRef<\n  HTMLSpanElement,\n  BreadcrumbSeparatorProps\n>(({ children = '/', className, ...props }, ref) => {\n  return (\n    <span\n      className={cx(styles['breadcrumb-separator'], className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n});\n\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n"],"names":["_jsx"],"mappings":";;;;;;MAQa,kBAAkB,GAAG,UAAU,CAG1C,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAGA,qBAAC,CAAA,kBAAkB,KAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACpE,QACEA,gCACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,SAAS,CAAC,EACvD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,EAAE;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;MAKzC,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjD,QACEA,gCACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE,SAAS,CAAC,EACxD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,EAAE;AAEH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/dist/components/breadcrumb/breadcrumb-root.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var breadcrumb_module = require('./breadcrumb.module.css.cjs');
+
+const breadcrumbVariants = index.cva(breadcrumb_module.default['breadcrumb'], {
+    variants: {
+        size: {
+            small: breadcrumb_module.default['breadcrumb-small'],
+            medium: breadcrumb_module.default['breadcrumb-medium']
+        }
+    },
+    defaultVariants: {
+        size: 'medium'
+    }
+});
+const BreadcrumbRoot = React.forwardRef(({ className, children, size = 'medium', ...props }, ref) => {
+    return (jsxRuntime.jsxRuntimeExports.jsx("nav", { className: breadcrumbVariants({ size, className }), ref: ref, ...props, children: jsxRuntime.jsxRuntimeExports.jsx("ol", { className: breadcrumb_module.default['breadcrumb-list'], children: children }) }));
+});
+BreadcrumbRoot.displayName = 'BreadcrumbRoot';
+
+exports.BreadcrumbRoot = BreadcrumbRoot;
+//# sourceMappingURL=breadcrumb-root.cjs.map

package/dist/components/breadcrumb/breadcrumb-root.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-root.cjs","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\nexport interface BreadcrumbProps\n  extends VariantProps<typeof breadcrumbVariants>,\n    HTMLAttributes<HTMLDivElement> {}\n\nexport const BreadcrumbRoot = forwardRef<HTMLDivElement, BreadcrumbProps>(\n  ({ className, children, size = 'medium', ...props }, ref) => {\n    return (\n      <nav\n        className={breadcrumbVariants({ size, className })}\n        ref={ref}\n        {...props}\n      >\n        <ol className={styles['breadcrumb-list']}>{children}</ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumbRoot.displayName = 'BreadcrumbRoot';\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAIA,MAAM,kBAAkB,GAAGA,SAAG,CAACC,yBAAM,CAAC,YAAY,CAAC,EAAE;AACnD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,yBAAM,CAAC,kBAAkB,CAAC;AACjC,YAAA,MAAM,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;AACF,CAAA,CAAC,CAAC;MAMU,cAAc,GAAGC,gBAAU,CACtC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1D,IAAA,QACEC,gCAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAClD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAAA,QAAA,EAETA,gCAAI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEF,yBAAM,CAAC,iBAAiB,CAAC,EAAG,QAAA,EAAA,QAAQ,EAAM,CAAA,EAAA,CACrD,EACN;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/breadcrumb/breadcrumb-root.d.ts

@@ -0,0 +1,10 @@
+import { type VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
+declare const breadcrumbVariants: (props?: ({
+    size?: "small" | "medium" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLDivElement> {
+}
+export declare const BreadcrumbRoot: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=breadcrumb-root.d.ts.map

package/dist/components/breadcrumb/breadcrumb-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-root.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAC7C,cAAc,CAAC,cAAc,CAAC;CAAG;AAErC,eAAO,MAAM,cAAc,4GAY1B,CAAC"}

package/dist/components/breadcrumb/breadcrumb-root.js

@@ -0,0 +1,23 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef } from 'react';
+import styles from './breadcrumb.module.css.js';
+
+const breadcrumbVariants = cva(styles['breadcrumb'], {
+    variants: {
+        size: {
+            small: styles['breadcrumb-small'],
+            medium: styles['breadcrumb-medium']
+        }
+    },
+    defaultVariants: {
+        size: 'medium'
+    }
+});
+const BreadcrumbRoot = forwardRef(({ className, children, size = 'medium', ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("nav", { className: breadcrumbVariants({ size, className }), ref: ref, ...props, children: jsxRuntimeExports.jsx("ol", { className: styles['breadcrumb-list'], children: children }) }));
+});
+BreadcrumbRoot.displayName = 'BreadcrumbRoot';
+
+export { BreadcrumbRoot };
+//# sourceMappingURL=breadcrumb-root.js.map

package/dist/components/breadcrumb/breadcrumb-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-root.js","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\nexport interface BreadcrumbProps\n  extends VariantProps<typeof breadcrumbVariants>,\n    HTMLAttributes<HTMLDivElement> {}\n\nexport const BreadcrumbRoot = forwardRef<HTMLDivElement, BreadcrumbProps>(\n  ({ className, children, size = 'medium', ...props }, ref) => {\n    return (\n      <nav\n        className={breadcrumbVariants({ size, className })}\n        ref={ref}\n        {...props}\n      >\n        <ol className={styles['breadcrumb-list']}>{children}</ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumbRoot.displayName = 'BreadcrumbRoot';\n"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE;AACnD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACjC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;AACF,CAAA,CAAC,CAAC;MAMU,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1D,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAClD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAAA,QAAA,EAETA,qBAAI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAG,QAAA,EAAA,QAAQ,EAAM,CAAA,EAAA,CACrD,EACN;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/breadcrumb/breadcrumb.cjs

@@ -1,60 +1,14 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
-var React = require('react');
-var dropdownMenu = require('../dropdown-menu/dropdown-menu.cjs');
-var breadcrumb_module = require('./breadcrumb.module.css.cjs');
+var breadcrumbItem = require('./breadcrumb-item.cjs');
+var breadcrumbMisc = require('./breadcrumb-misc.cjs');
+var breadcrumbRoot = require('./breadcrumb-root.cjs');
 
-const BreadcrumbItem = ({ as = jsxRuntime.jsxRuntimeExports.jsx("a", {}), onItemClick, ...props }) => {
-    const { label, href, icon, dropdownItems, isActive } = props;
-    if (label === 'ellipsis') {
-        return (jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-ellipsis'], children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.DotsHorizontalIcon, {}) }));
-    }
-    if (dropdownItems) {
-        return (jsxRuntime.jsxRuntimeExports.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsxRuntimeExports.jsxs(dropdownMenu.DropdownMenu.Trigger, { className: breadcrumb_module.default['breadcrumb-dropdown-trigger'], children: [icon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-icon'], children: icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { children: label }), jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, { className: breadcrumb_module.default['breadcrumb-dropdown-icon'] })] }), jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenu.Content, { className: breadcrumb_module.default['breadcrumb-dropdown-content'], children: dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenu.Item, { className: breadcrumb_module.default['breadcrumb-dropdown-item'], onSelect: () => onItemClick?.(dropdownItem), children: dropdownItem.label }, dropdownIndex))) })] }));
-    }
-    return React.cloneElement(as, {
-        className: index.cx(breadcrumb_module.default['breadcrumb-link'], isActive && breadcrumb_module.default['breadcrumb-link-active']),
-        onClick: (e) => {
-            if (onItemClick && href !== '#') {
-                e.preventDefault();
-                onItemClick(props);
-            }
-        },
-        href,
-        ...as.props
-    }, jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [icon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-icon'], children: icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { children: label })] }));
-};
-const breadcrumbVariants = index.cva(breadcrumb_module.default['breadcrumb'], {
-    variants: {
-        size: {
-            small: breadcrumb_module.default['breadcrumb-small'],
-            medium: breadcrumb_module.default['breadcrumb-medium']
-        }
-    },
-    defaultVariants: {
-        size: 'medium'
-    }
+const Breadcrumb = Object.assign(breadcrumbRoot.BreadcrumbRoot, {
+    Item: breadcrumbItem.BreadcrumbItem,
+    Ellipsis: breadcrumbMisc.BreadcrumbEllipsis,
+    Separator: breadcrumbMisc.BreadcrumbSeparator
 });
-const Breadcrumb = React.forwardRef(({ className, size = 'medium', items, maxVisibleItems, separator = '/', onItemClick, ...props }, ref) => {
-    const visibleItems = React.useMemo(() => {
-        if (maxVisibleItems && items.length > maxVisibleItems) {
-            return [
-                ...items.slice(0, 1),
-                { label: 'ellipsis', href: '#' },
-                ...items.slice(-Math.min(maxVisibleItems - 1, items.length - 1))
-            ];
-        }
-        return items;
-    }, [maxVisibleItems, items]);
-    return (jsxRuntime.jsxRuntimeExports.jsx("nav", { className: breadcrumbVariants({ size, className }), ref: ref, ...props, children: jsxRuntime.jsxRuntimeExports.jsx("ol", { className: breadcrumb_module.default['breadcrumb-list'], children: visibleItems.map((item, index) => {
-                const isLast = index === visibleItems.length - 1;
-                return (jsxRuntime.jsxRuntimeExports.jsxs("li", { className: breadcrumb_module.default['breadcrumb-item'], children: [jsxRuntime.jsxRuntimeExports.jsx(BreadcrumbItem, { ...item, isActive: isLast, onItemClick: onItemClick }), !isLast && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-separator'], children: separator }))] }, index));
-            }) }) }));
-});
-Breadcrumb.displayName = 'Breadcrumb';
 
 exports.Breadcrumb = Breadcrumb;
 //# sourceMappingURL=breadcrumb.cjs.map

package/dist/components/breadcrumb/breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.cjs","sources":["../../../components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { ChevronDownIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { type VariantProps, cva, cx } from 'class-variance-authority';\nimport {\n  MouseEvent,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n  useMemo\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\ninterface BreadcrumbItemBase {\n  label: string;\n  href?: string;\n}\ninterface BreadcrumbItem extends BreadcrumbItemBase {\n  icon?: React.ReactNode;\n  dropdownItems?: BreadcrumbItemBase[];\n  as?: ReactElement;\n}\n\ninterface BreadcrumbItemProps extends BreadcrumbItem {\n  isActive: boolean;\n  onItemClick?: (item: BreadcrumbItem) => void;\n}\n\nconst BreadcrumbItem = ({\n  as = <a />,\n  onItemClick,\n  ...props\n}: BreadcrumbItemProps) => {\n  const { label, href, icon, dropdownItems, isActive } = props;\n\n  if (label === 'ellipsis') {\n    return (\n      <span className={styles['breadcrumb-ellipsis']}>\n        <DotsHorizontalIcon />\n      </span>\n    );\n  }\n  if (dropdownItems) {\n    return (\n      <DropdownMenu>\n        <DropdownMenu.Trigger className={styles['breadcrumb-dropdown-trigger']}>\n          {icon && <span className={styles['breadcrumb-icon']}>{icon}</span>}\n          <span>{label}</span>\n          <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content className={styles['breadcrumb-dropdown-content']}>\n          {dropdownItems.map((dropdownItem, dropdownIndex) => (\n            <DropdownMenu.Item\n              key={dropdownIndex}\n              className={styles['breadcrumb-dropdown-item']}\n              onSelect={() => onItemClick?.(dropdownItem)}\n            >\n              {dropdownItem.label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n    );\n  }\n  return cloneElement(\n    as,\n    {\n      className: cx(\n        styles['breadcrumb-link'],\n        isActive && styles['breadcrumb-link-active']\n      ),\n      onClick: (e: MouseEvent) => {\n        if (onItemClick && href !== '#') {\n          e.preventDefault();\n          onItemClick(props);\n        }\n      },\n      href,\n      ...as.props\n    },\n    <>\n      {icon && <span className={styles['breadcrumb-icon']}>{icon}</span>}\n      <span>{label}</span>\n    </>\n  );\n};\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\ntype BreadcrumbProps = VariantProps<typeof breadcrumbVariants> & {\n  items: BreadcrumbItem[];\n  maxVisibleItems?: number;\n  separator?: React.ReactNode;\n  onItemClick?: (item: BreadcrumbItem) => void;\n  className?: string;\n  size?: 'small' | 'medium';\n};\n\nexport const Breadcrumb = forwardRef<HTMLDivElement, BreadcrumbProps>(\n  (\n    {\n      className,\n      size = 'medium',\n      items,\n      maxVisibleItems,\n      separator = '/',\n      onItemClick,\n      ...props\n    },\n    ref\n  ) => {\n    const visibleItems = useMemo(() => {\n      if (maxVisibleItems && items.length > maxVisibleItems) {\n        return [\n          ...items.slice(0, 1),\n          { label: 'ellipsis', href: '#' },\n          ...items.slice(-Math.min(maxVisibleItems - 1, items.length - 1))\n        ];\n      }\n      return items;\n    }, [maxVisibleItems, items]);\n\n    return (\n      <nav\n        className={breadcrumbVariants({ size, className })}\n        ref={ref}\n        {...props}\n      >\n        <ol className={styles['breadcrumb-list']}>\n          {visibleItems.map((item, index) => {\n            const isLast = index === visibleItems.length - 1;\n            return (\n              <li className={styles['breadcrumb-item']} key={index}>\n                <BreadcrumbItem\n                  {...item}\n                  isActive={isLast}\n                  onItemClick={onItemClick}\n                />\n                {!isLast && (\n                  <span className={styles['breadcrumb-separator']}>\n                    {separator}\n                  </span>\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["_jsx","styles","DotsHorizontalIcon","_jsxs","DropdownMenu","ChevronDownIcon","cloneElement","cx","cva","forwardRef","useMemo"],"mappings":"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"}
+{"version":3,"file":"breadcrumb.cjs","sources":["../../../components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { BreadcrumbItem } from './breadcrumb-item';\nimport { BreadcrumbEllipsis, BreadcrumbSeparator } from './breadcrumb-misc';\nimport { BreadcrumbRoot } from './breadcrumb-root';\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n  Ellipsis: BreadcrumbEllipsis,\n  Separator: BreadcrumbSeparator\n});\n"],"names":["BreadcrumbRoot","BreadcrumbItem","BreadcrumbEllipsis","BreadcrumbSeparator"],"mappings":";;;;;;MAIa,UAAU,GAAG,MAAM,CAAC,MAAM,CAACA,6BAAc,EAAE;AACtD,IAAA,IAAI,EAAEC,6BAAc;AACpB,IAAA,QAAQ,EAAEC,iCAAkB;AAC5B,IAAA,SAAS,EAAEC,kCAAmB;AAC/B,CAAA;;;;"}

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -1,28 +1,6 @@
-import { type VariantProps } from 'class-variance-authority';
-import { ReactElement } from 'react';
-interface BreadcrumbItemBase {
-    label: string;
-    href?: string;
-}
-interface BreadcrumbItem extends BreadcrumbItemBase {
-    icon?: React.ReactNode;
-    dropdownItems?: BreadcrumbItemBase[];
-    as?: ReactElement;
-}
-interface BreadcrumbItemProps extends BreadcrumbItem {
-    isActive: boolean;
-    onItemClick?: (item: BreadcrumbItem) => void;
-}
-declare const BreadcrumbItem: ({ as, onItemClick, ...props }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Breadcrumb: import("react").ForwardRefExoticComponent<VariantProps<(props?: ({
-    size?: "small" | "medium" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    items: BreadcrumbItem[];
-    maxVisibleItems?: number | undefined;
-    separator?: React.ReactNode;
-    onItemClick?: ((item: BreadcrumbItem) => void) | undefined;
-    className?: string | undefined;
-    size?: "small" | "medium" | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<import("./breadcrumb-root").BreadcrumbProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").ForwardRefExoticComponent<import("./breadcrumb-item").BreadcrumbItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    Ellipsis: import("react").ForwardRefExoticComponent<import("./breadcrumb-misc").BreadcrumbEllipsisProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Separator: import("react").ForwardRefExoticComponent<import("./breadcrumb-misc").BreadcrumbSeparatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+};
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAEL,YAAY,EAIb,MAAM,OAAO,CAAC;AAIf,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,UAAU,cAAe,SAAQ,kBAAkB;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,EAAE,CAAC,EAAE,YAAY,CAAC;CACnB;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC9C;AAED,QAAA,MAAM,cAAc,kCAIjB,mBAAmB,4CAqDrB,CAAC;AAuBF,eAAO,MAAM,UAAU;;;WARd,cAAc,EAAE;;gBAEX,MAAM,SAAS;0BACN,cAAc,KAAK,IAAI;;;kDAyD7C,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;CAIrB,CAAC"}

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,58 +1,12 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { DotsHorizontalIcon, ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import { forwardRef, useMemo, cloneElement } from 'react';
-import { DropdownMenu } from '../dropdown-menu/dropdown-menu.js';
-import styles from './breadcrumb.module.css.js';
+import { BreadcrumbItem } from './breadcrumb-item.js';
+import { BreadcrumbEllipsis, BreadcrumbSeparator } from './breadcrumb-misc.js';
+import { BreadcrumbRoot } from './breadcrumb-root.js';
 
-const BreadcrumbItem = ({ as = jsxRuntimeExports.jsx("a", {}), onItemClick, ...props }) => {
-    const { label, href, icon, dropdownItems, isActive } = props;
-    if (label === 'ellipsis') {
-        return (jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-ellipsis'], children: jsxRuntimeExports.jsx(DotsHorizontalIcon, {}) }));
-    }
-    if (dropdownItems) {
-        return (jsxRuntimeExports.jsxs(DropdownMenu, { children: [jsxRuntimeExports.jsxs(DropdownMenu.Trigger, { className: styles['breadcrumb-dropdown-trigger'], children: [icon && jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-icon'], children: icon }), jsxRuntimeExports.jsx("span", { children: label }), jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles['breadcrumb-dropdown-icon'] })] }), jsxRuntimeExports.jsx(DropdownMenu.Content, { className: styles['breadcrumb-dropdown-content'], children: dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntimeExports.jsx(DropdownMenu.Item, { className: styles['breadcrumb-dropdown-item'], onSelect: () => onItemClick?.(dropdownItem), children: dropdownItem.label }, dropdownIndex))) })] }));
-    }
-    return cloneElement(as, {
-        className: cx(styles['breadcrumb-link'], isActive && styles['breadcrumb-link-active']),
-        onClick: (e) => {
-            if (onItemClick && href !== '#') {
-                e.preventDefault();
-                onItemClick(props);
-            }
-        },
-        href,
-        ...as.props
-    }, jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [icon && jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-icon'], children: icon }), jsxRuntimeExports.jsx("span", { children: label })] }));
-};
-const breadcrumbVariants = cva(styles['breadcrumb'], {
-    variants: {
-        size: {
-            small: styles['breadcrumb-small'],
-            medium: styles['breadcrumb-medium']
-        }
-    },
-    defaultVariants: {
-        size: 'medium'
-    }
+const Breadcrumb = Object.assign(BreadcrumbRoot, {
+    Item: BreadcrumbItem,
+    Ellipsis: BreadcrumbEllipsis,
+    Separator: BreadcrumbSeparator
 });
-const Breadcrumb = forwardRef(({ className, size = 'medium', items, maxVisibleItems, separator = '/', onItemClick, ...props }, ref) => {
-    const visibleItems = useMemo(() => {
-        if (maxVisibleItems && items.length > maxVisibleItems) {
-            return [
-                ...items.slice(0, 1),
-                { label: 'ellipsis', href: '#' },
-                ...items.slice(-Math.min(maxVisibleItems - 1, items.length - 1))
-            ];
-        }
-        return items;
-    }, [maxVisibleItems, items]);
-    return (jsxRuntimeExports.jsx("nav", { className: breadcrumbVariants({ size, className }), ref: ref, ...props, children: jsxRuntimeExports.jsx("ol", { className: styles['breadcrumb-list'], children: visibleItems.map((item, index) => {
-                const isLast = index === visibleItems.length - 1;
-                return (jsxRuntimeExports.jsxs("li", { className: styles['breadcrumb-item'], children: [jsxRuntimeExports.jsx(BreadcrumbItem, { ...item, isActive: isLast, onItemClick: onItemClick }), !isLast && (jsxRuntimeExports.jsx("span", { className: styles['breadcrumb-separator'], children: separator }))] }, index));
-            }) }) }));
-});
-Breadcrumb.displayName = 'Breadcrumb';
 
 export { Breadcrumb };
 //# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sources":["../../../components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { ChevronDownIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { type VariantProps, cva, cx } from 'class-variance-authority';\nimport {\n  MouseEvent,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n  useMemo\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\ninterface BreadcrumbItemBase {\n  label: string;\n  href?: string;\n}\ninterface BreadcrumbItem extends BreadcrumbItemBase {\n  icon?: React.ReactNode;\n  dropdownItems?: BreadcrumbItemBase[];\n  as?: ReactElement;\n}\n\ninterface BreadcrumbItemProps extends BreadcrumbItem {\n  isActive: boolean;\n  onItemClick?: (item: BreadcrumbItem) => void;\n}\n\nconst BreadcrumbItem = ({\n  as = <a />,\n  onItemClick,\n  ...props\n}: BreadcrumbItemProps) => {\n  const { label, href, icon, dropdownItems, isActive } = props;\n\n  if (label === 'ellipsis') {\n    return (\n      <span className={styles['breadcrumb-ellipsis']}>\n        <DotsHorizontalIcon />\n      </span>\n    );\n  }\n  if (dropdownItems) {\n    return (\n      <DropdownMenu>\n        <DropdownMenu.Trigger className={styles['breadcrumb-dropdown-trigger']}>\n          {icon && <span className={styles['breadcrumb-icon']}>{icon}</span>}\n          <span>{label}</span>\n          <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content className={styles['breadcrumb-dropdown-content']}>\n          {dropdownItems.map((dropdownItem, dropdownIndex) => (\n            <DropdownMenu.Item\n              key={dropdownIndex}\n              className={styles['breadcrumb-dropdown-item']}\n              onSelect={() => onItemClick?.(dropdownItem)}\n            >\n              {dropdownItem.label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n    );\n  }\n  return cloneElement(\n    as,\n    {\n      className: cx(\n        styles['breadcrumb-link'],\n        isActive && styles['breadcrumb-link-active']\n      ),\n      onClick: (e: MouseEvent) => {\n        if (onItemClick && href !== '#') {\n          e.preventDefault();\n          onItemClick(props);\n        }\n      },\n      href,\n      ...as.props\n    },\n    <>\n      {icon && <span className={styles['breadcrumb-icon']}>{icon}</span>}\n      <span>{label}</span>\n    </>\n  );\n};\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\ntype BreadcrumbProps = VariantProps<typeof breadcrumbVariants> & {\n  items: BreadcrumbItem[];\n  maxVisibleItems?: number;\n  separator?: React.ReactNode;\n  onItemClick?: (item: BreadcrumbItem) => void;\n  className?: string;\n  size?: 'small' | 'medium';\n};\n\nexport const Breadcrumb = forwardRef<HTMLDivElement, BreadcrumbProps>(\n  (\n    {\n      className,\n      size = 'medium',\n      items,\n      maxVisibleItems,\n      separator = '/',\n      onItemClick,\n      ...props\n    },\n    ref\n  ) => {\n    const visibleItems = useMemo(() => {\n      if (maxVisibleItems && items.length > maxVisibleItems) {\n        return [\n          ...items.slice(0, 1),\n          { label: 'ellipsis', href: '#' },\n          ...items.slice(-Math.min(maxVisibleItems - 1, items.length - 1))\n        ];\n      }\n      return items;\n    }, [maxVisibleItems, items]);\n\n    return (\n      <nav\n        className={breadcrumbVariants({ size, className })}\n        ref={ref}\n        {...props}\n      >\n        <ol className={styles['breadcrumb-list']}>\n          {visibleItems.map((item, index) => {\n            const isLast = index === visibleItems.length - 1;\n            return (\n              <li className={styles['breadcrumb-item']} key={index}>\n                <BreadcrumbItem\n                  {...item}\n                  isActive={isLast}\n                  onItemClick={onItemClick}\n                />\n                {!isLast && (\n                  <span className={styles['breadcrumb-separator']}>\n                    {separator}\n                  </span>\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"breadcrumb.js","sources":["../../../components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { BreadcrumbItem } from './breadcrumb-item';\nimport { BreadcrumbEllipsis, BreadcrumbSeparator } from './breadcrumb-misc';\nimport { BreadcrumbRoot } from './breadcrumb-root';\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n  Ellipsis: BreadcrumbEllipsis,\n  Separator: BreadcrumbSeparator\n});\n"],"names":[],"mappings":";;;;MAIa,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AACtD,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,IAAA,SAAS,EAAE,mBAAmB;AAC/B,CAAA;;;;"}

package/dist/components/breadcrumb/breadcrumb.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"breadcrumb":"breadcrumb-module_breadcrumb__5yXGy","breadcrumb-small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb-medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb-list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb-item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb-link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb-link-active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb-icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb-separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb-ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb-dropdown-trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb-dropdown-icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb-dropdown-content":"breadcrumb-module_breadcrumb-dropdown-content__OJfNZ","breadcrumb-dropdown-item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx","breadcrumb___small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb___medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb___list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb___item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb___link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb___link___active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb___icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb___separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb___ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb___dropdown___trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb___dropdown___icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb___dropdown___content":"breadcrumb-module_breadcrumb-dropdown-content__OJfNZ","breadcrumb___dropdown___item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx"};
+var styles = {"breadcrumb":"breadcrumb-module_breadcrumb__5yXGy","breadcrumb-small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb-medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb-list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb-item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb-link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb-link-active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb-icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb-separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb-ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb-dropdown-trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb-dropdown-icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb-dropdown-item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx","breadcrumb___small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb___medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb___list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb___item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb___link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb___link___active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb___icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb___separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb___ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb___dropdown___trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb___dropdown___icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb___dropdown___item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx"};
 
 exports.default = styles;
 //# sourceMappingURL=breadcrumb.module.css.cjs.map

package/dist/components/breadcrumb/breadcrumb.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"breadcrumb":"breadcrumb-module_breadcrumb__5yXGy","breadcrumb-small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb-medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb-list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb-item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb-link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb-link-active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb-icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb-separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb-ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb-dropdown-trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb-dropdown-icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb-dropdown-content":"breadcrumb-module_breadcrumb-dropdown-content__OJfNZ","breadcrumb-dropdown-item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx","breadcrumb___small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb___medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb___list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb___item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb___link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb___link___active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb___icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb___separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb___ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb___dropdown___trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb___dropdown___icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb___dropdown___content":"breadcrumb-module_breadcrumb-dropdown-content__OJfNZ","breadcrumb___dropdown___item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx"};
+var styles = {"breadcrumb":"breadcrumb-module_breadcrumb__5yXGy","breadcrumb-small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb-medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb-list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb-item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb-link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb-link-active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb-icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb-separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb-ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb-dropdown-trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb-dropdown-icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb-dropdown-item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx","breadcrumb___small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb___medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb___list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb___item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb___link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb___link___active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb___icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb___separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb___ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb___dropdown___trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb___dropdown___icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb___dropdown___item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx"};
 
 export { styles as default };
 //# sourceMappingURL=breadcrumb.module.css.js.map

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

@@ -1,2 +1,2 @@
-export { Breadcrumb } from "./breadcrumb";
+export { Breadcrumb } from './breadcrumb';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dropdown-menu/dropdown-menu-misc.cjs

@@ -26,7 +26,7 @@ const DropdownMenuSeparator = React.forwardRef(({ className, asChild, ...props }
     if (shouldFilter) {
         return null;
     }
-    return (jsxRuntime.jsxRuntimeExports.jsx(menuSeparator.MenuSeparator, { ref: ref, className: index.cx(dropdownMenu_module.default.separator, className), render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index$1.Root, {}) : undefined, ...props }));
+    return (jsxRuntime.jsxRuntimeExports.jsx(menuSeparator.MenuSeparator, { ref: ref, className: index.cx(dropdownMenu_module.default.separator, className), render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index$1.Root, {}) : jsxRuntime.jsxRuntimeExports.jsx("div", {}), ...props }));
 });
 const DropdownMenuEmptyState = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: index.cx(dropdownMenu_module.default.empty, className), ...props, children: children })));
 

package/dist/components/dropdown-menu/dropdown-menu-misc.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-misc.cjs","sources":["../../../components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps\n} from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n  ElementRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  forwardRef\n} from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof MenuGroup>,\n  WithAsChild<MenuGroupProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  return (\n    <MenuGroup\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      render={shouldFilter ? <Fragment /> : asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof MenuGroupLabel>,\n  WithAsChild<MenuGroupLabelProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof MenuSeparator>,\n  WithAsChild<MenuSeparatorProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\n"],"names":["forwardRef","useDropdownContext","_jsx","MenuGroup","cx","styles","Fragment","Slot.Root","MenuGroupLabel","MenuSeparator"],"mappings":";;;;;;;;;;;;AAqBa,MAAA,iBAAiB,GAAGA,gBAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAE9C,QACEC,iCAACC,mBAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,QAAE,CAACC,2BAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,YAAY,GAAGH,gCAAC,CAAAI,cAAQ,KAAG,GAAG,OAAO,GAAGJ,gCAAC,CAAAK,YAAS,EAAA,EAAA,CAAG,GAAG,SAAS,EACrE,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,iBAAiB,GAAGP,gBAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEC,gCAAC,CAAAM,6BAAc,EACb,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEJ,QAAE,CAACC,2BAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,MAAM,EAAE,OAAO,GAAGH,gCAAA,CAACK,YAAS,EAAG,EAAA,CAAA,GAAG,SAAS,KACvC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,qBAAqB,GAAGP,gBAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEC,gCAAC,CAAAO,2BAAa,EACZ,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEL,QAAE,CAACC,2BAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,OAAO,GAAGH,gCAAA,CAACK,YAAS,EAAG,EAAA,CAAA,GAAG,SAAS,KACvC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,sBAAsB,GAAGP,gBAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCE,0CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEE,QAAE,CAACC,2BAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP;;;;;;;"}
+{"version":3,"file":"dropdown-menu-misc.cjs","sources":["../../../components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps\n} from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n  ElementRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  forwardRef\n} from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof MenuGroup>,\n  WithAsChild<MenuGroupProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  return (\n    <MenuGroup\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      render={shouldFilter ? <Fragment /> : asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof MenuGroupLabel>,\n  WithAsChild<MenuGroupLabelProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof MenuSeparator>,\n  WithAsChild<MenuSeparatorProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      render={asChild ? <Slot.Root /> : <div />}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\n"],"names":["forwardRef","useDropdownContext","_jsx","MenuGroup","cx","styles","Fragment","Slot.Root","MenuGroupLabel","MenuSeparator"],"mappings":";;;;;;;;;;;;AAqBa,MAAA,iBAAiB,GAAGA,gBAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAE9C,QACEC,iCAACC,mBAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,QAAE,CAACC,2BAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,YAAY,GAAGH,gCAAC,CAAAI,cAAQ,KAAG,GAAG,OAAO,GAAGJ,gCAAC,CAAAK,YAAS,EAAA,EAAA,CAAG,GAAG,SAAS,EACrE,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,iBAAiB,GAAGP,gBAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEC,gCAAC,CAAAM,6BAAc,EACb,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEJ,QAAE,CAACC,2BAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,MAAM,EAAE,OAAO,GAAGH,gCAAA,CAACK,YAAS,EAAG,EAAA,CAAA,GAAG,SAAS,KACvC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,qBAAqB,GAAGP,gBAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEC,gCAAC,CAAAO,2BAAa,EACZ,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEL,QAAE,CAACC,2BAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,OAAO,GAAGH,gCAAA,CAACK,YAAS,EAAG,EAAA,CAAA,GAAGL,gCAAA,CAAA,KAAA,EAAA,EAAA,CAAO,KACrC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,sBAAsB,GAAGF,gBAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCE,0CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEE,QAAE,CAACC,2BAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP;;;;;;;"}

package/dist/components/dropdown-menu/dropdown-menu-misc.js

@@ -24,7 +24,7 @@ const DropdownMenuSeparator = forwardRef(({ className, asChild, ...props }, ref)
     if (shouldFilter) {
         return null;
     }
-    return (jsxRuntimeExports.jsx(MenuSeparator, { ref: ref, className: cx(styles.separator, className), render: asChild ? jsxRuntimeExports.jsx(Slot, {}) : undefined, ...props }));
+    return (jsxRuntimeExports.jsx(MenuSeparator, { ref: ref, className: cx(styles.separator, className), render: asChild ? jsxRuntimeExports.jsx(Slot, {}) : jsxRuntimeExports.jsx("div", {}), ...props }));
 });
 const DropdownMenuEmptyState = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: cx(styles.empty, className), ...props, children: children })));
 

package/dist/components/dropdown-menu/dropdown-menu-misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-misc.js","sources":["../../../components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps\n} from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n  ElementRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  forwardRef\n} from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof MenuGroup>,\n  WithAsChild<MenuGroupProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  return (\n    <MenuGroup\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      render={shouldFilter ? <Fragment /> : asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof MenuGroupLabel>,\n  WithAsChild<MenuGroupLabelProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof MenuSeparator>,\n  WithAsChild<MenuSeparatorProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\n"],"names":["_jsx","Slot.Root"],"mappings":";;;;;;;;;;AAqBa,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,QACEA,sBAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,YAAY,GAAGA,qBAAC,CAAA,QAAQ,KAAG,GAAG,OAAO,GAAGA,qBAAC,CAAAC,IAAS,EAAA,EAAA,CAAG,GAAG,SAAS,EACrE,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,cAAc,EACb,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,MAAM,EAAE,OAAO,GAAGA,qBAAA,CAACC,IAAS,EAAG,EAAA,CAAA,GAAG,SAAS,KACvC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,qBAAqB,GAAG,UAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,aAAa,EACZ,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,OAAO,GAAGA,qBAAA,CAACC,IAAS,EAAG,EAAA,CAAA,GAAG,SAAS,KACvC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,sBAAsB,GAAG,UAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCD,+BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP;;;;"}
+{"version":3,"file":"dropdown-menu-misc.js","sources":["../../../components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps\n} from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n  ElementRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  forwardRef\n} from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof MenuGroup>,\n  WithAsChild<MenuGroupProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  return (\n    <MenuGroup\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      render={shouldFilter ? <Fragment /> : asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof MenuGroupLabel>,\n  WithAsChild<MenuGroupLabelProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof MenuSeparator>,\n  WithAsChild<MenuSeparatorProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      render={asChild ? <Slot.Root /> : <div />}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\n"],"names":["_jsx","Slot.Root"],"mappings":";;;;;;;;;;AAqBa,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,QACEA,sBAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,YAAY,GAAGA,qBAAC,CAAA,QAAQ,KAAG,GAAG,OAAO,GAAGA,qBAAC,CAAAC,IAAS,EAAA,EAAA,CAAG,GAAG,SAAS,EACrE,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,cAAc,EACb,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,MAAM,EAAE,OAAO,GAAGA,qBAAA,CAACC,IAAS,EAAG,EAAA,CAAA,GAAG,SAAS,KACvC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,qBAAqB,GAAG,UAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,aAAa,EACZ,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,OAAO,GAAGA,qBAAA,CAACC,IAAS,EAAG,EAAA,CAAA,GAAGD,qBAAA,CAAA,KAAA,EAAA,EAAA,CAAO,KACrC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,sBAAsB,GAAG,UAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCA,+BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP;;;;"}