@fuf-stack/pixels 1.1.1 → 1.1.2

package/dist/Accordion/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkLCOQDCO4cjs = require('../chunk-LCOQDCO4.cjs');
+var _chunk3LEEMSTGcjs = require('../chunk-3LEEMSTG.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Accordion = _chunkLCOQDCO4cjs.Accordion_default; exports.accordionVariants = _chunkLCOQDCO4cjs.accordionVariants; exports.default = _chunkLCOQDCO4cjs.Accordion_default2;
+exports.Accordion = _chunk3LEEMSTGcjs.Accordion_default; exports.accordionVariants = _chunk3LEEMSTGcjs.accordionVariants; exports.default = _chunk3LEEMSTGcjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.js

@@ -2,7 +2,7 @@ import {
   Accordion_default,
   Accordion_default2,
   accordionVariants
-} from "../chunk-7T76DXVT.js";
+} from "../chunk-OAUPTZSC.js";
 import "../chunk-J7N2552D.js";
 export {
   Accordion_default as Accordion,

package/dist/Modal/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkPEUUQMJScjs = require('../chunk-PEUUQMJS.cjs');
+var _chunkDTG27JQ7cjs = require('../chunk-DTG27JQ7.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.default = _chunkPEUUQMJScjs.Modal_default2; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants;
+exports.Modal = _chunkDTG27JQ7cjs.Modal_default; exports.default = _chunkDTG27JQ7cjs.Modal_default2; exports.modalVariants = _chunkDTG27JQ7cjs.modalVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Modal/index.js

@@ -2,7 +2,7 @@ import {
   Modal_default,
   Modal_default2,
   modalVariants
-} from "../chunk-RW4WTSLJ.js";
+} from "../chunk-MK2S3QUK.js";
 import "../chunk-J7N2552D.js";
 export {
   Modal_default as Modal,

package/dist/{chunk-LCOQDCO4.cjs → chunk-3LEEMSTG.cjs}

@@ -19,7 +19,7 @@ var accordionVariants = _pixelutils.tv.call(void 0, {
     subtitle: "",
     title: "",
     titleWrapper: "",
-    trigger: "",
+    trigger: "cursor-pointer",
     // outer accordion wrapper
     wrapper: "px-0"
   },
@@ -99,4 +99,4 @@ var Accordion_default2 = Accordion_default;
 
 
 exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
-//# sourceMappingURL=chunk-LCOQDCO4.cjs.map
+//# sourceMappingURL=chunk-3LEEMSTG.cjs.map

package/dist/chunk-3LEEMSTG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-3LEEMSTG.cjs","../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-3LEEMSTG.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@heroui/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as HeroAccordion,\n  AccordionItem as HeroAccordionItem,\n} from '@heroui/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://www.heroui.com//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: 'cursor-pointer',\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-divider divide-y divide-solid',\n      },\n    },\n    showBottomTopDivider: {\n      true: {\n        wrapper: 'border-divider border-t border-b border-solid',\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 [HeroUI Accordion](https://www.heroui.com//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    <HeroAccordion\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        <HeroAccordionItem\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    </HeroAccordion>\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-PEUUQMJS.cjs → chunk-DTG27JQ7.cjs}

@@ -12,10 +12,10 @@ var modalVariants = _pixelutils.tv.call(void 0, {
   slots: {
     backdrop: "",
     base: "",
-    body: "",
+    body: "py-4",
     closeButton: "",
-    footer: "",
-    header: "",
+    footer: "border-t-divider border-t",
+    header: "border-b-divider border-b",
     wrapper: ""
   },
   variants: {
@@ -72,4 +72,4 @@ var Modal_default2 = Modal_default;
 
 
 exports.modalVariants = modalVariants; exports.Modal_default = Modal_default; exports.Modal_default2 = Modal_default2;
-//# sourceMappingURL=chunk-PEUUQMJS.cjs.map
+//# sourceMappingURL=chunk-DTG27JQ7.cjs.map

package/dist/chunk-DTG27JQ7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-DTG27JQ7.cjs","../src/Modal/Modal.tsx","../src/Modal/index.ts"],"names":[],"mappings":"AAAA;ACIA;AACE;AACA;AACA;AACA;AACA;AAAe,sCACV;AAEP,oDAAyC;AAmF/B,+CAAA;AAhFH,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,EAAA;AAAA,IACV,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,MAAA,EAAQ,2BAAA;AAAA,IACR,MAAA,EAAQ,2BAAA;AAAA,IACR,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAE,IAAA,EAAM,WAAW,CAAA;AAAA,MACvB,EAAA,EAAI,EAAE,IAAA,EAAM,WAAW,CAAA;AAAA,MACvB,EAAA,EAAI,EAAE,IAAA,EAAM,WAAW,CAAA;AAAA,MACvB,EAAA,EAAI,EAAE,IAAA,EAAM,YAAY,CAAA;AAAA,MACxB,IAAA,EAAM,EAAE,IAAA,EAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC,CAAA;AA+BD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,iBAAA,EAAmB,KAAA;AAAA,EACnB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,MAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAA,EAAkB,KAAA,CAAA;AAAA,EAClB,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAkB;AAEhB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc,EAAE,KAAK,CAAC,CAAA;AACvC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAS,QAAA;AAAA,MACT,UAAA;AAAA,MACA,aAAA,EAAa,MAAA;AAAA,MACb,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA,EAAU,QAAA;AAAA,MACV,eAAA;AAAA,MACA,cAAA,EAAe,QAAA;AAAA,MAEf,QAAA,kBAAA,6BAAA,mBAAC,EAAA,EAAiB,aAAA,EAAa,OAAA,EAAS,CAAA,MAAA,EAAS,MAAM,CAAA,EAAA;AAGb,QAAA;AACK,wBAAA;AACL,QAAA;AAG1C,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;ADzCiF;AACA;AE5DjF;AF8DiF;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-DTG27JQ7.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ModalProps as HeroModalProps } from '@heroui/modal';\nimport type { ReactNode } from 'react';\n\nimport {\n  Modal as HeroModal,\n  ModalBody as HeroModalBody,\n  ModalContent as HeroModalContent,\n  ModalFooter as HeroModalFooter,\n  ModalHeader as HeroModalHeader,\n} from '@heroui/modal';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// modal variants\nexport const modalVariants = tv({\n  slots: {\n    backdrop: '',\n    base: '',\n    body: 'py-4',\n    closeButton: '',\n    footer: 'border-t-divider border-t',\n    header: 'border-b-divider border-b',\n    wrapper: '',\n  },\n  variants: {\n    size: {\n      sm: { base: 'max-w-sm' },\n      md: { base: 'max-w-md' },\n      lg: { base: 'max-w-lg' },\n      xl: { base: 'max-w-5xl' },\n      full: { base: 'h-[80dvh] max-w-full' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof modalVariants>;\ntype ClassName = TVClassName<typeof modalVariants>;\n\nexport interface ModalProps extends VariantProps {\n  /** modal body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Disable animations completely */\n  disableAnimation?: boolean;\n  /** modal footer */\n  footer?: ReactNode;\n  /** modal header */\n  header?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroModalProps['portalContainer'];\n  /** modal size */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  disableAnimation = false,\n  footer = undefined,\n  header = undefined,\n  isOpen,\n  onClose,\n  portalContainer = undefined,\n  size = 'md',\n  testId = undefined,\n}: ModalProps) => {\n  // classNames from slots\n  const variants = modalVariants({ size });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroModal\n      backdrop=\"opaque\"\n      classNames={classNames}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      isOpen={isOpen}\n      onClose={onClose}\n      placement=\"center\"\n      portalContainer={portalContainer}\n      scrollBehavior=\"inside\"\n    >\n      <HeroModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n        {() => (\n          <>\n            {header && <HeroModalHeader>{header}</HeroModalHeader>}\n            <HeroModalBody id=\"modal_body\">{children}</HeroModalBody>\n            {footer && <HeroModalFooter>{footer}</HeroModalFooter>}\n          </>\n        )}\n      </HeroModalContent>\n    </HeroModal>\n  );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"]}

package/dist/{chunk-RW4WTSLJ.js → chunk-MK2S3QUK.js}

@@ -12,10 +12,10 @@ var modalVariants = tv({
   slots: {
     backdrop: "",
     base: "",
-    body: "",
+    body: "py-4",
     closeButton: "",
-    footer: "",
-    header: "",
+    footer: "border-t-divider border-t",
+    header: "border-b-divider border-b",
     wrapper: ""
   },
   variants: {
@@ -72,4 +72,4 @@ export {
   Modal_default,
   Modal_default2
 };
-//# sourceMappingURL=chunk-RW4WTSLJ.js.map
+//# sourceMappingURL=chunk-MK2S3QUK.js.map

package/dist/{chunk-PEUUQMJS.cjs.map → chunk-MK2S3QUK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PEUUQMJS.cjs","../src/Modal/Modal.tsx","../src/Modal/index.ts"],"names":[],"mappings":"AAAA;ACIA;AACE;AACA;AACA;AACA;AACA;AAAe,sCACV;AAEP,oDAAyC;AAmF/B,+CAAA;AAhFH,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,EAAA;AAAA,IACV,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ,EAAA;AAAA,IACR,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAE,IAAA,EAAM,WAAW,CAAA;AAAA,MACvB,EAAA,EAAI,EAAE,IAAA,EAAM,WAAW,CAAA;AAAA,MACvB,EAAA,EAAI,EAAE,IAAA,EAAM,WAAW,CAAA;AAAA,MACvB,EAAA,EAAI,EAAE,IAAA,EAAM,YAAY,CAAA;AAAA,MACxB,IAAA,EAAM,EAAE,IAAA,EAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC,CAAA;AA+BD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,iBAAA,EAAmB,KAAA;AAAA,EACnB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,MAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAA,EAAkB,KAAA,CAAA;AAAA,EAClB,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAkB;AAEhB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc,EAAE,KAAK,CAAC,CAAA;AACvC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAS,QAAA;AAAA,MACT,UAAA;AAAA,MACA,aAAA,EAAa,MAAA;AAAA,MACb,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA,EAAU,QAAA;AAAA,MACV,eAAA;AAAA,MACA,cAAA,EAAe,QAAA;AAAA,MAEf,QAAA,kBAAA,6BAAA,mBAAC,EAAA,EAAiB,aAAA,EAAa,OAAA,EAAS,CAAA,MAAA,EAAS,MAAM,CAAA,EAAA;AAGb,QAAA;AACK,wBAAA;AACL,QAAA;AAG1C,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;ADzCiF;AACA;AE5DjF;AF8DiF;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PEUUQMJS.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ModalProps as HeroModalProps } from '@heroui/modal';\nimport type { ReactNode } from 'react';\n\nimport {\n  Modal as HeroModal,\n  ModalBody as HeroModalBody,\n  ModalContent as HeroModalContent,\n  ModalFooter as HeroModalFooter,\n  ModalHeader as HeroModalHeader,\n} from '@heroui/modal';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// modal variants\nexport const modalVariants = tv({\n  slots: {\n    backdrop: '',\n    base: '',\n    body: '',\n    closeButton: '',\n    footer: '',\n    header: '',\n    wrapper: '',\n  },\n  variants: {\n    size: {\n      sm: { base: 'max-w-sm' },\n      md: { base: 'max-w-md' },\n      lg: { base: 'max-w-lg' },\n      xl: { base: 'max-w-5xl' },\n      full: { base: 'h-[80dvh] max-w-full' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof modalVariants>;\ntype ClassName = TVClassName<typeof modalVariants>;\n\nexport interface ModalProps extends VariantProps {\n  /** modal body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Disable animations completely */\n  disableAnimation?: boolean;\n  /** modal footer */\n  footer?: ReactNode;\n  /** modal header */\n  header?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroModalProps['portalContainer'];\n  /** modal size */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  disableAnimation = false,\n  footer = undefined,\n  header = undefined,\n  isOpen,\n  onClose,\n  portalContainer = undefined,\n  size = 'md',\n  testId = undefined,\n}: ModalProps) => {\n  // classNames from slots\n  const variants = modalVariants({ size });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroModal\n      backdrop=\"opaque\"\n      classNames={classNames}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      isOpen={isOpen}\n      onClose={onClose}\n      placement=\"center\"\n      portalContainer={portalContainer}\n      scrollBehavior=\"inside\"\n    >\n      <HeroModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n        {() => (\n          <>\n            {header && <HeroModalHeader>{header}</HeroModalHeader>}\n            <HeroModalBody id=\"modal_body\">{children}</HeroModalBody>\n            {footer && <HeroModalFooter>{footer}</HeroModalFooter>}\n          </>\n        )}\n      </HeroModalContent>\n    </HeroModal>\n  );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"]}
+{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ModalProps as HeroModalProps } from '@heroui/modal';\nimport type { ReactNode } from 'react';\n\nimport {\n  Modal as HeroModal,\n  ModalBody as HeroModalBody,\n  ModalContent as HeroModalContent,\n  ModalFooter as HeroModalFooter,\n  ModalHeader as HeroModalHeader,\n} from '@heroui/modal';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// modal variants\nexport const modalVariants = tv({\n  slots: {\n    backdrop: '',\n    base: '',\n    body: 'py-4',\n    closeButton: '',\n    footer: 'border-t-divider border-t',\n    header: 'border-b-divider border-b',\n    wrapper: '',\n  },\n  variants: {\n    size: {\n      sm: { base: 'max-w-sm' },\n      md: { base: 'max-w-md' },\n      lg: { base: 'max-w-lg' },\n      xl: { base: 'max-w-5xl' },\n      full: { base: 'h-[80dvh] max-w-full' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof modalVariants>;\ntype ClassName = TVClassName<typeof modalVariants>;\n\nexport interface ModalProps extends VariantProps {\n  /** modal body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Disable animations completely */\n  disableAnimation?: boolean;\n  /** modal footer */\n  footer?: ReactNode;\n  /** modal header */\n  header?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroModalProps['portalContainer'];\n  /** modal size */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  disableAnimation = false,\n  footer = undefined,\n  header = undefined,\n  isOpen,\n  onClose,\n  portalContainer = undefined,\n  size = 'md',\n  testId = undefined,\n}: ModalProps) => {\n  // classNames from slots\n  const variants = modalVariants({ size });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroModal\n      backdrop=\"opaque\"\n      classNames={classNames}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      isOpen={isOpen}\n      onClose={onClose}\n      placement=\"center\"\n      portalContainer={portalContainer}\n      scrollBehavior=\"inside\"\n    >\n      <HeroModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n        {() => (\n          <>\n            {header && <HeroModalHeader>{header}</HeroModalHeader>}\n            <HeroModalBody id=\"modal_body\">{children}</HeroModalBody>\n            {footer && <HeroModalFooter>{footer}</HeroModalFooter>}\n          </>\n        )}\n      </HeroModalContent>\n    </HeroModal>\n  );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"],"mappings":";AAIA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AAEP,SAAS,IAAI,4BAA4B;AAmF/B,mBACa,KADb;AAhFH,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA+BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV;AAAA,MACA,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBACC,iCACG;AAAA,kBAAU,oBAAC,mBAAiB,kBAAO;AAAA,QACpC,oBAAC,iBAAc,IAAG,cAAc,UAAS;AAAA,QACxC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACpGf,IAAOA,iBAAQ;","names":["Modal_default"]}

package/dist/{chunk-7T76DXVT.js → chunk-OAUPTZSC.js}

@@ -19,7 +19,7 @@ var accordionVariants = tv({
     subtitle: "",
     title: "",
     titleWrapper: "",
-    trigger: "",
+    trigger: "cursor-pointer",
     // outer accordion wrapper
     wrapper: "px-0"
   },
@@ -99,4 +99,4 @@ export {
   Accordion_default,
   Accordion_default2
 };
-//# sourceMappingURL=chunk-7T76DXVT.js.map
+//# sourceMappingURL=chunk-OAUPTZSC.js.map

package/dist/chunk-OAUPTZSC.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 '@heroui/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as HeroAccordion,\n  AccordionItem as HeroAccordionItem,\n} from '@heroui/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://www.heroui.com//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: 'cursor-pointer',\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-divider divide-y divide-solid',\n      },\n    },\n    showBottomTopDivider: {\n      true: {\n        wrapper: 'border-divider border-t border-b border-solid',\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 [HeroUI Accordion](https://www.heroui.com//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    <HeroAccordion\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        <HeroAccordionItem\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    </HeroAccordion>\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,aAAY,6BAAM;AAAA,WAE1B;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC3If,IAAOA,qBAAQ;","names":["Accordion_default"]}

package/dist/index.cjs

@@ -56,7 +56,7 @@ var _chunkXHOAZB2Zcjs = require('./chunk-XHOAZB2Z.cjs');
 
 
 
-var _chunkPEUUQMJScjs = require('./chunk-PEUUQMJS.cjs');
+var _chunkDTG27JQ7cjs = require('./chunk-DTG27JQ7.cjs');
 
 
 var _chunkWZZMB5CIcjs = require('./chunk-WZZMB5CI.cjs');
@@ -64,7 +64,7 @@ require('./chunk-FUBGS3G4.cjs');
 
 
 
-var _chunkLCOQDCO4cjs = require('./chunk-LCOQDCO4.cjs');
+var _chunk3LEEMSTGcjs = require('./chunk-3LEEMSTG.cjs');
 
 
 
@@ -131,5 +131,5 @@ require('./chunk-D4TLDLEX.cjs');
 
 
 
-exports.Accordion = _chunkLCOQDCO4cjs.Accordion_default; exports.Alert = _chunkYBMQZ43Tcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkPZL3LRGYcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunk7APFE3MIcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunk2OJHNNCUcjs.Json_default; exports.Label = _chunkPHQVYJS2cjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkWZZMB5CIcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkC6VV7NYTcjs.Table_default; exports.Tabs = _chunkRYO74XL7cjs.Tabs_default; exports.Toast = _chunkTLXLWB4Ycjs.Toast; exports.ToastProvider = _chunkTLXLWB4Ycjs.ToastProvider_default; exports.Tooltip = _chunkJ4HCGFN4cjs.Tooltip_default; exports.accordionVariants = _chunkLCOQDCO4cjs.accordionVariants; exports.addToast = _chunkTLXLWB4Ycjs.addToast; exports.alertVariants = _chunkYBMQZ43Tcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkPZL3LRGYcjs.buttonVariants; exports.cardVariants = _chunk7APFE3MIcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPHQVYJS2cjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkC6VV7NYTcjs.tableVariants; exports.tabsVariants = _chunkRYO74XL7cjs.tabsVariants; exports.toastVariants = _chunkTLXLWB4Ycjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
+exports.Accordion = _chunk3LEEMSTGcjs.Accordion_default; exports.Alert = _chunkYBMQZ43Tcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkPZL3LRGYcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunk7APFE3MIcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunk2OJHNNCUcjs.Json_default; exports.Label = _chunkPHQVYJS2cjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkDTG27JQ7cjs.Modal_default; exports.Popover = _chunkWZZMB5CIcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkC6VV7NYTcjs.Table_default; exports.Tabs = _chunkRYO74XL7cjs.Tabs_default; exports.Toast = _chunkTLXLWB4Ycjs.Toast; exports.ToastProvider = _chunkTLXLWB4Ycjs.ToastProvider_default; exports.Tooltip = _chunkJ4HCGFN4cjs.Tooltip_default; exports.accordionVariants = _chunk3LEEMSTGcjs.accordionVariants; exports.addToast = _chunkTLXLWB4Ycjs.addToast; exports.alertVariants = _chunkYBMQZ43Tcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkPZL3LRGYcjs.buttonVariants; exports.cardVariants = _chunk7APFE3MIcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPHQVYJS2cjs.labelVariants; exports.modalVariants = _chunkDTG27JQ7cjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkC6VV7NYTcjs.tableVariants; exports.tabsVariants = _chunkRYO74XL7cjs.tabsVariants; exports.toastVariants = _chunkTLXLWB4Ycjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -56,7 +56,7 @@ import {
 import {
   Modal_default,
   modalVariants
-} from "./chunk-RW4WTSLJ.js";
+} from "./chunk-MK2S3QUK.js";
 import {
   Popover_default
 } from "./chunk-7QUYJEGU.js";
@@ -64,7 +64,7 @@ import "./chunk-WDXULV6M.js";
 import {
   Accordion_default,
   accordionVariants
-} from "./chunk-7T76DXVT.js";
+} from "./chunk-OAUPTZSC.js";
 import {
   Alert_default,
   alertVariants

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Fröhlich ∧ Frei",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -183,7 +183,7 @@
     "framer-motion": "12.23.12",
     "next-themes": "0.4.6",
     "react-icons": "5.5.0",
-    "@fuf-stack/pixel-utils": "1.0.3"
+    "@fuf-stack/pixel-utils": "1.0.4"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",

package/dist/chunk-7T76DXVT.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 '@heroui/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as HeroAccordion,\n  AccordionItem as HeroAccordionItem,\n} from '@heroui/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://www.heroui.com//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-divider divide-y divide-solid',\n      },\n    },\n    showBottomTopDivider: {\n      true: {\n        wrapper: 'border-divider border-t border-b border-solid',\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 [HeroUI Accordion](https://www.heroui.com//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    <HeroAccordion\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        <HeroAccordionItem\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    </HeroAccordion>\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,aAAY,6BAAM;AAAA,WAE1B;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC3If,IAAOA,qBAAQ;","names":["Accordion_default"]}

package/dist/chunk-LCOQDCO4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-LCOQDCO4.cjs","../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-LCOQDCO4.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@heroui/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as HeroAccordion,\n  AccordionItem as HeroAccordionItem,\n} from '@heroui/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://www.heroui.com//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-divider divide-y divide-solid',\n      },\n    },\n    showBottomTopDivider: {\n      true: {\n        wrapper: 'border-divider border-t border-b border-solid',\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 [HeroUI Accordion](https://www.heroui.com//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    <HeroAccordion\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        <HeroAccordionItem\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    </HeroAccordion>\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-RW4WTSLJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ModalProps as HeroModalProps } from '@heroui/modal';\nimport type { ReactNode } from 'react';\n\nimport {\n  Modal as HeroModal,\n  ModalBody as HeroModalBody,\n  ModalContent as HeroModalContent,\n  ModalFooter as HeroModalFooter,\n  ModalHeader as HeroModalHeader,\n} from '@heroui/modal';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// modal variants\nexport const modalVariants = tv({\n  slots: {\n    backdrop: '',\n    base: '',\n    body: '',\n    closeButton: '',\n    footer: '',\n    header: '',\n    wrapper: '',\n  },\n  variants: {\n    size: {\n      sm: { base: 'max-w-sm' },\n      md: { base: 'max-w-md' },\n      lg: { base: 'max-w-lg' },\n      xl: { base: 'max-w-5xl' },\n      full: { base: 'h-[80dvh] max-w-full' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof modalVariants>;\ntype ClassName = TVClassName<typeof modalVariants>;\n\nexport interface ModalProps extends VariantProps {\n  /** modal body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Disable animations completely */\n  disableAnimation?: boolean;\n  /** modal footer */\n  footer?: ReactNode;\n  /** modal header */\n  header?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroModalProps['portalContainer'];\n  /** modal size */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  disableAnimation = false,\n  footer = undefined,\n  header = undefined,\n  isOpen,\n  onClose,\n  portalContainer = undefined,\n  size = 'md',\n  testId = undefined,\n}: ModalProps) => {\n  // classNames from slots\n  const variants = modalVariants({ size });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroModal\n      backdrop=\"opaque\"\n      classNames={classNames}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      isOpen={isOpen}\n      onClose={onClose}\n      placement=\"center\"\n      portalContainer={portalContainer}\n      scrollBehavior=\"inside\"\n    >\n      <HeroModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n        {() => (\n          <>\n            {header && <HeroModalHeader>{header}</HeroModalHeader>}\n            <HeroModalBody id=\"modal_body\">{children}</HeroModalBody>\n            {footer && <HeroModalFooter>{footer}</HeroModalFooter>}\n          </>\n        )}\n      </HeroModalContent>\n    </HeroModal>\n  );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"],"mappings":";AAIA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AAEP,SAAS,IAAI,4BAA4B;AAmF/B,mBACa,KADb;AAhFH,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA+BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV;AAAA,MACA,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBACC,iCACG;AAAA,kBAAU,oBAAC,mBAAiB,kBAAO;AAAA,QACpC,oBAAC,iBAAc,IAAG,cAAc,UAAS;AAAA,QACxC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACpGf,IAAOA,iBAAQ;","names":["Modal_default"]}