@fuf-stack/pixels 0.27.2 → 0.28.0

package/dist/Accordion/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkI3F5BBUUcjs = require('../chunk-I3F5BBUU.cjs');
+var _chunkVHEIRVBBcjs = require('../chunk-VHEIRVBB.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Accordion = _chunkI3F5BBUUcjs.Accordion_default; exports.accordionVariants = _chunkI3F5BBUUcjs.accordionVariants; exports.default = _chunkI3F5BBUUcjs.Accordion_default2;
+exports.Accordion = _chunkVHEIRVBBcjs.Accordion_default; exports.accordionVariants = _chunkVHEIRVBBcjs.accordionVariants; exports.default = _chunkVHEIRVBBcjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Accordion } from '../Accordion-YYxiRT4J.cjs';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-YYxiRT4J.cjs';
+import { A as Accordion } from '../Accordion-CZ0Fqk-P.cjs';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-CZ0Fqk-P.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Accordion/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Accordion } from '../Accordion-YYxiRT4J.js';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-YYxiRT4J.js';
+import { A as Accordion } from '../Accordion-CZ0Fqk-P.js';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-CZ0Fqk-P.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Accordion/index.js

@@ -2,7 +2,7 @@ import {
   Accordion_default,
   Accordion_default2,
   accordionVariants
-} from "../chunk-NNVWLWOT.js";
+} from "../chunk-EIOL2HNA.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Accordion_default as Accordion,

package/dist/{Accordion-YYxiRT4J.d.cts → Accordion-CZ0Fqk-P.d.cts}

@@ -179,7 +179,7 @@ type VariantProps = TVProps<typeof accordionVariants>;
 type ClassName = TVClassName<typeof accordionVariants>;
 interface AccordionProps extends VariantProps {
     /** Props for AccordionItems, will render the accordion items programmatically */
-    accordionItems?: AccordionItemProps[];
+    accordionItems: AccordionItemProps[];
     /** CSS class name */
     className?: ClassName;
     /** Array of keys for the AccordionItem(s) to be expanded by default */

package/dist/{Accordion-YYxiRT4J.d.ts → Accordion-CZ0Fqk-P.d.ts}

@@ -179,7 +179,7 @@ type VariantProps = TVProps<typeof accordionVariants>;
 type ClassName = TVClassName<typeof accordionVariants>;
 interface AccordionProps extends VariantProps {
     /** Props for AccordionItems, will render the accordion items programmatically */
-    accordionItems?: AccordionItemProps[];
+    accordionItems: AccordionItemProps[];
     /** CSS class name */
     className?: ClassName;
     /** Array of keys for the AccordionItem(s) to be expanded by default */

package/dist/Breadcrumb/index.cjs

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

package/dist/Breadcrumb/index.d.cts

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

package/dist/Breadcrumb/index.d.ts

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

package/dist/Breadcrumb/index.js

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

package/dist/{Breadcrumb-DM-Cjn8v.d.cts → Breadcrumb-BUxbjexY.d.cts}

@@ -7,69 +7,95 @@ import { ReactNode } from 'react';
 declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, tailwind_variants.TVReturnType<unknown, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -87,7 +113,7 @@ type VariantProps = TVProps<typeof breadcrumbVariants>;
 type ClassName = TVClassName<typeof breadcrumbVariants>;
 interface BreadcrumbProps extends VariantProps {
     /** Props for breadcrumbItem, will render the breadcrumb items programmatically */
-    breadcrumbItems?: BreadcrumbItemProps[];
+    breadcrumbItems: BreadcrumbItemProps[];
     /** CSS class name */
     className?: ClassName;
     /** color of the active BreadcrumbItem */

package/dist/{Breadcrumb-DM-Cjn8v.d.ts → Breadcrumb-BUxbjexY.d.ts}

@@ -7,69 +7,95 @@ import { ReactNode } from 'react';
 declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, tailwind_variants.TVReturnType<unknown, {
-    wrapper: string;
+    /** ellipsis slot */
+    ellipsis: string;
+    /** li > span slot */
+    item: string;
+    /** li  slot */
+    itemBase: string;
+    /** ol slot */
     list: string;
+    /** separator slot */
     separator: string;
-    item: string;
-    base: string;
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
+            nav?: tailwind_variants.ClassValue;
             list?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
+            ellipsis?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -87,7 +113,7 @@ type VariantProps = TVProps<typeof breadcrumbVariants>;
 type ClassName = TVClassName<typeof breadcrumbVariants>;
 interface BreadcrumbProps extends VariantProps {
     /** Props for breadcrumbItem, will render the breadcrumb items programmatically */
-    breadcrumbItems?: BreadcrumbItemProps[];
+    breadcrumbItems: BreadcrumbItemProps[];
     /** CSS class name */
     className?: ClassName;
     /** color of the active BreadcrumbItem */

package/dist/Tabs/index.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-DZUJEN5N.cjs');
+
+// src/Tabs/Tabs.tsx
+var _tabs = require('@nextui-org/tabs');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var tabsVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "",
+    tabList: "",
+    tab: "",
+    tabContent: "",
+    cursor: "",
+    panel: ""
+  }
+});
+var Tabs = ({
+  className = void 0,
+  fullWidth = true,
+  selectedKey = void 0,
+  tabs,
+  onSelectionChange = void 0
+}) => {
+  const variants = tabsVariants();
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _tabs.Tabs,
+    {
+      "aria-label": "Tabs",
+      classNames,
+      fullWidth,
+      items: tabs || [],
+      onSelectionChange,
+      selectedKey,
+      size: "md",
+      children: (item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _tabs.Tab, { title: item.label, children: item.content }, item.id)
+    }
+  );
+};
+var Tabs_default = Tabs;
+
+// src/Tabs/index.ts
+var Tabs_default2 = Tabs_default;
+
+
+exports.default = Tabs_default2;
+//# sourceMappingURL=index.cjs.map

package/dist/Tabs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/Tabs/index.cjs","../../src/Tabs/Tabs.tsx","../../src/Tabs/index.ts"],"names":["Tabs_default"],"mappings":"AAAA,0GAA8B;AAC9B;AACA;ACCA,wCAAiD;AAEjD,oDAAyC;AAsDjC,+CAAA;AApDD,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,GAAA,EAAK,EAAA;AAAA,IACL,UAAA,EAAY,EAAA;AAAA,IACZ,MAAA,EAAQ,EAAA;AAAA,IACR,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAsBD,IAAM,KAAA,EAAO,CAAC;AAAA,EACZ,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,UAAA,EAAY,IAAA;AAAA,EACZ,YAAA,EAAc,KAAA,CAAA;AAAA,EACd,IAAA;AAAA,EACA,kBAAA,EAAoB,KAAA;AACtB,CAAA,EAAA,GAAiB;AACf,EAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,MAAA;AAAA,MACX,UAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA,EAAO,KAAA,GAAQ,CAAC,CAAA;AAAA,MAChB,iBAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MAEJ,QAAA,EAAA,CAAC,IAAA,EAAA,mBACA,6BAAA,SAAC,EAAA,EAAsB,KAAA,EAAO,IAAA,CAAK,KAAA,EAChC,QAAA,EAAA,IAAA,CAAK,QAAA,CAAA,EADM,IAAA,CAAK,EAEnB;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ,CAAA;AAEA,IAAO,aAAA,EAAQ,IAAA;AD3Bf;AACA;AErCA,IAAOA,cAAAA,EAAQ,YAAA;AFuCf;AACE;AACF,gCAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/Tabs/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as NextTab, Tabs as NextTabs } from '@nextui-org/tabs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    tabList: '',\n    tab: '',\n    tabContent: '',\n    cursor: '',\n    panel: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\nexport interface TabOptions {\n  content: ReactNode;\n  id: string;\n  label: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  className?: ClassName;\n  fullWidth?: boolean;\n  onSelectionChange?: (key: React.Key) => void;\n  selectedKey?: number | null | undefined;\n  tabs: TabOptions[];\n}\n\n/**\n * Tabs component based on [NextUI Tabs](https://nextui.org/docs/components/tabs)\n */\nconst Tabs = ({\n  className = undefined,\n  fullWidth = true,\n  selectedKey = undefined,\n  tabs,\n  onSelectionChange = undefined,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextTabs\n      aria-label=\"Tabs\"\n      classNames={classNames}\n      fullWidth={fullWidth}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      selectedKey={selectedKey}\n      size=\"md\"\n    >\n      {(item) => (\n        <NextTab key={item.id} title={item.label}>\n          {item.content}\n        </NextTab>\n      )}\n    </NextTabs>\n  );\n};\n\nexport default Tabs;\n","import type { TabOptions } from './Tabs';\n\nimport Tabs from './Tabs';\n\nexport default Tabs;\n\nexport type { TabOptions };\n"]}

package/dist/Tabs/index.d.cts

@@ -0,0 +1,103 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import * as tailwind_variants from 'tailwind-variants';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+
+declare const tabsVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    tabList: string;
+    tab: string;
+    tabContent: string;
+    cursor: string;
+    panel: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    tabList: string;
+    tab: string;
+    tabContent: string;
+    cursor: string;
+    panel: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    tabList: string;
+    tab: string;
+    tabContent: string;
+    cursor: string;
+    panel: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tabsVariants>;
+type ClassName = TVClassName<typeof tabsVariants>;
+interface TabOptions {
+    content: ReactNode;
+    id: string;
+    label: string;
+}
+interface TabsProps extends VariantProps {
+    className?: ClassName;
+    fullWidth?: boolean;
+    onSelectionChange?: (key: React.Key) => void;
+    selectedKey?: number | null | undefined;
+    tabs: TabOptions[];
+}
+/**
+ * Tabs component based on [NextUI Tabs](https://nextui.org/docs/components/tabs)
+ */
+declare const Tabs: ({ className, fullWidth, selectedKey, tabs, onSelectionChange, }: TabsProps) => react_jsx_runtime.JSX.Element;
+
+export { type TabOptions, Tabs as default };

package/dist/Tabs/index.d.ts

@@ -0,0 +1,103 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import * as tailwind_variants from 'tailwind-variants';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+
+declare const tabsVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    tabList: string;
+    tab: string;
+    tabContent: string;
+    cursor: string;
+    panel: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    tabList: string;
+    tab: string;
+    tabContent: string;
+    cursor: string;
+    panel: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    tabList: string;
+    tab: string;
+    tabContent: string;
+    cursor: string;
+    panel: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            tabList?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
+            tabContent?: tailwind_variants.ClassValue;
+            cursor?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tabsVariants>;
+type ClassName = TVClassName<typeof tabsVariants>;
+interface TabOptions {
+    content: ReactNode;
+    id: string;
+    label: string;
+}
+interface TabsProps extends VariantProps {
+    className?: ClassName;
+    fullWidth?: boolean;
+    onSelectionChange?: (key: React.Key) => void;
+    selectedKey?: number | null | undefined;
+    tabs: TabOptions[];
+}
+/**
+ * Tabs component based on [NextUI Tabs](https://nextui.org/docs/components/tabs)
+ */
+declare const Tabs: ({ className, fullWidth, selectedKey, tabs, onSelectionChange, }: TabsProps) => react_jsx_runtime.JSX.Element;
+
+export { type TabOptions, Tabs as default };

package/dist/Tabs/index.js

@@ -0,0 +1,47 @@
+import "../chunk-5WRI5ZAA.js";
+
+// src/Tabs/Tabs.tsx
+import { Tab as NextTab, Tabs as NextTabs } from "@nextui-org/tabs";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+var tabsVariants = tv({
+  slots: {
+    base: "",
+    tabList: "",
+    tab: "",
+    tabContent: "",
+    cursor: "",
+    panel: ""
+  }
+});
+var Tabs = ({
+  className = void 0,
+  fullWidth = true,
+  selectedKey = void 0,
+  tabs,
+  onSelectionChange = void 0
+}) => {
+  const variants = tabsVariants();
+  const classNames = variantsToClassNames(variants, className, "base");
+  return /* @__PURE__ */ jsx(
+    NextTabs,
+    {
+      "aria-label": "Tabs",
+      classNames,
+      fullWidth,
+      items: tabs || [],
+      onSelectionChange,
+      selectedKey,
+      size: "md",
+      children: (item) => /* @__PURE__ */ jsx(NextTab, { title: item.label, children: item.content }, item.id)
+    }
+  );
+};
+var Tabs_default = Tabs;
+
+// src/Tabs/index.ts
+var Tabs_default2 = Tabs_default;
+export {
+  Tabs_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/Tabs.tsx","../../src/Tabs/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as NextTab, Tabs as NextTabs } from '@nextui-org/tabs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    tabList: '',\n    tab: '',\n    tabContent: '',\n    cursor: '',\n    panel: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\nexport interface TabOptions {\n  content: ReactNode;\n  id: string;\n  label: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  className?: ClassName;\n  fullWidth?: boolean;\n  onSelectionChange?: (key: React.Key) => void;\n  selectedKey?: number | null | undefined;\n  tabs: TabOptions[];\n}\n\n/**\n * Tabs component based on [NextUI Tabs](https://nextui.org/docs/components/tabs)\n */\nconst Tabs = ({\n  className = undefined,\n  fullWidth = true,\n  selectedKey = undefined,\n  tabs,\n  onSelectionChange = undefined,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextTabs\n      aria-label=\"Tabs\"\n      classNames={classNames}\n      fullWidth={fullWidth}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      selectedKey={selectedKey}\n      size=\"md\"\n    >\n      {(item) => (\n        <NextTab key={item.id} title={item.label}>\n          {item.content}\n        </NextTab>\n      )}\n    </NextTabs>\n  );\n};\n\nexport default Tabs;\n","import type { TabOptions } from './Tabs';\n\nimport Tabs from './Tabs';\n\nexport default Tabs;\n\nexport type { TabOptions };\n"],"mappings":";;;AAGA,SAAS,OAAO,SAAS,QAAQ,gBAAgB;AAEjD,SAAS,IAAI,4BAA4B;AAsDjC;AApDD,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF,CAAC;AAsBD,IAAM,OAAO,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA,oBAAoB;AACtB,MAAiB;AACf,QAAM,WAAW,aAAa;AAC9B,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,OAAO,QAAQ,CAAC;AAAA,MAChB;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MAEJ,WAAC,SACA,oBAAC,WAAsB,OAAO,KAAK,OAChC,eAAK,WADM,KAAK,EAEnB;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC/Df,IAAOA,gBAAQ;","names":["Tabs_default"]}

package/dist/{chunk-RSXWUJRD.js → chunk-4W3TNNMD.js}

@@ -7,18 +7,23 @@ import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { jsx } from "react/jsx-runtime";
 var breadcrumbVariants = tv({
   slots: {
-    wrapper: "",
-    // base slot of breadcrumbs
-    list: "",
-    // list slot of breadcrumbs
-    separator: "",
+    /** ellipsis slot */
+    ellipsis: "",
+    /** li > span slot */
     item: "",
-    base: ""
+    /** li  slot */
+    itemBase: "",
     // base for item slot
+    /** ol slot */
+    list: "",
+    /** separator slot */
+    separator: "",
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: ""
   }
 });
 var Breadcrumb = ({
-  breadcrumbItems = [],
+  breadcrumbItems,
   className: _className = void 0,
   color = "foreground",
   disableAnimation = false,
@@ -32,16 +37,24 @@ var Breadcrumb = ({
   variant = "light"
 }) => {
   const variants = breadcrumbVariants({});
-  const classNames = variantsToClassNames(variants, _className, "wrapper");
+  const classNames = variantsToClassNames(variants, _className, "nav");
   return /* @__PURE__ */ jsx(
     NextBreadcrumb,
     {
-      classNames: { base: classNames.wrapper, list: classNames.list },
+      classNames: {
+        base: classNames.nav,
+        ellipsis: classNames.separator,
+        list: classNames.list
+      },
       color,
       disableAnimation,
       hideSeparator,
       isDisabled: disabled,
-      itemClasses: classNames,
+      itemClasses: {
+        base: classNames.itemBase,
+        item: classNames.item,
+        separator: classNames.separator
+      },
       maxItems,
       radius,
       separator,
@@ -69,4 +82,4 @@ export {
   Breadcrumb_default,
   Breadcrumb_default2
 };
-//# sourceMappingURL=chunk-RSXWUJRD.js.map
+//# sourceMappingURL=chunk-4W3TNNMD.js.map

package/dist/chunk-4W3TNNMD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as NextBreadcrumb,\n  BreadcrumbItem as NextBreadcrumbItem,\n} from '@nextui-org/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://nextui.org/docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** 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 nextui */\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 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, 'nav');\n\n  return (\n    <NextBreadcrumb\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        <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;AAiHjC;AA7GD,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA;AAAA,IAEL,UAAU;AAAA;AAAA,IAEV,MAAM;AAAA;AAAA,IAEN,UAAU;AAAA;AAAA;AAAA,IAEV,MAAM;AAAA;AAAA,IAEN,WAAW;AAAA;AAAA,IAEX,KAAK;AAAA,EACP;AACF,CAAC;AAoDD,IAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA,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,KAAK;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,MAAM,WAAW;AAAA,QACjB,UAAU,WAAW;AAAA,QACrB,MAAM,WAAW;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,QACX,MAAM,WAAW;AAAA,QACjB,MAAM,WAAW;AAAA,QACjB,WAAW,WAAW;AAAA,MACxB;AAAA,MACA;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;;;AC/Hf,IAAOA,sBAAQ;","names":["Breadcrumb_default"]}

package/dist/{chunk-NNVWLWOT.js → chunk-EIOL2HNA.js}

@@ -40,7 +40,7 @@ var accordionVariants = tv({
   }
 });
 var Accordion = ({
-  accordionItems = [],
+  accordionItems,
   className: _className = void 0,
   defaultSelectedKeys = [],
   disabled = false,
@@ -96,4 +96,4 @@ export {
   Accordion_default,
   Accordion_default2
 };
-//# sourceMappingURL=chunk-NNVWLWOT.js.map
+//# sourceMappingURL=chunk-EIOL2HNA.js.map

package/dist/chunk-EIOL2HNA.js.map

@@ -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;AAAA,EACA,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"]}

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

@@ -7,18 +7,23 @@ var _pixelutils = require('@fuf-stack/pixel-utils');
 var _jsxruntime = require('react/jsx-runtime');
 var breadcrumbVariants = _pixelutils.tv.call(void 0, {
   slots: {
-    wrapper: "",
-    // base slot of breadcrumbs
-    list: "",
-    // list slot of breadcrumbs
-    separator: "",
+    /** ellipsis slot */
+    ellipsis: "",
+    /** li > span slot */
     item: "",
-    base: ""
+    /** li  slot */
+    itemBase: "",
     // base for item slot
+    /** ol slot */
+    list: "",
+    /** separator slot */
+    separator: "",
+    /** nav slot, breadcrumb base slot in nextui */
+    nav: ""
   }
 });
 var Breadcrumb = ({
-  breadcrumbItems = [],
+  breadcrumbItems,
   className: _className = void 0,
   color = "foreground",
   disableAnimation = false,
@@ -32,16 +37,24 @@ var Breadcrumb = ({
   variant = "light"
 }) => {
   const variants = breadcrumbVariants({});
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "wrapper");
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "nav");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _breadcrumbs.Breadcrumbs,
     {
-      classNames: { base: classNames.wrapper, list: classNames.list },
+      classNames: {
+        base: classNames.nav,
+        ellipsis: classNames.separator,
+        list: classNames.list
+      },
       color,
       disableAnimation,
       hideSeparator,
       isDisabled: disabled,
-      itemClasses: classNames,
+      itemClasses: {
+        base: classNames.itemBase,
+        item: classNames.item,
+        separator: classNames.separator
+      },
       maxItems,
       radius,
       separator,
@@ -69,4 +82,4 @@ var Breadcrumb_default2 = Breadcrumb_default;
 
 
 exports.breadcrumbVariants = breadcrumbVariants; exports.Breadcrumb_default = Breadcrumb_default; exports.Breadcrumb_default2 = Breadcrumb_default2;
-//# sourceMappingURL=chunk-VU5NERDI.cjs.map
+//# sourceMappingURL=chunk-ELFKDGH4.cjs.map

package/dist/chunk-ELFKDGH4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-ELFKDGH4.cjs","../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"names":["Breadcrumb_default"],"mappings":"AAAA;ACGA;AACE;AACA;AAAkB,sDACb;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;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;AD1Df;AACA;AEtEA,IAAOA,oBAAAA,EAAQ,kBAAA;AFwEf;AACA;AACE;AACA;AACA;AACF,oJAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-ELFKDGH4.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    /** 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 nextui */\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 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, 'nav');\n\n  return (\n    <NextBreadcrumb\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        <NextBreadcrumbItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"]}

package/dist/{chunk-I3F5BBUU.cjs → chunk-VHEIRVBB.cjs}

@@ -40,7 +40,7 @@ var accordionVariants = _pixelutils.tv.call(void 0, {
   }
 });
 var Accordion = ({
-  accordionItems = [],
+  accordionItems,
   className: _className = void 0,
   defaultSelectedKeys = [],
   disabled = false,
@@ -96,4 +96,4 @@ var Accordion_default2 = Accordion_default;
 
 
 exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
-//# sourceMappingURL=chunk-I3F5BBUU.cjs.map
+//# sourceMappingURL=chunk-VHEIRVBB.cjs.map

package/dist/chunk-VHEIRVBB.cjs.map

@@ -0,0 +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

@@ -1,5 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+
+var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
+
+
 var _chunkQ4DBY25Kcjs = require('./chunk-Q4DBY25K.cjs');
 
 
@@ -22,11 +26,7 @@ var _chunkRMA57Q6Kcjs = require('./chunk-RMA57Q6K.cjs');
 
 
 
-var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
-
-
-
-var _chunkI3F5BBUUcjs = require('./chunk-I3F5BBUU.cjs');
+var _chunkVHEIRVBBcjs = require('./chunk-VHEIRVBB.cjs');
 
 
 var _chunkXWBSCU2Lcjs = require('./chunk-XWBSCU2L.cjs');
@@ -39,16 +39,16 @@ var _chunkU2JEMXXJcjs = require('./chunk-U2JEMXXJ.cjs');
 
 
 
+var _chunkELFKDGH4cjs = require('./chunk-ELFKDGH4.cjs');
 
-var _chunk7TIFKRWYcjs = require('./chunk-7TIFKRWY.cjs');
 
 
 
-var _chunkJPALSO5Ecjs = require('./chunk-JPALSO5E.cjs');
+var _chunk7TIFKRWYcjs = require('./chunk-7TIFKRWY.cjs');
 
 
 
-var _chunkVU5NERDIcjs = require('./chunk-VU5NERDI.cjs');
+var _chunkJPALSO5Ecjs = require('./chunk-JPALSO5E.cjs');
 require('./chunk-DZUJEN5N.cjs');
 
 
@@ -73,5 +73,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-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 = _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 = _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;
+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;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -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;AACA;AACF,wDAA6B;AAC7B;AACE;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"}
+{"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

@@ -1,8 +1,8 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-YYxiRT4J.cjs';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-CZ0Fqk-P.cjs';
 export { A as Avatar, a as AvatarProps } from './Avatar-ClZTSXQq.cjs';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-DdTUum6Q.cjs';
 export { A as Badge, B as BadgeProps } from './Badge-bLQrP59R.cjs';
-export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DM-Cjn8v.cjs';
+export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-BUxbjexY.cjs';
 export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-9RmJ_S7F.cjs';
 export { J as Json, a as JsonProps } from './Json-BbMeuEvE.cjs';

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-YYxiRT4J.js';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-CZ0Fqk-P.js';
 export { A as Avatar, a as AvatarProps } from './Avatar-ClZTSXQq.js';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BiYcc8Mb.js';
 export { A as Badge, B as BadgeProps } from './Badge-bLQrP59R.js';
-export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DM-Cjn8v.js';
+export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-BUxbjexY.js';
 export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-9RmJ_S7F.js';
 export { J as Json, a as JsonProps } from './Json-BbMeuEvE.js';

package/dist/index.js

@@ -1,3 +1,7 @@
+import {
+  useDebounce,
+  useLocalStorage
+} from "./chunk-USOEZROT.js";
 import {
   Json_default
 } from "./chunk-2HCWL2E3.js";
@@ -19,14 +23,10 @@ import {
   Tooltip_default,
   tooltipPlacementOptions
 } from "./chunk-MJE4MLZY.js";
-import {
-  useDebounce,
-  useLocalStorage
-} from "./chunk-USOEZROT.js";
 import {
   Accordion_default,
   accordionVariants
-} from "./chunk-NNVWLWOT.js";
+} from "./chunk-EIOL2HNA.js";
 import {
   AvatarGroup_default
 } from "./chunk-6XDNBFGH.js";
@@ -36,6 +36,10 @@ import {
 import {
   Badge_default
 } from "./chunk-QTXKWCDV.js";
+import {
+  Breadcrumb_default,
+  breadcrumbVariants
+} from "./chunk-4W3TNNMD.js";
 import {
   ButtonGroup_default,
   Button_default,
@@ -45,10 +49,6 @@ import {
   Card_default,
   cardVariants
 } from "./chunk-APEDJG3R.js";
-import {
-  Breadcrumb_default,
-  breadcrumbVariants
-} from "./chunk-RSXWUJRD.js";
 import "./chunk-5WRI5ZAA.js";
 export {
   Accordion_default as Accordion,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.27.2",
+  "version": "0.28.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -84,6 +84,11 @@
       "import": "./dist/ScrollShadow/index.js",
       "require": "./dist/ScrollShadow/index.cjs"
     },
+    "./Tabs": {
+      "types": "./dist/Tabs/index.d.ts",
+      "import": "./dist/Tabs/index.js",
+      "require": "./dist/Tabs/index.cjs"
+    },
     "./Tooltip": {
       "types": "./dist/Tooltip/index.d.ts",
       "import": "./dist/Tooltip/index.js",
@@ -129,9 +134,10 @@
     "@nextui-org/scroll-shadow": "2.1.20",
     "@nextui-org/system": "2.2.6",
     "@nextui-org/theme": "2.2.11",
+    "@nextui-org/tabs": "2.0.37",
     "@nextui-org/tooltip": "2.0.41",
-    "framer-motion": "11.11.11",
-    "next-themes": "0.3.0",
+    "framer-motion": "11.11.17",
+    "next-themes": "0.4.3",
     "react-icons": "5.3.0",
     "@fuf-stack/pixel-utils": "0.3.1"
   },
@@ -144,8 +150,8 @@
     "react-dom": "18.3.1",
     "@repo/storybook-config": "0.0.1",
     "@repo/vite-config": "0.0.1",
-    "@repo/tailwind-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1"
+    "@repo/tsup-config": "0.0.1",
+    "@repo/tailwind-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",

package/dist/chunk-I3F5BBUU.cjs.map

@@ -1 +0,0 @@
-{"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":"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,eAAA,EAAiB,CAAC,CAAA;AAAA,EAClB,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-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"]}

package/dist/chunk-NNVWLWOT.js.map

@@ -1 +0,0 @@
-{"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"]}

package/dist/chunk-RSXWUJRD.js.map

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

package/dist/chunk-VU5NERDI.cjs.map

@@ -1 +0,0 @@
-{"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"]}