@arkyn/components 3.0.1-beta.22 → 3.0.1-beta.24

package/dist/hooks/useModal.d.ts

@@ -0,0 +1,81 @@
+import { ModalContextProps } from "../providers/modalProvider";
+type OpenModalProps<T = any> = (data?: T) => void;
+/**
+ * useModal hook - provides access to modal context for managing modal state and data
+ *
+ * @param key - Optional modal identifier key. When provided, returns functions for a specific modal
+ *
+ * @returns When called without key: Complete modal context with all modal management functions
+ * @returns When called with key: Object containing modal-specific functions:
+ * - `modalIsOpen`: Boolean indicating if the specific modal is open
+ * - `modalData`: Data associated with the specific modal
+ * - `openModal`: Function to open the specific modal with optional data
+ * - `closeModal`: Function to close the specific modal
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - access to full modal context
+ * function ModalManager() {
+ *   const modalContext = useModal();
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={() => modalContext.openModal('user-details', { id: 1 })}>
+ *         Open User Modal
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ *
+ * // Usage with specific modal key
+ * function UserModal() {
+ *   const { modalIsOpen, modalData, openModal, closeModal } = useModal('user-details');
+ *
+ *   return (
+ *     <Modal isOpen={modalIsOpen} onClose={closeModal}>
+ *       <h2>User Details</h2>
+ *       <p>User ID: {modalData?.id}</p>
+ *       <button onClick={closeModal}>Close</button>
+ *     </Modal>
+ *   );
+ * }
+ *
+ * // Usage with typed data
+ * interface UserData {
+ *   id: number;
+ *   name: string;
+ *   email: string;
+ * }
+ *
+ * function UserProfileModal() {
+ *   const { modalIsOpen, modalData, closeModal } = useModal<UserData>('user-profile');
+ *
+ *   return (
+ *     <Modal isOpen={modalIsOpen} onClose={closeModal}>
+ *       <h2>{modalData?.name}</h2>
+ *       <p>Email: {modalData?.email}</p>
+ *     </Modal>
+ *   );
+ * }
+ *
+ * // Usage with ModalProvider
+ * function App() {
+ *   return (
+ *     <ModalProvider>
+ *       <UserModal />
+ *       <UserProfileModal />
+ *       <ModalManager />
+ *     </ModalProvider>
+ *   );
+ * }
+ * ```
+ */
+declare function useModal<T = any>(): ModalContextProps<T>;
+declare function useModal<T = any>(key: string): {
+    modalIsOpen: boolean;
+    modalData: T;
+    openModal: OpenModalProps<T>;
+    closeModal: () => void;
+};
+export { useModal };
+//# sourceMappingURL=useModal.d.ts.map

package/dist/hooks/useModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../src/hooks/useModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE7E,KAAK,cAAc,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AAEH,iBAAS,QAAQ,CAAC,CAAC,GAAG,GAAG,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAAC;AACnD,iBAAS,QAAQ,CAAC,CAAC,GAAG,GAAG,EACvB,GAAG,EAAE,MAAM,GACV;IACD,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,CAAC,CAAC;IACb,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AA6BF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/hooks/useModal.js

@@ -0,0 +1,20 @@
+import { useContext } from "react";
+import { modalContext } from "../providers/modalProvider";
+function useModal(key) {
+    const contextData = useContext(modalContext);
+    if (Object.entries(contextData).length === 0) {
+        throw new Error("useModal must be used within a Provider");
+    }
+    if (key) {
+        const { modalData: contextModalData, modalIsOpen: contextModalIsOpen, openModal: contextOpenModal, closeModal: contextCloseModal, } = contextData;
+        const modalIsOpen = contextModalIsOpen(key);
+        const modalData = contextModalData(key);
+        const openModal = (data) => contextOpenModal(key, data);
+        const closeModal = () => contextCloseModal(key);
+        return { modalIsOpen, modalData, openModal, closeModal };
+    }
+    else {
+        return contextData;
+    }
+}
+export { useModal };

package/dist/hooks/useToast.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Custom hook to access toast functionality from ToastProvider context
+ *
+ * @returns Object containing toast methods and state
+ * @returns {function} showToast - Function to display toast notifications
+ *
+ * @throws {Error} Throws an error if used outside of ToastProvider
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * function MyComponent() {
+ *   const { showToast } = useToast();
+ *
+ *   const handleSuccess = () => {
+ *     showToast({
+ *       message: 'Operation completed successfully!',
+ *       type: 'success'
+ *     });
+ *   };
+ *
+ *   const handleError = () => {
+ *     showToast({
+ *       message: 'Something went wrong!',
+ *       type: 'danger'
+ *     });
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleSuccess}>Success Toast</button>
+ *       <button onClick={handleError}>Error Toast</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * Using in async operations:
+ * ```tsx
+ * function FormComponent() {
+ *   const { showToast } = useToast();
+ *
+ *   const handleSubmit = async (data) => {
+ *     try {
+ *       await submitForm(data);
+ *       showToast({
+ *         message: 'Form submitted successfully!',
+ *         type: 'success'
+ *       });
+ *     } catch (error) {
+ *       showToast({
+ *         message: 'Failed to submit form',
+ *         type: 'danger'
+ *       });
+ *     }
+ *   };
+ *
+ *   return <form onSubmit={handleSubmit}>...</form>;
+ * }
+ * ```
+ */
+declare function useToast(): {
+    showToast(toast: {
+        message: string;
+        type: "success" | "danger";
+    }): void;
+};
+export { useToast };
+//# sourceMappingURL=useToast.d.ts.map

package/dist/hooks/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../src/hooks/useToast.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AAEH,iBAAS,QAAQ;;;;;EAQhB;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/hooks/useToast.js

@@ -0,0 +1,72 @@
+import { toastContext } from "../providers/toastProvider";
+import { useContext } from "react";
+/**
+ * Custom hook to access toast functionality from ToastProvider context
+ *
+ * @returns Object containing toast methods and state
+ * @returns {function} showToast - Function to display toast notifications
+ *
+ * @throws {Error} Throws an error if used outside of ToastProvider
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * function MyComponent() {
+ *   const { showToast } = useToast();
+ *
+ *   const handleSuccess = () => {
+ *     showToast({
+ *       message: 'Operation completed successfully!',
+ *       type: 'success'
+ *     });
+ *   };
+ *
+ *   const handleError = () => {
+ *     showToast({
+ *       message: 'Something went wrong!',
+ *       type: 'danger'
+ *     });
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleSuccess}>Success Toast</button>
+ *       <button onClick={handleError}>Error Toast</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * Using in async operations:
+ * ```tsx
+ * function FormComponent() {
+ *   const { showToast } = useToast();
+ *
+ *   const handleSubmit = async (data) => {
+ *     try {
+ *       await submitForm(data);
+ *       showToast({
+ *         message: 'Form submitted successfully!',
+ *         type: 'success'
+ *       });
+ *     } catch (error) {
+ *       showToast({
+ *         message: 'Failed to submit form',
+ *         type: 'danger'
+ *       });
+ *     }
+ *   };
+ *
+ *   return <form onSubmit={handleSubmit}>...</form>;
+ * }
+ * ```
+ */
+function useToast() {
+    const contextData = useContext(toastContext);
+    if (Object.entries(contextData).length === 0) {
+        throw new Error("useToast must be used within a Provider");
+    }
+    return contextData;
+}
+export { useToast };

package/dist/index.d.ts

@@ -4,11 +4,13 @@ export { AlertDescription } from "./components/alert/alertDescription";
 export { AlertIcon } from "./components/alert/alertIcon";
 export { AlertTitle } from "./components/alert/alertTitle";
 export { AudioPlayer } from "./components/audioPlayer";
+export { AudioUpload } from "./components/audioUpload";
 export { Badge } from "./components/badge";
 export { Button } from "./components/button";
 export { CardTabButton } from "./components/cardTab/cardTabButton";
 export { CardTabContainer } from "./components/cardTab/cardTabContainer";
 export { Checkbox } from "./components/checkbox";
+export { ClientOnly } from "./components/clientOnly";
 export { CurrencyInput } from "./components/currencyInput";
 export { Divider } from "./components/divider";
 export { DrawerContainer } from "./components/drawer/drawerContainer";
@@ -16,7 +18,9 @@ export { DrawerHeader } from "./components/drawer/drawerHeader";
 export { FieldError } from "./components/fieldError";
 export { FieldLabel } from "./components/fieldLabel";
 export { FieldWrapper } from "./components/fieldWrapper";
+export { FileUpload } from "./components/fileUpload";
 export { IconButton } from "./components/iconButton";
+export { ImageUpload } from "./components/imageUpload";
 export { Input } from "./components/input";
 export { MaskedInput } from "./components/maskedInput";
 export { ModalContainer } from "./components/modal/modalContainer";
@@ -30,11 +34,21 @@ export { Slider } from "./components/slider";
 export { Switch } from "./components/switch";
 export { TabButton } from "./components/tab/tabButton";
 export { TabContainer } from "./components/tab/tabContainer";
+export { TableBody } from "./components/table/tableBody";
+export { TableCaption } from "./components/table/tableCaption";
+export { TableContainer } from "./components/table/tableContainer";
+export { TableFooter } from "./components/table/tableFooter";
+export { TableHeader } from "./components/table/tableHeader";
 export { Textarea } from "./components/textarea";
 export { Tooltip } from "./components/tooltip";
+export { useDrawer } from "./hooks/useDrawer";
 export { useForm } from "./hooks/useForm";
+export { useHydrated } from "./hooks/useHydrated";
+export { useModal } from "./hooks/useModal";
 export { useScopedParams } from "./hooks/useScopedParams";
 export { useScrollLock } from "./hooks/useScrollLock";
 export { useSlider } from "./hooks/useSlider";
+export { DrawerProvider } from "./providers/drawerProvider";
 export { FormProvider } from "./providers/formProvider";
+export { ModalProvider } from "./providers/modalProvider";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -5,11 +5,13 @@ export { AlertDescription } from "./components/alert/alertDescription";
 export { AlertIcon } from "./components/alert/alertIcon";
 export { AlertTitle } from "./components/alert/alertTitle";
 export { AudioPlayer } from "./components/audioPlayer";
+export { AudioUpload } from "./components/audioUpload";
 export { Badge } from "./components/badge";
 export { Button } from "./components/button";
 export { CardTabButton } from "./components/cardTab/cardTabButton";
 export { CardTabContainer } from "./components/cardTab/cardTabContainer";
 export { Checkbox } from "./components/checkbox";
+export { ClientOnly } from "./components/clientOnly";
 export { CurrencyInput } from "./components/currencyInput";
 export { Divider } from "./components/divider";
 export { DrawerContainer } from "./components/drawer/drawerContainer";
@@ -17,7 +19,9 @@ export { DrawerHeader } from "./components/drawer/drawerHeader";
 export { FieldError } from "./components/fieldError";
 export { FieldLabel } from "./components/fieldLabel";
 export { FieldWrapper } from "./components/fieldWrapper";
+export { FileUpload } from "./components/fileUpload";
 export { IconButton } from "./components/iconButton";
+export { ImageUpload } from "./components/imageUpload";
 export { Input } from "./components/input";
 export { MaskedInput } from "./components/maskedInput";
 export { ModalContainer } from "./components/modal/modalContainer";
@@ -31,12 +35,22 @@ export { Slider } from "./components/slider";
 export { Switch } from "./components/switch";
 export { TabButton } from "./components/tab/tabButton";
 export { TabContainer } from "./components/tab/tabContainer";
+export { TableBody } from "./components/table/tableBody";
+export { TableCaption } from "./components/table/tableCaption";
+export { TableContainer } from "./components/table/tableContainer";
+export { TableFooter } from "./components/table/tableFooter";
+export { TableHeader } from "./components/table/tableHeader";
 export { Textarea } from "./components/textarea";
 export { Tooltip } from "./components/tooltip";
 // hooks
+export { useDrawer } from "./hooks/useDrawer";
 export { useForm } from "./hooks/useForm";
+export { useHydrated } from "./hooks/useHydrated";
+export { useModal } from "./hooks/useModal";
 export { useScopedParams } from "./hooks/useScopedParams";
 export { useScrollLock } from "./hooks/useScrollLock";
 export { useSlider } from "./hooks/useSlider";
 // providers
+export { DrawerProvider } from "./providers/drawerProvider";
 export { FormProvider } from "./providers/formProvider";
+export { ModalProvider } from "./providers/modalProvider";

package/dist/providers/drawerProvider.d.ts

@@ -0,0 +1,106 @@
+import { ReactNode } from "react";
+type DrawerContextProps<T = any> = {
+    drawerIsOpen(key: string): boolean;
+    drawerData(key: string): T;
+    openDrawer(key: string, data?: T): void;
+    closeDrawer(key: string): void;
+};
+type DrawerProviderProps = {
+    children: ReactNode;
+    enableDrawerAutomation?: boolean;
+};
+declare const drawerContext: import("react").Context<DrawerContextProps<any>>;
+/**
+ * DrawerProvider component - provides drawer context for managing multiple drawers state and data
+ *
+ * @param props - DrawerProvider component properties
+ * @param props.children - React elements that will have access to the drawer context
+ * @param props.enableDrawerAutomation - Optional flag to enable drawer automation features
+ *
+ * @returns DrawerProvider JSX element that wraps children with drawer context
+ *
+ * @example
+ * ```tsx
+ * // Basic drawer provider setup
+ * function App() {
+ *   return (
+ *     <DrawerProvider>
+ *       <NavigationDrawer />
+ *       <FilterDrawer />
+ *       <SettingsDrawer />
+ *       <MainContent />
+ *     </DrawerProvider>
+ *   );
+ * }
+ *
+ * // Drawer provider with automation enabled
+ * function AppWithAutomation() {
+ *   return (
+ *     <DrawerProvider enableDrawerAutomation={true}>
+ *       <Dashboard />
+ *       <SidePanel />
+ *       <NotificationDrawer />
+ *     </DrawerProvider>
+ *   );
+ * }
+ *
+ * // Using with multiple drawers
+ * function MultiDrawerApp() {
+ *   return (
+ *     <DrawerProvider>
+ *       <Header />
+ *       <NavigationDrawer key="navigation" />
+ *       <FilterDrawer key="filters" />
+ *       <CartDrawer key="shopping-cart" />
+ *       <MainContent />
+ *     </DrawerProvider>
+ *   );
+ * }
+ *
+ * // Component using drawer context
+ * function DrawerController() {
+ *   const { openDrawer, closeDrawer } = useDrawer();
+ *
+ *   const handleOpenNavigation = () => {
+ *     openDrawer('navigation', { section: 'main-menu' });
+ *   };
+ *
+ *   const handleOpenFilters = () => {
+ *     openDrawer('filters', { category: 'electronics', priceRange: [0, 1000] });
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleOpenNavigation}>
+ *         Open Navigation
+ *       </button>
+ *       <button onClick={handleOpenFilters}>
+ *         Open Filters
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ *
+ * // Drawer component consuming context
+ * function NavigationDrawer() {
+ *   const { drawerIsOpen, drawerData, closeDrawer } = useDrawer('navigation');
+ *
+ *   if (!drawerIsOpen) return null;
+ *
+ *   return (
+ *     <Drawer position="left" onClose={() => closeDrawer('navigation')}>
+ *       <h2>Navigation</h2>
+ *       <p>Current section: {drawerData?.section}</p>
+ *       <nav>
+ *         <a href="/home">Home</a>
+ *         <a href="/products">Products</a>
+ *         <a href="/about">About</a>
+ *       </nav>
+ *     </Drawer>
+ *   );
+ * }
+ * ```
+ */
+declare function DrawerProvider(args: DrawerProviderProps): import("react/jsx-runtime").JSX.Element;
+export { drawerContext, DrawerProvider, type DrawerContextProps };
+//# sourceMappingURL=drawerProvider.d.ts.map

package/dist/providers/drawerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerProvider.d.ts","sourceRoot":"","sources":["../../src/providers/drawerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAY,MAAM,OAAO,CAAC;AAE3D,KAAK,kBAAkB,CAAC,CAAC,GAAG,GAAG,IAAI;IACjC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC;IAC3B,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,CAAC;AAOF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,aAAa,kDAA0C,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AAEH,iBAAS,cAAc,CAAC,IAAI,EAAE,mBAAmB,2CAiChD;AAED,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,KAAK,kBAAkB,EAAE,CAAC"}

package/dist/providers/drawerProvider.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState } from "react";
+const drawerContext = createContext({});
+/**
+ * DrawerProvider component - provides drawer context for managing multiple drawers state and data
+ *
+ * @param props - DrawerProvider component properties
+ * @param props.children - React elements that will have access to the drawer context
+ * @param props.enableDrawerAutomation - Optional flag to enable drawer automation features
+ *
+ * @returns DrawerProvider JSX element that wraps children with drawer context
+ *
+ * @example
+ * ```tsx
+ * // Basic drawer provider setup
+ * function App() {
+ *   return (
+ *     <DrawerProvider>
+ *       <NavigationDrawer />
+ *       <FilterDrawer />
+ *       <SettingsDrawer />
+ *       <MainContent />
+ *     </DrawerProvider>
+ *   );
+ * }
+ *
+ * // Drawer provider with automation enabled
+ * function AppWithAutomation() {
+ *   return (
+ *     <DrawerProvider enableDrawerAutomation={true}>
+ *       <Dashboard />
+ *       <SidePanel />
+ *       <NotificationDrawer />
+ *     </DrawerProvider>
+ *   );
+ * }
+ *
+ * // Using with multiple drawers
+ * function MultiDrawerApp() {
+ *   return (
+ *     <DrawerProvider>
+ *       <Header />
+ *       <NavigationDrawer key="navigation" />
+ *       <FilterDrawer key="filters" />
+ *       <CartDrawer key="shopping-cart" />
+ *       <MainContent />
+ *     </DrawerProvider>
+ *   );
+ * }
+ *
+ * // Component using drawer context
+ * function DrawerController() {
+ *   const { openDrawer, closeDrawer } = useDrawer();
+ *
+ *   const handleOpenNavigation = () => {
+ *     openDrawer('navigation', { section: 'main-menu' });
+ *   };
+ *
+ *   const handleOpenFilters = () => {
+ *     openDrawer('filters', { category: 'electronics', priceRange: [0, 1000] });
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleOpenNavigation}>
+ *         Open Navigation
+ *       </button>
+ *       <button onClick={handleOpenFilters}>
+ *         Open Filters
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ *
+ * // Drawer component consuming context
+ * function NavigationDrawer() {
+ *   const { drawerIsOpen, drawerData, closeDrawer } = useDrawer('navigation');
+ *
+ *   if (!drawerIsOpen) return null;
+ *
+ *   return (
+ *     <Drawer position="left" onClose={() => closeDrawer('navigation')}>
+ *       <h2>Navigation</h2>
+ *       <p>Current section: {drawerData?.section}</p>
+ *       <nav>
+ *         <a href="/home">Home</a>
+ *         <a href="/products">Products</a>
+ *         <a href="/about">About</a>
+ *       </nav>
+ *     </Drawer>
+ *   );
+ * }
+ * ```
+ */
+function DrawerProvider(args) {
+    const { children = false } = args;
+    const [openedDrawers, setOpenedDrawers] = useState([]);
+    function drawerIsOpen(key) {
+        return !!openedDrawers.some((drawer) => drawer.key === key);
+    }
+    function drawerData(key) {
+        return openedDrawers.find((drawer) => drawer.key === key)?.data;
+    }
+    function openDrawer(key, data) {
+        const alreadyExist = drawerIsOpen(key);
+        if (alreadyExist) {
+            setOpenedDrawers((old) => {
+                const filtered = old.filter((drawer) => drawer.key !== key);
+                return [...filtered, { key, data }];
+            });
+        }
+        else
+            setOpenedDrawers([...openedDrawers, { key, data }]);
+    }
+    function closeDrawer(key) {
+        setOpenedDrawers(openedDrawers.filter((drawer) => drawer.key !== key));
+    }
+    return (_jsx(drawerContext.Provider, { value: { drawerIsOpen, drawerData, openDrawer, closeDrawer }, children: children }));
+}
+export { drawerContext, DrawerProvider };