@fuf-stack/pixels 1.11.0 → 1.11.2

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 (166) hide show
  1. package/dist/Accordion/Accordion.cjs +0 -1
  2. package/dist/Accordion/Accordion.cjs.map +1 -1
  3. package/dist/Accordion/Accordion.d.cts +512 -74
  4. package/dist/Accordion/Accordion.d.cts.map +1 -1
  5. package/dist/Accordion/Accordion.d.ts +512 -74
  6. package/dist/Accordion/Accordion.d.ts.map +1 -1
  7. package/dist/Alert/Alert.cjs +0 -1
  8. package/dist/Alert/Alert.cjs.map +1 -1
  9. package/dist/Alert/Alert.d.cts +395 -109
  10. package/dist/Alert/Alert.d.cts.map +1 -1
  11. package/dist/Alert/Alert.d.ts +395 -109
  12. package/dist/Alert/Alert.d.ts.map +1 -1
  13. package/dist/Avatar/Avatar.cjs +0 -1
  14. package/dist/Avatar/Avatar.cjs.map +1 -1
  15. package/dist/Avatar/Avatar.d.cts +734 -45
  16. package/dist/Avatar/Avatar.d.cts.map +1 -1
  17. package/dist/Avatar/Avatar.d.ts +734 -45
  18. package/dist/Avatar/Avatar.d.ts.map +1 -1
  19. package/dist/AvatarGroup/AvatarGroup.cjs +0 -1
  20. package/dist/AvatarGroup/AvatarGroup.cjs.map +1 -1
  21. package/dist/Badge/Badge.cjs +0 -1
  22. package/dist/Badge/Badge.cjs.map +1 -1
  23. package/dist/Badge/Badge.d.cts +377 -27
  24. package/dist/Badge/Badge.d.cts.map +1 -1
  25. package/dist/Badge/Badge.d.ts +377 -27
  26. package/dist/Badge/Badge.d.ts.map +1 -1
  27. package/dist/Breadcrumb/Breadcrumb.cjs +10 -11
  28. package/dist/Breadcrumb/Breadcrumb.cjs.map +1 -1
  29. package/dist/Breadcrumb/Breadcrumb.d.cts +853 -51
  30. package/dist/Breadcrumb/Breadcrumb.d.cts.map +1 -1
  31. package/dist/Breadcrumb/Breadcrumb.d.ts +853 -51
  32. package/dist/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  33. package/dist/Breadcrumb/Breadcrumb.js +10 -10
  34. package/dist/Breadcrumb/Breadcrumb.js.map +1 -1
  35. package/dist/Button/Button.cjs +0 -1
  36. package/dist/Button/Button.cjs.map +1 -1
  37. package/dist/Button/Button.d.cts +3 -215
  38. package/dist/Button/Button.d.cts.map +1 -1
  39. package/dist/Button/Button.d.ts +3 -215
  40. package/dist/Button/Button.d.ts.map +1 -1
  41. package/dist/Button/Button.js.map +1 -1
  42. package/dist/Button/subcomponents/LoadingSpinner.cjs +0 -1
  43. package/dist/Button/subcomponents/LoadingSpinner.cjs.map +1 -1
  44. package/dist/ButtonGroup/ButtonGroup.cjs +0 -1
  45. package/dist/ButtonGroup/ButtonGroup.cjs.map +1 -1
  46. package/dist/Card/Card.cjs +1 -2
  47. package/dist/Card/Card.cjs.map +1 -1
  48. package/dist/Card/Card.d.cts +734 -45
  49. package/dist/Card/Card.d.cts.map +1 -1
  50. package/dist/Card/Card.d.ts +734 -45
  51. package/dist/Card/Card.d.ts.map +1 -1
  52. package/dist/Card/Card.js +1 -1
  53. package/dist/Card/Card.js.map +1 -1
  54. package/dist/Drawer/Drawer.cjs +0 -1
  55. package/dist/Drawer/Drawer.cjs.map +1 -1
  56. package/dist/Drawer/Drawer.d.cts +972 -57
  57. package/dist/Drawer/Drawer.d.cts.map +1 -1
  58. package/dist/Drawer/Drawer.d.ts +972 -57
  59. package/dist/Drawer/Drawer.d.ts.map +1 -1
  60. package/dist/Json/Json.cjs +30 -23
  61. package/dist/Json/Json.cjs.map +1 -1
  62. package/dist/Json/Json.d.cts.map +1 -1
  63. package/dist/Json/Json.d.ts.map +1 -1
  64. package/dist/Json/Json.js +30 -22
  65. package/dist/Json/Json.js.map +1 -1
  66. package/dist/Json/subcomponents/CopiedRenderer.cjs +3 -4
  67. package/dist/Json/subcomponents/CopiedRenderer.cjs.map +1 -1
  68. package/dist/Json/subcomponents/CopiedRenderer.js +3 -3
  69. package/dist/Json/subcomponents/CopiedRenderer.js.map +1 -1
  70. package/dist/Json/subcomponents/ErrorRenderer.cjs +0 -1
  71. package/dist/Json/subcomponents/ErrorRenderer.cjs.map +1 -1
  72. package/dist/Json/subcomponents/NullRenderer.cjs +0 -1
  73. package/dist/Json/subcomponents/NullRenderer.cjs.map +1 -1
  74. package/dist/Label/Label.cjs +0 -1
  75. package/dist/Label/Label.cjs.map +1 -1
  76. package/dist/Label/Label.d.cts +418 -173
  77. package/dist/Label/Label.d.cts.map +1 -1
  78. package/dist/Label/Label.d.ts +418 -173
  79. package/dist/Label/Label.d.ts.map +1 -1
  80. package/dist/Menu/Menu.cjs +1 -2
  81. package/dist/Menu/Menu.cjs.map +1 -1
  82. package/dist/Menu/Menu.d.cts +377 -27
  83. package/dist/Menu/Menu.d.cts.map +1 -1
  84. package/dist/Menu/Menu.d.ts +377 -27
  85. package/dist/Menu/Menu.d.ts.map +1 -1
  86. package/dist/Menu/Menu.js +1 -1
  87. package/dist/Menu/Menu.js.map +1 -1
  88. package/dist/Menu/VerticalDotsIcon.cjs +0 -1
  89. package/dist/Menu/VerticalDotsIcon.cjs.map +1 -1
  90. package/dist/Modal/Modal.cjs +0 -1
  91. package/dist/Modal/Modal.cjs.map +1 -1
  92. package/dist/Modal/Modal.d.cts +342 -70
  93. package/dist/Modal/Modal.d.cts.map +1 -1
  94. package/dist/Modal/Modal.d.ts +342 -70
  95. package/dist/Modal/Modal.d.ts.map +1 -1
  96. package/dist/Modal/ModalHost.cjs +0 -1
  97. package/dist/Modal/ModalHost.cjs.map +1 -1
  98. package/dist/Modal/modalStore.cjs +0 -1
  99. package/dist/Modal/modalStore.cjs.map +1 -1
  100. package/dist/Popover/Popover.cjs +1 -2
  101. package/dist/Popover/Popover.cjs.map +1 -1
  102. package/dist/Popover/Popover.d.cts +1091 -63
  103. package/dist/Popover/Popover.d.cts.map +1 -1
  104. package/dist/Popover/Popover.d.ts +1091 -63
  105. package/dist/Popover/Popover.d.ts.map +1 -1
  106. package/dist/Popover/Popover.js +1 -1
  107. package/dist/Popover/Popover.js.map +1 -1
  108. package/dist/Progress/Progress.cjs +0 -1
  109. package/dist/Progress/Progress.cjs.map +1 -1
  110. package/dist/Progress/Progress.d.cts +321 -85
  111. package/dist/Progress/Progress.d.cts.map +1 -1
  112. package/dist/Progress/Progress.d.ts +321 -85
  113. package/dist/Progress/Progress.d.ts.map +1 -1
  114. package/dist/ProgressCircular/ProgressCircular.cjs +1 -2
  115. package/dist/ProgressCircular/ProgressCircular.cjs.map +1 -1
  116. package/dist/ProgressCircular/ProgressCircular.d.cts +507 -186
  117. package/dist/ProgressCircular/ProgressCircular.d.cts.map +1 -1
  118. package/dist/ProgressCircular/ProgressCircular.d.ts +507 -186
  119. package/dist/ProgressCircular/ProgressCircular.d.ts.map +1 -1
  120. package/dist/ProgressCircular/ProgressCircular.js +1 -1
  121. package/dist/ProgressCircular/ProgressCircular.js.map +1 -1
  122. package/dist/ScrollShadow/ScrollShadow.cjs +0 -1
  123. package/dist/ScrollShadow/ScrollShadow.cjs.map +1 -1
  124. package/dist/SearchInput/SearchInput.cjs +8 -9
  125. package/dist/SearchInput/SearchInput.cjs.map +1 -1
  126. package/dist/SearchInput/SearchInput.d.cts +615 -39
  127. package/dist/SearchInput/SearchInput.d.cts.map +1 -1
  128. package/dist/SearchInput/SearchInput.d.ts +615 -39
  129. package/dist/SearchInput/SearchInput.d.ts.map +1 -1
  130. package/dist/SearchInput/SearchInput.js +8 -8
  131. package/dist/SearchInput/SearchInput.js.map +1 -1
  132. package/dist/Table/Table.cjs +0 -1
  133. package/dist/Table/Table.cjs.map +1 -1
  134. package/dist/Table/Table.d.cts +514 -96
  135. package/dist/Table/Table.d.cts.map +1 -1
  136. package/dist/Table/Table.d.ts +514 -96
  137. package/dist/Table/Table.d.ts.map +1 -1
  138. package/dist/Tabs/Tabs.cjs +0 -1
  139. package/dist/Tabs/Tabs.cjs.map +1 -1
  140. package/dist/Tabs/Tabs.d.cts +972 -57
  141. package/dist/Tabs/Tabs.d.cts.map +1 -1
  142. package/dist/Tabs/Tabs.d.ts +972 -57
  143. package/dist/Tabs/Tabs.d.ts.map +1 -1
  144. package/dist/Toast/Toaster.cjs +0 -1
  145. package/dist/Toast/Toaster.cjs.map +1 -1
  146. package/dist/Toast/toast.cjs +0 -1
  147. package/dist/Toast/toast.cjs.map +1 -1
  148. package/dist/Tooltip/Tooltip.cjs +6 -7
  149. package/dist/Tooltip/Tooltip.cjs.map +1 -1
  150. package/dist/Tooltip/Tooltip.d.cts +452 -143
  151. package/dist/Tooltip/Tooltip.d.cts.map +1 -1
  152. package/dist/Tooltip/Tooltip.d.ts +452 -143
  153. package/dist/Tooltip/Tooltip.d.ts.map +1 -1
  154. package/dist/Tooltip/Tooltip.js +6 -6
  155. package/dist/Tooltip/Tooltip.js.map +1 -1
  156. package/dist/hooks/useDebounce/useDebounce.cjs +0 -1
  157. package/dist/hooks/useDebounce/useDebounce.cjs.map +1 -1
  158. package/dist/hooks/useIsInitialRenderCycle/useIsInitialRenderCycle.cjs +0 -1
  159. package/dist/hooks/useIsInitialRenderCycle/useIsInitialRenderCycle.cjs.map +1 -1
  160. package/dist/hooks/useLocalStorage/useLocalStorage.cjs +0 -1
  161. package/dist/hooks/useLocalStorage/useLocalStorage.cjs.map +1 -1
  162. package/dist/node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/comps/useIdCompat.cjs +0 -1
  163. package/dist/node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/comps/useIdCompat.cjs.map +1 -1
  164. package/dist/node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/utils/useHighlight.cjs +0 -1
  165. package/dist/node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/utils/useHighlight.cjs.map +1 -1
  166. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","names":[],"sources":["../../src/Table/Table.tsx"],"mappings":";;;;cAgBa,aAAA,8BAAa,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCd,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KACrC,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAEnB,gBAAA;EACf,GAAA;EACA,KAAA,EAAO,SAAS;AAAA;AAAA,UAGD,aAAA;EACf,GAAA;EAAA,CACC,GAAA,oBAAuB,SAAS;AAAA;AAAA,UAGlB,UAAA,SAAmB,YAAA;EAHD;EAKjC,SAAA;EAFe;EAIf,aAAA,GAAgB,SAAA;;EAEhB,SAAA,GAAY,SAAA;EAAA;EAEZ,OAAA,EAAS,gBAAA;EAEM;EAAf,YAAA,GAAe,SAAA;EAcR;EAZP,UAAA;EAZ8C;EAc9C,UAAA;EAdkC;EAgBlC,OAAA;EAZA;EAcA,cAAA,GAAiB,SAAA;EAZjB;EAcA,cAAA;EAZA;EAcA,SAAA;EAZA;EAcA,IAAA,GAAO,aAAA;EAZP;EAcA,UAAA;EAVA;EAkBA,YAAA;EAhBiB;EAkBjB,MAAA;EAdA;EAgBA,WAAA;AAAA;;;;cAMI,KAAA;EAAS,SAAA;EAAA,aAAA;EAAA,SAAA;EAAA,OAAA;EAAA,YAAA;EAAA,UAAA;EAAA,UAAA;EAAA,OAAA;EAAA,cAAA;EAAA,cAAA;EAAA,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,YAAA;EAAA,MAAA;EAAA;AAAA,GAiBZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}
1
+ {"version":3,"file":"Table.d.ts","names":[],"sources":["../../src/Table/Table.tsx"],"mappings":";;;;cAgBa,aAAA,IAAa,KAAA;;;gbAsCxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mbAEsB;mbAAA;sbAAU;ybAAqB;6bAAA;+bACzC;MAAA;IAAA;;;;;;obAII;;;;wbAAA;IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mbAiHjB;mbAAA;sbAAA;obA7Dc;obAAA;obAAA;ibAAA;ibAAA;ibAAA;obAAA;ubAAA;2bAAA;6bAAA;IAAA;;;;ubAAA;mbAAA;sbAiBZ;obAAU;obAAA;obAjBE;ibAAA;ibAAA;ibAAA;obAAA;ubAAA;2bAAA;6bAAA;IAAA;EAAA;;;;;;kbAAA;;;;sbAAA;EAAA;;;KAzDH,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KACrC,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAEnB,gBAAA;EACf,GAAA;EACA,KAAA,EAAO,SAAS;AAAA;AAAA,UAGD,aAAA;EACf,GAAA;EAAA,CACC,GAAA,oBAAuB,SAAS;AAAA;AAAA,UAGlB,UAAA,SAAmB,YAAA;EA6DvB;EA3DX,SAAA;EAuGD;EArGC,aAAA,GAAgB,SAAA;;EAEhB,SAAA,GAAY,SAAA;;EAEZ,OAAA,EAAS,gBAAA;;EAET,YAAA,GAAe,SAAA;;EAEf,UAAA;;EAEA,UAAA;;EAEA,OAAA;;EAEA,cAAA,GAAiB,SAAA;;EAEjB,cAAA;;EAEA,SAAA;;EAEA,IAAA,GAAO,aAAA;;EAEP,UAAA;;EAQA,YAAA;;EAEA,MAAA;;EAEA,WAAA;AAAA;;;;cAMI,KAAA;EAAS,SAAA;EAAA,aAAA;EAAA,SAAA;EAAA,OAAA;EAAA,YAAA;EAAA,UAAA;EAAA,UAAA;EAAA,OAAA;EAAA,cAAA;EAAA,cAAA;EAAA,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,YAAA;EAAA,MAAA;EAAA;AAAA,GAiBZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}
@@ -1,4 +1,3 @@
1
- require("../_virtual/_rolldown/runtime.cjs");
2
1
  let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
3
2
  let react_jsx_runtime = require("react/jsx-runtime");
4
3
  let _heroui_tabs = require("@heroui/tabs");
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.cjs","names":["HeroTabs","HeroTab"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n slots: {\n base: '',\n cursor: '',\n panel: '',\n tab: 'data-[hover-unselected=true]:opacity-100',\n tabContent: 'text-foreground',\n tabList: '',\n tabWrapper: '',\n },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\ntype Key = string | number;\n\nexport interface TabProps {\n /** Content to be displayed in the tab panel */\n content: ReactNode;\n /** Disables the tab so it can not be selected */\n disabled?: boolean;\n /** Unique identifier for the tab */\n key: Key;\n /** Label content displayed in the tab button */\n label: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\nexport interface TabsProps extends VariantProps {\n /** Accessible label for the tabs component */\n ariaLabel?: string;\n /** CSS class name */\n className?: ClassName;\n /** Key of the tab that should be selected by default */\n defaultSelectedKey?: string | number;\n /** Whether to destroy inactive tab panel DOM nodes */\n destroyInactiveTabPanel?: boolean;\n /** Whether the animation should be disabled. */\n disableAnimation?: boolean;\n /** Array of keys for the tabs to disable */\n disabledKeys?: string[];\n /** Whether tabs should take up full container width */\n fullWidth?: boolean;\n /** Callback fired when tab selection changes */\n onSelectionChange?: (key: Key | null) => void;\n /** Position of the tab list relative to the content */\n placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n /** Radius of the tabs */\n radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** Selected tab key (controlled) */\n selectedKey?: Key;\n /** Size of the tabs */\n size?: 'sm' | 'md' | 'lg';\n /** Array of tab configurations */\n tabs: TabProps[];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** Style variant of the tabs */\n variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n /** Whether to display tabs vertically */\n vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n ariaLabel = undefined,\n className = undefined,\n defaultSelectedKey = undefined,\n destroyInactiveTabPanel = true,\n disableAnimation = false,\n disabledKeys = undefined,\n fullWidth = true,\n onSelectionChange = undefined,\n placement = undefined,\n radius = undefined,\n selectedKey = undefined,\n size = 'md',\n tabs,\n testId = 'tab',\n variant = 'solid',\n vertical = false,\n}: TabsProps) => {\n const variants = tabsVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <HeroTabs\n aria-label={ariaLabel}\n classNames={classNames}\n defaultSelectedKey={defaultSelectedKey}\n destroyInactiveTabPanel={destroyInactiveTabPanel}\n disableAnimation={disableAnimation}\n disabledKeys={disabledKeys}\n fullWidth={fullWidth}\n isVertical={vertical}\n items={tabs || []}\n onSelectionChange={onSelectionChange}\n placement={placement}\n radius={radius}\n selectedKey={selectedKey}\n size={size}\n variant={variant}\n >\n {(item) => {\n return (\n <HeroTab\n key={item.key}\n data-testid={slugify(`${testId}_${item.testId ?? item.key}`)}\n isDisabled={!!item.disabled}\n title={item.label}\n >\n {item.content}\n </HeroTab>\n );\n }}\n </HeroTabs>\n );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;AAOA,MAAa,gBAAA,GAAA,uBAAA,IAAkB,EAC7B,OAAO;CACL,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,YAAY;CACZ,SAAS;CACT,YAAY;AACd,EACF,CAAC;;;;AA0DD,MAAM,QAAQ,EACZ,YAAY,KAAA,GACZ,YAAY,KAAA,GACZ,qBAAqB,KAAA,GACrB,0BAA0B,MAC1B,mBAAmB,OACnB,eAAe,KAAA,GACf,YAAY,MACZ,oBAAoB,KAAA,GACpB,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,cAAc,KAAA,GACd,OAAO,MACP,MACA,SAAS,OACT,UAAU,SACV,WAAW,YACI;CAIf,OACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,MAAD;EACE,cAAY;EACZ,aAAA,GAAA,uBAAA,sBANa,aAC8B,GAAG,WAAW,MAKpC;EACD;EACK;EACP;EACJ;EACH;EACX,YAAY;EACZ,OAAO,QAAQ,CAAC;EACG;EACR;EACH;EACK;EACP;EACG;aAEP,SAAS;GACT,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,KAAD;IAEE,gBAAA,GAAA,uBAAA,SAAqB,GAAG,OAAO,GAAG,KAAK,UAAU,KAAK,KAAK;IAC3D,YAAY,CAAC,CAAC,KAAK;IACnB,OAAO,KAAK;cAEX,KAAK;GACC,GANF,KAAK,GAMH;EAEb;CACQ,CAAA;AAEd"}
1
+ {"version":3,"file":"Tabs.cjs","names":["HeroTabs","HeroTab"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n slots: {\n base: '',\n cursor: '',\n panel: '',\n tab: 'data-[hover-unselected=true]:opacity-100',\n tabContent: 'text-foreground',\n tabList: '',\n tabWrapper: '',\n },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\ntype Key = string | number;\n\nexport interface TabProps {\n /** Content to be displayed in the tab panel */\n content: ReactNode;\n /** Disables the tab so it can not be selected */\n disabled?: boolean;\n /** Unique identifier for the tab */\n key: Key;\n /** Label content displayed in the tab button */\n label: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\nexport interface TabsProps extends VariantProps {\n /** Accessible label for the tabs component */\n ariaLabel?: string;\n /** CSS class name */\n className?: ClassName;\n /** Key of the tab that should be selected by default */\n defaultSelectedKey?: string | number;\n /** Whether to destroy inactive tab panel DOM nodes */\n destroyInactiveTabPanel?: boolean;\n /** Whether the animation should be disabled. */\n disableAnimation?: boolean;\n /** Array of keys for the tabs to disable */\n disabledKeys?: string[];\n /** Whether tabs should take up full container width */\n fullWidth?: boolean;\n /** Callback fired when tab selection changes */\n onSelectionChange?: (key: Key | null) => void;\n /** Position of the tab list relative to the content */\n placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n /** Radius of the tabs */\n radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** Selected tab key (controlled) */\n selectedKey?: Key;\n /** Size of the tabs */\n size?: 'sm' | 'md' | 'lg';\n /** Array of tab configurations */\n tabs: TabProps[];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** Style variant of the tabs */\n variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n /** Whether to display tabs vertically */\n vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n ariaLabel = undefined,\n className = undefined,\n defaultSelectedKey = undefined,\n destroyInactiveTabPanel = true,\n disableAnimation = false,\n disabledKeys = undefined,\n fullWidth = true,\n onSelectionChange = undefined,\n placement = undefined,\n radius = undefined,\n selectedKey = undefined,\n size = 'md',\n tabs,\n testId = 'tab',\n variant = 'solid',\n vertical = false,\n}: TabsProps) => {\n const variants = tabsVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <HeroTabs\n aria-label={ariaLabel}\n classNames={classNames}\n defaultSelectedKey={defaultSelectedKey}\n destroyInactiveTabPanel={destroyInactiveTabPanel}\n disableAnimation={disableAnimation}\n disabledKeys={disabledKeys}\n fullWidth={fullWidth}\n isVertical={vertical}\n items={tabs || []}\n onSelectionChange={onSelectionChange}\n placement={placement}\n radius={radius}\n selectedKey={selectedKey}\n size={size}\n variant={variant}\n >\n {(item) => {\n return (\n <HeroTab\n key={item.key}\n data-testid={slugify(`${testId}_${item.testId ?? item.key}`)}\n isDisabled={!!item.disabled}\n title={item.label}\n >\n {item.content}\n </HeroTab>\n );\n }}\n </HeroTabs>\n );\n};\n\nexport default Tabs;\n"],"mappings":";;;;AAOA,MAAa,gBAAA,GAAA,uBAAA,IAAkB,EAC7B,OAAO;CACL,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,YAAY;CACZ,SAAS;CACT,YAAY;AACd,EACF,CAAC;;;;AA0DD,MAAM,QAAQ,EACZ,YAAY,KAAA,GACZ,YAAY,KAAA,GACZ,qBAAqB,KAAA,GACrB,0BAA0B,MAC1B,mBAAmB,OACnB,eAAe,KAAA,GACf,YAAY,MACZ,oBAAoB,KAAA,GACpB,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,cAAc,KAAA,GACd,OAAO,MACP,MACA,SAAS,OACT,UAAU,SACV,WAAW,YACI;CAIf,OACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,MAAD;EACE,cAAY;EACZ,aAAA,GAAA,uBAAA,sBANa,aAC8B,GAAG,WAAW,MAKpC;EACD;EACK;EACP;EACJ;EACH;EACX,YAAY;EACZ,OAAO,QAAQ,CAAC;EACG;EACR;EACH;EACK;EACP;EACG;aAEP,SAAS;GACT,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,KAAD;IAEE,gBAAA,GAAA,uBAAA,SAAqB,GAAG,OAAO,GAAG,KAAK,UAAU,KAAK,KAAK;IAC3D,YAAY,CAAC,CAAC,KAAK;IACnB,OAAO,KAAK;cAEX,KAAK;GACC,GANF,KAAK,GAMH;EAEb;CACQ,CAAA;AAEd"}