@arolariu/components 0.5.0 → 1.0.0

package/dist/components/ui/sheet.js

@@ -1,83 +1,141 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
-import { cva } from "class-variance-authority";
+import { Dialog } from "@base-ui/react/dialog";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { X } from "lucide-react";
-import { forwardRef } from "react";
+import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
-const Sheet = Root;
-const SheetTrigger = Trigger;
-const SheetClose = Close;
-const SheetPortal = Portal;
-const SheetOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Overlay, {
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
-        ...props,
-        ref: ref
-    }));
-SheetOverlay.displayName = Overlay.displayName;
-const sheetVariants = cva("fixed z-50 gap-4 bg-white p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out dark:bg-neutral-950", {
-    variants: {
-        side: {
-            top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-            bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-            left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-            right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-        }
-    },
-    defaultVariants: {
-        side: "right"
-    }
+import sheet_module from "./sheet.module.js";
+function Sheet(props) {
+    return /*#__PURE__*/ jsx(Dialog.Root, {
+        ...props
+    });
+}
+const SheetPortal = Dialog.Portal;
+const SheetClose = Dialog.Close;
+const SheetTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return /*#__PURE__*/ jsx(Dialog.Trigger, {
+        ref: ref,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: renderProp,
+            props: mergeProps({
+                className
+            }, {})
+        }),
+        children: renderProp ? void 0 : children
+    });
 });
-const SheetContent = /*#__PURE__*/ forwardRef(({ side = "right", className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SheetPortal, {
+function SheetOverlay(props) {
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Dialog.Backdrop, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(sheet_module.backdrop, className)
+            }, {})
+        })
+    });
+}
+const SheetContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, side = "right", ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(SheetPortal, {
         children: [
             /*#__PURE__*/ jsx(SheetOverlay, {}),
-            /*#__PURE__*/ jsxs(Content, {
+            /*#__PURE__*/ jsxs(Dialog.Popup, {
                 ref: ref,
-                className: cn(sheetVariants({
-                    side
-                }), className),
-                ...props,
+                ...otherProps,
+                render: useRender({
+                    defaultTagName: "div",
+                    render: render,
+                    props: mergeProps({
+                        className: cn(sheet_module.popup, sheet_module[side], className)
+                    }, {})
+                }),
                 children: [
-                    /*#__PURE__*/ jsxs(Close, {
-                        className: "absolute top-4 right-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-neutral-100 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800",
-                        children: [
-                            /*#__PURE__*/ jsx(X, {
-                                className: "h-4 w-4"
-                            }),
-                            /*#__PURE__*/ jsx("span", {
-                                className: "sr-only",
-                                children: "Close"
-                            })
-                        ]
+                    /*#__PURE__*/ jsx(Dialog.Close, {
+                        "aria-label": "Close",
+                        className: sheet_module.close,
+                        children: /*#__PURE__*/ jsx(X, {
+                            className: sheet_module.closeIcon
+                        })
                     }),
                     children
                 ]
             })
         ]
-    }));
-SheetContent.displayName = Content.displayName;
-const SheetHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
-        className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
-        ...props
     });
-SheetHeader.displayName = "SheetHeader";
-const SheetFooter = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
-        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-        ...props
+});
+function SheetHeader(props) {
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return useRender({
+        defaultTagName: "div",
+        render: renderProp,
+        props: mergeProps({
+            className: cn(sheet_module.header, className)
+        }, otherProps, {
+            children: renderProp ? void 0 : children
+        })
     });
+}
+function SheetFooter(props) {
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return useRender({
+        defaultTagName: "div",
+        render: renderProp,
+        props: mergeProps({
+            className: cn(sheet_module.footer, className)
+        }, otherProps, {
+            children: renderProp ? void 0 : children
+        })
+    });
+}
+function SheetTitle(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Dialog.Title, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "h2",
+            render: render,
+            props: mergeProps({
+                className: cn(sheet_module.title, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function SheetDescription(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Dialog.Description, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "p",
+            render: render,
+            props: mergeProps({
+                className: cn(sheet_module.description, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+Sheet.displayName = "Sheet";
+SheetPortal.displayName = "SheetPortal";
+SheetClose.displayName = "SheetClose";
+SheetTrigger.displayName = "SheetTrigger";
+SheetOverlay.displayName = "SheetOverlay";
+SheetContent.displayName = "SheetContent";
+SheetHeader.displayName = "SheetHeader";
 SheetFooter.displayName = "SheetFooter";
-const SheetTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Title, {
-        ref: ref,
-        className: cn("text-lg font-semibold text-neutral-950 dark:text-neutral-50", className),
-        ...props
-    }));
-SheetTitle.displayName = Title.displayName;
-const SheetDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Description, {
-        ref: ref,
-        className: cn("text-sm text-neutral-500 dark:text-neutral-400", className),
-        ...props
-    }));
-SheetDescription.displayName = Description.displayName;
+SheetTitle.displayName = "SheetTitle";
+SheetDescription.displayName = "SheetDescription";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
 
 //# sourceMappingURL=sheet.js.map

package/dist/components/ui/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/sheet.js","sources":["../../../src/components/ui/sheet.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport {X} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Sheet = SheetPrimitive.Root;\r\n\r\nconst SheetTrigger = SheetPrimitive.Trigger;\r\n\r\nconst SheetClose = SheetPrimitive.Close;\r\n\r\nconst SheetPortal = SheetPrimitive.Portal;\r\n\r\nconst SheetOverlay = React.forwardRef<\r\n  React.ComponentRef<typeof SheetPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\r\n>(({className, ...props}, ref) => (\r\n  <SheetPrimitive.Overlay\r\n    className={cn(\r\n      \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}\r\n  />\r\n));\r\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\r\n\r\nconst sheetVariants = cva(\r\n  \"fixed z-50 gap-4 bg-white p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out dark:bg-neutral-950\",\r\n  {\r\n    variants: {\r\n      side: {\r\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\r\n        bottom: \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\r\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\r\n        right:\r\n          \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      side: \"right\",\r\n    },\r\n  },\r\n);\r\n\r\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {}\r\n\r\nconst SheetContent = React.forwardRef<React.ComponentRef<typeof SheetPrimitive.Content>, SheetContentProps>(\r\n  ({side = \"right\", className, children, ...props}, ref) => (\r\n    <SheetPortal>\r\n      <SheetOverlay />\r\n      <SheetPrimitive.Content\r\n        ref={ref}\r\n        className={cn(sheetVariants({side}), className)}\r\n        {...props}>\r\n        <SheetPrimitive.Close className='absolute top-4 right-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-neutral-100 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800'>\r\n          <X className='h-4 w-4' />\r\n          <span className='sr-only'>Close</span>\r\n        </SheetPrimitive.Close>\r\n        {children}\r\n      </SheetPrimitive.Content>\r\n    </SheetPortal>\r\n  ),\r\n);\r\nSheetContent.displayName = SheetPrimitive.Content.displayName;\r\n\r\nconst SheetHeader = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)}\r\n    {...props}\r\n  />\r\n);\r\nSheetHeader.displayName = \"SheetHeader\";\r\n\r\nconst SheetFooter = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\r\n    {...props}\r\n  />\r\n);\r\nSheetFooter.displayName = \"SheetFooter\";\r\n\r\nconst SheetTitle = React.forwardRef<\r\n  React.ComponentRef<typeof SheetPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\r\n>(({className, ...props}, ref) => (\r\n  <SheetPrimitive.Title\r\n    ref={ref}\r\n    className={cn(\"text-lg font-semibold text-neutral-950 dark:text-neutral-50\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\r\n\r\nconst SheetDescription = React.forwardRef<\r\n  React.ComponentRef<typeof SheetPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\r\n>(({className, ...props}, ref) => (\r\n  <SheetPrimitive.Description\r\n    ref={ref}\r\n    className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\r\n\r\nexport {Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger};\r\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","cn","sheetVariants","cva","SheetContent","side","children","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;;AASA,MAAMA,QAAQC;AAEd,MAAMC,eAAeD;AAErB,MAAME,aAAaF;AAEnB,MAAMG,cAAcH;AAEpB,MAAMI,eAAe,WAAfA,GAAeC,WAGnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,SAAsB;QACrB,WAAWS,GACT,0JACAH;QAED,GAAGC,KAAK;QACT,KAAKC;;AAGTJ,aAAa,WAAW,GAAGJ,QAAAA,WAAkC;AAE7D,MAAMU,gBAAgBC,IACpB,mNACA;IACE,UAAU;QACR,MAAM;YACJ,KAAK;YACL,QAAQ;YACR,MAAM;YACN,OACE;QACJ;IACF;IACA,iBAAiB;QACf,MAAM;IACR;AACF;AAKF,MAAMC,eAAe,WAAfA,GAAeP,WACnB,CAAC,EAACQ,OAAO,OAAO,EAAEP,SAAS,EAAEQ,QAAQ,EAAE,GAAGP,OAAM,EAAEC,MAAAA,WAAAA,GAChD,KAACL,aAAAA;;0BACC,IAACC,cAAAA,CAAAA;0BACD,KAACJ,SAAsB;gBACrB,KAAKQ;gBACL,WAAWC,GAAGC,cAAc;oBAACG;gBAAI,IAAIP;gBACpC,GAAGC,KAAK;;kCACT,KAACP,OAAoB;wBAAC,WAAU;;0CAC9B,IAACe,GAACA;gCAAC,WAAU;;0CACb,IAAC;gCAAK,WAAU;0CAAU;;;;oBAE3BD;;;;;AAKTF,aAAa,WAAW,GAAGZ,QAAAA,WAAkC;AAE7D,MAAMgB,cAAc,CAAC,EAACV,SAAS,EAAE,GAAGC,OAA4C,iBAC9E,IAAC;QACC,WAAWE,GAAG,oDAAoDH;QACjE,GAAGC,KAAK;;AAGbS,YAAY,WAAW,GAAG;AAE1B,MAAMC,cAAc,CAAC,EAACX,SAAS,EAAE,GAAGC,OAA4C,iBAC9E,IAAC;QACC,WAAWE,GAAG,iEAAiEH;QAC9E,GAAGC,KAAK;;AAGbU,YAAY,WAAW,GAAG;AAE1B,MAAMC,aAAa,WAAbA,GAAab,WAGjB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,OAAoB;QACnB,KAAKQ;QACL,WAAWC,GAAG,+DAA+DH;QAC5E,GAAGC,KAAK;;AAGbW,WAAW,WAAW,GAAGlB,MAAAA,WAAgC;AAEzD,MAAMmB,mBAAmB,WAAnBA,GAAmBd,WAGvB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,aAA0B;QACzB,KAAKQ;QACL,WAAWC,GAAG,kDAAkDH;QAC/D,GAAGC,KAAK;;AAGbY,iBAAiB,WAAW,GAAGnB,YAAAA,WAAsC"}
+{"version":3,"file":"components/ui/sheet.js","sources":["../../../src/components/ui/sheet.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Dialog as BaseDialog} from \"@base-ui/react/dialog\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {X} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./sheet.module.css\";\r\n\r\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\r\n\r\ninterface SheetProps extends React.ComponentPropsWithRef<typeof BaseDialog.Root> {}\r\n\r\ninterface SheetTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface SheetOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Backdrop>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\nexport interface SheetContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Popup>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Controls which side of the viewport the sheet enters from.\r\n   * @default \"right\"\r\n   */\r\n  side?: SheetSide;\r\n}\r\n\r\ninterface SheetHeaderProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface SheetFooterProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface SheetTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Title>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface SheetDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Description>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates sheet state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Sheet>Content</Sheet>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction Sheet(props: Readonly<Sheet.Props>): React.ReactElement {\r\n  return <BaseDialog.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Provides the sheet portal container.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetPortal>Content</SheetPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetPortal = BaseDialog.Portal;\r\n/**\r\n * Renders the sheet close.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetClose>Content</SheetClose>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetClose = BaseDialog.Close;\r\n\r\n/**\r\n * Renders the sheet trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetTrigger>Content</SheetTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetTrigger = React.forwardRef<HTMLButtonElement, SheetTrigger.Props>(\r\n  (props: Readonly<SheetTrigger.Props>, ref): React.ReactElement => {\r\n    const {asChild = false, children, className, render, ...otherProps} = props;\r\n    const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n    return (\r\n      <BaseDialog.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BaseDialog.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the sheet overlay.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetOverlay>Content</SheetOverlay>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetOverlay(props: Readonly<SheetOverlay.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseDialog.Backdrop\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.backdrop, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the sheet content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetContent>Content</SheetContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetContent = React.forwardRef<React.ComponentRef<typeof BaseDialog.Popup>, SheetContent.Props>(\r\n  (props: Readonly<SheetContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, side = \"right\", ...otherProps} = props;\r\n\r\n    return (\r\n      <SheetPortal>\r\n        <SheetOverlay />\r\n        <BaseDialog.Popup\r\n          ref={ref}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            render: render as never,\r\n            props: mergeProps({className: cn(styles.popup, styles[side], className)}, {}),\r\n          })}>\r\n          <BaseDialog.Close\r\n            aria-label='Close'\r\n            className={styles.close}>\r\n            <X className={styles.closeIcon} />\r\n          </BaseDialog.Close>\r\n          {children}\r\n        </BaseDialog.Popup>\r\n      </SheetPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the sheet header.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetHeader>Content</SheetHeader>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetHeader(props: Readonly<SheetHeader.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.header, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n/**\r\n * Renders the sheet footer.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetFooter>Content</SheetFooter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetFooter(props: Readonly<SheetFooter.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.footer, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n/**\r\n * Renders the sheet title.\r\n *\r\n * @remarks\r\n * - Renders a `<h2>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetTitle>Content</SheetTitle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetTitle(props: Readonly<SheetTitle.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseDialog.Title\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"h2\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.title, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseDialog.Title>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the sheet description.\r\n *\r\n * @remarks\r\n * - Renders a `<p>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetDescription>Content</SheetDescription>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetDescription(props: Readonly<SheetDescription.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseDialog.Description\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"p\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.description, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseDialog.Description>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Sheet {\r\n  export type Props = SheetProps;\r\n  export type State = BaseDialog.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetTrigger {\r\n  export type Props = SheetTriggerProps;\r\n  export type State = BaseDialog.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetOverlay {\r\n  export type Props = SheetOverlayProps;\r\n  export type State = BaseDialog.Backdrop.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetContent {\r\n  export type Props = SheetContentProps;\r\n  export type State = BaseDialog.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetHeader {\r\n  export type Props = SheetHeaderProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetFooter {\r\n  export type Props = SheetFooterProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetTitle {\r\n  export type Props = SheetTitleProps;\r\n  export type State = BaseDialog.Title.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetDescription {\r\n  export type Props = SheetDescriptionProps;\r\n  export type State = BaseDialog.Description.State;\r\n}\r\n\r\nSheet.displayName = \"Sheet\";\r\nSheetPortal.displayName = \"SheetPortal\";\r\nSheetClose.displayName = \"SheetClose\";\r\nSheetTrigger.displayName = \"SheetTrigger\";\r\nSheetOverlay.displayName = \"SheetOverlay\";\r\nSheetContent.displayName = \"SheetContent\";\r\nSheetHeader.displayName = \"SheetHeader\";\r\nSheetFooter.displayName = \"SheetFooter\";\r\nSheetTitle.displayName = \"SheetTitle\";\r\nSheetDescription.displayName = \"SheetDescription\";\r\n\r\nexport {Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger};\r\n"],"names":["Sheet","props","BaseDialog","SheetPortal","SheetClose","SheetTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","SheetOverlay","cn","styles","SheetContent","side","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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"}

package/dist/components/ui/sheet.module.js

@@ -0,0 +1,18 @@
+import "./sheet_module.css";
+const sheet_module = {
+    backdrop: "backdrop-VkyRGX",
+    popup: "popup-JBJXE4",
+    top: "top-ukwtm_",
+    bottom: "bottom-RJwkPL",
+    left: "left-MvaGwC",
+    right: "right-sVFzjE",
+    close: "close-I3VVge",
+    closeIcon: "closeIcon-FodnBj",
+    header: "header-jaGMz3",
+    footer: "footer-N1eq9e",
+    title: "title-KpmBJL",
+    description: "description-fHnPmM"
+};
+export default sheet_module;
+
+//# sourceMappingURL=sheet.module.js.map

package/dist/components/ui/sheet.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/sheet.module.js","sources":["../../../src/components/ui/sheet.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./sheet_module.css\"\nexport default {\"backdrop\":\"backdrop-VkyRGX\",\"popup\":\"popup-JBJXE4\",\"top\":\"top-ukwtm_\",\"bottom\":\"bottom-RJwkPL\",\"left\":\"left-MvaGwC\",\"right\":\"right-sVFzjE\",\"close\":\"close-I3VVge\",\"closeIcon\":\"closeIcon-FodnBj\",\"header\":\"header-jaGMz3\",\"footer\":\"footer-N1eq9e\",\"title\":\"title-KpmBJL\",\"description\":\"description-fHnPmM\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,UAAW;IAAkB,OAAQ;IAAe,KAAM;IAAa,QAAS;IAAgB,MAAO;IAAc,OAAQ;IAAe,OAAQ;IAAe,WAAY;IAAmB,QAAS;IAAgB,QAAS;IAAgB,OAAQ;IAAe,aAAc;AAAoB"}

package/dist/components/ui/sheet_module.css

@@ -0,0 +1,136 @@
+.backdrop-VkyRGX {
+  transition: opacity var(--ac-transition-normal);
+  z-index: 50;
+  background-color: #0000008c;
+  position: fixed;
+  inset: 0;
+
+  @supports (-webkit-touch-callout: none) {
+    position: absolute;
+  }
+}
+
+.backdrop-VkyRGX[data-ending-style], .backdrop-VkyRGX[data-starting-style] {
+  opacity: 0;
+}
+
+.popup-JBJXE4 {
+  background-color: var(--ac-background);
+  color: var(--ac-foreground);
+  gap: var(--ac-space-4);
+  padding: var(--ac-space-6);
+  transition: transform var(--ac-transition-normal),opacity var(--ac-transition-normal);
+  z-index: 51;
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+  box-shadow: 0 20px 40px -12px #00000059;
+}
+
+.popup-JBJXE4[data-ending-style], .popup-JBJXE4[data-starting-style] {
+  opacity: 0;
+}
+
+.top-ukwtm_ {
+  border-bottom: 1px solid var(--ac-border);
+  inset: 0 0 auto;
+}
+
+.top-ukwtm_[data-ending-style], .top-ukwtm_[data-starting-style] {
+  transform: translateY(-1rem);
+}
+
+.bottom-RJwkPL {
+  border-top: 1px solid var(--ac-border);
+  inset: auto 0 0;
+}
+
+.bottom-RJwkPL[data-ending-style], .bottom-RJwkPL[data-starting-style] {
+  transform: translateY(1rem);
+}
+
+.left-MvaGwC {
+  border-right: 1px solid var(--ac-border);
+  width: min(24rem, 85vw);
+  inset: 0 auto 0 0;
+}
+
+.left-MvaGwC[data-ending-style], .left-MvaGwC[data-starting-style] {
+  transform: translateX(-1rem);
+}
+
+.right-sVFzjE {
+  border-left: 1px solid var(--ac-border);
+  width: min(24rem, 85vw);
+  inset: 0 0 0 auto;
+}
+
+.right-sVFzjE[data-ending-style], .right-sVFzjE[data-starting-style] {
+  transform: translateX(1rem);
+}
+
+.close-I3VVge {
+  border-radius: var(--ac-radius-sm);
+  color: var(--ac-muted-foreground);
+  cursor: pointer;
+  height: 1.75rem;
+  right: var(--ac-space-3);
+  top: var(--ac-space-3);
+  background: none;
+  border: none;
+  outline: none;
+  justify-content: center;
+  align-items: center;
+  width: 1.75rem;
+  display: inline-flex;
+  position: absolute;
+}
+
+.close-I3VVge:focus-visible {
+  outline: 2px solid var(--ac-ring);
+  outline-offset: 2px;
+}
+
+.closeIcon-FodnBj {
+  width: 1rem;
+  height: 1rem;
+}
+
+.header-jaGMz3 {
+  text-align: center;
+  flex-direction: column;
+}
+
+.footer-N1eq9e, .header-jaGMz3 {
+  gap: var(--ac-space-2);
+  display: flex;
+}
+
+.footer-N1eq9e {
+  flex-direction: column-reverse;
+  margin-top: auto;
+}
+
+@media (width >= 640px) {
+  .header-jaGMz3 {
+    text-align: left;
+  }
+
+  .footer-N1eq9e {
+    flex-direction: row;
+    justify-content: flex-end;
+  }
+}
+
+.title-KpmBJL {
+  font-size: var(--ac-text-lg);
+  font-weight: 600;
+}
+
+.description-fHnPmM {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+}
+
+
+/*# sourceMappingURL=sheet_module.css.map */

package/dist/components/ui/sheet_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/sheet.module.css","webpack://./src/components/ui/sheet.module.css"],"names":[],"mappings":"AADA;ECEE,+CAA+C;EAC/C,WAAW;EACX,2BAA2B;EAC3B,eAAe;EACf,QAAQ;;EAER;IACE,kBAAkB;EACpB;AACF;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,sCAAsC;EACtC,2BAA2B;EAC3B,sBAAsB;EACtB,0BAA0B;EAC1B,qFAAqF;EACrF,WAAW;EACX,sBAAsB;EACtB,aAAa;EACb,eAAe;EACf,uCAAuC;AACzC;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,yCAAyC;EACzC,eAAe;AACjB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,sCAAsC;EACtC,eAAe;AACjB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,wCAAwC;EACxC,uBAAuB;EACvB,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,uCAAuC;EACvC,uBAAuB;EACvB,iBAAiB;AACnB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,kCAAkC;EAClC,iCAAiC;EACjC,eAAe;EACf,eAAe;EACf,wBAAwB;EACxB,sBAAsB;EACtB,gBAAgB;EAChB,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,cAAc;EACd,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;EACjC,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,8BAA8B;EAC9B,gBAAgB;AAClB;;AAEA;EACE;IACE,gBAAgB;EAClB;;EAEA;IACE,mBAAmB;IACnB,yBAAyB;EAC3B;AACF;;AAEA;EACE,4BAA4B;EAC5B,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;AAC9B","sourcesContent":[".backdrop{background-color:rgba(0,0,0,.55);inset:0;position:fixed;transition:opacity var(--ac-transition-normal);z-index:50;@supports (-webkit-touch-callout:none){position:absolute}}.backdrop[data-ending-style],.backdrop[data-starting-style]{opacity:0}.popup{background-color:var(--ac-background);box-shadow:0 20px 40px -12px rgba(0,0,0,.35);color:var(--ac-foreground);display:flex;flex-direction:column;gap:var(--ac-space-4);padding:var(--ac-space-6);position:fixed;transition:transform var(--ac-transition-normal),opacity var(--ac-transition-normal);z-index:51}.popup[data-ending-style],.popup[data-starting-style]{opacity:0}.top{border-bottom:1px solid var(--ac-border);inset:0 0 auto}.top[data-ending-style],.top[data-starting-style]{transform:translateY(-1rem)}.bottom{border-top:1px solid var(--ac-border);inset:auto 0 0}.bottom[data-ending-style],.bottom[data-starting-style]{transform:translateY(1rem)}.left{border-right:1px solid var(--ac-border);inset:0 auto 0 0;width:min(24rem,85vw)}.left[data-ending-style],.left[data-starting-style]{transform:translateX(-1rem)}.right{border-left:1px solid var(--ac-border);inset:0 0 0 auto;width:min(24rem,85vw)}.right[data-ending-style],.right[data-starting-style]{transform:translateX(1rem)}.close{align-items:center;background:transparent;border:none;border-radius:var(--ac-radius-sm);color:var(--ac-muted-foreground);cursor:pointer;display:inline-flex;height:1.75rem;justify-content:center;outline:none;position:absolute;right:var(--ac-space-3);top:var(--ac-space-3);width:1.75rem}.close:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.closeIcon{height:1rem;width:1rem}.header{flex-direction:column;text-align:center}.footer,.header{display:flex;gap:var(--ac-space-2)}.footer{flex-direction:column-reverse;margin-top:auto}@media (min-width:640px){.header{text-align:left}.footer{flex-direction:row;justify-content:flex-end}}.title{font-size:var(--ac-text-lg);font-weight:600}.description{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm)}",".backdrop {\n  transition: opacity var(--ac-transition-normal);\n  z-index: 50;\n  background-color: #0000008c;\n  position: fixed;\n  inset: 0;\n\n  @supports (-webkit-touch-callout: none) {\n    position: absolute;\n  }\n}\n\n.backdrop[data-ending-style], .backdrop[data-starting-style] {\n  opacity: 0;\n}\n\n.popup {\n  background-color: var(--ac-background);\n  color: var(--ac-foreground);\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-6);\n  transition: transform var(--ac-transition-normal),opacity var(--ac-transition-normal);\n  z-index: 51;\n  flex-direction: column;\n  display: flex;\n  position: fixed;\n  box-shadow: 0 20px 40px -12px #00000059;\n}\n\n.popup[data-ending-style], .popup[data-starting-style] {\n  opacity: 0;\n}\n\n.top {\n  border-bottom: 1px solid var(--ac-border);\n  inset: 0 0 auto;\n}\n\n.top[data-ending-style], .top[data-starting-style] {\n  transform: translateY(-1rem);\n}\n\n.bottom {\n  border-top: 1px solid var(--ac-border);\n  inset: auto 0 0;\n}\n\n.bottom[data-ending-style], .bottom[data-starting-style] {\n  transform: translateY(1rem);\n}\n\n.left {\n  border-right: 1px solid var(--ac-border);\n  width: min(24rem, 85vw);\n  inset: 0 auto 0 0;\n}\n\n.left[data-ending-style], .left[data-starting-style] {\n  transform: translateX(-1rem);\n}\n\n.right {\n  border-left: 1px solid var(--ac-border);\n  width: min(24rem, 85vw);\n  inset: 0 0 0 auto;\n}\n\n.right[data-ending-style], .right[data-starting-style] {\n  transform: translateX(1rem);\n}\n\n.close {\n  border-radius: var(--ac-radius-sm);\n  color: var(--ac-muted-foreground);\n  cursor: pointer;\n  height: 1.75rem;\n  right: var(--ac-space-3);\n  top: var(--ac-space-3);\n  background: none;\n  border: none;\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  width: 1.75rem;\n  display: inline-flex;\n  position: absolute;\n}\n\n.close:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.closeIcon {\n  width: 1rem;\n  height: 1rem;\n}\n\n.header {\n  text-align: center;\n  flex-direction: column;\n}\n\n.footer, .header {\n  gap: var(--ac-space-2);\n  display: flex;\n}\n\n.footer {\n  flex-direction: column-reverse;\n  margin-top: auto;\n}\n\n@media (width >= 640px) {\n  .header {\n    text-align: left;\n  }\n\n  .footer {\n    flex-direction: row;\n    justify-content: flex-end;\n  }\n}\n\n.title {\n  font-size: var(--ac-text-lg);\n  font-weight: 600;\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n}\n"],"sourceRoot":""}