@fuf-stack/pixels 0.31.1 → 0.31.3

package/dist/Drawer/index.cjs

@@ -1,90 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-D4TLDLEX.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/Drawer/Drawer.tsx
 
 
 
 
 
 
-var _drawer = require('@nextui-org/drawer');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var drawerVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    wrapper: "",
-    base: "",
-    backdrop: "",
-    header: "",
-    body: "",
-    footer: "",
-    closeButton: ""
-  }
-});
-var drawerSizes = [
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "full"
-];
-var drawerRadii = ["none", "sm", "md", "lg"];
-var drawerBackdrops = ["opaque", "transparent", "blur"];
-var drawerPlacements = ["left", "right", "top", "bottom"];
-var 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 = "none",
-  size = "md",
-  testId = void 0
-}) => {
-  const variants = drawerVariants();
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _drawer.Drawer,
-    {
-      backdrop,
-      classNames,
-      closeButton,
-      "data-testid": testId,
-      hideCloseButton,
-      isDismissable,
-      isOpen,
-      onClose,
-      onOpenChange,
-      placement,
-      portalContainer,
-      radius,
-      scrollBehavior: "inside",
-      size,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _drawer.DrawerContent, { "data-testid": testId ? `drawer_${testId}` : "drawer", children: () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        header && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _drawer.DrawerHeader, { children: header }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _drawer.DrawerBody, { id: "drawer_body", children }),
-        footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _drawer.DrawerFooter, { children: footer })
-      ] }) })
-    }
-  );
-};
-var Drawer_default = Drawer;
+var _chunk7ZJ6LE2Pcjs = require('../chunk-7ZJ6LE2P.cjs');
+require('../chunk-D4TLDLEX.cjs');
 
-// src/Drawer/index.ts
-var Drawer_default2 = Drawer_default;
 
 
 
@@ -92,5 +16,5 @@ var Drawer_default2 = Drawer_default;
 
 
 
-exports.default = Drawer_default2; exports.drawerBackdrops = drawerBackdrops; exports.drawerPlacements = drawerPlacements; exports.drawerRadii = drawerRadii; exports.drawerSizes = drawerSizes; exports.drawerVariants = drawerVariants;
+exports.Drawer = _chunk7ZJ6LE2Pcjs.Drawer_default; exports.default = _chunk7ZJ6LE2Pcjs.Drawer_default2; exports.drawerBackdrops = _chunk7ZJ6LE2Pcjs.drawerBackdrops; exports.drawerPlacements = _chunk7ZJ6LE2Pcjs.drawerPlacements; exports.drawerRadii = _chunk7ZJ6LE2Pcjs.drawerRadii; exports.drawerSizes = _chunk7ZJ6LE2Pcjs.drawerSizes; exports.drawerVariants = _chunk7ZJ6LE2Pcjs.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","../../src/Drawer/Drawer.tsx","../../src/Drawer/index.ts"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACA;ACEA;AACE;AACA;AACA;AACA;AACA;AAAgB,4CACX;AAEP,oDAAyC;AAwH/B,+CAAA;AArHH,IAAM,eAAA,EAAiB,4BAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAA;AAAA,IACT,IAAA,EAAM,EAAA;AAAA,IACN,QAAA,EAAU,EAAA;AAAA,IACV,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAM,EAAA;AAAA,IACN,MAAA,EAAQ,EAAA;AAAA,IACR,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AAEM,IAAM,YAAA,EAAc;AAAA,EACzB,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA;AAGO,IAAM,YAAA,EAAc,CAAC,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,IAAI,CAAA;AAG7C,IAAM,gBAAA,EAAkB,CAAC,QAAA,EAAU,aAAA,EAAe,MAAM,CAAA;AAGxD,IAAM,iBAAA,EAAmB,CAAC,MAAA,EAAQ,OAAA,EAAS,KAAA,EAAO,QAAQ,CAAA;AA4CjE,IAAM,OAAA,EAAS,CAAC;AAAA,EACd,SAAA,EAAW,QAAA;AAAA,EACX,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,YAAA,EAAc,KAAA,CAAA;AAAA,EACd,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,gBAAA,EAAkB,KAAA;AAAA,EAClB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,cAAA,EAAgB,IAAA;AAAA,EAChB,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,UAAA,EAAY,OAAA;AAAA,EACZ,gBAAA,EAAkB,KAAA,CAAA;AAAA,EAClB,OAAA,EAAS,MAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAmB;AAEjB,EAAA,MAAM,SAAA,EAAW,cAAA,CAAe,CAAA;AAChC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA,EAAa,MAAA;AAAA,MACb,eAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA,EAAe,QAAA;AAAA,MACf,IAAA;AAAA,MAEA,QAAA,kBAAA,6BAAA,qBAAC,EAAA,EAAkB,aAAA,EAAa,OAAA,EAAS,CAAA,OAAA,EAAU,MAAM,CAAA,EAAA;AAGd,QAAA;AACM,wBAAA;AACN,QAAA;AAG3C,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;AD3DmF;AACA;AE7DnF;AF+DmF;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Drawer/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DrawerProps as NextDrawerProps } from '@nextui-org/drawer';\nimport type { ReactNode } from 'react';\n\nimport {\n  Drawer as NextDrawer,\n  DrawerBody as NextDrawerBody,\n  DrawerContent as NextDrawerContent,\n  DrawerFooter as NextDrawerFooter,\n  DrawerHeader as NextDrawerHeader,\n} from '@nextui-org/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 | undefined;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: NextDrawerProps['portalContainer'];\n  /** The drawer border radius. */\n  radius?: DrawerRadius | undefined;\n  /** The drawer size. */\n  size?: DrawerSizes | undefined;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drawer component based on [NextUI Drawer](https://nextui.org/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 = 'none',\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    <NextDrawer\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      <NextDrawerContent data-testid={testId ? `drawer_${testId}` : 'drawer'}>\n        {() => (\n          <>\n            {header && <NextDrawerHeader>{header}</NextDrawerHeader>}\n            <NextDrawerBody id=\"drawer_body\">{children}</NextDrawerBody>\n            {footer && <NextDrawerFooter>{footer}</NextDrawerFooter>}\n          </>\n        )}\n      </NextDrawerContent>\n    </NextDrawer>\n  );\n};\n\nexport default Drawer;\n","import Drawer, {\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n} from './Drawer';\n\nexport type {\n  DrawerProps,\n  DrawerSizes,\n  DrawerRadius,\n  DrawerBackdrop,\n  DrawerPlacement,\n} from './Drawer';\n\nexport {\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n};\n\nexport default Drawer;\n"]}
+{"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"}

package/dist/Drawer/index.d.cts

@@ -1,142 +1,12 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import * as tailwind_variants from 'tailwind-variants';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { DrawerProps as DrawerProps$1 } from '@nextui-org/drawer';
-import { ReactNode } from 'react';
+import { D as Drawer } from '../Drawer-DvEDC3UK.cjs';
+export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-DvEDC3UK.cjs';
+import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
+import '@nextui-org/drawer';
+import 'react';
 
-declare const drawerVariants: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    wrapper: string;
-    base: string;
-    backdrop: string;
-    header: string;
-    body: string;
-    footer: string;
-    closeButton: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    wrapper: string;
-    base: string;
-    backdrop: string;
-    header: string;
-    body: string;
-    footer: string;
-    closeButton: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    wrapper: string;
-    base: string;
-    backdrop: string;
-    header: string;
-    body: string;
-    footer: string;
-    closeButton: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, 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 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 | undefined;
-    /** The container element in which the overlay portal will be placed */
-    portalContainer?: DrawerProps$1['portalContainer'];
-    /** The drawer border radius. */
-    radius?: DrawerRadius | undefined;
-    /** The drawer size. */
-    size?: DrawerSizes | undefined;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-}
-/**
- * Drawer component based on [NextUI Drawer](https://nextui.org/docs/components/drawer)
- */
-declare const Drawer: ({ backdrop, children, className, closeButton, footer, header, hideCloseButton, isOpen, isDismissable, onClose, onOpenChange, placement, portalContainer, radius, size, testId, }: DrawerProps) => react_jsx_runtime.JSX.Element;
 
-export { type DrawerBackdrop, type DrawerPlacement, type DrawerProps, type DrawerRadius, type DrawerSizes, Drawer as default, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants };
+
+export { Drawer, Drawer as default };

package/dist/Drawer/index.d.ts

@@ -1,142 +1,12 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import * as tailwind_variants from 'tailwind-variants';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { DrawerProps as DrawerProps$1 } from '@nextui-org/drawer';
-import { ReactNode } from 'react';
+import { D as Drawer } from '../Drawer-DvEDC3UK.js';
+export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-DvEDC3UK.js';
+import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
+import '@nextui-org/drawer';
+import 'react';
 
-declare const drawerVariants: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    wrapper: string;
-    base: string;
-    backdrop: string;
-    header: string;
-    body: string;
-    footer: string;
-    closeButton: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    wrapper: string;
-    base: string;
-    backdrop: string;
-    header: string;
-    body: string;
-    footer: string;
-    closeButton: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    wrapper: string;
-    base: string;
-    backdrop: string;
-    header: string;
-    body: string;
-    footer: string;
-    closeButton: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            backdrop?: tailwind_variants.ClassValue;
-            wrapper?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            body?: tailwind_variants.ClassValue;
-            footer?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, 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 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 | undefined;
-    /** The container element in which the overlay portal will be placed */
-    portalContainer?: DrawerProps$1['portalContainer'];
-    /** The drawer border radius. */
-    radius?: DrawerRadius | undefined;
-    /** The drawer size. */
-    size?: DrawerSizes | undefined;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-}
-/**
- * Drawer component based on [NextUI Drawer](https://nextui.org/docs/components/drawer)
- */
-declare const Drawer: ({ backdrop, children, className, closeButton, footer, header, hideCloseButton, isOpen, isDismissable, onClose, onOpenChange, placement, portalContainer, radius, size, testId, }: DrawerProps) => react_jsx_runtime.JSX.Element;
 
-export { type DrawerBackdrop, type DrawerPlacement, type DrawerProps, type DrawerRadius, type DrawerSizes, Drawer as default, drawerBackdrops, drawerPlacements, drawerRadii, drawerSizes, drawerVariants };
+
+export { Drawer, Drawer as default };

package/dist/Drawer/index.js

@@ -1,91 +1,15 @@
-import "../chunk-J7N2552D.js";
-
-// src/Drawer/Drawer.tsx
 import {
-  Drawer as NextDrawer,
-  DrawerBody as NextDrawerBody,
-  DrawerContent as NextDrawerContent,
-  DrawerFooter as NextDrawerFooter,
-  DrawerHeader as NextDrawerHeader
-} from "@nextui-org/drawer";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var drawerVariants = tv({
-  slots: {
-    wrapper: "",
-    base: "",
-    backdrop: "",
-    header: "",
-    body: "",
-    footer: "",
-    closeButton: ""
-  }
-});
-var drawerSizes = [
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "full"
-];
-var drawerRadii = ["none", "sm", "md", "lg"];
-var drawerBackdrops = ["opaque", "transparent", "blur"];
-var drawerPlacements = ["left", "right", "top", "bottom"];
-var 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 = "none",
-  size = "md",
-  testId = void 0
-}) => {
-  const variants = drawerVariants();
-  const classNames = variantsToClassNames(variants, className, "base");
-  return /* @__PURE__ */ jsx(
-    NextDrawer,
-    {
-      backdrop,
-      classNames,
-      closeButton,
-      "data-testid": testId,
-      hideCloseButton,
-      isDismissable,
-      isOpen,
-      onClose,
-      onOpenChange,
-      placement,
-      portalContainer,
-      radius,
-      scrollBehavior: "inside",
-      size,
-      children: /* @__PURE__ */ jsx(NextDrawerContent, { "data-testid": testId ? `drawer_${testId}` : "drawer", children: () => /* @__PURE__ */ jsxs(Fragment, { children: [
-        header && /* @__PURE__ */ jsx(NextDrawerHeader, { children: header }),
-        /* @__PURE__ */ jsx(NextDrawerBody, { id: "drawer_body", children }),
-        footer && /* @__PURE__ */ jsx(NextDrawerFooter, { children: footer })
-      ] }) })
-    }
-  );
-};
-var Drawer_default = Drawer;
-
-// src/Drawer/index.ts
-var Drawer_default2 = Drawer_default;
+  Drawer_default,
+  Drawer_default2,
+  drawerBackdrops,
+  drawerPlacements,
+  drawerRadii,
+  drawerSizes,
+  drawerVariants
+} from "../chunk-OQIMB45E.js";
+import "../chunk-J7N2552D.js";
 export {
+  Drawer_default as Drawer,
   Drawer_default2 as default,
   drawerBackdrops,
   drawerPlacements,

package/dist/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Drawer/Drawer.tsx","../../src/Drawer/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DrawerProps as NextDrawerProps } from '@nextui-org/drawer';\nimport type { ReactNode } from 'react';\n\nimport {\n  Drawer as NextDrawer,\n  DrawerBody as NextDrawerBody,\n  DrawerContent as NextDrawerContent,\n  DrawerFooter as NextDrawerFooter,\n  DrawerHeader as NextDrawerHeader,\n} from '@nextui-org/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 | undefined;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: NextDrawerProps['portalContainer'];\n  /** The drawer border radius. */\n  radius?: DrawerRadius | undefined;\n  /** The drawer size. */\n  size?: DrawerSizes | undefined;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drawer component based on [NextUI Drawer](https://nextui.org/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 = 'none',\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    <NextDrawer\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      <NextDrawerContent data-testid={testId ? `drawer_${testId}` : 'drawer'}>\n        {() => (\n          <>\n            {header && <NextDrawerHeader>{header}</NextDrawerHeader>}\n            <NextDrawerBody id=\"drawer_body\">{children}</NextDrawerBody>\n            {footer && <NextDrawerFooter>{footer}</NextDrawerFooter>}\n          </>\n        )}\n      </NextDrawerContent>\n    </NextDrawer>\n  );\n};\n\nexport default Drawer;\n","import Drawer, {\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n} from './Drawer';\n\nexport type {\n  DrawerProps,\n  DrawerSizes,\n  DrawerRadius,\n  DrawerBackdrop,\n  DrawerPlacement,\n} from './Drawer';\n\nexport {\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n};\n\nexport default Drawer;\n"],"mappings":";;;AAIA;AAAA,EACE,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,OACX;AAEP,SAAS,IAAI,4BAA4B;AAwH/B,mBACa,KADb;AArHH,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AACF,CAAC;AAEM,IAAM,cAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,IAAM,cAAc,CAAC,QAAQ,MAAM,MAAM,IAAI;AAG7C,IAAM,kBAAkB,CAAC,UAAU,eAAe,MAAM;AAGxD,IAAM,mBAAmB,CAAC,QAAQ,SAAS,OAAO,QAAQ;AA4CjE,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,MAAmB;AAEjB,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf;AAAA,MAEA,8BAAC,qBAAkB,eAAa,SAAS,UAAU,MAAM,KAAK,UAC3D,gBACC,iCACG;AAAA,kBAAU,oBAAC,oBAAkB,kBAAO;AAAA,QACrC,oBAAC,kBAAe,IAAG,eAAe,UAAS;AAAA,QAC1C,UAAU,oBAAC,oBAAkB,kBAAO;AAAA,SACvC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;ACvHf,IAAOA,kBAAQ;","names":["Drawer_default"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}