@fuf-stack/pixels 0.27.1 → 0.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/Accordion/index.cjs +2 -2
  2. package/dist/Accordion/index.d.cts +2 -2
  3. package/dist/Accordion/index.d.ts +2 -2
  4. package/dist/Accordion/index.js +1 -1
  5. package/dist/{Accordion-YYxiRT4J.d.cts → Accordion-CZ0Fqk-P.d.cts} +1 -1
  6. package/dist/{Accordion-YYxiRT4J.d.ts → Accordion-CZ0Fqk-P.d.ts} +1 -1
  7. package/dist/Breadcrumb/index.cjs +2 -2
  8. package/dist/Breadcrumb/index.d.cts +2 -2
  9. package/dist/Breadcrumb/index.d.ts +2 -2
  10. package/dist/Breadcrumb/index.js +1 -1
  11. package/dist/{Breadcrumb-DM-Cjn8v.d.cts → Breadcrumb-BUxbjexY.d.cts} +46 -20
  12. package/dist/{Breadcrumb-DM-Cjn8v.d.ts → Breadcrumb-BUxbjexY.d.ts} +46 -20
  13. package/dist/Json/index.cjs +2 -2
  14. package/dist/Json/index.d.cts +2 -2
  15. package/dist/Json/index.d.ts +2 -2
  16. package/dist/Json/index.js +1 -1
  17. package/dist/{Json-DHE3NwkX.d.cts → Json-BbMeuEvE.d.cts} +1 -1
  18. package/dist/{Json-DHE3NwkX.d.ts → Json-BbMeuEvE.d.ts} +1 -1
  19. package/dist/Tabs/index.cjs +47 -0
  20. package/dist/Tabs/index.cjs.map +1 -0
  21. package/dist/Tabs/index.d.cts +103 -0
  22. package/dist/Tabs/index.d.ts +103 -0
  23. package/dist/Tabs/index.js +47 -0
  24. package/dist/Tabs/index.js.map +1 -0
  25. package/dist/{chunk-YGANJ3JO.js → chunk-2HCWL2E3.js} +6 -9
  26. package/dist/chunk-2HCWL2E3.js.map +1 -0
  27. package/dist/{chunk-RSXWUJRD.js → chunk-4W3TNNMD.js} +24 -11
  28. package/dist/chunk-4W3TNNMD.js.map +1 -0
  29. package/dist/{chunk-NNVWLWOT.js → chunk-EIOL2HNA.js} +2 -2
  30. package/dist/chunk-EIOL2HNA.js.map +1 -0
  31. package/dist/{chunk-VU5NERDI.cjs → chunk-ELFKDGH4.cjs} +24 -11
  32. package/dist/chunk-ELFKDGH4.cjs.map +1 -0
  33. package/dist/{chunk-XV2ML6TH.cjs → chunk-Q4DBY25K.cjs} +6 -9
  34. package/dist/{chunk-XV2ML6TH.cjs.map → chunk-Q4DBY25K.cjs.map} +1 -1
  35. package/dist/{chunk-I3F5BBUU.cjs → chunk-VHEIRVBB.cjs} +2 -2
  36. package/dist/chunk-VHEIRVBB.cjs.map +1 -0
  37. package/dist/index.cjs +11 -11
  38. package/dist/index.cjs.map +1 -1
  39. package/dist/index.d.cts +3 -3
  40. package/dist/index.d.ts +3 -3
  41. package/dist/index.js +10 -10
  42. package/package.json +11 -4
  43. package/dist/chunk-I3F5BBUU.cjs.map +0 -1
  44. package/dist/chunk-NNVWLWOT.js.map +0 -1
  45. package/dist/chunk-RSXWUJRD.js.map +0 -1
  46. package/dist/chunk-VU5NERDI.cjs.map +0 -1
  47. package/dist/chunk-YGANJ3JO.js.map +0 -1
@@ -40,7 +40,7 @@ var accordionVariants = _pixelutils.tv.call(void 0, {
40
40
  }
41
41
  });
42
42
  var Accordion = ({
43
- accordionItems = [],
43
+ accordionItems,
44
44
  className: _className = void 0,
45
45
  defaultSelectedKeys = [],
46
46
  disabled = false,
@@ -96,4 +96,4 @@ var Accordion_default2 = Accordion_default;
96
96
 
97
97
 
98
98
  exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
99
- //# sourceMappingURL=chunk-I3F5BBUU.cjs.map
99
+ //# sourceMappingURL=chunk-VHEIRVBB.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-VHEIRVBB.cjs","../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":"AAAA;ACIA;AACE;AACA;AAAiB,kDACZ;AAEP,oDAAyC;AA4HjC,+CAAA;AAxHD,IAAM,kBAAA,EAAoB,4BAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,OAAA,EAAS,MAAA;AAAA,IACT,SAAA,EAAW,EAAA;AAAA,IACX,YAAA,EAAc,EAAA;AAAA,IACd,QAAA,EAAU,EAAA;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,IACP,YAAA,EAAc,EAAA;AAAA,IACd,OAAA,EAAS,EAAA;AAAA;AAAA,IAET,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,MAAA;AAAA,QACT,SAAA,EAAW,yCAAA;AAAA,QACX,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,oBAAA,EAAsB;AAAA,MACpB,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAgDD,IAAM,UAAA,EAAY,CAAC;AAAA,EACjB,cAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,oBAAA,EAAsB,CAAC,CAAA;AAAA,EACvB,SAAA,EAAW,KAAA;AAAA,EACX,aAAA,EAAe,CAAC,CAAA;AAAA,EAChB,uBAAA,EAAyB,KAAA;AAAA,EACzB,aAAA,EAAe,CAAC,CAAA;AAAA,EAChB,cAAA,EAAgB,KAAA;AAAA,EAChB,kBAAA,EAAoB,KAAA,CAAA;AAAA,EACpB,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,cAAA,EAAgB,UAAA;AAAA,EAChB,YAAA,EAAc,IAAA;AAAA,EACd,QAAA,EAAU;AACZ,CAAA,EAAA,GAAsB;AAEpB,EAAA,MAAM,SAAA,EAAW,iBAAA,CAAkB;AAAA,IACjC,aAAA;AAAA,IACA,WAAA,EAAa,YAAA,GAAe,QAAA,IAAY,UAAA;AAAA,IACxC,oBAAA,EAAsB,YAAA,GAAe,QAAA,IAAY;AAAA,EACnD,CAAC,CAAA;AACD,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,SAAS,CAAA;AAEvE,EAAA,uBACE,6BAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA,CAAW,OAAA;AAAA,MACtB,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,sBAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa,UAAA;AAAA,MACb,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA,EAAa,KAAA;AAAA,MACb,OAAA;AAAA,MAEC,QAAA,EAAA,cAAA,CAAe,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,mBACzB,6BAAA;AAAA,QAAC,wBAAA;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,kBAAA,EAAQ,SAAA;ADxDf;AACA;AEpFA,IAAOA,mBAAAA,EAAQ,iBAAA;AFsFf;AACA;AACE;AACA;AACA;AACF,8IAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-VHEIRVBB.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: 'px-4',\n heading: 'px-4',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: 'px-0',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n showDivider: {\n true: {\n wrapper: 'divide-y divide-solid divide-divider',\n },\n },\n showBottomTopDivider: {\n true: {\n wrapper: 'border-b border-t border-solid border-divider',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems: AccordionItemProps[];\n /** CSS class name */\n className?: ClassName;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Selected keys (controlled) */\n selectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems,\n className: _className = undefined,\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectedKeys = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({\n indicatorLeft,\n showDivider: showDivider && variant !== 'splitted',\n showBottomTopDivider: showDivider && variant === 'light',\n });\n const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n return (\n <NextAccordion\n className={classNames.wrapper}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={classNames}\n onSelectionChange={onSelectionChange}\n selectedKeys={selectedKeys}\n selectionMode={selectionMode}\n showDivider={false}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\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 </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}
package/dist/index.cjs CHANGED
@@ -1,6 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkXV2ML6THcjs = require('./chunk-XV2ML6TH.cjs');
3
+
4
+ var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
5
+
6
+
7
+ var _chunkQ4DBY25Kcjs = require('./chunk-Q4DBY25K.cjs');
4
8
 
5
9
 
6
10
  var _chunkYTQJ6FZKcjs = require('./chunk-YTQJ6FZK.cjs');
@@ -22,14 +26,7 @@ var _chunkRMA57Q6Kcjs = require('./chunk-RMA57Q6K.cjs');
22
26
 
23
27
 
24
28
 
25
- var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
26
-
27
-
28
-
29
- var _chunkI3F5BBUUcjs = require('./chunk-I3F5BBUU.cjs');
30
-
31
-
32
- var _chunkU2JEMXXJcjs = require('./chunk-U2JEMXXJ.cjs');
29
+ var _chunkVHEIRVBBcjs = require('./chunk-VHEIRVBB.cjs');
33
30
 
34
31
 
35
32
  var _chunkXWBSCU2Lcjs = require('./chunk-XWBSCU2L.cjs');
@@ -38,8 +35,11 @@ var _chunkXWBSCU2Lcjs = require('./chunk-XWBSCU2L.cjs');
38
35
  var _chunkHVLEV6BGcjs = require('./chunk-HVLEV6BG.cjs');
39
36
 
40
37
 
38
+ var _chunkU2JEMXXJcjs = require('./chunk-U2JEMXXJ.cjs');
39
+
40
+
41
41
 
42
- var _chunkVU5NERDIcjs = require('./chunk-VU5NERDI.cjs');
42
+ var _chunkELFKDGH4cjs = require('./chunk-ELFKDGH4.cjs');
43
43
 
44
44
 
45
45
 
@@ -73,5 +73,5 @@ require('./chunk-DZUJEN5N.cjs');
73
73
 
74
74
 
75
75
 
76
- exports.Accordion = _chunkI3F5BBUUcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkXWBSCU2Lcjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkVU5NERDIcjs.Breadcrumb_default; exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkXV2ML6THcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunk5HEZFVFGcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkY3SLMQYAcjs.Popover_default; exports.Tooltip = _chunkRMA57Q6Kcjs.Tooltip_default; exports.accordionVariants = _chunkI3F5BBUUcjs.accordionVariants; exports.breadcrumbVariants = _chunkVU5NERDIcjs.breadcrumbVariants; exports.buttonVariants = _chunk7TIFKRWYcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkRMA57Q6Kcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
76
+ exports.Accordion = _chunkVHEIRVBBcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkXWBSCU2Lcjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkELFKDGH4cjs.Breadcrumb_default; exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkQ4DBY25Kcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunk5HEZFVFGcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkY3SLMQYAcjs.Popover_default; exports.Tooltip = _chunkRMA57Q6Kcjs.Tooltip_default; exports.accordionVariants = _chunkVHEIRVBBcjs.accordionVariants; exports.breadcrumbVariants = _chunkELFKDGH4cjs.breadcrumbVariants; exports.buttonVariants = _chunk7TIFKRWYcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkRMA57Q6Kcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
77
77
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,2sCAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/index.cjs"}
1
+ {"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,2sCAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/index.cjs"}
package/dist/index.d.cts CHANGED
@@ -1,11 +1,11 @@
1
- export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-YYxiRT4J.cjs';
1
+ export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-CZ0Fqk-P.cjs';
2
2
  export { A as Avatar, a as AvatarProps } from './Avatar-ClZTSXQq.cjs';
3
3
  export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-DdTUum6Q.cjs';
4
4
  export { A as Badge, B as BadgeProps } from './Badge-bLQrP59R.cjs';
5
- export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DM-Cjn8v.cjs';
5
+ export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-BUxbjexY.cjs';
6
6
  export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.cjs';
7
7
  export { C as Card, a as CardProps, c as cardVariants } from './Card-9RmJ_S7F.cjs';
8
- export { J as Json, a as JsonProps } from './Json-DHE3NwkX.cjs';
8
+ export { J as Json, a as JsonProps } from './Json-BbMeuEvE.cjs';
9
9
  export { L as Label, a as LabelProps } from './Label-DSBpvzTK.cjs';
10
10
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.cjs';
11
11
  export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DZHeIvQc.cjs';
package/dist/index.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-YYxiRT4J.js';
1
+ export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-CZ0Fqk-P.js';
2
2
  export { A as Avatar, a as AvatarProps } from './Avatar-ClZTSXQq.js';
3
3
  export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BiYcc8Mb.js';
4
4
  export { A as Badge, B as BadgeProps } from './Badge-bLQrP59R.js';
5
- export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DM-Cjn8v.js';
5
+ export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-BUxbjexY.js';
6
6
  export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.js';
7
7
  export { C as Card, a as CardProps, c as cardVariants } from './Card-9RmJ_S7F.js';
8
- export { J as Json, a as JsonProps } from './Json-DHE3NwkX.js';
8
+ export { J as Json, a as JsonProps } from './Json-BbMeuEvE.js';
9
9
  export { L as Label, a as LabelProps } from './Label-DSBpvzTK.js';
10
10
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.js';
11
11
  export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DZHeIvQc.js';
package/dist/index.js CHANGED
@@ -1,6 +1,10 @@
1
+ import {
2
+ useDebounce,
3
+ useLocalStorage
4
+ } from "./chunk-USOEZROT.js";
1
5
  import {
2
6
  Json_default
3
- } from "./chunk-YGANJ3JO.js";
7
+ } from "./chunk-2HCWL2E3.js";
4
8
  import {
5
9
  Label_default
6
10
  } from "./chunk-7IGL67EH.js";
@@ -19,27 +23,23 @@ import {
19
23
  Tooltip_default,
20
24
  tooltipPlacementOptions
21
25
  } from "./chunk-MJE4MLZY.js";
22
- import {
23
- useDebounce,
24
- useLocalStorage
25
- } from "./chunk-USOEZROT.js";
26
26
  import {
27
27
  Accordion_default,
28
28
  accordionVariants
29
- } from "./chunk-NNVWLWOT.js";
30
- import {
31
- Badge_default
32
- } from "./chunk-QTXKWCDV.js";
29
+ } from "./chunk-EIOL2HNA.js";
33
30
  import {
34
31
  AvatarGroup_default
35
32
  } from "./chunk-6XDNBFGH.js";
36
33
  import {
37
34
  Avatar_default
38
35
  } from "./chunk-N6YMP2DX.js";
36
+ import {
37
+ Badge_default
38
+ } from "./chunk-QTXKWCDV.js";
39
39
  import {
40
40
  Breadcrumb_default,
41
41
  breadcrumbVariants
42
- } from "./chunk-RSXWUJRD.js";
42
+ } from "./chunk-4W3TNNMD.js";
43
43
  import {
44
44
  ButtonGroup_default,
45
45
  Button_default,
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@fuf-stack/pixels",
3
3
  "description": "fuf core react component library",
4
4
  "author": "Hannes Tiede",
5
- "version": "0.27.1",
5
+ "version": "0.28.0",
6
6
  "type": "module",
7
7
  "main": "./dist/index.cjs",
8
8
  "module": "./dist/index.js",
@@ -84,6 +84,11 @@
84
84
  "import": "./dist/ScrollShadow/index.js",
85
85
  "require": "./dist/ScrollShadow/index.cjs"
86
86
  },
87
+ "./Tabs": {
88
+ "types": "./dist/Tabs/index.d.ts",
89
+ "import": "./dist/Tabs/index.js",
90
+ "require": "./dist/Tabs/index.cjs"
91
+ },
87
92
  "./Tooltip": {
88
93
  "types": "./dist/Tooltip/index.d.ts",
89
94
  "import": "./dist/Tooltip/index.js",
@@ -129,8 +134,10 @@
129
134
  "@nextui-org/scroll-shadow": "2.1.20",
130
135
  "@nextui-org/system": "2.2.6",
131
136
  "@nextui-org/theme": "2.2.11",
137
+ "@nextui-org/tabs": "2.0.37",
132
138
  "@nextui-org/tooltip": "2.0.41",
133
- "framer-motion": "11.11.11",
139
+ "framer-motion": "11.11.17",
140
+ "next-themes": "0.4.3",
134
141
  "react-icons": "5.3.0",
135
142
  "@fuf-stack/pixel-utils": "0.3.1"
136
143
  },
@@ -142,9 +149,9 @@
142
149
  "react": "18.3.1",
143
150
  "react-dom": "18.3.1",
144
151
  "@repo/storybook-config": "0.0.1",
152
+ "@repo/vite-config": "0.0.1",
145
153
  "@repo/tsup-config": "0.0.1",
146
- "@repo/tailwind-config": "0.0.1",
147
- "@repo/vite-config": "0.0.1"
154
+ "@repo/tailwind-config": "0.0.1"
148
155
  },
149
156
  "scripts": {
150
157
  "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-I3F5BBUU.cjs","../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-I3F5BBUU.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: 'px-4',\n heading: 'px-4',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: 'px-0',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n showDivider: {\n true: {\n wrapper: 'divide-y divide-solid divide-divider',\n },\n },\n showBottomTopDivider: {\n true: {\n wrapper: 'border-b border-t border-solid border-divider',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** CSS class name */\n className?: ClassName;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Selected keys (controlled) */\n selectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className: _className = undefined,\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectedKeys = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({\n indicatorLeft,\n showDivider: showDivider && variant !== 'splitted',\n showBottomTopDivider: showDivider && variant === 'light',\n });\n const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n return (\n <NextAccordion\n className={classNames.wrapper}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={classNames}\n onSelectionChange={onSelectionChange}\n selectedKeys={selectedKeys}\n selectionMode={selectionMode}\n showDivider={false}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\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 </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: 'px-4',\n heading: 'px-4',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: 'px-0',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n showDivider: {\n true: {\n wrapper: 'divide-y divide-solid divide-divider',\n },\n },\n showBottomTopDivider: {\n true: {\n wrapper: 'border-b border-t border-solid border-divider',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** CSS class name */\n className?: ClassName;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Selected keys (controlled) */\n selectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className: _className = undefined,\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectedKeys = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({\n indicatorLeft,\n showDivider: showDivider && variant !== 'splitted',\n showBottomTopDivider: showDivider && variant === 'light',\n });\n const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n return (\n <NextAccordion\n className={classNames.wrapper}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={classNames}\n onSelectionChange={onSelectionChange}\n selectedKeys={selectedKeys}\n selectionMode={selectionMode}\n showDivider={false}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\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 </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AA4HjC;AAxHD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,IACxC,sBAAsB,eAAe,YAAY;AAAA,EACnD,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC3If,IAAOA,qBAAQ;","names":["Accordion_default"]}
@@ -1 +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"]}
@@ -1 +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"]}