@fuf-stack/pixels 0.21.0 → 0.22.0

package/dist/Breadcrumb/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkFFULPXWNcjs = require('../chunk-FFULPXWN.cjs');
+var _chunkVU5NERDIcjs = require('../chunk-VU5NERDI.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Breadcrumb = _chunkFFULPXWNcjs.Breadcrumb_default; exports.breadcrumbVariants = _chunkFFULPXWNcjs.breadcrumbVariants; exports.default = _chunkFFULPXWNcjs.Breadcrumb_default2;
+exports.Breadcrumb = _chunkVU5NERDIcjs.Breadcrumb_default; exports.breadcrumbVariants = _chunkVU5NERDIcjs.breadcrumbVariants; exports.default = _chunkVU5NERDIcjs.Breadcrumb_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Breadcrumb/index.d.cts

@@ -1,5 +1,5 @@
-import { B as Breadcrumb } from '../Breadcrumb-BgIUn5sM.cjs';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-BgIUn5sM.cjs';
+import { B as Breadcrumb } from '../Breadcrumb-C5uK2gGj.cjs';
+export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-C5uK2gGj.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Breadcrumb/index.d.ts

@@ -1,5 +1,5 @@
-import { B as Breadcrumb } from '../Breadcrumb-BgIUn5sM.js';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-BgIUn5sM.js';
+import { B as Breadcrumb } from '../Breadcrumb-C5uK2gGj.js';
+export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-C5uK2gGj.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Breadcrumb/index.js

@@ -2,7 +2,7 @@ import {
   Breadcrumb_default,
   Breadcrumb_default2,
   breadcrumbVariants
-} from "../chunk-7HXO5TAH.js";
+} from "../chunk-RSXWUJRD.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Breadcrumb_default as Breadcrumb,

package/dist/{Breadcrumb-BgIUn5sM.d.cts → Breadcrumb-C5uK2gGj.d.cts}

@@ -106,12 +106,14 @@ interface BreadcrumbProps extends VariantProps {
     separator?: ReactNode;
     /** Size of the Breadcrumb */
     size?: 'sm' | 'md' | 'lg';
+    /** Adjust when the breadcrumb items should be underlined */
+    underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';
     /** Style variant of the Breadcrumbs */
     variant?: 'solid' | 'bordered' | 'light';
 }
 /**
  * Breadcrumb component based on [NextUI Breadcrumbs](https://nextui.org/docs/components/breadcrumbs)
  */
-declare const Breadcrumb: ({ breadcrumbItems, className: _className, color, disableAnimation, disabled, hideSeparator, maxItems, radius, separator, size, variant, }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumb: ({ breadcrumbItems, className: _className, color, disableAnimation, disabled, hideSeparator, maxItems, radius, separator, size, underline, variant, }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
 export { Breadcrumb as B, type BreadcrumbProps as a, breadcrumbVariants as b, type BreadcrumbItemProps as c };

package/dist/{Breadcrumb-BgIUn5sM.d.ts → Breadcrumb-C5uK2gGj.d.ts}

@@ -106,12 +106,14 @@ interface BreadcrumbProps extends VariantProps {
     separator?: ReactNode;
     /** Size of the Breadcrumb */
     size?: 'sm' | 'md' | 'lg';
+    /** Adjust when the breadcrumb items should be underlined */
+    underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';
     /** Style variant of the Breadcrumbs */
     variant?: 'solid' | 'bordered' | 'light';
 }
 /**
  * Breadcrumb component based on [NextUI Breadcrumbs](https://nextui.org/docs/components/breadcrumbs)
  */
-declare const Breadcrumb: ({ breadcrumbItems, className: _className, color, disableAnimation, disabled, hideSeparator, maxItems, radius, separator, size, variant, }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumb: ({ breadcrumbItems, className: _className, color, disableAnimation, disabled, hideSeparator, maxItems, radius, separator, size, underline, variant, }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
 export { Breadcrumb as B, type BreadcrumbProps as a, breadcrumbVariants as b, type BreadcrumbItemProps as c };

package/dist/{chunk-7HXO5TAH.js → chunk-RSXWUJRD.js}

@@ -28,6 +28,7 @@ var Breadcrumb = ({
   radius = "none",
   separator = void 0,
   size = "md",
+  underline = "hover",
   variant = "light"
 }) => {
   const variants = breadcrumbVariants({});
@@ -45,6 +46,7 @@ var Breadcrumb = ({
       radius,
       separator,
       size,
+      underline,
       variant,
       children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsx(
         NextBreadcrumbItem,
@@ -67,4 +69,4 @@ export {
   Breadcrumb_default,
   Breadcrumb_default2
 };
-//# sourceMappingURL=chunk-7HXO5TAH.js.map
+//# sourceMappingURL=chunk-RSXWUJRD.js.map

package/dist/chunk-RSXWUJRD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as NextBreadcrumb,\n  BreadcrumbItem as NextBreadcrumbItem,\n} from '@nextui-org/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://nextui.org/docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    wrapper: '', // base slot of breadcrumbs\n    list: '', // list slot of breadcrumbs\n    separator: '',\n    item: '',\n    base: '', // base for item slot\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems?: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the Breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the Breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the Breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Adjust when the breadcrumb items should be underlined */\n  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n  /** Style variant of the Breadcrumbs */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [NextUI Breadcrumbs](https://nextui.org/docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems = [],\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  underline = 'hover',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextBreadcrumb\n      classNames={{ base: classNames.wrapper, list: classNames.list }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      underline={underline}\n      variant={variant}\n    >\n      {breadcrumbItems.map((item, index) => (\n        <NextBreadcrumbItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"],"mappings":";AAGA;AAAA,EACE,eAAe;AAAA,EACf,kBAAkB;AAAA,OACb;AAEP,SAAS,IAAI,4BAA4B;AAkGjC;AA9FD,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,IACT,MAAM;AAAA;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA;AAAA,EACR;AACF,CAAC;AAoDD,IAAM,aAAa,CAAC;AAAA,EAClB,kBAAkB,CAAC;AAAA,EACnB,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AACZ,MAAuB;AAErB,QAAM,WAAW,mBAAmB,CAAC,CAAC;AACtC,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,EAAE,MAAM,WAAW,SAAS,MAAM,WAAW,KAAK;AAAA,MAC9D;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,0BAAgB,IAAI,CAAC,MAAM,UAC1B;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,qBAAQ;;;AChHf,IAAOA,sBAAQ;","names":["Breadcrumb_default"]}

package/dist/{chunk-FFULPXWN.cjs → chunk-VU5NERDI.cjs}

@@ -28,6 +28,7 @@ var Breadcrumb = ({
   radius = "none",
   separator = void 0,
   size = "md",
+  underline = "hover",
   variant = "light"
 }) => {
   const variants = breadcrumbVariants({});
@@ -45,6 +46,7 @@ var Breadcrumb = ({
       radius,
       separator,
       size,
+      underline,
       variant,
       children: breadcrumbItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _breadcrumbs.BreadcrumbItem,
@@ -67,4 +69,4 @@ var Breadcrumb_default2 = Breadcrumb_default;
 
 
 exports.breadcrumbVariants = breadcrumbVariants; exports.Breadcrumb_default = Breadcrumb_default; exports.Breadcrumb_default2 = Breadcrumb_default2;
-//# sourceMappingURL=chunk-FFULPXWN.cjs.map
+//# sourceMappingURL=chunk-VU5NERDI.cjs.map

package/dist/chunk-VU5NERDI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-VU5NERDI.cjs","../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"names":["Breadcrumb_default"],"mappings":"AAAA;ACGA;AACE;AACA;AAAkB,sDACb;AAEP,oDAAyC;AAkGjC,+CAAA;AA9FD,IAAM,mBAAA,EAAqB,4BAAA;AAAG,EACnC,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAA;AAAA;AAAA,IACT,IAAA,EAAM,EAAA;AAAA;AAAA,IACN,SAAA,EAAW,EAAA;AAAA,IACX,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAAA,EACR;AACF,CAAC,CAAA;AAoDD,IAAM,WAAA,EAAa,CAAC;AAAA,EAClB,gBAAA,EAAkB,CAAC,CAAA;AAAA,EACnB,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,YAAA;AAAA,EACR,iBAAA,EAAmB,KAAA;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,KAAA;AAAA,EAChB,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,KAAA,EAAO,IAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,QAAA,EAAU;AACZ,CAAA,EAAA,GAAuB;AAErB,EAAA,MAAM,SAAA,EAAW,kBAAA,CAAmB,CAAC,CAAC,CAAA;AACtC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,SAAS,CAAA;AAEvE,EAAA,uBACE,6BAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,EAAE,IAAA,EAAM,UAAA,CAAW,OAAA,EAAS,IAAA,EAAM,UAAA,CAAW,KAAK,CAAA;AAAA,MAC9D,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa,UAAA;AAAA,MACb,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,mBAC1B,6BAAA;AAAA,QAAC,2BAAA;AAAA,QAAA;AAAA,UAGC,UAAA,EAAY,SAAA,mBAAY,IAAA,2BAAM,UAAA;AAAA,UAE7B,GAAG;AAAA,QAAA,CAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,mBAAA,EAAQ,UAAA;ADxDf;AACA;AEzDA,IAAOA,oBAAAA,EAAQ,kBAAA;AF2Df;AACA;AACE;AACA;AACA;AACF,oJAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-VU5NERDI.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as NextBreadcrumb,\n  BreadcrumbItem as NextBreadcrumbItem,\n} from '@nextui-org/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://nextui.org/docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    wrapper: '', // base slot of breadcrumbs\n    list: '', // list slot of breadcrumbs\n    separator: '',\n    item: '',\n    base: '', // base for item slot\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems?: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the Breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the Breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the Breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Adjust when the breadcrumb items should be underlined */\n  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n  /** Style variant of the Breadcrumbs */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [NextUI Breadcrumbs](https://nextui.org/docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems = [],\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  underline = 'hover',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextBreadcrumb\n      classNames={{ base: classNames.wrapper, list: classNames.list }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      underline={underline}\n      variant={variant}\n    >\n      {breadcrumbItems.map((item, index) => (\n        <NextBreadcrumbItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"]}

package/dist/index.cjs

@@ -36,7 +36,7 @@ var _chunkU2JEMXXJcjs = require('./chunk-U2JEMXXJ.cjs');
 
 
 
-var _chunkFFULPXWNcjs = require('./chunk-FFULPXWN.cjs');
+var _chunkVU5NERDIcjs = require('./chunk-VU5NERDI.cjs');
 
 
 
@@ -71,5 +71,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkJU7O2LCJcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkXWBSCU2Lcjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkFFULPXWNcjs.Breadcrumb_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkHZB6EOPGcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkNRLYC3SFcjs.Popover_default; exports.Tooltip = _chunkSOA74MSLcjs.Tooltip_default; exports.accordionVariants = _chunkJU7O2LCJcjs.accordionVariants; exports.breadcrumbVariants = _chunkFFULPXWNcjs.breadcrumbVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkSOA74MSLcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Accordion = _chunkJU7O2LCJcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkXWBSCU2Lcjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkVU5NERDIcjs.Breadcrumb_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkHZB6EOPGcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkNRLYC3SFcjs.Popover_default; exports.Tooltip = _chunkSOA74MSLcjs.Tooltip_default; exports.accordionVariants = _chunkJU7O2LCJcjs.accordionVariants; exports.breadcrumbVariants = _chunkVU5NERDIcjs.breadcrumbVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkSOA74MSLcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -2,7 +2,7 @@ export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as acco
 export { A as Avatar, a as AvatarProps } from './Avatar-D9P8JKS3.cjs';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup--VjSSnOk.cjs';
 export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.cjs';
-export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-BgIUn5sM.cjs';
+export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-C5uK2gGj.cjs';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-8uTuwTxM.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-B3zN1NrH.cjs';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as acco
 export { A as Avatar, a as AvatarProps } from './Avatar-D9P8JKS3.js';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-DFiQyyO7.js';
 export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.js';
-export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-BgIUn5sM.js';
+export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-C5uK2gGj.js';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-8uTuwTxM.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-B3zN1NrH.js';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';

package/dist/index.js

@@ -36,7 +36,7 @@ import {
 import {
   Breadcrumb_default,
   breadcrumbVariants
-} from "./chunk-7HXO5TAH.js";
+} from "./chunk-RSXWUJRD.js";
 import {
   Card_default,
   cardVariants

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -136,7 +136,7 @@
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
-    "@types/react": "18.3.4",
+    "@types/react": "18.3.5",
     "@types/react-dom": "18.3.0",
     "@uiw/react-json-view": "2.0.0-alpha.26",
     "react": "18.3.1",

package/dist/chunk-7HXO5TAH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as NextBreadcrumb,\n  BreadcrumbItem as NextBreadcrumbItem,\n} from '@nextui-org/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://nextui.org/docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    wrapper: '', // base slot of breadcrumbs\n    list: '', // list slot of breadcrumbs\n    separator: '',\n    item: '',\n    base: '', // base for item slot\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems?: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the Breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the Breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the Breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Style variant of the Breadcrumbs */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [NextUI Breadcrumbs](https://nextui.org/docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems = [],\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextBreadcrumb\n      classNames={{ base: classNames.wrapper, list: classNames.list }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      variant={variant}\n    >\n      {breadcrumbItems.map((item, index) => (\n        <NextBreadcrumbItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"],"mappings":";AAGA;AAAA,EACE,eAAe;AAAA,EACf,kBAAkB;AAAA,OACb;AAEP,SAAS,IAAI,4BAA4B;AA8FjC;AA1FD,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,IACT,MAAM;AAAA;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA;AAAA,EACR;AACF,CAAC;AAkDD,IAAM,aAAa,CAAC;AAAA,EAClB,kBAAkB,CAAC;AAAA,EACnB,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AACZ,MAAuB;AAErB,QAAM,WAAW,mBAAmB,CAAC,CAAC;AACtC,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,EAAE,MAAM,WAAW,SAAS,MAAM,WAAW,KAAK;AAAA,MAC9D;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,0BAAgB,IAAI,CAAC,MAAM,UAC1B;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,qBAAQ;;;AC5Gf,IAAOA,sBAAQ;","names":["Breadcrumb_default"]}

package/dist/chunk-FFULPXWN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-FFULPXWN.cjs","../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"names":["Breadcrumb_default"],"mappings":"AAAA;ACGA;AACE;AACA;AAAkB,sDACb;AAEP,oDAAyC;AA8FjC,+CAAA;AA1FD,IAAM,mBAAA,EAAqB,4BAAA;AAAG,EACnC,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAA;AAAA;AAAA,IACT,IAAA,EAAM,EAAA;AAAA;AAAA,IACN,SAAA,EAAW,EAAA;AAAA,IACX,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAAA,EACR;AACF,CAAC,CAAA;AAkDD,IAAM,WAAA,EAAa,CAAC;AAAA,EAClB,gBAAA,EAAkB,CAAC,CAAA;AAAA,EACnB,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,YAAA;AAAA,EACR,iBAAA,EAAmB,KAAA;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,KAAA;AAAA,EAChB,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAA,EAAA,GAAuB;AAErB,EAAA,MAAM,SAAA,EAAW,kBAAA,CAAmB,CAAC,CAAC,CAAA;AACtC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,SAAS,CAAA;AAEvE,EAAA,uBACE,6BAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,EAAE,IAAA,EAAM,UAAA,CAAW,OAAA,EAAS,IAAA,EAAM,UAAA,CAAW,KAAK,CAAA;AAAA,MAC9D,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa,UAAA;AAAA,MACb,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,mBAC1B,6BAAA;AAAA,QAAC,2BAAA;AAAA,QAAA;AAAA,UAGC,UAAA,EAAY,SAAA,mBAAY,IAAA,2BAAM,UAAA;AAAA,UAE7B,GAAG;AAAA,QAAA,CAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,mBAAA,EAAQ,UAAA;ADtDf;AACA;AEvDA,IAAOA,oBAAAA,EAAQ,kBAAA;AFyDf;AACA;AACE;AACA;AACA;AACF,oJAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-FFULPXWN.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as NextBreadcrumb,\n  BreadcrumbItem as NextBreadcrumbItem,\n} from '@nextui-org/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://nextui.org/docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    wrapper: '', // base slot of breadcrumbs\n    list: '', // list slot of breadcrumbs\n    separator: '',\n    item: '',\n    base: '', // base for item slot\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems?: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the Breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the Breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the Breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Style variant of the Breadcrumbs */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [NextUI Breadcrumbs](https://nextui.org/docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems = [],\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextBreadcrumb\n      classNames={{ base: classNames.wrapper, list: classNames.list }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      variant={variant}\n    >\n      {breadcrumbItems.map((item, index) => (\n        <NextBreadcrumbItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"]}