@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Drawer/Drawer.cjs

@@ -0,0 +1,86 @@
+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");
+//#region src/Drawer/Drawer.tsx
+const drawerVariants = (0, _fuf_stack_pixel_utils.tv)({ slots: {
+	wrapper: "",
+	base: "",
+	backdrop: "",
+	header: "",
+	body: "",
+	footer: "",
+	closeButton: ""
+} });
+const drawerSizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl",
+	"3xl",
+	"4xl",
+	"5xl",
+	"full"
+];
+const drawerRadii = [
+	"none",
+	"sm",
+	"md",
+	"lg"
+];
+const drawerBackdrops = [
+	"opaque",
+	"transparent",
+	"blur"
+];
+const drawerPlacements = [
+	"left",
+	"right",
+	"top",
+	"bottom"
+];
+/**
+* Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)
+*/
+const Drawer = ({ backdrop = "opaque", children = null, className = void 0, closeButton = void 0, footer = void 0, header = void 0, hideCloseButton = false, isOpen = void 0, isDismissable = true, onClose = void 0, onOpenChange = void 0, placement = "right", portalContainer = void 0, radius = "lg", size = "md", testId = void 0 }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_drawer.Drawer, {
+		backdrop,
+		classNames: (0, _fuf_stack_pixel_utils.variantsToClassNames)(drawerVariants(), className, "base"),
+		closeButton,
+		"data-testid": testId,
+		hideCloseButton,
+		isDismissable,
+		isOpen,
+		onClose,
+		onOpenChange,
+		placement,
+		portalContainer,
+		radius,
+		scrollBehavior: "inside",
+		size,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_drawer.DrawerContent, {
+			"data-testid": testId ? `drawer_${testId}` : "drawer",
+			children: () => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					header ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_drawer.DrawerHeader, { children: header }) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_drawer.DrawerBody, {
+						id: "drawer_body",
+						children
+					}),
+					footer ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_drawer.DrawerFooter, { children: footer }) : null
+				] });
+			}
+		})
+	});
+};
+//#endregion
+exports.default = Drawer;
+exports.drawerBackdrops = drawerBackdrops;
+exports.drawerPlacements = drawerPlacements;
+exports.drawerRadii = drawerRadii;
+exports.drawerSizes = drawerSizes;
+exports.drawerVariants = drawerVariants;
+
+//# sourceMappingURL=Drawer.cjs.map

package/dist/Drawer/Drawer.cjs.map

@@ -0,0 +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"}

package/dist/Drawer/Drawer.d.cts

@@ -0,0 +1,134 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import { DrawerProps } from "@heroui/drawer";
+
+//#region src/Drawer/Drawer.d.ts
+declare const drawerVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      wrapper?: import("tailwind-merge").ClassNameValue;
+      backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      wrapper?: import("tailwind-merge").ClassNameValue;
+      backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  wrapper: string;
+  base: string;
+  backdrop: string;
+  header: string;
+  body: string;
+  footer: string;
+  closeButton: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      wrapper?: import("tailwind-merge").ClassNameValue;
+      backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  wrapper: string;
+  base: string;
+  backdrop: string;
+  header: string;
+  body: string;
+  footer: string;
+  closeButton: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  wrapper: string;
+  base: string;
+  backdrop: string;
+  header: string;
+  body: string;
+  footer: string;
+  closeButton: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const drawerSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "full"];
+type DrawerSizes = (typeof drawerSizes)[number];
+declare const drawerRadii: readonly ["none", "sm", "md", "lg"];
+type DrawerRadius = (typeof drawerRadii)[number];
+declare const drawerBackdrops: readonly ["opaque", "transparent", "blur"];
+type DrawerBackdrop = (typeof drawerBackdrops)[number];
+declare const drawerPlacements: readonly ["left", "right", "top", "bottom"];
+type DrawerPlacement = (typeof drawerPlacements)[number];
+type VariantProps = TVProps<typeof drawerVariants>;
+type ClassName = TVClassName<typeof drawerVariants>;
+interface DrawerProps$1 extends VariantProps {
+  /** The backdrop style of the Drawer. */
+  backdrop?: DrawerBackdrop;
+  /** Drawer body content */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** Custom close button to display on top right corner. */
+  closeButton?: ReactNode;
+  /** Footer of the Drawer. */
+  footer?: ReactNode;
+  /** Header of the Drawer. */
+  header?: ReactNode;
+  /** Whether to hide the drawer close button. */
+  hideCloseButton?: boolean;
+  /** Whether the drawer is open by default (controlled). */
+  isOpen?: boolean;
+  /** Whether the drawer can be closed by clicking on the overlay or pressing the Esc key. */
+  isDismissable?: boolean;
+  /** Handler that is called when the drawer is closed. */
+  onClose?: () => void;
+  /** Handler that is called when the drawer's open state changes. */
+  onOpenChange?: (isOpen: boolean) => void;
+  /** The drawer position. */
+  placement?: DrawerPlacement;
+  /** The container element in which the overlay portal will be placed */
+  portalContainer?: DrawerProps['portalContainer'];
+  /** The drawer border radius. */
+  radius?: DrawerRadius;
+  /** The drawer size. */
+  size?: DrawerSizes;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)
+ */
+declare const Drawer: ({
+  backdrop,
+  children,
+  className,
+  closeButton,
+  footer,
+  header,
+  hideCloseButton,
+  isOpen,
+  isDismissable,
+  onClose,
+  onOpenChange,
+  placement,
+  portalContainer,
+  radius,
+  size,
+  testId
+}: DrawerProps$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Drawer, DrawerProps$1 as DrawerProps, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants };
+//# sourceMappingURL=Drawer.d.cts.map

package/dist/Drawer/Drawer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.cts","names":[],"sources":["../../src/Drawer/Drawer.tsx"],"mappings":";;;;;cAea,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAYd,WAAA;AAAA,KAYD,WAAA,WAAsB,WAAW;AAAA,cAEhC,WAAA;AAAA,KACD,YAAA,WAAuB,WAAW;AAAA,cAEjC,eAAA;AAAA,KACD,cAAA,WAAyB,eAAe;AAAA,cAEvC,gBAAA;AAAA,KACD,eAAA,WAA0B,gBAAgB;AAAA,KAEjD,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,aAAA,SAAoB,YAAA;;EAEnC,QAAA,GAAW,cAAA;;EAEX,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,WAAA,GAAc,SAAA;;EAEd,MAAA,GAAS,SAAA;EApCE;EAsCX,MAAA,GAAS,SAAA;;EAET,eAAA;EA7BQ;EA+BR,MAAA;EA9BqB;EAgCrB,aAAA;EAhC2C;EAkC3C,OAAA;EAhCW;EAkCX,YAAA,IAAgB,MAAA;;EAEhB,SAAA,GAAY,eAAA;EApCgD;EAsC5D,eAAA,GAAkB,WAAA;EArCI;EAuCtB,MAAA,GAAS,YAAA;EAvCmC;EAyC5C,IAAA,GAAO,WAAA;EAvCI;EAyCX,MAAA;AAAA;;AAzCuE;AACzE;cA8CM,MAAA;EAAU,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA,WAAA;EAAA,MAAA;EAAA,MAAA;EAAA,eAAA;EAAA,MAAA;EAAA,aAAA;EAAA,OAAA;EAAA,YAAA;EAAA,SAAA;EAAA,eAAA;EAAA,MAAA;EAAA,IAAA;EAAA;AAAA,GAiBb,aAAA,iCAAW,GAAA,CAAA,OAAA"}

package/dist/Drawer/Drawer.d.ts

@@ -0,0 +1,134 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import { DrawerProps } from "@heroui/drawer";
+
+//#region src/Drawer/Drawer.d.ts
+declare const drawerVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      wrapper?: import("tailwind-merge").ClassNameValue;
+      backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      wrapper?: import("tailwind-merge").ClassNameValue;
+      backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  wrapper: string;
+  base: string;
+  backdrop: string;
+  header: string;
+  body: string;
+  footer: string;
+  closeButton: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      wrapper?: import("tailwind-merge").ClassNameValue;
+      backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  wrapper: string;
+  base: string;
+  backdrop: string;
+  header: string;
+  body: string;
+  footer: string;
+  closeButton: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  wrapper: string;
+  base: string;
+  backdrop: string;
+  header: string;
+  body: string;
+  footer: string;
+  closeButton: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const drawerSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "full"];
+type DrawerSizes = (typeof drawerSizes)[number];
+declare const drawerRadii: readonly ["none", "sm", "md", "lg"];
+type DrawerRadius = (typeof drawerRadii)[number];
+declare const drawerBackdrops: readonly ["opaque", "transparent", "blur"];
+type DrawerBackdrop = (typeof drawerBackdrops)[number];
+declare const drawerPlacements: readonly ["left", "right", "top", "bottom"];
+type DrawerPlacement = (typeof drawerPlacements)[number];
+type VariantProps = TVProps<typeof drawerVariants>;
+type ClassName = TVClassName<typeof drawerVariants>;
+interface DrawerProps$1 extends VariantProps {
+  /** The backdrop style of the Drawer. */
+  backdrop?: DrawerBackdrop;
+  /** Drawer body content */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** Custom close button to display on top right corner. */
+  closeButton?: ReactNode;
+  /** Footer of the Drawer. */
+  footer?: ReactNode;
+  /** Header of the Drawer. */
+  header?: ReactNode;
+  /** Whether to hide the drawer close button. */
+  hideCloseButton?: boolean;
+  /** Whether the drawer is open by default (controlled). */
+  isOpen?: boolean;
+  /** Whether the drawer can be closed by clicking on the overlay or pressing the Esc key. */
+  isDismissable?: boolean;
+  /** Handler that is called when the drawer is closed. */
+  onClose?: () => void;
+  /** Handler that is called when the drawer's open state changes. */
+  onOpenChange?: (isOpen: boolean) => void;
+  /** The drawer position. */
+  placement?: DrawerPlacement;
+  /** The container element in which the overlay portal will be placed */
+  portalContainer?: DrawerProps['portalContainer'];
+  /** The drawer border radius. */
+  radius?: DrawerRadius;
+  /** The drawer size. */
+  size?: DrawerSizes;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)
+ */
+declare const Drawer$1: ({
+  backdrop,
+  children,
+  className,
+  closeButton,
+  footer,
+  header,
+  hideCloseButton,
+  isOpen,
+  isDismissable,
+  onClose,
+  onOpenChange,
+  placement,
+  portalContainer,
+  radius,
+  size,
+  testId
+}: DrawerProps$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Drawer$1 as Drawer, DrawerProps$1 as DrawerProps, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants };
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","names":[],"sources":["../../src/Drawer/Drawer.tsx"],"mappings":";;;;;cAea,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAYd,WAAA;AAAA,KAYD,WAAA,WAAsB,WAAW;AAAA,cAEhC,WAAA;AAAA,KACD,YAAA,WAAuB,WAAW;AAAA,cAEjC,eAAA;AAAA,KACD,cAAA,WAAyB,eAAe;AAAA,cAEvC,gBAAA;AAAA,KACD,eAAA,WAA0B,gBAAgB;AAAA,KAEjD,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,aAAA,SAAoB,YAAA;;EAEnC,QAAA,GAAW,cAAA;;EAEX,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,WAAA,GAAc,SAAA;;EAEd,MAAA,GAAS,SAAA;EApCE;EAsCX,MAAA,GAAS,SAAA;;EAET,eAAA;EA7BQ;EA+BR,MAAA;EA9BqB;EAgCrB,aAAA;EAhC2C;EAkC3C,OAAA;EAhCW;EAkCX,YAAA,IAAgB,MAAA;;EAEhB,SAAA,GAAY,eAAA;EApCgD;EAsC5D,eAAA,GAAkB,WAAA;EArCI;EAuCtB,MAAA,GAAS,YAAA;EAvCmC;EAyC5C,IAAA,GAAO,WAAA;EAvCI;EAyCX,MAAA;AAAA;;AAzCuE;AACzE;cA8CM,QAAA;EAAU,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA,WAAA;EAAA,MAAA;EAAA,MAAA;EAAA,eAAA;EAAA,MAAA;EAAA,aAAA;EAAA,OAAA;EAAA,YAAA;EAAA,SAAA;EAAA,eAAA;EAAA,MAAA;EAAA,IAAA;EAAA;AAAA,GAiBb,aAAA,iCAAW,GAAA,CAAA,OAAA"}

package/dist/Drawer/Drawer.js

@@ -0,0 +1,80 @@
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Drawer, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader } from "@heroui/drawer";
+//#region src/Drawer/Drawer.tsx
+const drawerVariants = tv({ slots: {
+	wrapper: "",
+	base: "",
+	backdrop: "",
+	header: "",
+	body: "",
+	footer: "",
+	closeButton: ""
+} });
+const drawerSizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl",
+	"3xl",
+	"4xl",
+	"5xl",
+	"full"
+];
+const drawerRadii = [
+	"none",
+	"sm",
+	"md",
+	"lg"
+];
+const drawerBackdrops = [
+	"opaque",
+	"transparent",
+	"blur"
+];
+const drawerPlacements = [
+	"left",
+	"right",
+	"top",
+	"bottom"
+];
+/**
+* Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)
+*/
+const Drawer$1 = ({ backdrop = "opaque", children = null, className = void 0, closeButton = void 0, footer = void 0, header = void 0, hideCloseButton = false, isOpen = void 0, isDismissable = true, onClose = void 0, onOpenChange = void 0, placement = "right", portalContainer = void 0, radius = "lg", size = "md", testId = void 0 }) => {
+	return /* @__PURE__ */ jsx(Drawer, {
+		backdrop,
+		classNames: variantsToClassNames(drawerVariants(), className, "base"),
+		closeButton,
+		"data-testid": testId,
+		hideCloseButton,
+		isDismissable,
+		isOpen,
+		onClose,
+		onOpenChange,
+		placement,
+		portalContainer,
+		radius,
+		scrollBehavior: "inside",
+		size,
+		children: /* @__PURE__ */ jsx(DrawerContent, {
+			"data-testid": testId ? `drawer_${testId}` : "drawer",
+			children: () => {
+				return /* @__PURE__ */ jsxs(Fragment, { children: [
+					header ? /* @__PURE__ */ jsx(DrawerHeader, { children: header }) : null,
+					/* @__PURE__ */ jsx(DrawerBody, {
+						id: "drawer_body",
+						children
+					}),
+					footer ? /* @__PURE__ */ jsx(DrawerFooter, { children: footer }) : null
+				] });
+			}
+		})
+	});
+};
+//#endregion
+export { Drawer$1 as default, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants };
+
+//# sourceMappingURL=Drawer.js.map

package/dist/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":["Drawer","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,iBAAiB,GAAG,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,MAAMA,YAAU,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,oBAACC,QAAD;EACY;EACV,YALe,qBADF,eAC8B,GAAG,WAAW,MAKpC;EACR;EACb,eAAa;EACI;EACF;EACP;EACC;EACK;EACH;EACM;EACT;EACR,gBAAe;EACT;YAEN,oBAACC,eAAD;GAAmB,eAAa,SAAS,UAAU,WAAW;mBACrD;IACL,OACE,qBAAA,UAAA,EAAA,UAAA;KACG,SAAS,oBAACC,cAAD,EAAA,UAAmB,OAAyB,CAAA,IAAI;KAC1D,oBAACC,YAAD;MAAgB,IAAG;MAAe;KAAyB,CAAA;KAC1D,SAAS,oBAACC,cAAD,EAAA,UAAmB,OAAyB,CAAA,IAAI;IAC1D,EAAA,CAAA;GAEN;EACiB,CAAA;CACT,CAAA;AAEhB"}

package/dist/Drawer/index.cjs

@@ -1,20 +1,17 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Drawer = require("./Drawer.cjs");
+//#region src/Drawer/index.ts
+var Drawer_default = require_Drawer.default;
+//#endregion
+exports.Drawer = require_Drawer.default;
+exports.default = Drawer_default;
+exports.drawerBackdrops = require_Drawer.drawerBackdrops;
+exports.drawerPlacements = require_Drawer.drawerPlacements;
+exports.drawerRadii = require_Drawer.drawerRadii;
+exports.drawerSizes = require_Drawer.drawerSizes;
+exports.drawerVariants = require_Drawer.drawerVariants;
 
-
-
-
-
-
-
-var _chunkOLU26V56cjs = require('../chunk-OLU26V56.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-
-
-
-
-
-exports.Drawer = _chunkOLU26V56cjs.Drawer_default; exports.default = _chunkOLU26V56cjs.Drawer_default2; exports.drawerBackdrops = _chunkOLU26V56cjs.drawerBackdrops; exports.drawerPlacements = _chunkOLU26V56cjs.drawerPlacements; exports.drawerRadii = _chunkOLU26V56cjs.drawerRadii; exports.drawerSizes = _chunkOLU26V56cjs.drawerSizes; exports.drawerVariants = _chunkOLU26V56cjs.drawerVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Drawer/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Drawer/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wYAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Drawer/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Drawer"],"sources":["../../src/Drawer/index.ts"],"sourcesContent":["import Drawer, {\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n} from './Drawer';\n\nexport type { DrawerProps } from './Drawer';\n\nexport {\n  Drawer,\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n};\n\nexport default Drawer;\n"],"mappings":";;;;;;AAmBA,IAAA,iBAAeA,eAAAA"}

package/dist/Drawer/index.d.cts

@@ -1,12 +1,2 @@
-import { D as Drawer } from '../Drawer-Bd7lsUl9.cjs';
-export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-Bd7lsUl9.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-import '@heroui/drawer';
-import 'react';
-
-
-
-export { Drawer, Drawer as default };
+import { Drawer, DrawerProps, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants } from "./Drawer.cjs";
+export { Drawer, Drawer as default, type DrawerProps, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants };

package/dist/Drawer/index.d.ts

@@ -1,12 +1,2 @@
-import { D as Drawer } from '../Drawer-Bd7lsUl9.js';
-export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-Bd7lsUl9.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-import '@heroui/drawer';
-import 'react';
-
-
-
-export { Drawer, Drawer as default };
+import { Drawer, DrawerProps, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants } from "./Drawer.js";
+export { Drawer, Drawer as default, type DrawerProps, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants };

package/dist/Drawer/index.js

@@ -1,20 +1,7 @@
-import {
-  Drawer_default,
-  Drawer_default2,
-  drawerBackdrops,
-  drawerPlacements,
-  drawerRadii,
-  drawerSizes,
-  drawerVariants
-} from "../chunk-IGRNC5NX.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Drawer_default as Drawer,
-  Drawer_default2 as default,
-  drawerBackdrops,
-  drawerPlacements,
-  drawerRadii,
-  drawerSizes,
-  drawerVariants
-};
+import Drawer, { drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants } from "./Drawer.js";
+//#region src/Drawer/index.ts
+var Drawer_default = Drawer;
+//#endregion
+export { Drawer, Drawer_default as default, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants };
+
 //# sourceMappingURL=index.js.map

package/dist/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Drawer/index.ts"],"sourcesContent":["import Drawer, {\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n} from './Drawer';\n\nexport type { DrawerProps } from './Drawer';\n\nexport {\n  Drawer,\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n};\n\nexport default Drawer;\n"],"mappings":";;AAmBA,IAAA,iBAAe"}