@arkyn/components 3.0.1-beta.21 → 3.0.1-beta.23

package/dist/hooks/useDrawer.d.ts

@@ -0,0 +1,86 @@
+import { DrawerContextProps } from "../providers/drawerProvider";
+type OpenDrawerProps<T = any> = (data?: T) => void;
+/**
+ * useDrawer hook - provides access to drawer context for managing drawer state and data
+ *
+ * @param key - Optional drawer identifier key. When provided, returns functions for a specific drawer
+ *
+ * @returns When called without key: Complete drawer context with all drawer management functions
+ * @returns When called with key: Object containing drawer-specific functions:
+ * - `drawerIsOpen`: Boolean indicating if the specific drawer is open
+ * - `drawerData`: Data associated with the specific drawer
+ * - `openDrawer`: Function to open the specific drawer with optional data
+ * - `closeDrawer`: Function to close the specific drawer
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - access to full drawer context
+ * function DrawerManager() {
+ *   const drawerContext = useDrawer();
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={() => drawerContext.openDrawer('navigation', { section: 'main' })}>
+ *         Open Navigation
+ *       </button>
+ *       <button onClick={() => drawerContext.openDrawer('filters', { category: 'electronics' })}>
+ *         Open Filters
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ *
+ * // Usage with specific drawer key
+ * function NavigationDrawer() {
+ *   const { drawerIsOpen, drawerData, openDrawer, closeDrawer } = useDrawer('navigation');
+ *
+ *   return (
+ *     <Drawer isOpen={drawerIsOpen} onClose={closeDrawer} position="left">
+ *       <h2>Navigation</h2>
+ *       <p>Current section: {drawerData?.section}</p>
+ *       <button onClick={closeDrawer}>Close</button>
+ *     </Drawer>
+ *   );
+ * }
+ *
+ * // Usage with typed data
+ * interface FilterData {
+ *   category: string;
+ *   priceRange: [number, number];
+ *   brands: string[];
+ * }
+ *
+ * function FilterDrawer() {
+ *   const { drawerIsOpen, drawerData, closeDrawer } = useDrawer<FilterData>('filters');
+ *
+ *   return (
+ *     <Drawer isOpen={drawerIsOpen} onClose={closeDrawer} position="right">
+ *       <h2>Filters</h2>
+ *       <p>Category: {drawerData?.category}</p>
+ *       <p>Price: ${drawerData?.priceRange?.[0]} - ${drawerData?.priceRange?.[1]}</p>
+ *       <p>Brands: {drawerData?.brands?.join(', ')}</p>
+ *     </Drawer>
+ *   );
+ * }
+ *
+ * // Usage with DrawerProvider
+ * function App() {
+ *   return (
+ *     <DrawerProvider>
+ *       <NavigationDrawer />
+ *       <FilterDrawer />
+ *       <DrawerManager />
+ *     </DrawerProvider>
+ *   );
+ * }
+ * ```
+ */
+declare function useDrawer<T = any>(): DrawerContextProps<T>;
+declare function useDrawer<T = any>(key: string): {
+    drawerIsOpen: boolean;
+    drawerData: T;
+    openDrawer: OpenDrawerProps<T>;
+    closeDrawer: () => void;
+};
+export { useDrawer };
+//# sourceMappingURL=useDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../../src/hooks/useDrawer.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEhF,KAAK,eAAe,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AAEH,iBAAS,SAAS,CAAC,CAAC,GAAG,GAAG,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAAC;AACrD,iBAAS,SAAS,CAAC,CAAC,GAAG,GAAG,EACxB,GAAG,EAAE,MAAM,GACV;IACD,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,CAAC,CAAC;IACd,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AA6BF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/hooks/useDrawer.js

@@ -0,0 +1,20 @@
+import { useContext } from "react";
+import { drawerContext } from "../providers/drawerProvider";
+function useDrawer(key) {
+    const contextData = useContext(drawerContext);
+    if (Object.entries(contextData).length === 0) {
+        throw new Error("useDrawer must be used within a Provider");
+    }
+    if (key) {
+        const { drawerData: contextDrawerData, drawerIsOpen: contextDrawerIsOpen, openDrawer: contextOpenDrawer, closeDrawer: contextCloseDrawer, } = contextData;
+        const drawerIsOpen = contextDrawerIsOpen(key);
+        const drawerData = contextDrawerData(key);
+        const openDrawer = (data) => contextOpenDrawer(key, data);
+        const closeDrawer = () => contextCloseDrawer(key);
+        return { drawerIsOpen, drawerData, openDrawer, closeDrawer };
+    }
+    else {
+        return contextData;
+    }
+}
+export { useDrawer };

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

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

package/dist/hooks/useHydrated.d.ts

@@ -0,0 +1,76 @@
+/**
+ * useHydrated hook - detects if the component is hydrated on the client side
+ *
+ * This hook is useful for preventing hydration mismatches when rendering different content
+ * on server and client sides. It returns false during SSR and true after hydration.
+ *
+ * @returns Boolean indicating if the component is hydrated
+ * - `true`: Component is hydrated on the client side
+ * - `false`: Component is being rendered on the server side or before hydration
+ *
+ * @example
+ * ```tsx
+ * // Basic usage to prevent hydration mismatches
+ * function ClientOnlyComponent() {
+ *   const isHydrated = useHydrated();
+ *
+ *   if (!isHydrated) {
+ *     return <div>Loading...</div>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       <p>This content is only rendered on the client</p>
+ *       <p>Current time: {new Date().toLocaleString()}</p>
+ *     </div>
+ *   );
+ * }
+ *
+ * // Conditional rendering based on hydration state
+ * function ResponsiveComponent() {
+ *   const isHydrated = useHydrated();
+ *
+ *   return (
+ *     <div>
+ *       <h1>My App</h1>
+ *       {isHydrated ? (
+ *         <InteractiveWidget />
+ *       ) : (
+ *         <StaticPlaceholder />
+ *       )}
+ *     </div>
+ *   );
+ * }
+ *
+ * // Using with client-only features
+ * function LocationComponent() {
+ *   const isHydrated = useHydrated();
+ *   const [location, setLocation] = useState(null);
+ *
+ *   useEffect(() => {
+ *     if (isHydrated && navigator.geolocation) {
+ *       navigator.geolocation.getCurrentPosition((pos) => {
+ *         setLocation(pos.coords);
+ *       });
+ *     }
+ *   }, [isHydrated]);
+ *
+ *   if (!isHydrated) {
+ *     return <div>Preparing location services...</div>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       {location ? (
+ *         <p>Your location: {location.latitude}, {location.longitude}</p>
+ *       ) : (
+ *         <p>Getting your location...</p>
+ *       )}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useHydrated(): boolean;
+export { useHydrated };
+//# sourceMappingURL=useHydrated.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHydrated.d.ts","sourceRoot":"","sources":["../../src/hooks/useHydrated.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AAEH,iBAAS,WAAW,YAMnB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/hooks/useHydrated.js

@@ -0,0 +1,81 @@
+import { useSyncExternalStore } from "react";
+function subscribe() {
+    return () => { };
+}
+/**
+ * useHydrated hook - detects if the component is hydrated on the client side
+ *
+ * This hook is useful for preventing hydration mismatches when rendering different content
+ * on server and client sides. It returns false during SSR and true after hydration.
+ *
+ * @returns Boolean indicating if the component is hydrated
+ * - `true`: Component is hydrated on the client side
+ * - `false`: Component is being rendered on the server side or before hydration
+ *
+ * @example
+ * ```tsx
+ * // Basic usage to prevent hydration mismatches
+ * function ClientOnlyComponent() {
+ *   const isHydrated = useHydrated();
+ *
+ *   if (!isHydrated) {
+ *     return <div>Loading...</div>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       <p>This content is only rendered on the client</p>
+ *       <p>Current time: {new Date().toLocaleString()}</p>
+ *     </div>
+ *   );
+ * }
+ *
+ * // Conditional rendering based on hydration state
+ * function ResponsiveComponent() {
+ *   const isHydrated = useHydrated();
+ *
+ *   return (
+ *     <div>
+ *       <h1>My App</h1>
+ *       {isHydrated ? (
+ *         <InteractiveWidget />
+ *       ) : (
+ *         <StaticPlaceholder />
+ *       )}
+ *     </div>
+ *   );
+ * }
+ *
+ * // Using with client-only features
+ * function LocationComponent() {
+ *   const isHydrated = useHydrated();
+ *   const [location, setLocation] = useState(null);
+ *
+ *   useEffect(() => {
+ *     if (isHydrated && navigator.geolocation) {
+ *       navigator.geolocation.getCurrentPosition((pos) => {
+ *         setLocation(pos.coords);
+ *       });
+ *     }
+ *   }, [isHydrated]);
+ *
+ *   if (!isHydrated) {
+ *     return <div>Preparing location services...</div>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       {location ? (
+ *         <p>Your location: {location.latitude}, {location.longitude}</p>
+ *       ) : (
+ *         <p>Getting your location...</p>
+ *       )}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+function useHydrated() {
+    return useSyncExternalStore(subscribe, () => true, () => false);
+}
+export { useHydrated };

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/useScopedParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScopedParams.d.ts","sourceRoot":"","sources":["../../src/hooks/useScopedParams.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AAEH,iBAAS,eAAe,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,GAAE,MAAW;oBAe7C,MAAM;8BACI,UAAU;EAOvC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollLock.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,iBAAS,aAAa,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAU9C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../src/hooks/useSlider.ts"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,iBAAS,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAiB9D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/{src/index.d.ts → 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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/{src/index.js → 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"}