@fuf-stack/pixels 0.8.3 → 0.8.4

package/dist/Accordion/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkW7WMJAEOcjs = require('../chunk-W7WMJAEO.cjs');
+var _chunkHXBW5LYUcjs = require('../chunk-HXBW5LYU.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Accordion = _chunkW7WMJAEOcjs.Accordion_default; exports.accordionVariants = _chunkW7WMJAEOcjs.accordionVariants; exports.default = _chunkW7WMJAEOcjs.Accordion_default2;
+exports.Accordion = _chunkHXBW5LYUcjs.Accordion_default; exports.accordionVariants = _chunkHXBW5LYUcjs.accordionVariants; exports.default = _chunkHXBW5LYUcjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.d.cts

@@ -1,8 +1,8 @@
-import { A as Accordion } from '../Accordion-j0DmxPeN.cjs';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-j0DmxPeN.cjs';
+import { A as Accordion } from '../Accordion-DG6pcI_Q.cjs';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-DG6pcI_Q.cjs';
 import 'react/jsx-runtime';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import '@nextui-org/divider';
 import '@nextui-org/theme';
 import 'react';

package/dist/Accordion/index.d.ts

@@ -1,8 +1,8 @@
-import { A as Accordion } from '../Accordion-j0DmxPeN.js';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-j0DmxPeN.js';
+import { A as Accordion } from '../Accordion-DG6pcI_Q.js';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-DG6pcI_Q.js';
 import 'react/jsx-runtime';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import '@nextui-org/divider';
 import '@nextui-org/theme';
 import 'react';

package/dist/Accordion/index.js

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

package/dist/{Accordion-j0DmxPeN.d.cts → Accordion-DG6pcI_Q.d.cts}

@@ -1,39 +1,19 @@
 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 * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import { DividerProps } from '@nextui-org/divider';
 import { VariantProps } from '@nextui-org/theme';
 import { ReactNode } from 'react';
 
 declare const accordionVariants: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
         };
     };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
+}, {
     base: string;
     content: string;
     heading: string;
@@ -43,35 +23,32 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
     title: string;
     titleWrapper: string;
     trigger: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
+    wrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
+        };
+    };
+}, {
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
         };
     };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
+}>, {
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
         };
     };
-} | {}, {
+}, {
     base: string;
     content: string;
     heading: string;
@@ -81,7 +58,16 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
     title: string;
     titleWrapper: string;
     trigger: string;
-}, tailwind_variants.TVReturnType<unknown, {
+    wrapper: string;
+}, tailwind_variants.TVReturnType<{
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
+        };
+    };
+}, {
     base: string;
     content: string;
     heading: string;
@@ -91,21 +77,24 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
     title: string;
     titleWrapper: string;
     trigger: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
+    wrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
+        };
+    };
+}, {
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
         };
     };
-} | {}>, unknown, unknown, undefined>>;
+}>, unknown, unknown, undefined>>;
 interface AccordionItemProps {
     /** Content of the accordion item */
     children: ReactNode;
@@ -147,6 +136,6 @@ interface AccordionProps extends AccordionVariantProps {
 /**
  * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
  */
-declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };

package/dist/{Accordion-j0DmxPeN.d.ts → Accordion-DG6pcI_Q.d.ts}

@@ -1,39 +1,19 @@
 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 * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import { DividerProps } from '@nextui-org/divider';
 import { VariantProps } from '@nextui-org/theme';
 import { ReactNode } from 'react';
 
 declare const accordionVariants: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
         };
     };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
+}, {
     base: string;
     content: string;
     heading: string;
@@ -43,35 +23,32 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
     title: string;
     titleWrapper: string;
     trigger: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
+    wrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
+        };
+    };
+}, {
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
         };
     };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
+}>, {
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
         };
     };
-} | {}, {
+}, {
     base: string;
     content: string;
     heading: string;
@@ -81,7 +58,16 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
     title: string;
     titleWrapper: string;
     trigger: string;
-}, tailwind_variants.TVReturnType<unknown, {
+    wrapper: string;
+}, tailwind_variants.TVReturnType<{
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
+        };
+    };
+}, {
     base: string;
     content: string;
     heading: string;
@@ -91,21 +77,24 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
     title: string;
     titleWrapper: string;
     trigger: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            heading?: tailwind_variants.ClassValue;
-            indicator?: tailwind_variants.ClassValue;
-            startContent?: tailwind_variants.ClassValue;
-            subtitle?: tailwind_variants.ClassValue;
-            title?: tailwind_variants.ClassValue;
-            titleWrapper?: tailwind_variants.ClassValue;
-            trigger?: tailwind_variants.ClassValue;
+    wrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
+        };
+    };
+}, {
+    indicatorLeft: {
+        true: {
+            content: string;
+            indicator: string;
+            trigger: string;
         };
     };
-} | {}>, unknown, unknown, undefined>>;
+}>, unknown, unknown, undefined>>;
 interface AccordionItemProps {
     /** Content of the accordion item */
     children: ReactNode;
@@ -147,6 +136,6 @@ interface AccordionProps extends AccordionVariantProps {
 /**
  * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
  */
-declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };

package/dist/{chunk-DH2Q2XJM.js → chunk-4Z4RAIFA.js}

@@ -15,7 +15,18 @@ var accordionVariants = tv({
     subtitle: "",
     title: "",
     titleWrapper: "",
-    trigger: ""
+    trigger: "",
+    // outer accordion wrapper
+    wrapper: ""
+  },
+  variants: {
+    indicatorLeft: {
+      true: {
+        content: "pl-7",
+        indicator: "-rotate-180 data-[open=true]:-rotate-90",
+        trigger: "flex-row-reverse"
+      }
+    }
   }
 });
 var Accordion = ({
@@ -26,17 +37,16 @@ var Accordion = ({
   disabledKeys = [],
   disallowEmptySelection = false,
   dividerProps = {},
+  indicatorLeft = false,
   onSelectionChange = void 0,
   selectionMode = "multiple",
   showDivider = true,
   variant = "light"
 }) => {
-  const variants = accordionVariants();
+  const variants = accordionVariants({ indicatorLeft });
   const classNameObj = typeof className === "object" && className || {};
   const itemClasses = {
-    base: variants.base({
-      className: classNameObj.base || className
-    }),
+    base: variants.base({ className: classNameObj.base }),
     content: variants.content({ className: classNameObj.content }),
     heading: variants.heading({ className: classNameObj.heading }),
     indicator: variants.indicator({ className: classNameObj.indicator }),
@@ -50,9 +60,13 @@ var Accordion = ({
     }),
     trigger: variants.trigger({ className: classNameObj.trigger })
   };
+  const wrapperClass = variants.wrapper({
+    className: typeof className === "string" ? className : classNameObj.wrapper
+  });
   return /* @__PURE__ */ jsx(
     NextAccordion,
     {
+      className: wrapperClass,
       defaultSelectedKeys,
       disabledKeys,
       disallowEmptySelection,
@@ -84,4 +98,4 @@ export {
   Accordion_default,
   Accordion_default2
 };
-//# sourceMappingURL=chunk-DH2Q2XJM.js.map
+//# sourceMappingURL=chunk-4Z4RAIFA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: '',\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  },\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 AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n  Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: string | AccordionVariantSlots;\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  /** 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 = '',\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({ indicatorLeft });\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const itemClasses = {\n    base: variants.base({ className: classNameObj.base }),\n    content: variants.content({ className: classNameObj.content }),\n    heading: variants.heading({ className: classNameObj.heading }),\n    indicator: variants.indicator({ className: classNameObj.indicator }),\n    startContent: variants.startContent({\n      className: classNameObj.startContent,\n    }),\n    subtitle: variants.subtitle({ className: classNameObj.subtitle }),\n    title: variants.title({ className: classNameObj.title }),\n    titleWrapper: variants.titleWrapper({\n      className: classNameObj.titleWrapper,\n    }),\n    trigger: variants.trigger({ className: classNameObj.trigger }),\n  };\n  const wrapperClass = variants.wrapper({\n    className: typeof className === 'string' ? className : classNameObj.wrapper,\n  });\n\n  return (\n    <NextAccordion\n      className={wrapperClass}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={itemClasses}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={showDivider}\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;AACP,SAAS,UAAU;AA8HX;AA1HD,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,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,cAAc,CAAC;AACpD,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,WAAW,SAAS,UAAU,EAAE,WAAW,aAAa,UAAU,CAAC;AAAA,IACnE,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,OAAO,SAAS,MAAM,EAAE,WAAW,aAAa,MAAM,CAAC;AAAA,IACvD,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AACA,QAAM,eAAe,SAAS,QAAQ;AAAA,IACpC,WAAW,OAAO,cAAc,WAAW,YAAY,aAAa;AAAA,EACtE,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;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;;;AC5If,IAAOA,qBAAQ;","names":["Accordion_default"]}

package/dist/{chunk-W7WMJAEO.cjs → chunk-HXBW5LYU.cjs}

@@ -15,7 +15,18 @@ var accordionVariants = _tailwindvariants.tv.call(void 0, {
     subtitle: "",
     title: "",
     titleWrapper: "",
-    trigger: ""
+    trigger: "",
+    // outer accordion wrapper
+    wrapper: ""
+  },
+  variants: {
+    indicatorLeft: {
+      true: {
+        content: "pl-7",
+        indicator: "-rotate-180 data-[open=true]:-rotate-90",
+        trigger: "flex-row-reverse"
+      }
+    }
   }
 });
 var Accordion = ({
@@ -26,17 +37,16 @@ var Accordion = ({
   disabledKeys = [],
   disallowEmptySelection = false,
   dividerProps = {},
+  indicatorLeft = false,
   onSelectionChange = void 0,
   selectionMode = "multiple",
   showDivider = true,
   variant = "light"
 }) => {
-  const variants = accordionVariants();
+  const variants = accordionVariants({ indicatorLeft });
   const classNameObj = typeof className === "object" && className || {};
   const itemClasses = {
-    base: variants.base({
-      className: classNameObj.base || className
-    }),
+    base: variants.base({ className: classNameObj.base }),
     content: variants.content({ className: classNameObj.content }),
     heading: variants.heading({ className: classNameObj.heading }),
     indicator: variants.indicator({ className: classNameObj.indicator }),
@@ -50,9 +60,13 @@ var Accordion = ({
     }),
     trigger: variants.trigger({ className: classNameObj.trigger })
   };
+  const wrapperClass = variants.wrapper({
+    className: typeof className === "string" ? className : classNameObj.wrapper
+  });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _accordion.Accordion,
     {
+      className: wrapperClass,
       defaultSelectedKeys,
       disabledKeys,
       disallowEmptySelection,
@@ -84,4 +98,4 @@ var Accordion_default2 = Accordion_default;
 
 
 exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
-//# sourceMappingURL=chunk-W7WMJAEO.cjs.map
+//# sourceMappingURL=chunk-HXBW5LYU.cjs.map

package/dist/chunk-HXBW5LYU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AACP,SAAS,UAAU;AA8HX;AA1HD,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,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,cAAc,CAAC;AACpD,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,WAAW,SAAS,UAAU,EAAE,WAAW,aAAa,UAAU,CAAC;AAAA,IACnE,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,OAAO,SAAS,MAAM,EAAE,WAAW,aAAa,MAAM,CAAC;AAAA,IACvD,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AACA,QAAM,eAAe,SAAS,QAAQ;AAAA,IACpC,WAAW,OAAO,cAAc,WAAW,YAAY,aAAa;AAAA,EACtE,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;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;;;AC5If,IAAOA,qBAAQ","sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: '',\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  },\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 AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n  Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: string | AccordionVariantSlots;\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  /** 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 = '',\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({ indicatorLeft });\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const itemClasses = {\n    base: variants.base({ className: classNameObj.base }),\n    content: variants.content({ className: classNameObj.content }),\n    heading: variants.heading({ className: classNameObj.heading }),\n    indicator: variants.indicator({ className: classNameObj.indicator }),\n    startContent: variants.startContent({\n      className: classNameObj.startContent,\n    }),\n    subtitle: variants.subtitle({ className: classNameObj.subtitle }),\n    title: variants.title({ className: classNameObj.title }),\n    titleWrapper: variants.titleWrapper({\n      className: classNameObj.titleWrapper,\n    }),\n    trigger: variants.trigger({ className: classNameObj.trigger }),\n  };\n  const wrapperClass = variants.wrapper({\n    className: typeof className === 'string' ? className : classNameObj.wrapper,\n  });\n\n  return (\n    <NextAccordion\n      className={wrapperClass}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={itemClasses}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={showDivider}\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

@@ -19,7 +19,7 @@ var _chunk64K2TRGLcjs = require('./chunk-64K2TRGL.cjs');
 
 
 
-var _chunkW7WMJAEOcjs = require('./chunk-W7WMJAEO.cjs');
+var _chunkHXBW5LYUcjs = require('./chunk-HXBW5LYU.cjs');
 
 
 var _chunkEJSTUBPUcjs = require('./chunk-EJSTUBPU.cjs');
@@ -64,5 +64,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkW7WMJAEOcjs.Accordion_default; exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.AvatarGroup = _chunkEJSTUBPUcjs.AvatarGroup_default; exports.Button = _chunkND4VZZVUcjs.Button_default; exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.Json = _chunkWW6N27GLcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkX2MUU2ZIcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.accordionVariants = _chunkW7WMJAEOcjs.accordionVariants; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.modalVariants = _chunkX2MUU2ZIcjs.modalVariants; exports.nextui = _chunk64K2TRGLcjs.nextui; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Accordion = _chunkHXBW5LYUcjs.Accordion_default; exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.AvatarGroup = _chunkEJSTUBPUcjs.AvatarGroup_default; exports.Button = _chunkND4VZZVUcjs.Button_default; exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.Json = _chunkWW6N27GLcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkX2MUU2ZIcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.accordionVariants = _chunkHXBW5LYUcjs.accordionVariants; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.modalVariants = _chunkX2MUU2ZIcjs.modalVariants; exports.nextui = _chunk64K2TRGLcjs.nextui; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-j0DmxPeN.cjs';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-DG6pcI_Q.cjs';
 export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.cjs';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BhgTIcSs.cjs';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.cjs';
@@ -12,8 +12,8 @@ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from '.
 export { useDebounce, useLocalStorage } from './hooks/index.cjs';
 export { nextui } from '@nextui-org/theme';
 import 'react/jsx-runtime';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import '@nextui-org/divider';
 import 'react';
 import '@nextui-org/button';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-j0DmxPeN.js';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-DG6pcI_Q.js';
 export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.js';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-tWe-Vgrz.js';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.js';
@@ -12,8 +12,8 @@ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from '.
 export { useDebounce, useLocalStorage } from './hooks/index.js';
 export { nextui } from '@nextui-org/theme';
 import 'react/jsx-runtime';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import '@nextui-org/divider';
 import 'react';
 import '@nextui-org/button';

package/dist/index.js

@@ -19,7 +19,7 @@ import {
 import {
   Accordion_default,
   accordionVariants
-} from "./chunk-DH2Q2XJM.js";
+} from "./chunk-4Z4RAIFA.js";
 import {
   AvatarGroup_default
 } from "./chunk-LAGUJC5D.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf react component library",
   "author": "Hannes Tiede",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/dist/chunk-DH2Q2XJM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\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 AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n  Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: string | AccordionVariantSlots;\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  /** 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 = '',\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants();\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const itemClasses = {\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    content: variants.content({ className: classNameObj.content }),\n    heading: variants.heading({ className: classNameObj.heading }),\n    indicator: variants.indicator({ className: classNameObj.indicator }),\n    startContent: variants.startContent({\n      className: classNameObj.startContent,\n    }),\n    subtitle: variants.subtitle({ className: classNameObj.subtitle }),\n    title: variants.title({ className: classNameObj.title }),\n    titleWrapper: variants.titleWrapper({\n      className: classNameObj.titleWrapper,\n    }),\n    trigger: variants.trigger({ className: classNameObj.trigger }),\n  };\n\n  return (\n    <NextAccordion\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={itemClasses}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={showDivider}\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;AACP,SAAS,UAAU;AAgHX;AA5GD,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,EACX;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AACnC,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,WAAW,SAAS,UAAU,EAAE,WAAW,aAAa,UAAU,CAAC;AAAA,IACnE,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,OAAO,SAAS,MAAM,EAAE,WAAW,aAAa,MAAM,CAAC;AAAA,IACvD,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;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;;;AC9Hf,IAAOA,qBAAQ;","names":["Accordion_default"]}

package/dist/chunk-W7WMJAEO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AACP,SAAS,UAAU;AAgHX;AA5GD,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,EACX;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AACnC,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,WAAW,SAAS,UAAU,EAAE,WAAW,aAAa,UAAU,CAAC;AAAA,IACnE,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,OAAO,SAAS,MAAM,EAAE,WAAW,aAAa,MAAM,CAAC;AAAA,IACvD,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;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;;;AC9Hf,IAAOA,qBAAQ","sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\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 AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n  Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: string | AccordionVariantSlots;\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  /** 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 = '',\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants();\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const itemClasses = {\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    content: variants.content({ className: classNameObj.content }),\n    heading: variants.heading({ className: classNameObj.heading }),\n    indicator: variants.indicator({ className: classNameObj.indicator }),\n    startContent: variants.startContent({\n      className: classNameObj.startContent,\n    }),\n    subtitle: variants.subtitle({ className: classNameObj.subtitle }),\n    title: variants.title({ className: classNameObj.title }),\n    titleWrapper: variants.titleWrapper({\n      className: classNameObj.titleWrapper,\n    }),\n    trigger: variants.trigger({ className: classNameObj.trigger }),\n  };\n\n  return (\n    <NextAccordion\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={itemClasses}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={showDivider}\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"]}