@fuf-stack/pixels 1.11.0 → 1.11.2

package/dist/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","names":[],"sources":["../../src/Card/Card.tsx"],"mappings":";;;;cAgBa,YAAA,8BAAY,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAUpB,YAAA,GAAe,OAAO,QAAQ,YAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,YAAA;AAAA,UAEnB,SAAA,SAAkB,YAAA;;EAEjC,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,MAAA,GAAS,SAAA;;EAET,MAAA,GAAS,SAAA;;EAET,MAAA;AAAA;;AAfC;;cAqBG,IAAA,kBAAI,yBAAA,CAAA,SAAA,mBAAA,aAAA,CAAA,cAAA"}
+{"version":3,"file":"Card.d.ts","names":[],"sources":["../../src/Card/Card.tsx"],"mappings":";;;;cAgBa,YAAA,IAAY,KAAA;EAAA;;;gbAQvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gbARuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sbAUR;EAAA;IAAA;;;kbACH;;;;sbAEa;EAAA;IAAA;;;kbAMhB;;;;sbANoC;EAAA;IAAA;;;kbAIjC;;;;sbAIH;EAAA;IAAA;;;kbAgEV;;;;sbAxDS;EAAA;kbAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAnBL,YAAA,GAAe,OAAO,QAAQ,YAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,YAAA;AAAA,UAEnB,SAAA,SAAkB,YAAA;;EAEjC,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,MAAA,GAAS,SAAA;;EAET,MAAA,GAAS,SAAA;;EAET,MAAA;AAAA;;;;cAMI,IAAA,kBAAI,yBAAA,CAAA,SAAA,mBAAA,aAAA,CAAA,cAAA"}

package/dist/Card/Card.js

@@ -19,9 +19,9 @@ const Card$1 = forwardRef(({ children = null, className = void 0, footer = void
 	const divider = /* @__PURE__ */ jsx(Divider, { className: dividerClassName });
 	return /* @__PURE__ */ jsxs(Card, {
 		ref,
-		fullWidth: true,
 		classNames,
 		"data-testid": testId ? `card_${testId}` : null,
+		fullWidth: true,
 		radius: "sm",
 		shadow: "none",
 		children: [

package/dist/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["Card","HeroDivider","HeroCard","HeroCardHeader","HeroCardBody","HeroCardFooter"],"sources":["../../src/Card/Card.tsx"],"sourcesContent":["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"],"mappings":";;;;;;AAgBA,MAAa,eAAe,GAAG,EAC7B,OAAO;CACL,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACR,QAAQ;AACV,EACF,CAAC;;;;AAqBD,MAAMA,SAAO,YAET,EACE,WAAW,MACX,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,SAAS,KAAA,GACT,SAAS,KAAA,KAEX,QACG;CAGH,MAAM,EAAE,SAAS,kBAAkB,GAAG,eAAe,qBADpC,aAER,GACP,WACA,MACF;CAEA,MAAM,UAAU,oBAACC,SAAD,EAAa,WAAW,iBAAmB,CAAA;CAE3D,OACE,qBAACC,MAAD;EACO;EACL,WAAA;EACY;EACZ,eAAa,SAAS,QAAQ,WAAW;EACzC,QAAO;EACP,QAAO;YANT;GAQG,SACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAACC,YAAD;IACE,eAAa,SAAS,eAAe,WAAW;cAE/C;GACa,CAAA,GACf,OACD,EAAA,CAAA,IACA;GACJ,oBAACC,UAAD;IAAc,eAAa,SAAS,aAAa,WAAW;IACzD;GACW,CAAA;GACb,SACC,qBAAA,UAAA,EAAA,UAAA,CACG,SACD,oBAACC,YAAD;IACE,eAAa,SAAS,eAAe,WAAW;cAE/C;GACa,CAAA,CAChB,EAAA,CAAA,IACA;EACI;;AAEd,CACF"}
+{"version":3,"file":"Card.js","names":["Card","HeroDivider","HeroCard","HeroCardHeader","HeroCardBody","HeroCardFooter"],"sources":["../../src/Card/Card.tsx"],"sourcesContent":["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        classNames={classNames}\n        data-testid={testId ? `card_${testId}` : null}\n        fullWidth\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"],"mappings":";;;;;;AAgBA,MAAa,eAAe,GAAG,EAC7B,OAAO;CACL,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACR,QAAQ;AACV,EACF,CAAC;;;;AAqBD,MAAMA,SAAO,YAET,EACE,WAAW,MACX,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,SAAS,KAAA,GACT,SAAS,KAAA,KAEX,QACG;CAGH,MAAM,EAAE,SAAS,kBAAkB,GAAG,eAAe,qBADpC,aAER,GACP,WACA,MACF;CAEA,MAAM,UAAU,oBAACC,SAAD,EAAa,WAAW,iBAAmB,CAAA;CAE3D,OACE,qBAACC,MAAD;EACO;EACO;EACZ,eAAa,SAAS,QAAQ,WAAW;EACzC,WAAA;EACA,QAAO;EACP,QAAO;YANT;GAQG,SACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAACC,YAAD;IACE,eAAa,SAAS,eAAe,WAAW;cAE/C;GACa,CAAA,GACf,OACD,EAAA,CAAA,IACA;GACJ,oBAACC,UAAD;IAAc,eAAa,SAAS,aAAa,WAAW;IACzD;GACW,CAAA;GACb,SACC,qBAAA,UAAA,EAAA,UAAA,CACG,SACD,oBAACC,YAAD;IACE,eAAa,SAAS,eAAe,WAAW;cAE/C;GACa,CAAA,CAChB,EAAA,CAAA,IACA;EACI;;AAEd,CACF"}

package/dist/Drawer/Drawer.cjs

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

package/dist/Drawer/Drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.cjs","names":["HeroDrawer","HeroDrawerContent","HeroDrawerHeader","HeroDrawerBody","HeroDrawerFooter"],"sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DrawerProps as HeroDrawerProps } from '@heroui/drawer';\nimport type { ReactNode } from 'react';\n\nimport {\n  Drawer as HeroDrawer,\n  DrawerBody as HeroDrawerBody,\n  DrawerContent as HeroDrawerContent,\n  DrawerFooter as HeroDrawerFooter,\n  DrawerHeader as HeroDrawerHeader,\n} from '@heroui/drawer';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// drawer variants\nexport const drawerVariants = tv({\n  slots: {\n    wrapper: '',\n    base: '',\n    backdrop: '',\n    header: '',\n    body: '',\n    footer: '',\n    closeButton: '',\n  },\n});\n\nexport const drawerSizes = [\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  'full',\n] as const;\nexport type DrawerSizes = (typeof drawerSizes)[number];\n\nexport const drawerRadii = ['none', 'sm', 'md', 'lg'] as const;\nexport type DrawerRadius = (typeof drawerRadii)[number];\n\nexport const drawerBackdrops = ['opaque', 'transparent', 'blur'] as const;\nexport type DrawerBackdrop = (typeof drawerBackdrops)[number];\n\nexport const drawerPlacements = ['left', 'right', 'top', 'bottom'] as const;\nexport type DrawerPlacement = (typeof drawerPlacements)[number];\n\ntype VariantProps = TVProps<typeof drawerVariants>;\ntype ClassName = TVClassName<typeof drawerVariants>;\n\nexport interface DrawerProps extends VariantProps {\n  /** The backdrop style of the Drawer. */\n  backdrop?: DrawerBackdrop;\n  /** Drawer body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Custom close button to display on top right corner. */\n  closeButton?: ReactNode;\n  /** Footer of the Drawer. */\n  footer?: ReactNode;\n  /** Header of the Drawer. */\n  header?: ReactNode;\n  /** Whether to hide the drawer close button. */\n  hideCloseButton?: boolean;\n  /** Whether the drawer is open by default (controlled). */\n  isOpen?: boolean;\n  /** Whether the drawer can be closed by clicking on the overlay or pressing the Esc key. */\n  isDismissable?: boolean;\n  /** Handler that is called when the drawer is closed. */\n  onClose?: () => void;\n  /** Handler that is called when the drawer's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** The drawer position. */\n  placement?: DrawerPlacement;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroDrawerProps['portalContainer'];\n  /** The drawer border radius. */\n  radius?: DrawerRadius;\n  /** The drawer size. */\n  size?: DrawerSizes;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)\n */\nconst Drawer = ({\n  backdrop = 'opaque',\n  children = null,\n  className = undefined,\n  closeButton = undefined,\n  footer = undefined,\n  header = undefined,\n  hideCloseButton = false,\n  isOpen = undefined,\n  isDismissable = true,\n  onClose = undefined,\n  onOpenChange = undefined,\n  placement = 'right',\n  portalContainer = undefined,\n  radius = 'lg',\n  size = 'md',\n  testId = undefined,\n}: DrawerProps) => {\n  // classNames from slots\n  const variants = drawerVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroDrawer\n      backdrop={backdrop}\n      classNames={classNames}\n      closeButton={closeButton}\n      data-testid={testId}\n      hideCloseButton={hideCloseButton}\n      isDismissable={isDismissable}\n      isOpen={isOpen}\n      onClose={onClose}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius={radius}\n      scrollBehavior=\"inside\"\n      size={size}\n    >\n      <HeroDrawerContent data-testid={testId ? `drawer_${testId}` : 'drawer'}>\n        {() => {\n          return (\n            <>\n              {header ? <HeroDrawerHeader>{header}</HeroDrawerHeader> : null}\n              <HeroDrawerBody id=\"drawer_body\">{children}</HeroDrawerBody>\n              {footer ? <HeroDrawerFooter>{footer}</HeroDrawerFooter> : null}\n            </>\n          );\n        }}\n      </HeroDrawerContent>\n    </HeroDrawer>\n  );\n};\n\nexport default Drawer;\n"],"mappings":";;;;;AAeA,MAAa,kBAAA,GAAA,uBAAA,IAAoB,EAC/B,OAAO;CACL,SAAS;CACT,MAAM;CACN,UAAU;CACV,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,aAAa;AACf,EACF,CAAC;AAED,MAAa,cAAc;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAGA,MAAa,cAAc;CAAC;CAAQ;CAAM;CAAM;AAAI;AAGpD,MAAa,kBAAkB;CAAC;CAAU;CAAe;AAAM;AAG/D,MAAa,mBAAmB;CAAC;CAAQ;CAAS;CAAO;AAAQ;;;;AA4CjE,MAAM,UAAU,EACd,WAAW,UACX,WAAW,MACX,YAAY,KAAA,GACZ,cAAc,KAAA,GACd,SAAS,KAAA,GACT,SAAS,KAAA,GACT,kBAAkB,OAClB,SAAS,KAAA,GACT,gBAAgB,MAChB,UAAU,KAAA,GACV,eAAe,KAAA,GACf,YAAY,SACZ,kBAAkB,KAAA,GAClB,SAAS,MACT,OAAO,MACP,SAAS,KAAA,QACQ;CAKjB,OACE,iBAAA,GAAA,kBAAA,KAACA,eAAAA,QAAD;EACY;EACV,aAAA,GAAA,uBAAA,sBANa,eAC8B,GAAG,WAAW,MAKpC;EACR;EACb,eAAa;EACI;EACF;EACP;EACC;EACK;EACH;EACM;EACT;EACR,gBAAe;EACT;YAEN,iBAAA,GAAA,kBAAA,KAACC,eAAAA,eAAD;GAAmB,eAAa,SAAS,UAAU,WAAW;mBACrD;IACL,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;KACG,SAAS,iBAAA,GAAA,kBAAA,KAACC,eAAAA,cAAD,EAAA,UAAmB,OAAyB,CAAA,IAAI;KAC1D,iBAAA,GAAA,kBAAA,KAACC,eAAAA,YAAD;MAAgB,IAAG;MAAe;KAAyB,CAAA;KAC1D,SAAS,iBAAA,GAAA,kBAAA,KAACC,eAAAA,cAAD,EAAA,UAAmB,OAAyB,CAAA,IAAI;IAC1D,EAAA,CAAA;GAEN;EACiB,CAAA;CACT,CAAA;AAEhB"}
+{"version":3,"file":"Drawer.cjs","names":["HeroDrawer","HeroDrawerContent","HeroDrawerHeader","HeroDrawerBody","HeroDrawerFooter"],"sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DrawerProps as HeroDrawerProps } from '@heroui/drawer';\nimport type { ReactNode } from 'react';\n\nimport {\n  Drawer as HeroDrawer,\n  DrawerBody as HeroDrawerBody,\n  DrawerContent as HeroDrawerContent,\n  DrawerFooter as HeroDrawerFooter,\n  DrawerHeader as HeroDrawerHeader,\n} from '@heroui/drawer';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// drawer variants\nexport const drawerVariants = tv({\n  slots: {\n    wrapper: '',\n    base: '',\n    backdrop: '',\n    header: '',\n    body: '',\n    footer: '',\n    closeButton: '',\n  },\n});\n\nexport const drawerSizes = [\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  'full',\n] as const;\nexport type DrawerSizes = (typeof drawerSizes)[number];\n\nexport const drawerRadii = ['none', 'sm', 'md', 'lg'] as const;\nexport type DrawerRadius = (typeof drawerRadii)[number];\n\nexport const drawerBackdrops = ['opaque', 'transparent', 'blur'] as const;\nexport type DrawerBackdrop = (typeof drawerBackdrops)[number];\n\nexport const drawerPlacements = ['left', 'right', 'top', 'bottom'] as const;\nexport type DrawerPlacement = (typeof drawerPlacements)[number];\n\ntype VariantProps = TVProps<typeof drawerVariants>;\ntype ClassName = TVClassName<typeof drawerVariants>;\n\nexport interface DrawerProps extends VariantProps {\n  /** The backdrop style of the Drawer. */\n  backdrop?: DrawerBackdrop;\n  /** Drawer body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Custom close button to display on top right corner. */\n  closeButton?: ReactNode;\n  /** Footer of the Drawer. */\n  footer?: ReactNode;\n  /** Header of the Drawer. */\n  header?: ReactNode;\n  /** Whether to hide the drawer close button. */\n  hideCloseButton?: boolean;\n  /** Whether the drawer is open by default (controlled). */\n  isOpen?: boolean;\n  /** Whether the drawer can be closed by clicking on the overlay or pressing the Esc key. */\n  isDismissable?: boolean;\n  /** Handler that is called when the drawer is closed. */\n  onClose?: () => void;\n  /** Handler that is called when the drawer's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** The drawer position. */\n  placement?: DrawerPlacement;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroDrawerProps['portalContainer'];\n  /** The drawer border radius. */\n  radius?: DrawerRadius;\n  /** The drawer size. */\n  size?: DrawerSizes;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)\n */\nconst Drawer = ({\n  backdrop = 'opaque',\n  children = null,\n  className = undefined,\n  closeButton = undefined,\n  footer = undefined,\n  header = undefined,\n  hideCloseButton = false,\n  isOpen = undefined,\n  isDismissable = true,\n  onClose = undefined,\n  onOpenChange = undefined,\n  placement = 'right',\n  portalContainer = undefined,\n  radius = 'lg',\n  size = 'md',\n  testId = undefined,\n}: DrawerProps) => {\n  // classNames from slots\n  const variants = drawerVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroDrawer\n      backdrop={backdrop}\n      classNames={classNames}\n      closeButton={closeButton}\n      data-testid={testId}\n      hideCloseButton={hideCloseButton}\n      isDismissable={isDismissable}\n      isOpen={isOpen}\n      onClose={onClose}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius={radius}\n      scrollBehavior=\"inside\"\n      size={size}\n    >\n      <HeroDrawerContent data-testid={testId ? `drawer_${testId}` : 'drawer'}>\n        {() => {\n          return (\n            <>\n              {header ? <HeroDrawerHeader>{header}</HeroDrawerHeader> : null}\n              <HeroDrawerBody id=\"drawer_body\">{children}</HeroDrawerBody>\n              {footer ? <HeroDrawerFooter>{footer}</HeroDrawerFooter> : null}\n            </>\n          );\n        }}\n      </HeroDrawerContent>\n    </HeroDrawer>\n  );\n};\n\nexport default Drawer;\n"],"mappings":";;;;AAeA,MAAa,kBAAA,GAAA,uBAAA,IAAoB,EAC/B,OAAO;CACL,SAAS;CACT,MAAM;CACN,UAAU;CACV,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,aAAa;AACf,EACF,CAAC;AAED,MAAa,cAAc;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAGA,MAAa,cAAc;CAAC;CAAQ;CAAM;CAAM;AAAI;AAGpD,MAAa,kBAAkB;CAAC;CAAU;CAAe;AAAM;AAG/D,MAAa,mBAAmB;CAAC;CAAQ;CAAS;CAAO;AAAQ;;;;AA4CjE,MAAM,UAAU,EACd,WAAW,UACX,WAAW,MACX,YAAY,KAAA,GACZ,cAAc,KAAA,GACd,SAAS,KAAA,GACT,SAAS,KAAA,GACT,kBAAkB,OAClB,SAAS,KAAA,GACT,gBAAgB,MAChB,UAAU,KAAA,GACV,eAAe,KAAA,GACf,YAAY,SACZ,kBAAkB,KAAA,GAClB,SAAS,MACT,OAAO,MACP,SAAS,KAAA,QACQ;CAKjB,OACE,iBAAA,GAAA,kBAAA,KAACA,eAAAA,QAAD;EACY;EACV,aAAA,GAAA,uBAAA,sBANa,eAC8B,GAAG,WAAW,MAKpC;EACR;EACb,eAAa;EACI;EACF;EACP;EACC;EACK;EACH;EACM;EACT;EACR,gBAAe;EACT;YAEN,iBAAA,GAAA,kBAAA,KAACC,eAAAA,eAAD;GAAmB,eAAa,SAAS,UAAU,WAAW;mBACrD;IACL,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;KACG,SAAS,iBAAA,GAAA,kBAAA,KAACC,eAAAA,cAAD,EAAA,UAAmB,OAAyB,CAAA,IAAI;KAC1D,iBAAA,GAAA,kBAAA,KAACC,eAAAA,YAAD;MAAgB,IAAG;MAAe;KAAyB,CAAA;KAC1D,SAAS,iBAAA,GAAA,kBAAA,KAACC,eAAAA,cAAD,EAAA,UAAmB,OAAyB,CAAA,IAAI;IAC1D,EAAA,CAAA;GAEN;EACiB,CAAA;CACT,CAAA;AAEhB"}