@jamsrui/drawer 0.0.2

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+export { Drawer } from './drawer.js';
+export { DrawerBody } from './drawer-body.js';
+export { DrawerCloseButton } from './drawer-close-button.js';
+export { DrawerCloseTrigger } from './drawer-close-trigger.js';
+export { DrawerConfig, useDrawerConfig } from './drawer-config.js';
+export { DrawerContent } from './drawer-content.js';
+export { DrawerFooter } from './drawer-footer.js';
+export { DrawerHeader } from './drawer-header.js';
+export { DrawerTrigger } from './drawer-trigger.js';
+import 'react';
+import './use-drawer.js';
+import '@floating-ui/react';
+import '@jamsrui/utils';
+import './drawer-popover.js';
+import './styles.js';
+import 'tailwind-variants';
+import '@jamsrui/icon-button';
+import '@jamsrui/core';
+import 'motion/react';

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkIEFAZ5FAjs = require('./chunk-IEFAZ5FA.js');var _chunkRD4N3HANjs = require('./chunk-RD4N3HAN.js');require('./chunk-ND7OMDLN.js');require('./chunk-EBAXPVZK.js');var _chunkDIVLCNEYjs = require('./chunk-DIVLCNEY.js');var _chunkPNQ3EGNQjs = require('./chunk-PNQ3EGNQ.js');var _chunkZLIR7YT7js = require('./chunk-ZLIR7YT7.js');var _chunkVIEG7KXLjs = require('./chunk-VIEG7KXL.js');require('./chunk-LJQ6DDUH.js');var _chunk5LGURIDYjs = require('./chunk-5LGURIDY.js');var _chunkYIBRX4K7js = require('./chunk-YIBRX4K7.js');var _chunkYVT26KKPjs = require('./chunk-YVT26KKP.js');require('./chunk-L4VK5JCO.js');exports.Drawer = _chunkRD4N3HANjs.a; exports.DrawerBody = _chunkDIVLCNEYjs.a; exports.DrawerCloseButton = _chunk5LGURIDYjs.a; exports.DrawerCloseTrigger = _chunkPNQ3EGNQjs.a; exports.DrawerConfig = _chunkZLIR7YT7js.a; exports.DrawerContent = _chunkVIEG7KXLjs.a; exports.DrawerFooter = _chunkYIBRX4K7js.a; exports.DrawerHeader = _chunkYVT26KKPjs.a; exports.DrawerTrigger = _chunkIEFAZ5FAjs.a; exports.useDrawerConfig = _chunkZLIR7YT7js.b;

package/dist/index.mjs

@@ -0,0 +1 @@
+"use client";import{a as m}from"./chunk-ILBTUKZ5.mjs";import{a as p}from"./chunk-LVXR3WXC.mjs";import"./chunk-FLLYJJRJ.mjs";import"./chunk-X6T6A5NL.mjs";import{a as r}from"./chunk-KWIHRWXQ.mjs";import{a as o}from"./chunk-MIPPECRL.mjs";import{a as t,b as a}from"./chunk-GUMSFI7G.mjs";import{a as f}from"./chunk-SOXQFYXF.mjs";import"./chunk-WBBF5BOV.mjs";import{a as e}from"./chunk-UM7Z4GKN.mjs";import{a as w}from"./chunk-BP77MJVR.mjs";import{a as D}from"./chunk-KNT3NBAB.mjs";import"./chunk-6XYRR3IV.mjs";export{p as Drawer,r as DrawerBody,e as DrawerCloseButton,o as DrawerCloseTrigger,t as DrawerConfig,f as DrawerContent,w as DrawerFooter,D as DrawerHeader,m as DrawerTrigger,a as useDrawerConfig};

package/dist/styles.d.mts

@@ -0,0 +1,273 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const test = "";
+declare const drawerVariants: tailwind_variants.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;
+}, tailwind_variants.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, test };

package/dist/styles.d.ts

@@ -0,0 +1,273 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const test = "";
+declare const drawerVariants: tailwind_variants.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;
+}, tailwind_variants.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, test };

package/dist/styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkEBAXPVZKjs = require('./chunk-EBAXPVZK.js');exports.drawerVariants = _chunkEBAXPVZKjs.b; exports.test = _chunkEBAXPVZKjs.a;

package/dist/styles.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-X6T6A5NL.mjs";export{b as drawerVariants,a as test};

package/dist/use-drawer.d.mts

@@ -0,0 +1,53 @@
+import { FloatingOverlayProps, FloatingFocusManagerProps } from '@floating-ui/react';
+import { PropGetter, UIProps, SlotsToClassNames } 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 '@jamsrui/icon-button';
+import 'motion/react';
+import 'tailwind-variants';
+
+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">;
+    getFocusManagerProps: () => Omit<FloatingFocusManagerProps, "children">;
+    getTriggerProps: () => {
+        [x: string]: unknown;
+    };
+    getTriggerCloseProps: () => {
+        onClick: () => void;
+    };
+    isOpen: boolean;
+    getPopoverProps: PropGetter<DrawerPopover.Props>;
+    hideCloseButton: boolean;
+};
+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;
+        };
+        defaultOpen?: boolean;
+        isOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        isDismissible?: boolean;
+        isKeyboardDismissible?: boolean;
+        hideCloseButton?: boolean;
+    }
+}
+
+export { useDrawer };

package/dist/use-drawer.d.ts

@@ -0,0 +1,53 @@
+import { FloatingOverlayProps, FloatingFocusManagerProps } from '@floating-ui/react';
+import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
+import { DrawerBody } from './drawer-body.js';
+import { DrawerCloseButton } from './drawer-close-button.js';
+import { DrawerContent } from './drawer-content.js';
+import { DrawerFooter } from './drawer-footer.js';
+import { DrawerHeader } from './drawer-header.js';
+import { DrawerPopover } from './drawer-popover.js';
+import { DrawerVariants, DrawerSlots } from './styles.js';
+import 'react';
+import '@jamsrui/icon-button';
+import 'motion/react';
+import 'tailwind-variants';
+
+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">;
+    getFocusManagerProps: () => Omit<FloatingFocusManagerProps, "children">;
+    getTriggerProps: () => {
+        [x: string]: unknown;
+    };
+    getTriggerCloseProps: () => {
+        onClick: () => void;
+    };
+    isOpen: boolean;
+    getPopoverProps: PropGetter<DrawerPopover.Props>;
+    hideCloseButton: boolean;
+};
+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;
+        };
+        defaultOpen?: boolean;
+        isOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        isDismissible?: boolean;
+        isKeyboardDismissible?: boolean;
+        hideCloseButton?: boolean;
+    }
+}
+
+export { useDrawer };

package/dist/use-drawer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkND7OMDLNjs = require('./chunk-ND7OMDLN.js');require('./chunk-EBAXPVZK.js');exports.useDrawer = _chunkND7OMDLNjs.a;

package/dist/use-drawer.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-FLLYJJRJ.mjs";import"./chunk-X6T6A5NL.mjs";export{a as useDrawer};