@fuf-stack/pixels 1.11.0 → 1.11.2

package/dist/Accordion/Accordion.cjs

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.cjs");
 let _heroui_accordion = require("@heroui/accordion");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","names":["HeroAccordion","HeroAccordionItem"],"sources":["../../src/Accordion/Accordion.tsx"],"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-y divide-solid divide-divider',\n      },\n    },\n    showBottomTopDivider: {\n      true: {\n        wrapper: 'border-b border-t border-solid border-divider',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Selected keys (controlled) */\n  selectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [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        return (\n          <HeroAccordionItem\n            // eslint-disable-next-line react/no-array-index-key\n            key={index}\n            isDisabled={disabled || item?.disabled}\n            {...item}\n          />\n        );\n      })}\n    </HeroAccordion>\n  );\n};\n\nexport default Accordion;\n"],"mappings":";;;;;AAaA,MAAa,qBAAA,GAAA,uBAAA,IAAuB;CAClC,OAAO;EACL,MAAM;EACN,SAAS;EACT,SAAS;EACT,WAAW;EACX,cAAc;EACd,UAAU;EACV,OAAO;EACP,cAAc;EACd,SAAS;EAET,SAAS;CACX;CACA,UAAU;EACR,eAAe,EACb,MAAM;GACJ,SAAS;GACT,WAAW;GACX,SAAS;EACX,EACF;EACA,aAAa,EACX,MAAM,EACJ,SAAS,uCACX,EACF;EACA,sBAAsB,EACpB,MAAM,EACJ,SAAS,gDACX,EACF;CACF;AACF,CAAC;;;;AAgDD,MAAM,aAAa,EACjB,gBACA,WAAW,aAAa,KAAA,GACxB,sBAAsB,CAAC,GACvB,WAAW,OACX,eAAe,CAAC,GAChB,yBAAyB,OACzB,eAAe,CAAC,GAChB,gBAAgB,OAChB,oBAAoB,KAAA,GACpB,eAAe,KAAA,GACf,gBAAgB,YAChB,cAAc,MACd,UAAU,cACU;CAOpB,MAAM,cAAA,GAAA,uBAAA,sBALW,kBAAkB;EACjC;EACA,aAAa,eAAe,YAAY;EACxC,sBAAsB,eAAe,YAAY;CACnD,CAC+C,GAAG,YAAY,SAAS;CAEvE,OACE,iBAAA,GAAA,kBAAA,KAACA,kBAAAA,WAAD;EACE,WAAW,WAAW;EACD;EACP;EACU;EACV;EACd,YAAY;EACZ,aAAa;EACM;EACL;EACC;EACf,aAAa;EACJ;YAER,eAAe,KAAK,MAAM,UAAU;GACnC,OACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,eAAD;IAGE,YAAY,YAAY,MAAM;IAC9B,GAAI;GACL,GAHM,KAGN;EAEL,CAAC;CACY,CAAA;AAEnB"}
+{"version":3,"file":"Accordion.cjs","names":["HeroAccordion","HeroAccordionItem"],"sources":["../../src/Accordion/Accordion.tsx"],"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-y divide-solid divide-divider',\n      },\n    },\n    showBottomTopDivider: {\n      true: {\n        wrapper: 'border-b border-t border-solid border-divider',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Selected keys (controlled) */\n  selectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [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        return (\n          <HeroAccordionItem\n            // eslint-disable-next-line react/no-array-index-key\n            key={index}\n            isDisabled={disabled || item?.disabled}\n            {...item}\n          />\n        );\n      })}\n    </HeroAccordion>\n  );\n};\n\nexport default Accordion;\n"],"mappings":";;;;AAaA,MAAa,qBAAA,GAAA,uBAAA,IAAuB;CAClC,OAAO;EACL,MAAM;EACN,SAAS;EACT,SAAS;EACT,WAAW;EACX,cAAc;EACd,UAAU;EACV,OAAO;EACP,cAAc;EACd,SAAS;EAET,SAAS;CACX;CACA,UAAU;EACR,eAAe,EACb,MAAM;GACJ,SAAS;GACT,WAAW;GACX,SAAS;EACX,EACF;EACA,aAAa,EACX,MAAM,EACJ,SAAS,uCACX,EACF;EACA,sBAAsB,EACpB,MAAM,EACJ,SAAS,gDACX,EACF;CACF;AACF,CAAC;;;;AAgDD,MAAM,aAAa,EACjB,gBACA,WAAW,aAAa,KAAA,GACxB,sBAAsB,CAAC,GACvB,WAAW,OACX,eAAe,CAAC,GAChB,yBAAyB,OACzB,eAAe,CAAC,GAChB,gBAAgB,OAChB,oBAAoB,KAAA,GACpB,eAAe,KAAA,GACf,gBAAgB,YAChB,cAAc,MACd,UAAU,cACU;CAOpB,MAAM,cAAA,GAAA,uBAAA,sBALW,kBAAkB;EACjC;EACA,aAAa,eAAe,YAAY;EACxC,sBAAsB,eAAe,YAAY;CACnD,CAC+C,GAAG,YAAY,SAAS;CAEvE,OACE,iBAAA,GAAA,kBAAA,KAACA,kBAAAA,WAAD;EACE,WAAW,WAAW;EACD;EACP;EACU;EACV;EACd,YAAY;EACZ,aAAa;EACM;EACL;EACC;EACf,aAAa;EACJ;YAER,eAAe,KAAK,MAAM,UAAU;GACnC,OACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,eAAD;IAGE,YAAY,YAAY,MAAM;IAC9B,GAAI;GACL,GAHM,KAGN;EAEL,CAAC;CACY,CAAA;AAEnB"}