@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/chunk-5ZT7C5IP.cjs

@@ -1,169 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/Menu/Menu.tsx
-var _button = require('@heroui/button');
-
-
-
-
-
-
-var _dropdown = require('@heroui/dropdown');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-
-// src/Menu/VerticalDotsIcon.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var VerticalDotsIcon = (_a) => {
-  var _b = _a, {
-    size = 24,
-    width,
-    height
-  } = _b, props = _chunkAHEA4IJVcjs.__objRest.call(void 0, _b, [
-    "size",
-    "width",
-    "height"
-  ]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-      "aria-hidden": "true",
-      fill: "none",
-      focusable: "false",
-      height: size != null ? size : height,
-      role: "presentation",
-      viewBox: "0 0 24 24",
-      width: size != null ? size : width
-    }, props), {
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          d: "M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
-          fill: "currentColor"
-        }
-      )
-    })
-  );
-};
-var VerticalDotsIcon_default = VerticalDotsIcon;
-
-// src/Menu/Menu.tsx
-
-var menuVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    item: "",
-    trigger: "z-auto"
-  }
-});
-var isMenuSection = (item) => {
-  return "items" in item;
-};
-var getDisabledKeys = (items) => {
-  const flatItems = items.reduce((acc, item) => {
-    if (isMenuSection(item)) {
-      acc.push(...item.items);
-    } else {
-      acc.push(item);
-    }
-    return acc;
-  }, []);
-  return flatItems.filter((item) => {
-    return item.disabled === true;
-  }).map((item) => {
-    return item.key;
-  });
-};
-var renderMenuItem = (item, itemClassName) => {
-  var _a;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _dropdown.DropdownItem,
-    {
-      className: _pixelutils.cn.call(void 0, itemClassName, item.className),
-      "data-testid": _pixelutils.slugify.call(void 0, (_a = item.testId) != null ? _a : item.key),
-      description: item.description,
-      onPress: item.onClick,
-      startContent: item.icon,
-      children: item.label
-    },
-    item.key
-  );
-};
-var Menu = ({
-  ariaLabel = void 0,
-  children = null,
-  className: _className = void 0,
-  isDisabled = false,
-  items,
-  onAction = void 0,
-  placement = void 0,
-  testId = void 0,
-  triggerButtonProps = void 0
-}) => {
-  const variants = menuVariants();
-  const className = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "trigger");
-  let triggerButton = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { className: className.trigger, type: "button", children });
-  if (!children) {
-    triggerButton = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _button.Button,
-      _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-        isIconOnly: true,
-        className: _pixelutils.cn.call(void 0, "min-w-0 outline outline-divider", className.trigger),
-        radius: "full",
-        size: "sm",
-        variant: "light"
-      }, triggerButtonProps), {
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VerticalDotsIcon_default, {})
-      })
-    );
-  } else if (triggerButtonProps) {
-    triggerButton = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _button.Button, _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, { className: className.trigger }, triggerButtonProps), { children }));
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _dropdown.Dropdown,
-    {
-      "aria-label": ariaLabel,
-      isDisabled,
-      placement,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dropdown.DropdownTrigger, { "data-testid": testId, children: triggerButton }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _dropdown.DropdownMenu,
-          {
-            disabledKeys: getDisabledKeys(items),
-            items,
-            onAction,
-            children: (item) => {
-              if ("items" in item) {
-                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _dropdown.DropdownSection,
-                  {
-                    items: item.items,
-                    title: item.label,
-                    children: (sectionItem) => {
-                      return renderMenuItem(sectionItem, className.item);
-                    }
-                  },
-                  item.key
-                );
-              }
-              return renderMenuItem(item, className.item);
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-var Menu_default = Menu;
-
-// src/Menu/index.ts
-var Menu_default2 = Menu_default;
-
-
-
-
-exports.Menu_default = Menu_default; exports.Menu_default2 = Menu_default2;
-//# sourceMappingURL=chunk-5ZT7C5IP.cjs.map

package/dist/chunk-5ZT7C5IP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-5ZT7C5IP.cjs","../src/Menu/Menu.tsx","../src/Menu/VerticalDotsIcon.tsx","../src/Menu/index.ts"],"names":["jsx","Menu_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-5ZT7C5IP.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps } from '@heroui/button';\nimport type {\n  DropdownItemProps as HeroDropdownItemProps,\n  DropdownProps as HeroDropdownProps,\n  DropdownSectionProps as HeroDropdownSectionProps,\n} from '@heroui/dropdown';\nimport type { Key, ReactNode } from 'react';\n\nimport { Button } from '@heroui/button';\nimport {\n  Dropdown as HeroDropdown,\n  DropdownItem as HeroDropdownItem,\n  DropdownMenu as HeroDropdownMenu,\n  DropdownSection as HeroDropdownSection,\n  DropdownTrigger as HeroDropdownTrigger,\n} from '@heroui/dropdown';\n\nimport { cn, slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport VerticalDotsIcon from './VerticalDotsIcon';\n\n/**\n * Menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)\n */\nexport interface MenuItem {\n  /** unique identifier */\n  key: string;\n  /** CSS class name */\n  className?: string;\n  /** additional description shown under the label */\n  description?: string;\n  /** disables the menu item */\n  disabled?: boolean;\n  /** menu item icon  */\n  icon?: ReactNode;\n  /** menu item name */\n  label: ReactNode;\n  /** click event handler */\n  onClick?: HeroDropdownItemProps['onPress'];\n  /** e2e test identifier */\n  testId?: string;\n}\n\n/**\n * Menu section type\n */\nexport interface MenuSection {\n  /** unique identifier */\n  key: string;\n  /** section label */\n  label: ReactNode;\n  /** section items (array of MenuItem) */\n  items: MenuItem[];\n}\n\n// menu styling variants\nexport const menuVariants = tv({\n  slots: {\n    item: '',\n    trigger: 'z-auto',\n  },\n});\n\ntype VariantProps = TVProps<typeof menuVariants>;\ntype ClassName = TVClassName<typeof menuVariants>;\n\nexport interface MenuProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** menu item structure */\n  items: (MenuSection | MenuItem)[];\n  /** disable menu trigger */\n  isDisabled?: boolean;\n  /** placement of the menu */\n  placement?: HeroDropdownProps['placement'];\n  /** called if item is selected */\n  onAction?: (key: Key) => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n  triggerButtonProps?: Pick<\n    ButtonProps,\n    | 'aria-label'\n    | 'className'\n    | 'color'\n    | 'disableAnimation'\n    | 'disableRipple'\n    | 'disabled'\n    | 'size'\n    | 'variant'\n  > & { 'data-testid'?: string };\n}\n\n// type guard for MenuSection\nconst isMenuSection = (item: MenuSection | MenuItem): item is MenuSection => {\n  return 'items' in item;\n};\n\n// returns String[] of disabled items/keys\nconst getDisabledKeys = (items: (MenuSection | MenuItem)[]): string[] => {\n  const flatItems = items.reduce<MenuItem[]>((acc, item) => {\n    if (isMenuSection(item)) {\n      acc.push(...item.items);\n    } else {\n      acc.push(item);\n    }\n    return acc;\n  }, []);\n  return flatItems\n    .filter((item) => {\n      return item.disabled === true;\n    })\n    .map((item) => {\n      return item.key;\n    });\n};\n\nconst renderMenuItem = (item: MenuItem, itemClassName?: string) => {\n  return (\n    <HeroDropdownItem\n      key={item.key}\n      className={cn(itemClassName, item.className)}\n      data-testid={slugify(item.testId ?? item.key)}\n      description={item.description}\n      onPress={item.onClick}\n      startContent={item.icon}\n    >\n      {item.label}\n    </HeroDropdownItem>\n  );\n};\n\n/**\n * Dropdown menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)\n */\nconst Menu = ({\n  ariaLabel = undefined,\n  children = null,\n  className: _className = undefined,\n  isDisabled = false,\n  items,\n  onAction = undefined,\n  placement = undefined,\n  testId = undefined,\n  triggerButtonProps = undefined,\n}: MenuProps) => {\n  // className from slots\n  const variants = menuVariants();\n  const className = variantsToClassNames(variants, _className, 'trigger');\n\n  // determine trigger button variant\n  let triggerButton = (\n    <button className={className.trigger} type=\"button\">\n      {children}\n    </button>\n  );\n  if (!children) {\n    //  default to ellipsis icon when no children are provided\n    triggerButton = (\n      <Button\n        isIconOnly\n        className={cn('min-w-0 outline outline-divider', className.trigger)}\n        radius=\"full\"\n        size=\"sm\"\n        variant=\"light\"\n        {...triggerButtonProps}\n      >\n        <VerticalDotsIcon />\n      </Button>\n    );\n  } else if (triggerButtonProps) {\n    // use provided triggerButtonProps with hero button\n    triggerButton = (\n      <Button className={className.trigger} {...triggerButtonProps}>\n        {children}\n      </Button>\n    );\n  }\n\n  return (\n    <HeroDropdown\n      aria-label={ariaLabel}\n      isDisabled={isDisabled}\n      placement={placement}\n    >\n      <HeroDropdownTrigger data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by HeroDropdownTrigger */}\n        {triggerButton}\n      </HeroDropdownTrigger>\n      <HeroDropdownMenu\n        disabledKeys={getDisabledKeys(items)}\n        items={items}\n        onAction={onAction}\n      >\n        {(item) => {\n          if ('items' in item) {\n            return (\n              <HeroDropdownSection\n                key={item.key}\n                items={item.items}\n                title={item.label as HeroDropdownSectionProps['title']}\n              >\n                {(sectionItem) => {\n                  return renderMenuItem(sectionItem, className.item);\n                }}\n              </HeroDropdownSection>\n            );\n          }\n          return renderMenuItem(item, className.item);\n        }}\n      </HeroDropdownMenu>\n    </HeroDropdown>\n  );\n};\n\nexport default Menu;\n","import type { SVGProps } from 'react';\n\n// Default Icon for Menu button\nconst VerticalDotsIcon = ({\n  size = 24,\n  width,\n  height,\n  ...props\n}: SVGProps<SVGSVGElement> & { size?: number }) => {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      focusable=\"false\"\n      height={size ?? height}\n      role=\"presentation\"\n      viewBox=\"0 0 24 24\"\n      width={size ?? width}\n      {...props}\n    >\n      <path\n        d=\"M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default VerticalDotsIcon;\n","import Menu from './Menu';\n\nexport type { MenuProps, MenuItem, MenuSection } from './Menu';\n\nexport { Menu };\n\nexport default Menu;\n"]}

package/dist/chunk-6PCFYEJH.cjs

@@ -1,86 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/Card/Card.tsx
-var _react = require('react');
-
-
-
-
-
-var _card = require('@heroui/card');
-var _divider = require('@heroui/divider');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var cardVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "border border-divider",
-    body: "",
-    divider: "my-0 border-divider",
-    footer: "",
-    header: "z-auto text-base font-semibold"
-  }
-});
-var Card = _react.forwardRef.call(void 0, 
-  ({
-    children = null,
-    className = void 0,
-    footer = void 0,
-    header = void 0,
-    testId = void 0
-  }, ref) => {
-    const variants = cardVariants();
-    const _a = _pixelutils.variantsToClassNames.call(void 0, 
-      variants,
-      className,
-      "base"
-    ), { divider: dividerClassName } = _a, classNames = _chunkAHEA4IJVcjs.__objRest.call(void 0, _a, ["divider"]);
-    const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _divider.Divider, { className: dividerClassName });
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _card.Card,
-      {
-        ref,
-        fullWidth: true,
-        classNames,
-        "data-testid": testId ? `card_${testId}` : null,
-        radius: "sm",
-        shadow: "none",
-        children: [
-          header ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _card.CardHeader,
-              {
-                "data-testid": testId ? `card_header_${testId}` : null,
-                children: header
-              }
-            ),
-            divider
-          ] }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardBody, { "data-testid": testId ? `card_body_${testId}` : null, children }),
-          footer ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            divider,
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _card.CardFooter,
-              {
-                "data-testid": testId ? `card_footer_${testId}` : null,
-                children: footer
-              }
-            )
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-var Card_default = Card;
-
-// src/Card/index.ts
-var Card_default2 = Card_default;
-
-
-
-
-
-exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
-//# sourceMappingURL=chunk-6PCFYEJH.cjs.map

package/dist/chunk-6PCFYEJH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-6PCFYEJH.cjs","../src/Card/Card.tsx","../src/Card/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,8BAA2B;AAE3B;AACE;AACA;AACA;AACA;AAAc,oCACT;AACP,0CAAuC;AAEvC,oDAAyC;AAmDrB,+CAAA;AAhDb,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uBAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,qBAAA;AAAA,IACT,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAqBD,IAAM,KAAA,EAAO,+BAAA;AAAA,EACX,CACE;AAAA,IACE,SAAA,EAAW,IAAA;AAAA,IACX,UAAA,EAAY,KAAA,CAAA;AAAA,IACZ,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA;AAAA,EACX,CAAA,EACA,GAAA,EAAA,GACG;AAEH,IAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,IAAA,MAAqD,GAAA,EAAA,8CAAA;AAAA,MACnD,QAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,IACF,CAAA,EAJQ,EAAA,OAAA,EAAS,iBA1DrB,EAAA,EA0DyD,EAAA,EAAf,WAAA,EAAA,yCAAA,EAAe,EAAf,CAA9B,SAAA,CAAA,CAAA;AAMR,IAAA,MAAM,QAAA,kBAAU,6BAAA,gBAAC,EAAA,EAAY,SAAA,EAAW,iBAAA,CAAkB,CAAA;AAE1D,IAAA,uBACE,8BAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAS,IAAA;AAAA,QACT,UAAA;AAAA,QACA,aAAA,EAAa,OAAA,EAAS,CAAA,KAAA,EAAQ,MAAM,CAAA,EAAA;AAC7B,QAAA;AACA,QAAA;AAEN,QAAA;AACC,UAAA;AACE,4BAAA;AAAC,cAAA;AAAA,cAAA;AACuB,gBAAA;AAErB,gBAAA;AAAA,cAAA;AACH,YAAA;AACC,YAAA;AAED,UAAA;AACU,0BAAA;AAIZ,UAAA;AACG,YAAA;AACD,4BAAA;AAAC,cAAA;AAAA,cAAA;AACuB,gBAAA;AAErB,gBAAA;AAAA,cAAA;AACH,YAAA;AAEA,UAAA;AAAA,QAAA;AAAA,MAAA;AACN,IAAA;AAEJ,EAAA;AACF;AAEe;AD3BgC;AACA;AEvEhC;AFyEgC;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-6PCFYEJH.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport {\n  Card as HeroCard,\n  CardBody as HeroCardBody,\n  CardFooter as HeroCardFooter,\n  CardHeader as HeroCardHeader,\n} from '@heroui/card';\nimport { Divider as HeroDivider } from '@heroui/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'z-auto text-base font-semibold',\n  },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [HeroUI Card](https://www.heroui.com//docs/components/card)\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      children = null,\n      className = undefined,\n      footer = undefined,\n      header = undefined,\n      testId = undefined,\n    },\n    ref,\n  ) => {\n    // classNames from slots\n    const variants = cardVariants();\n    const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n      variants,\n      className,\n      'base',\n    );\n\n    const divider = <HeroDivider className={dividerClassName} />;\n\n    return (\n      <HeroCard\n        ref={ref}\n        fullWidth\n        classNames={classNames}\n        data-testid={testId ? `card_${testId}` : null}\n        radius=\"sm\"\n        shadow=\"none\"\n      >\n        {header ? (\n          <>\n            <HeroCardHeader\n              data-testid={testId ? `card_header_${testId}` : null}\n            >\n              {header}\n            </HeroCardHeader>\n            {divider}\n          </>\n        ) : null}\n        <HeroCardBody data-testid={testId ? `card_body_${testId}` : null}>\n          {children}\n        </HeroCardBody>\n        {footer ? (\n          <>\n            {divider}\n            <HeroCardFooter\n              data-testid={testId ? `card_footer_${testId}` : null}\n            >\n              {footer}\n            </HeroCardFooter>\n          </>\n        ) : null}\n      </HeroCard>\n    );\n  },\n);\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"]}

package/dist/chunk-73HT7W6F.js

@@ -1,104 +0,0 @@
-import {
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/Accordion/Accordion.tsx
-import {
-  Accordion as HeroAccordion,
-  AccordionItem as HeroAccordionItem
-} from "@heroui/accordion";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var accordionVariants = tv({
-  slots: {
-    base: "",
-    content: "px-4",
-    heading: "px-4",
-    indicator: "",
-    startContent: "",
-    subtitle: "",
-    title: "",
-    titleWrapper: "",
-    trigger: "cursor-pointer",
-    // outer accordion wrapper
-    wrapper: "px-0"
-  },
-  variants: {
-    indicatorLeft: {
-      true: {
-        content: "pl-7",
-        indicator: "-rotate-180 data-[open=true]:-rotate-90",
-        trigger: "flex-row-reverse"
-      }
-    },
-    showDivider: {
-      true: {
-        wrapper: "divide-y divide-solid divide-divider"
-      }
-    },
-    showBottomTopDivider: {
-      true: {
-        wrapper: "border-b border-t border-solid border-divider"
-      }
-    }
-  }
-});
-var Accordion = ({
-  accordionItems,
-  className: _className = void 0,
-  defaultSelectedKeys = [],
-  disabled = false,
-  disabledKeys = [],
-  disallowEmptySelection = false,
-  dividerProps = {},
-  indicatorLeft = false,
-  onSelectionChange = void 0,
-  selectedKeys = void 0,
-  selectionMode = "multiple",
-  showDivider = true,
-  variant = "light"
-}) => {
-  const variants = accordionVariants({
-    indicatorLeft,
-    showDivider: showDivider && variant !== "splitted",
-    showBottomTopDivider: showDivider && variant === "light"
-  });
-  const classNames = variantsToClassNames(variants, _className, "wrapper");
-  return /* @__PURE__ */ jsx(
-    HeroAccordion,
-    {
-      className: classNames.wrapper,
-      defaultSelectedKeys,
-      disabledKeys,
-      disallowEmptySelection,
-      dividerProps,
-      isDisabled: disabled,
-      itemClasses: classNames,
-      onSelectionChange,
-      selectedKeys,
-      selectionMode,
-      showDivider: false,
-      variant,
-      children: accordionItems.map((item, index) => {
-        return /* @__PURE__ */ jsx(
-          HeroAccordionItem,
-          __spreadValues({
-            isDisabled: disabled || (item == null ? void 0 : item.disabled)
-          }, item),
-          index
-        );
-      })
-    }
-  );
-};
-var Accordion_default = Accordion;
-
-// src/Accordion/index.ts
-var Accordion_default2 = Accordion_default;
-
-export {
-  accordionVariants,
-  Accordion_default,
-  Accordion_default2
-};
-//# sourceMappingURL=chunk-73HT7W6F.js.map

package/dist/chunk-73HT7W6F.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: '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","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;AA6H/B;AAzHH,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,UAAU;AACnC,eACE;AAAA,UAAC;AAAA;AAAA,YAGC,YAAY,aAAY,6BAAM;AAAA,aAC1B;AAAA,UAFC;AAAA,QAGP;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC5If,IAAOA,qBAAQ;","names":["Accordion_default"]}

package/dist/chunk-77J7NZYB.cjs

@@ -1,48 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Avatar/Avatar.tsx
-var _avatar = require('@heroui/avatar');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var avatarVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "",
-    fallback: "",
-    icon: "",
-    img: "",
-    name: ""
-  }
-});
-var Avatar = ({
-  bordered = false,
-  rounded = "full",
-  className: _className = void 0,
-  disabled = false,
-  fallback = void 0,
-  size = "md",
-  src
-}) => {
-  const variants = avatarVariants();
-  const className = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _avatar.Avatar,
-    {
-      classNames: className,
-      fallback,
-      isBordered: bordered,
-      isDisabled: disabled,
-      radius: rounded,
-      showFallback: !!fallback,
-      size,
-      src
-    }
-  );
-};
-var Avatar_default = Avatar;
-
-// src/Avatar/index.ts
-var Avatar_default2 = Avatar_default;
-
-
-
-
-exports.Avatar_default = Avatar_default; exports.Avatar_default2 = Avatar_default2;
-//# sourceMappingURL=chunk-77J7NZYB.cjs.map

package/dist/chunk-77J7NZYB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-77J7NZYB.cjs","../src/Avatar/Avatar.tsx","../src/Avatar/index.ts"],"names":["Avatar_default"],"mappings":"AAAA;ACGA,wCAAqC;AAErC,oDAAyC;AAiDrC,+CAAA;AA9CG,IAAM,eAAA,EAAiB,4BAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,QAAA,EAAU,EAAA;AAAA,IACV,IAAA,EAAM,EAAA;AAAA,IACN,GAAA,EAAK,EAAA;AAAA,IACL,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAwBD,IAAM,OAAA,EAAS,CAAC;AAAA,EACd,SAAA,EAAW,KAAA;AAAA,EACX,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,SAAA,EAAW,KAAA;AAAA,EACX,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,KAAA,EAAO,IAAA;AAAA,EACP;AACF,CAAA,EAAA,GAAmB;AAEjB,EAAA,MAAM,SAAA,EAAW,cAAA,CAAe,CAAA;AAChC,EAAA,MAAM,UAAA,EAAY,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,SAAA;AAAA,MACZ,QAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,UAAA,EAAY,QAAA;AAAA,MACZ,MAAA,EAAQ,OAAA;AAAA,MACR,YAAA,EAAc,CAAC,CAAC,QAAA;AAAA,MAChB,IAAA;AAAA,MACA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,eAAA,EAAQ,MAAA;AD5Bf;AACA;AElCA,IAAOA,gBAAAA,EAAQ,cAAA;AFoCf;AACA;AACE;AACA;AACF,mFAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-77J7NZYB.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type React from 'react';\n\nimport { Avatar as HeroAvatar } from '@heroui/avatar';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// avatar styling variants\nexport const avatarVariants = tv({\n  slots: {\n    base: '',\n    fallback: '',\n    icon: '',\n    img: '',\n    name: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof avatarVariants>;\ntype ClassName = TVClassName<typeof avatarVariants>;\nexport interface AvatarProps extends VariantProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: ClassName;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Fallback content to display if the image fails to load or is not provided */\n  fallback?: React.ReactNode;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Image source */\n  src: string;\n}\n\n/**\n * Avatar component based on [HeroUI Avatar](https://www.heroui.com//docs/components/avatar)\n */\nconst Avatar = ({\n  bordered = false,\n  rounded = 'full',\n  className: _className = undefined,\n  disabled = false,\n  fallback = undefined,\n  size = 'md',\n  src,\n}: AvatarProps) => {\n  // className from slots\n  const variants = avatarVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroAvatar\n      classNames={className}\n      fallback={fallback}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      showFallback={!!fallback}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"]}

package/dist/chunk-AHEA4IJV.cjs

@@ -1,84 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-
-
-
-
-
-
-
-exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__objRest = __objRest; exports.__commonJS = __commonJS; exports.__toESM = __toESM; exports.__async = __async;
-//# sourceMappingURL=chunk-AHEA4IJV.cjs.map

package/dist/chunk-AHEA4IJV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-AHEA4IJV.cjs"],"names":[],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-AHEA4IJV.cjs"}

package/dist/chunk-B2PDISUU.cjs

@@ -1,77 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Modal/Modal.tsx
-
-
-
-
-
-
-var _modal = require('@heroui/modal');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var modalVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    backdrop: "",
-    base: "",
-    body: "py-4",
-    closeButton: "",
-    footer: "border-t border-t-divider",
-    header: "border-b border-b-divider",
-    wrapper: ""
-  },
-  variants: {
-    size: {
-      sm: { base: "max-w-sm" },
-      md: { base: "max-w-md" },
-      lg: { base: "max-w-lg" },
-      xl: { base: "max-w-5xl" },
-      full: { base: "h-[80dvh] max-w-full" }
-    }
-  }
-});
-var Modal = ({
-  children = null,
-  className = void 0,
-  disableAnimation = false,
-  footer = void 0,
-  header = void 0,
-  isOpen,
-  onClose,
-  portalContainer = void 0,
-  size = "md",
-  testId = void 0
-}) => {
-  const variants = modalVariants({ size });
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _modal.Modal,
-    {
-      backdrop: "opaque",
-      classNames,
-      "data-testid": testId,
-      disableAnimation,
-      isOpen,
-      onClose,
-      placement: "center",
-      portalContainer,
-      scrollBehavior: "inside",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalContent, { "data-testid": testId ? `modal_${testId}` : "modal", children: () => {
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          header ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalHeader, { children: header }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalBody, { id: "modal_body", children }),
-          footer ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalFooter, { children: footer }) : null
-        ] });
-      } })
-    }
-  );
-};
-var Modal_default = Modal;
-
-// src/Modal/index.ts
-var Modal_default2 = Modal_default;
-
-
-
-
-
-exports.modalVariants = modalVariants; exports.Modal_default = Modal_default; exports.Modal_default2 = Modal_default2;
-//# sourceMappingURL=chunk-B2PDISUU.cjs.map

package/dist/chunk-B2PDISUU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-B2PDISUU.cjs","../src/Modal/Modal.tsx","../src/Modal/index.ts"],"names":[],"mappings":"AAAA;ACIA;AACE;AACA;AACA;AACA;AACA;AAAe,sCACV;AAEP,oDAAyC;AAoF7B,+CAAA;AAjFL,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;AAI9C,QAAA;AAAuD,UAAA;AACf,0BAAA;AACe,UAAA;AAC1D,QAAA;AAGN,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;ADzCiF;AACA;AE9DjF;AFgEiF;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-B2PDISUU.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 border-t-divider',\n    header: 'border-b border-b-divider',\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          return (\n            <>\n              {header ? <HeroModalHeader>{header}</HeroModalHeader> : null}\n              <HeroModalBody id=\"modal_body\">{children}</HeroModalBody>\n              {footer ? <HeroModalFooter>{footer}</HeroModalFooter> : null}\n            </>\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"]}