@fuf-stack/pixels 0.34.0 → 0.34.1

package/dist/{chunk-NGRLFSOF.cjs → chunk-MHZAWSFJ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
+var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
 
 // src/Card/Card.tsx
 var _react = require('react');
@@ -35,7 +35,7 @@ var Card = _react.forwardRef.call(void 0,
       variants,
       className,
       "base"
-    ), { divider: dividerClassName } = _a, classNames = _chunkAHEA4IJVcjs.__objRest.call(void 0, _a, ["divider"]);
+    ), { divider: dividerClassName } = _a, classNames = _chunkD4TLDLEXcjs.__objRest.call(void 0, _a, ["divider"]);
     const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _divider.Divider, { className: dividerClassName });
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       _card.Card,
@@ -71,4 +71,4 @@ var Card_default2 = Card_default;
 
 
 exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
-//# sourceMappingURL=chunk-NGRLFSOF.cjs.map
+//# sourceMappingURL=chunk-MHZAWSFJ.cjs.map

package/dist/{chunk-NGRLFSOF.cjs.map → chunk-MHZAWSFJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-NGRLFSOF.cjs","../src/Card/Card.tsx","../src/Card/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,8BAA2B;AAE3B;AACE;AACA;AACA;AACA;AAAc,oCACT;AACP,0CAAuC;AAEvC,oDAAyC;AAmDrB,+CAAA;AAhDb,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uBAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,qBAAA;AAAA,IACT,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAqBD,IAAM,KAAA,EAAO,+BAAA;AAAA,EACX,CACE;AAAA,IACE,SAAA,EAAW,IAAA;AAAA,IACX,UAAA,EAAY,KAAA,CAAA;AAAA,IACZ,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA;AAAA,EACX,CAAA,EACA,GAAA,EAAA,GACG;AAEH,IAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,IAAA,MAAqD,GAAA,EAAA,8CAAA;AAAA,MACnD,QAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,IACF,CAAA,EAJQ,EAAA,OAAA,EAAS,iBA1DrB,EAAA,EA0DyD,EAAA,EAAf,WAAA,EAAA,yCAAA,EAAe,EAAf,CAA9B,SAAA,CAAA,CAAA;AAMR,IAAA,MAAM,QAAA,kBAAU,6BAAA,gBAAC,EAAA,EAAY,SAAA,EAAW,iBAAA,CAAkB,CAAA;AAE1D,IAAA,uBACE,8BAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,aAAA,EAAa,OAAA,GAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA;AAC5B,QAAA;AACF,QAAA;AACP,QAAA;AACO,QAAA;AAEN,QAAA;AACC,UAAA;AACG,4BAAA;AAGA,YAAA;AACH,UAAA;AAEY,0BAAA;AAIZ,UAAA;AACG,YAAA;AACA,4BAAA;AAGH,UAAA;AAAA,QAAA;AAAA,MAAA;AAEJ,IAAA;AAEJ,EAAA;AACF;AAEe;ADnCiC;AACA;AE3DjC;AF6DiC;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-NGRLFSOF.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport {\n  Card as HeroCard,\n  CardBody as HeroCardBody,\n  CardFooter as HeroCardFooter,\n  CardHeader as HeroCardHeader,\n} from '@heroui/card';\nimport { Divider as HeroDivider } from '@heroui/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [HeroUI Card](https://www.heroui.com//docs/components/card)\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      children = null,\n      className = undefined,\n      footer = undefined,\n      header = undefined,\n      testId = undefined,\n    },\n    ref,\n  ) => {\n    // classNames from slots\n    const variants = cardVariants();\n    const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n      variants,\n      className,\n      'base',\n    );\n\n    const divider = <HeroDivider className={dividerClassName} />;\n\n    return (\n      <HeroCard\n        classNames={classNames}\n        data-testid={testId && `card_${testId}`}\n        fullWidth\n        radius=\"sm\"\n        ref={ref}\n        shadow=\"none\"\n      >\n        {header && (\n          <>\n            <HeroCardHeader data-testid={testId && `card_header_${testId}`}>\n              {header}\n            </HeroCardHeader>\n            {divider}\n          </>\n        )}\n        <HeroCardBody data-testid={testId && `card_body_${testId}`}>\n          {children}\n        </HeroCardBody>\n        {footer && (\n          <>\n            {divider}\n            <HeroCardFooter data-testid={testId && `card_footer_${testId}`}>\n              {footer}\n            </HeroCardFooter>\n          </>\n        )}\n      </HeroCard>\n    );\n  },\n);\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-MHZAWSFJ.cjs","../src/Card/Card.tsx","../src/Card/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,8BAA2B;AAE3B;AACE;AACA;AACA;AACA;AAAc,oCACT;AACP,0CAAuC;AAEvC,oDAAyC;AAmDrB,+CAAA;AAhDb,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uBAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,qBAAA;AAAA,IACT,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAqBD,IAAM,KAAA,EAAO,+BAAA;AAAA,EACX,CACE;AAAA,IACE,SAAA,EAAW,IAAA;AAAA,IACX,UAAA,EAAY,KAAA,CAAA;AAAA,IACZ,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA;AAAA,EACX,CAAA,EACA,GAAA,EAAA,GACG;AAEH,IAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,IAAA,MAAqD,GAAA,EAAA,8CAAA;AAAA,MACnD,QAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,IACF,CAAA,EAJQ,EAAA,OAAA,EAAS,iBA1DrB,EAAA,EA0DyD,EAAA,EAAf,WAAA,EAAA,yCAAA,EAAe,EAAf,CAA9B,SAAA,CAAA,CAAA;AAMR,IAAA,MAAM,QAAA,kBAAU,6BAAA,gBAAC,EAAA,EAAY,SAAA,EAAW,iBAAA,CAAkB,CAAA;AAE1D,IAAA,uBACE,8BAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,aAAA,EAAa,OAAA,GAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA;AAC5B,QAAA;AACF,QAAA;AACP,QAAA;AACO,QAAA;AAEN,QAAA;AACC,UAAA;AACG,4BAAA;AAGA,YAAA;AACH,UAAA;AAEY,0BAAA;AAIZ,UAAA;AACG,YAAA;AACA,4BAAA;AAGH,UAAA;AAAA,QAAA;AAAA,MAAA;AAEJ,IAAA;AAEJ,EAAA;AACF;AAEe;ADnCiC;AACA;AE3DjC;AF6DiC;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-MHZAWSFJ.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport {\n  Card as HeroCard,\n  CardBody as HeroCardBody,\n  CardFooter as HeroCardFooter,\n  CardHeader as HeroCardHeader,\n} from '@heroui/card';\nimport { Divider as HeroDivider } from '@heroui/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [HeroUI Card](https://www.heroui.com//docs/components/card)\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      children = null,\n      className = undefined,\n      footer = undefined,\n      header = undefined,\n      testId = undefined,\n    },\n    ref,\n  ) => {\n    // classNames from slots\n    const variants = cardVariants();\n    const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n      variants,\n      className,\n      'base',\n    );\n\n    const divider = <HeroDivider className={dividerClassName} />;\n\n    return (\n      <HeroCard\n        classNames={classNames}\n        data-testid={testId && `card_${testId}`}\n        fullWidth\n        radius=\"sm\"\n        ref={ref}\n        shadow=\"none\"\n      >\n        {header && (\n          <>\n            <HeroCardHeader data-testid={testId && `card_header_${testId}`}>\n              {header}\n            </HeroCardHeader>\n            {divider}\n          </>\n        )}\n        <HeroCardBody data-testid={testId && `card_body_${testId}`}>\n          {children}\n        </HeroCardBody>\n        {footer && (\n          <>\n            {divider}\n            <HeroCardFooter data-testid={testId && `card_footer_${testId}`}>\n              {footer}\n            </HeroCardFooter>\n          </>\n        )}\n      </HeroCard>\n    );\n  },\n);\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"]}

package/dist/{chunk-ZKTTVZ74.js → chunk-NHEC3GYW.js}

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "./chunk-OAIRL2FN.js";
+} from "./chunk-J7N2552D.js";
 
 // src/Accordion/Accordion.tsx
 import {
@@ -99,4 +99,4 @@ export {
   Accordion_default,
   Accordion_default2
 };
-//# sourceMappingURL=chunk-ZKTTVZ74.js.map
+//# sourceMappingURL=chunk-NHEC3GYW.js.map

package/dist/{chunk-KQRDGV5G.js → chunk-V2WKZH63.js}

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "./chunk-OAIRL2FN.js";
+} from "./chunk-J7N2552D.js";
 
 // src/Alert/Alert.tsx
 import { Alert as HeroAlert } from "@heroui/alert";
@@ -119,4 +119,4 @@ export {
   Alert_default,
   Alert_default2
 };
-//# sourceMappingURL=chunk-KQRDGV5G.js.map
+//# sourceMappingURL=chunk-V2WKZH63.js.map

package/dist/{chunk-MYG4VNEL.cjs → chunk-ZZOEFQWQ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
+var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
 
 // src/Breadcrumb/Breadcrumb.tsx
 
@@ -67,7 +67,7 @@ var Breadcrumb = ({
       variant,
       children: breadcrumbItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _breadcrumbs.BreadcrumbItem,
-        _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
+        _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
           isDisabled: disabled || (item == null ? void 0 : item.disabled)
         }, item),
         index
@@ -85,4 +85,4 @@ var Breadcrumb_default2 = Breadcrumb_default;
 
 
 exports.breadcrumbVariants = breadcrumbVariants; exports.Breadcrumb_default = Breadcrumb_default; exports.Breadcrumb_default2 = Breadcrumb_default2;
-//# sourceMappingURL=chunk-MYG4VNEL.cjs.map
+//# sourceMappingURL=chunk-ZZOEFQWQ.cjs.map

package/dist/{chunk-MYG4VNEL.cjs.map → chunk-ZZOEFQWQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-MYG4VNEL.cjs","../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"names":["Breadcrumb_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA;AACE;AACA;AAAkB,kDACb;AAEP,oDAAyC;AAiHjC,+CAAA;AA7GD,IAAM,mBAAA,EAAqB,4BAAA;AAAG,EACnC,KAAA,EAAO;AAAA;AAAA,IAEL,QAAA,EAAU,EAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,QAAA,EAAU,EAAA;AAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AAoDD,IAAM,WAAA,EAAa,CAAC;AAAA,EAClB,eAAA;AAAA,EACA,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,KAAK,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,UAAA,CAAW,GAAA;AAAA,QACjB,QAAA,EAAU,UAAA,CAAW,SAAA;AAAA,QACrB,IAAA,EAAM,UAAA,CAAW;AAAA,MACnB,CAAA;AAAA,MACA,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,UAAA,CAAW,QAAA;AAAA,QACjB,IAAA,EAAM,UAAA,CAAW,IAAA;AAAA,QACjB,SAAA,EAAW,UAAA,CAAW;AAAA,MACxB,CAAA;AAAA,MACA,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,8CAAA;AAAA,UAGC,UAAA,EAAY,SAAA,GAAA,CAAY,KAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,IAAA,CAAM,QAAA;AAAA,QAAA,CAAA,EAE1B,IAAA,CAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,mBAAA,EAAQ,UAAA;ADvDf;AACA;AEzEA,IAAOA,oBAAAA,EAAQ,kBAAA;AF2Ef;AACA;AACE;AACA;AACA;AACF,oJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-MYG4VNEL.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as HeroBreadcrumb,\n  BreadcrumbItem as HeroBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** ellipsis slot */\n    ellipsis: '',\n    /** li > span slot */\n    item: '',\n    /** li  slot */\n    itemBase: '', // base for item slot\n    /** ol slot */\n    list: '',\n    /** separator slot */\n    separator: '',\n    /** nav slot, breadcrumb base slot in heroui */\n    nav: '',\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 breadcrumb */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//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, 'nav');\n\n  return (\n    <HeroBreadcrumb\n      classNames={{\n        base: classNames.nav,\n        ellipsis: classNames.separator,\n        list: classNames.list,\n      }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={{\n        base: classNames.itemBase,\n        item: classNames.item,\n        separator: classNames.separator,\n      }}\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        <HeroBreadcrumbItem\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    </HeroBreadcrumb>\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"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ZZOEFQWQ.cjs","../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"names":["Breadcrumb_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA;AACE;AACA;AAAkB,kDACb;AAEP,oDAAyC;AAiHjC,+CAAA;AA7GD,IAAM,mBAAA,EAAqB,4BAAA;AAAG,EACnC,KAAA,EAAO;AAAA;AAAA,IAEL,QAAA,EAAU,EAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,QAAA,EAAU,EAAA;AAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AAoDD,IAAM,WAAA,EAAa,CAAC;AAAA,EAClB,eAAA;AAAA,EACA,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,KAAK,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,UAAA,CAAW,GAAA;AAAA,QACjB,QAAA,EAAU,UAAA,CAAW,SAAA;AAAA,QACrB,IAAA,EAAM,UAAA,CAAW;AAAA,MACnB,CAAA;AAAA,MACA,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,UAAA,CAAW,QAAA;AAAA,QACjB,IAAA,EAAM,UAAA,CAAW,IAAA;AAAA,QACjB,SAAA,EAAW,UAAA,CAAW;AAAA,MACxB,CAAA;AAAA,MACA,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,8CAAA;AAAA,UAGC,UAAA,EAAY,SAAA,GAAA,CAAY,KAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,IAAA,CAAM,QAAA;AAAA,QAAA,CAAA,EAE1B,IAAA,CAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,mBAAA,EAAQ,UAAA;ADvDf;AACA;AEzEA,IAAOA,oBAAAA,EAAQ,kBAAA;AF2Ef;AACA;AACE;AACA;AACA;AACF,oJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ZZOEFQWQ.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as HeroBreadcrumb,\n  BreadcrumbItem as HeroBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** ellipsis slot */\n    ellipsis: '',\n    /** li > span slot */\n    item: '',\n    /** li  slot */\n    itemBase: '', // base for item slot\n    /** ol slot */\n    list: '',\n    /** separator slot */\n    separator: '',\n    /** nav slot, breadcrumb base slot in heroui */\n    nav: '',\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 breadcrumb */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//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, 'nav');\n\n  return (\n    <HeroBreadcrumb\n      classNames={{\n        base: classNames.nav,\n        ellipsis: classNames.separator,\n        list: classNames.list,\n      }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={{\n        base: classNames.itemBase,\n        item: classNames.item,\n        separator: classNames.separator,\n      }}\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        <HeroBreadcrumbItem\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    </HeroBreadcrumb>\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/hooks/index.cjs

@@ -2,7 +2,7 @@
 
 
 var _chunkMWNBYTRNcjs = require('../chunk-MWNBYTRN.cjs');
-require('../chunk-AHEA4IJV.cjs');
+require('../chunk-D4TLDLEX.cjs');
 
 
 

package/dist/hooks/index.js

@@ -2,7 +2,7 @@ import {
   useDebounce,
   useLocalStorage
 } from "../chunk-USOEZROT.js";
-import "../chunk-OAIRL2FN.js";
+import "../chunk-J7N2552D.js";
 export {
   useDebounce,
   useLocalStorage

package/dist/index.cjs

@@ -20,7 +20,7 @@ var _chunkY3RSI2KVcjs = require('./chunk-Y3RSI2KV.cjs');
 
 
 
-var _chunkNGRLFSOFcjs = require('./chunk-NGRLFSOF.cjs');
+var _chunkMHZAWSFJcjs = require('./chunk-MHZAWSFJ.cjs');
 
 
 
@@ -31,7 +31,7 @@ var _chunkNGRLFSOFcjs = require('./chunk-NGRLFSOF.cjs');
 var _chunk7RVUB6I5cjs = require('./chunk-7RVUB6I5.cjs');
 
 
-var _chunkGGVO5VGGcjs = require('./chunk-GGVO5VGG.cjs');
+var _chunk7UNMWC2Wcjs = require('./chunk-7UNMWC2W.cjs');
 
 
 var _chunk2XYKRMUNcjs = require('./chunk-2XYKRMUN.cjs');
@@ -44,19 +44,19 @@ var _chunkKBYU4ZF2cjs = require('./chunk-KBYU4ZF2.cjs');
 var _chunkPEUUQMJScjs = require('./chunk-PEUUQMJS.cjs');
 
 
-var _chunkWHB54UXLcjs = require('./chunk-WHB54UXL.cjs');
+var _chunkC4H5ZCTVcjs = require('./chunk-C4H5ZCTV.cjs');
 require('./chunk-TX2VP4J7.cjs');
 
 
 
-var _chunkLLKLYJ3Dcjs = require('./chunk-LLKLYJ3D.cjs');
+var _chunk2P5WWVQ6cjs = require('./chunk-2P5WWVQ6.cjs');
 
 
 
-var _chunkGRFUJV6Ucjs = require('./chunk-GRFUJV6U.cjs');
+var _chunk33S6NRVIcjs = require('./chunk-33S6NRVI.cjs');
 
 
-var _chunk52HXAJYWcjs = require('./chunk-52HXAJYW.cjs');
+var _chunkLIZGYO24cjs = require('./chunk-LIZGYO24.cjs');
 
 
 var _chunk77J7NZYBcjs = require('./chunk-77J7NZYB.cjs');
@@ -66,12 +66,12 @@ var _chunkJSANDW3Wcjs = require('./chunk-JSANDW3W.cjs');
 
 
 
-var _chunkMYG4VNELcjs = require('./chunk-MYG4VNEL.cjs');
+var _chunkZZOEFQWQcjs = require('./chunk-ZZOEFQWQ.cjs');
 
 
 
 var _chunk4X43AGXEcjs = require('./chunk-4X43AGXE.cjs');
-require('./chunk-AHEA4IJV.cjs');
+require('./chunk-D4TLDLEX.cjs');
 
 
 
@@ -107,5 +107,5 @@ require('./chunk-AHEA4IJV.cjs');
 
 
 
-exports.Accordion = _chunkLLKLYJ3Dcjs.Accordion_default; exports.Alert = _chunkGRFUJV6Ucjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunk52HXAJYWcjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkMYG4VNELcjs.Breadcrumb_default; exports.Button = _chunk4X43AGXEcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkNGRLFSOFcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkGGVO5VGGcjs.Json_default; exports.Label = _chunk2XYKRMUNcjs.Label_default; exports.Menu = _chunkKBYU4ZF2cjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkWHB54UXLcjs.Popover_default; exports.Table = _chunkCXHVRIPZcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.Tooltip = _chunkD6LCMOKNcjs.Tooltip_default; exports.accordionVariants = _chunkLLKLYJ3Dcjs.accordionVariants; exports.alertVariants = _chunkGRFUJV6Ucjs.alertVariants; exports.breadcrumbVariants = _chunkMYG4VNELcjs.breadcrumbVariants; exports.buttonVariants = _chunk4X43AGXEcjs.buttonVariants; exports.cardVariants = _chunkNGRLFSOFcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkCXHVRIPZcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.tooltipPlacementOptions = _chunkD6LCMOKNcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunk33S6NRVIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunk4X43AGXEcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunk7UNMWC2Wcjs.Json_default; exports.Label = _chunk2XYKRMUNcjs.Label_default; exports.Menu = _chunkKBYU4ZF2cjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkC4H5ZCTVcjs.Popover_default; exports.Table = _chunkCXHVRIPZcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.Tooltip = _chunkD6LCMOKNcjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.alertVariants = _chunk33S6NRVIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunk4X43AGXEcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkCXHVRIPZcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.tooltipPlacementOptions = _chunkD6LCMOKNcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -20,7 +20,7 @@ import {
 import {
   Card_default,
   cardVariants
-} from "./chunk-G464TU7U.js";
+} from "./chunk-ABKT5UKM.js";
 import {
   Drawer_default,
   drawerBackdrops,
@@ -31,7 +31,7 @@ import {
 } from "./chunk-VBOUHWXM.js";
 import {
   Json_default
-} from "./chunk-CD4N7DPC.js";
+} from "./chunk-J7QVKEAW.js";
 import {
   Label_default
 } from "./chunk-NQVSANDI.js";
@@ -44,19 +44,19 @@ import {
 } from "./chunk-RW4WTSLJ.js";
 import {
   Popover_default
-} from "./chunk-PUKXBNTL.js";
+} from "./chunk-7H67WTTJ.js";
 import "./chunk-EQVC4PJE.js";
 import {
   Accordion_default,
   accordionVariants
-} from "./chunk-ZKTTVZ74.js";
+} from "./chunk-NHEC3GYW.js";
 import {
   Alert_default,
   alertVariants
-} from "./chunk-KQRDGV5G.js";
+} from "./chunk-V2WKZH63.js";
 import {
   AvatarGroup_default
-} from "./chunk-ZHDG3HIS.js";
+} from "./chunk-3QICKBFS.js";
 import {
   Avatar_default
 } from "./chunk-4Y4W74D7.js";
@@ -66,12 +66,12 @@ import {
 import {
   Breadcrumb_default,
   breadcrumbVariants
-} from "./chunk-6Q7F2KW6.js";
+} from "./chunk-7QBCVRQD.js";
 import {
   Button_default,
   buttonVariants
 } from "./chunk-HL5BEHIS.js";
-import "./chunk-OAIRL2FN.js";
+import "./chunk-J7N2552D.js";
 export {
   Accordion_default as Accordion,
   Alert_default as Alert,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.34.0",
+  "version": "0.34.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -177,10 +177,10 @@
     "@uiw/react-json-view": "2.0.0-alpha.30",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "@repo/tailwind-config": "0.0.1",
     "@repo/storybook-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1",
-    "@repo/vite-config": "0.0.1"
+    "@repo/tailwind-config": "0.0.1",
+    "@repo/vite-config": "0.0.1",
+    "@repo/tsup-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",