@jamsrui/drawer 0.0.21 → 0.1.0

package/README.md

@@ -2,12 +2,11 @@
 
 **A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
 
-
 ## 📖 **Overview**
 
 [JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
 
-## 🚀 Getting Started 
+## 🚀 Getting Started
 
 Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
 
@@ -37,4 +36,3 @@ We welcome contributions from developers of all skill levels!
 ## ⭐ Support the Project
 
 If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
-

package/dist/drawer-backdrop.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FloatingOverlay } from '@floating-ui/react';
+import { ComponentProps } from 'react';
+
+declare const DrawerBackdrop: (props: DrawerBackdrop.Props) => react_jsx_runtime.JSX.Element;
+declare namespace DrawerBackdrop {
+    interface Props extends ComponentProps<typeof FloatingOverlay> {
+        children: React.ReactNode;
+    }
+}
+
+export { DrawerBackdrop };

package/dist/drawer-backdrop.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as n}from"react/jsx-runtime";import{FloatingOverlay as p}from"@floating-ui/react";import{useDrawerContext as a}from"./drawer-context.mjs";const d=r=>{const{children:o,...e}=r,{getBackdropProps:t}=a();return n(p,{...t(e),children:o})};export{d as DrawerBackdrop};

package/dist/drawer-content.mjs

@@ -1 +1 @@
-"use client";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{FloatingOverlay as p,FloatingPortal as m}from"@floating-ui/react";import{AnimatePresence as l,motion as s}from"motion/react";import{DrawerCloseButton as c}from"./drawer-close-button.mjs";import{useDrawerContext as P}from"./drawer-context.mjs";import{DrawerPopover as d}from"./drawer-popover.mjs";const u=e=>{const{children:r}=e,{getContentProps:t,isOpen:n,getBackdropProps:i,hideCloseButton:a}=P();return o(l,{children:n?o(m,{children:o(p,{...i(),children:o(d,{children:f(s.div,{...t(e),children:[!a&&o(c,{}),r]})})})}):null})};export{u as DrawerContent};
+"use client";import{jsx as i}from"react/jsx-runtime";import{motion as r}from"motion/react";import{useDrawerContext as n}from"./drawer-context.mjs";const m=o=>{const{children:t}=o,{getContentProps:e}=n();return i(r.div,{...e(o),children:t})};export{m as DrawerContent};

package/dist/drawer-context.d.mts

@@ -3,15 +3,12 @@ import { useDrawer } from './use-drawer.mjs';
 import '@floating-ui/react';
 import '@jamsrui/utils';
 import './drawer-body.mjs';
-import './drawer-close-button.mjs';
-import 'react/jsx-runtime';
-import '@jamsrui/icon-button';
 import './drawer-content.mjs';
+import 'react/jsx-runtime';
 import 'motion/react';
 import './drawer-footer.mjs';
 import './drawer-header.mjs';
 import './drawer-popover.mjs';
-import './styles.mjs';
 
 declare const useDrawerContext: () => DrawerContext.Props;
 declare const DrawerContext: react.Context<DrawerContext.Props | null>;

package/dist/drawer-portal.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const DrawerPortal: (props: DrawerPortal.Props) => react_jsx_runtime.JSX.Element;
+declare namespace DrawerPortal {
+    interface Props {
+        children: React.ReactNode;
+    }
+}
+
+export { DrawerPortal };

package/dist/drawer-portal.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as r}from"react/jsx-runtime";import{FloatingPortal as a}from"@floating-ui/react";import{AnimatePresence as n}from"motion/react";import{useDrawerContext as l}from"./drawer-context.mjs";const s=e=>{const{children:o}=e,{isOpen:t}=l();return r(n,{children:t?r(a,{children:o}):null})};export{s as DrawerPortal};

package/dist/drawer.d.mts

@@ -1,17 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { useDrawer } from './use-drawer.mjs';
+import 'react';
 import '@floating-ui/react';
 import '@jamsrui/utils';
 import './drawer-body.mjs';
-import 'react';
-import './drawer-close-button.mjs';
-import '@jamsrui/icon-button';
 import './drawer-content.mjs';
 import 'motion/react';
 import './drawer-footer.mjs';
 import './drawer-header.mjs';
 import './drawer-popover.mjs';
-import './styles.mjs';
 
 declare const Drawer: (props: Drawer.Props) => react_jsx_runtime.JSX.Element;
 declare namespace Drawer {

package/dist/drawer.mjs

@@ -1 +1 @@
-"use client";import{jsx as p}from"react/jsx-runtime";import{mergeConfigProps as n}from"@jamsrui/utils";import{useDrawerConfig as s}from"./drawer-config.mjs";import{DrawerContext as c}from"./drawer-context.mjs";import{drawerVariants as i}from"./styles.mjs";import{useDrawer as m}from"./use-drawer.mjs";const x=r=>{const{children:e}=r,o=s(),t=n(i.defaultVariants,o,r),a=m(t);return p(c,{value:a,children:e})};export{x as Drawer};
+"use client";import{jsx as n}from"react/jsx-runtime";import{DrawerContext as o}from"./drawer-context.mjs";import{useDrawer as a}from"./use-drawer.mjs";const p=e=>{const{children:r}=e,t=a(e);return n(o,{value:t,children:r})};export{p as Drawer};

package/dist/index.d.mts

@@ -1,43 +1,36 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Drawer as Drawer$1 } from './drawer.mjs';
+import { DrawerBackdrop } from './drawer-backdrop.mjs';
 import { DrawerBody } from './drawer-body.mjs';
-import { DrawerCloseButton } from './drawer-close-button.mjs';
 import { DrawerCloseTrigger } from './drawer-close-trigger.mjs';
-import { DrawerConfig } from './drawer-config.mjs';
-export { useDrawerConfig } from './drawer-config.mjs';
-export { DrawerContext, useDrawerContext } from './drawer-context.mjs';
 import { DrawerContent } from './drawer-content.mjs';
 import { DrawerFooter } from './drawer-footer.mjs';
 import { DrawerHeader } from './drawer-header.mjs';
+import { DrawerPopover } from './drawer-popover.mjs';
+import { DrawerPortal } from './drawer-portal.mjs';
 import { DrawerTrigger } from './drawer-trigger.mjs';
 import './use-drawer.mjs';
 import '@floating-ui/react';
 import '@jamsrui/utils';
-import './drawer-popover.mjs';
-import './styles.mjs';
-import '@jamsrui/icon-button';
-import '@jamsrui/core';
 import 'motion/react';
 
 declare const Drawer: ((props: Drawer$1.Props) => react_jsx_runtime.JSX.Element) & {
     Body: (props: DrawerBody.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-    CloseButton: (props: DrawerCloseButton.Props) => react_jsx_runtime.JSX.Element;
     CloseTrigger: (props: DrawerCloseTrigger.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
     Content: (props: DrawerContent.Props) => react_jsx_runtime.JSX.Element;
     Footer: (props: DrawerFooter.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
     Header: (props: DrawerHeader.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
     Trigger: (props: DrawerTrigger.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+    Portal: (props: DrawerPortal.Props) => react_jsx_runtime.JSX.Element;
+    Popover: (props: DrawerPopover.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    Backdrop: (props: DrawerBackdrop.Props) => react_jsx_runtime.JSX.Element;
 };
 declare namespace Drawer {
     interface Props extends Drawer$1.Props {
     }
-    interface Config extends DrawerConfig.Props {
-    }
     interface Body extends DrawerBody.Props {
     }
-    interface CloseButton extends DrawerCloseButton.Props {
-    }
     interface CloseTrigger extends DrawerCloseTrigger.Props {
     }
     interface Content extends DrawerContent.Props {
@@ -50,4 +43,4 @@ declare namespace Drawer {
     }
 }
 
-export { Drawer, DrawerBody, DrawerCloseButton, DrawerCloseTrigger, DrawerConfig, DrawerContent, DrawerFooter, DrawerHeader, DrawerTrigger };
+export { Drawer };

package/dist/index.mjs

@@ -1 +1 @@
-import{Drawer as p}from"./drawer.mjs";import{DrawerBody as r}from"./drawer-body.mjs";import{DrawerCloseButton as e}from"./drawer-close-button.mjs";import{DrawerCloseTrigger as o}from"./drawer-close-trigger.mjs";import{DrawerConfig as i,useDrawerConfig as w}from"./drawer-config.mjs";import{DrawerContext as D,useDrawerContext as f}from"./drawer-context.mjs";import{DrawerContent as t}from"./drawer-content.mjs";import{DrawerFooter as a}from"./drawer-footer.mjs";import{DrawerHeader as n}from"./drawer-header.mjs";import{DrawerTrigger as s}from"./drawer-trigger.mjs";const u=Object.assign(p,{Body:r,CloseButton:e,CloseTrigger:o,Content:t,Footer:a,Header:n,Trigger:s});export{u as Drawer,r as DrawerBody,e as DrawerCloseButton,o as DrawerCloseTrigger,i as DrawerConfig,t as DrawerContent,D as DrawerContext,a as DrawerFooter,n as DrawerHeader,s as DrawerTrigger,w as useDrawerConfig,f as useDrawerContext};
+import{Drawer as r}from"./drawer.mjs";import{DrawerBackdrop as e}from"./drawer-backdrop.mjs";import{DrawerBody as o}from"./drawer-body.mjs";import{DrawerCloseTrigger as t}from"./drawer-close-trigger.mjs";import{DrawerContent as a}from"./drawer-content.mjs";import{DrawerFooter as p}from"./drawer-footer.mjs";import{DrawerHeader as i}from"./drawer-header.mjs";import{DrawerPopover as n}from"./drawer-popover.mjs";import{DrawerPortal as s}from"./drawer-portal.mjs";import{DrawerTrigger as m}from"./drawer-trigger.mjs";const l=Object.assign(r,{Body:o,CloseTrigger:t,Content:a,Footer:p,Header:i,Trigger:m,Portal:s,Popover:n,Backdrop:e});export{l as Drawer};

package/dist/use-drawer.d.mts

@@ -1,24 +1,21 @@
-import { FloatingOverlayProps, FloatingFocusManagerProps } from '@floating-ui/react';
-import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
+import { ComponentProps } from 'react';
+import { FloatingOverlay, FloatingOverlayProps, FloatingFocusManagerProps } from '@floating-ui/react';
+import { PropGetter, UIProps } from '@jamsrui/utils';
 import { DrawerBody } from './drawer-body.mjs';
-import { DrawerCloseButton } from './drawer-close-button.mjs';
 import { DrawerContent } from './drawer-content.mjs';
 import { DrawerFooter } from './drawer-footer.mjs';
 import { DrawerHeader } from './drawer-header.mjs';
 import { DrawerPopover } from './drawer-popover.mjs';
-import { DrawerVariants, DrawerSlots } from './styles.mjs';
-import 'react';
 import 'react/jsx-runtime';
-import '@jamsrui/icon-button';
 import 'motion/react';
 
+type Anchor = "left" | "right" | "top" | "bottom";
 declare const useDrawer: (props: useDrawer.Props) => {
     getHeaderProps: PropGetter<DrawerHeader.Props>;
     getFooterProps: PropGetter<DrawerFooter.Props>;
     getBodyProps: PropGetter<DrawerBody.Props>;
     getContentProps: PropGetter<DrawerContent.Props>;
-    getCloseButtonProps: PropGetter<DrawerCloseButton.Props>;
-    getBackdropProps: () => FloatingOverlayProps & UIProps<"div">;
+    getBackdropProps: (props: ComponentProps<typeof FloatingOverlay>) => FloatingOverlayProps & UIProps<"div">;
     getFocusManagerProps: () => Omit<FloatingFocusManagerProps, "children">;
     getTriggerProps: () => {
         [x: string]: unknown;
@@ -29,24 +26,17 @@ declare const useDrawer: (props: useDrawer.Props) => {
     isOpen: boolean;
     getPopoverProps: PropGetter<DrawerPopover.Props>;
     hideCloseButton: boolean;
+    anchor: Anchor;
 };
 declare namespace useDrawer {
-    interface Props extends DrawerVariants {
-        classNames?: SlotsToClassNames<DrawerSlots>;
-        slotProps?: {
-            popover?: DrawerPopover.Props;
-            header?: DrawerHeader.Props;
-            footer?: DrawerFooter.Props;
-            content?: DrawerContent.Props;
-            body?: DrawerBody.Props;
-            closeButton?: DrawerCloseButton.Props;
-        };
+    interface Props {
         defaultOpen?: boolean;
         isOpen?: boolean;
         onOpenChange?: (open: boolean) => void;
         isDismissible?: boolean;
         isKeyboardDismissible?: boolean;
         hideCloseButton?: boolean;
+        anchor?: Anchor;
     }
 }
 

package/dist/use-drawer.mjs

@@ -1 +1 @@
-"use client";import{useCallback as t,useMemo as j}from"react";import{useClick as z,useDismiss as A,useFloating as E,useInteractions as $,useRole as q}from"@floating-ui/react";import{useControlledState as J}from"@jamsrui/hooks";import{cn as a,dataAttrDev as n,mapPropsVariants as L,mergeProps as p}from"@jamsrui/utils";import{drawerVariants as O}from"./styles.mjs";const _=k=>{const[x,G]=L(k,O.variantKeys),{classNames:s,slotProps:e,defaultOpen:S,isOpen:T,onOpenChange:H,isDismissible:I,isKeyboardDismissible:K,hideCloseButton:d=!1}=x,r=O(G),[i,m]=J({defaultProp:S,onChange:H,prop:T}),{context:l,refs:{setFloating:P,setReference:u}}=E({open:i,onOpenChange:m}),M=z(l,{enabled:!0}),V=A(l,{escapeKey:K,outsidePressEvent:"click",outsidePress:I}),R=q(l),U=$([M,V,R]),{getFloatingProps:f,getReferenceProps:g}=U,c=t(()=>{m(!1)},[m]),y=t(o=>({...p(e?.header,o),"data-slot":n("header"),className:r.header({className:a(e?.header?.className,s?.header,o.className)})}),[s?.header,e?.header,r]),w=t(o=>({...p(e?.footer,o),"data-slot":n("footer"),className:r.footer({className:a(e?.footer?.className,s?.footer,o.className)})}),[s?.footer,e?.footer,r]),D=t(o=>({...p(e?.body,o),"data-slot":n("body"),className:r.body({className:a(e?.body?.className,s?.body,o.className)})}),[s?.body,e?.body,r]),N=t(o=>({...p(e?.popover,o),"data-slot":n("popover"),className:r.popover({className:a(e?.popover?.className,s?.popover,o.className)}),ref:P,...f()}),[s?.popover,f,P,e?.popover,r]),b=t(o=>({...p(e?.content,o),"data-slot":n("content"),className:r.content({className:a(e?.content?.className,s?.content,o.className)}),initial:{opacity:0,x:"100%",transition:{type:"spring",stiffness:180,damping:30,mass:.9}},animate:{opacity:1,x:0,transition:{type:"spring",stiffness:120,damping:20,mass:.8}},exit:{opacity:0,x:"100%",transition:{type:"spring",stiffness:300,damping:30,mass:.6}}}),[s?.content,e?.content,r]),C=t(o=>({...p(e?.closeButton,o),"data-slot":n("closeButton"),className:r.closeButton({className:a(e?.closeButton?.className,s?.closeButton,o.className)}),radius:"full",size:"sm",onClick:c}),[s?.closeButton,c,e?.closeButton,r]),v=t(()=>({lockScroll:!0,"data-slot":n("backdrop"),className:r.backdrop({className:a(s?.backdrop)})}),[s?.backdrop,r]),B=t(()=>({context:l,modal:!0}),[l]),h=t(()=>({...g({ref:u})}),[g,u]),F=t(()=>({onClick:c}),[c]);return j(()=>({getHeaderProps:y,getFooterProps:w,getBodyProps:D,getContentProps:b,getCloseButtonProps:C,getBackdropProps:v,getFocusManagerProps:B,getTriggerProps:h,getTriggerCloseProps:F,isOpen:i,getPopoverProps:N,hideCloseButton:d}),[y,w,D,b,C,v,B,h,F,i,N,d])};export{_ as useDrawer};
+"use client";import{useCallback as o,useMemo as M}from"react";import{useClick as H,useDismiss as K,useFloating as R,useInteractions as T,useRole as A}from"@floating-ui/react";import{useControlledState as S}from"@jamsrui/hooks";const z=C=>{const{defaultOpen:h,isOpen:F,onOpenChange:O,isDismissible:v,isKeyboardDismissible:k,hideCloseButton:n=!1,anchor:a="right"}=C,[t,s]=S({defaultProp:h,onChange:O,prop:F}),{context:r,refs:{setFloating:p,setReference:i}}=R({open:t,onOpenChange:s}),x=H(r,{enabled:!0}),B=K(r,{escapeKey:k,outsidePressEvent:"click",outsidePress:v}),G=A(r),I=T([x,B,G]),{getFloatingProps:l,getReferenceProps:c}=I,d=o(()=>{s(!1)},[s]),g=o(e=>({...e,"data-slot":"header"}),[]),m=o(e=>({...e,"data-slot":"footer"}),[]),P=o(e=>({...e,"data-slot":"body"}),[]),f=o(e=>({...e,"data-slot":"popover",ref:p,...l()}),[l,p]),u=o(e=>({...e,"data-slot":"content",initial:{opacity:0,x:"100%",transition:{type:"spring",stiffness:180,damping:30,mass:.9}},animate:{opacity:1,x:0,transition:{type:"spring",stiffness:120,damping:20,mass:.2}},exit:{opacity:0,x:"100%",transition:{type:"spring",stiffness:300,damping:30,mass:.6}}}),[]),y=o(e=>({lockScroll:!0,"data-slot":"backdrop",...e}),[]),b=o(()=>({context:r,modal:!0}),[r]),w=o(()=>({...c({ref:i})}),[c,i]),D=o(()=>({onClick:d}),[d]);return M(()=>({getHeaderProps:g,getFooterProps:m,getBodyProps:P,getContentProps:u,getBackdropProps:y,getFocusManagerProps:b,getTriggerProps:w,getTriggerCloseProps:D,isOpen:t,getPopoverProps:f,hideCloseButton:n,anchor:a}),[g,m,P,u,y,b,w,D,t,f,n,a])};export{z as useDrawer};

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@jamsrui/drawer",
-  "version": "0.0.21",
+  "version": "0.1.0",
   "peerDependencies": {
     "motion": ">=12",
     "react": ">=19"
   },
   "dependencies": {
     "@floating-ui/react": ">=0.27",
-    "@jamsrui/hooks": "^0.0.20",
-    "@jamsrui/core": "^0.0.16",
-    "@jamsrui/utils": "^0.0.20",
-    "@jamsrui/icons": "^0.0.17",
-    "@jamsrui/icon-button": "^0.0.20"
+    "@jamsrui/hooks": "^0.1.0",
+    "@jamsrui/core": "^0.1.0",
+    "@jamsrui/icons": "^0.1.0",
+    "@jamsrui/utils": "^0.1.0",
+    "@jamsrui/icon-button": "^0.1.0"
   },
   "exports": {
     ".": {

package/dist/drawer-close-button.d.mts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IconButton } from '@jamsrui/icon-button';
-
-declare const DrawerCloseButton: (props: DrawerCloseButton.Props) => react_jsx_runtime.JSX.Element;
-declare namespace DrawerCloseButton {
-    interface Props extends Partial<IconButton.Props> {
-    }
-}
-
-export { DrawerCloseButton };

package/dist/drawer-close-button.mjs

@@ -1 +0,0 @@
-"use client";import{jsx as o}from"react/jsx-runtime";import{IconButton as r}from"@jamsrui/icon-button";import{CloseIcon as n}from"@jamsrui/icons";import{useDrawerContext as s}from"./drawer-context.mjs";const c=t=>{const{getCloseButtonProps:e}=s();return o(r,{label:"Close Drawer",...e(t),children:o(n,{className:"size-4"})})};export{c as DrawerCloseButton};

package/dist/drawer-config.d.mts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { WithGlobalConfig } from '@jamsrui/core';
-import { Drawer } from './drawer.mjs';
-import './use-drawer.mjs';
-import '@floating-ui/react';
-import '@jamsrui/utils';
-import './drawer-body.mjs';
-import 'react';
-import './drawer-close-button.mjs';
-import '@jamsrui/icon-button';
-import './drawer-content.mjs';
-import 'motion/react';
-import './drawer-footer.mjs';
-import './drawer-header.mjs';
-import './drawer-popover.mjs';
-import './styles.mjs';
-
-declare const useDrawerConfig: () => DrawerConfig.Props;
-declare const DrawerConfig: (props: Omit<Partial<DrawerConfig.Props>, "children"> & {
-    merge?: boolean;
-    children: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
-declare namespace DrawerConfig {
-    interface Props extends WithGlobalConfig<Drawer.Props> {
-    }
-}
-
-export { DrawerConfig, useDrawerConfig };

package/dist/drawer-config.mjs

@@ -1 +0,0 @@
-"use client";import{createConfigContext as r}from"@jamsrui/utils";const[o,a]=r({displayName:"DrawerConfig"});export{o as DrawerConfig,a as useDrawerConfig};

package/dist/styles.d.mts

@@ -1,272 +0,0 @@
-import * as _jamsrui_utils from '@jamsrui/utils';
-import { VariantProps } from '@jamsrui/utils';
-
-declare const drawerVariants: _jamsrui_utils.TVReturnType<{
-    anchor: {
-        left: {
-            content: string;
-        };
-        right: {
-            content: string;
-        };
-        top: {
-            content: string;
-        };
-        bottom: {
-            content: string;
-        };
-    };
-    size: {
-        xs: {
-            content: string;
-        };
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
-        xl: {
-            content: string;
-        };
-        "2xl": {
-            content: string;
-        };
-        "3xl": {
-            content: string;
-        };
-        "4xl": {
-            content: string;
-        };
-        "5xl": {
-            content: string;
-        };
-        full: {
-            content: string;
-        };
-    };
-    isBordered: {
-        true: {
-            header: string;
-            footer: string;
-        };
-    };
-    scrollBehavior: {
-        inside: {
-            body: string;
-        };
-        outside: {};
-    };
-    backdrop: {
-        transparent: {
-            backdrop: string;
-        };
-        opaque: {
-            backdrop: string;
-        };
-        blur: {
-            backdrop: string;
-        };
-    };
-    radius: {
-        sm: {};
-        md: {};
-        lg: {};
-        xl: {};
-        "2xl": {};
-        "3xl": {};
-        full: {};
-        none: {};
-    };
-}, {
-    backdrop: string;
-    popover: string;
-    content: string;
-    header: string;
-    footer: string;
-    body: string;
-    closeButton: string;
-}, undefined, {
-    anchor: {
-        left: {
-            content: string;
-        };
-        right: {
-            content: string;
-        };
-        top: {
-            content: string;
-        };
-        bottom: {
-            content: string;
-        };
-    };
-    size: {
-        xs: {
-            content: string;
-        };
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
-        xl: {
-            content: string;
-        };
-        "2xl": {
-            content: string;
-        };
-        "3xl": {
-            content: string;
-        };
-        "4xl": {
-            content: string;
-        };
-        "5xl": {
-            content: string;
-        };
-        full: {
-            content: string;
-        };
-    };
-    isBordered: {
-        true: {
-            header: string;
-            footer: string;
-        };
-    };
-    scrollBehavior: {
-        inside: {
-            body: string;
-        };
-        outside: {};
-    };
-    backdrop: {
-        transparent: {
-            backdrop: string;
-        };
-        opaque: {
-            backdrop: string;
-        };
-        blur: {
-            backdrop: string;
-        };
-    };
-    radius: {
-        sm: {};
-        md: {};
-        lg: {};
-        xl: {};
-        "2xl": {};
-        "3xl": {};
-        full: {};
-        none: {};
-    };
-}, {
-    backdrop: string;
-    popover: string;
-    content: string;
-    header: string;
-    footer: string;
-    body: string;
-    closeButton: string;
-}, _jamsrui_utils.TVReturnType<{
-    anchor: {
-        left: {
-            content: string;
-        };
-        right: {
-            content: string;
-        };
-        top: {
-            content: string;
-        };
-        bottom: {
-            content: string;
-        };
-    };
-    size: {
-        xs: {
-            content: string;
-        };
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
-        xl: {
-            content: string;
-        };
-        "2xl": {
-            content: string;
-        };
-        "3xl": {
-            content: string;
-        };
-        "4xl": {
-            content: string;
-        };
-        "5xl": {
-            content: string;
-        };
-        full: {
-            content: string;
-        };
-    };
-    isBordered: {
-        true: {
-            header: string;
-            footer: string;
-        };
-    };
-    scrollBehavior: {
-        inside: {
-            body: string;
-        };
-        outside: {};
-    };
-    backdrop: {
-        transparent: {
-            backdrop: string;
-        };
-        opaque: {
-            backdrop: string;
-        };
-        blur: {
-            backdrop: string;
-        };
-    };
-    radius: {
-        sm: {};
-        md: {};
-        lg: {};
-        xl: {};
-        "2xl": {};
-        "3xl": {};
-        full: {};
-        none: {};
-    };
-}, {
-    backdrop: string;
-    popover: string;
-    content: string;
-    header: string;
-    footer: string;
-    body: string;
-    closeButton: string;
-}, undefined, unknown, unknown, undefined>>;
-type DrawerVariants = VariantProps<typeof drawerVariants>;
-type DrawerSlots = keyof ReturnType<typeof drawerVariants>;
-
-export { type DrawerSlots, type DrawerVariants, drawerVariants };

package/dist/styles.mjs

@@ -1 +0,0 @@
-import{radiusVariant as o,tv as t}from"@jamsrui/utils";const e=t({slots:{backdrop:"z-backdrop !overflow-hidden",popover:"z-dialog",content:"absolute flex w-full flex-col overflow-y-auto bg-surface shadow-sm",header:"p-4",footer:"flex justify-end gap-2 p-4",body:"grow p-4",closeButton:"absolute right-4 top-4"},variants:{anchor:{left:{content:"left-0 top-0 h-dvh"},right:{content:"right-0 top-0 h-dvh"},top:{content:"left-0 top-0"},bottom:{content:"bottom-0 left-0"}},size:{xs:{content:"max-w-xs"},sm:{content:"max-w-sm"},md:{content:"max-w-md"},lg:{content:"max-w-lg"},xl:{content:"max-w-xl"},"2xl":{content:"max-w-2xl"},"3xl":{content:"max-w-3xl"},"4xl":{content:"max-w-4xl"},"5xl":{content:"max-w-5xl"},full:{content:"m-0 h-dvh max-w-full !rounded-none sm:m-0"}},isBordered:{true:{header:"border-b border-border",footer:"border-t border-storke-primary"}},scrollBehavior:{inside:{body:"overflow-y-auto"},outside:{}},backdrop:{transparent:{backdrop:""},opaque:{backdrop:"bg-black/50"},blur:{backdrop:"bg-black/30 backdrop-blur-md backdrop-saturate-150"}},radius:o("content")},compoundVariants:[{anchor:["top","bottom"],className:{content:"w-full !max-w-full"}}],defaultVariants:{scrollBehavior:"inside",size:"lg",isBordered:!1,backdrop:"opaque",anchor:"right",radius:"none"}});export{e as drawerVariants};