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

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/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":"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,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,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,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,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,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,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,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,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,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,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC"}

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 };

package/dist/providers/modalProvider.d.ts

@@ -0,0 +1,103 @@
+import { ReactNode } from "react";
+type ModalContextProps<T = any> = {
+    modalIsOpen(key: string): boolean;
+    modalData(key: string): T;
+    openModal(key: string, data?: T): void;
+    closeModal(key: string): void;
+    closeAll(): void;
+};
+type ModalProviderProps = {
+    children: ReactNode;
+    enableModalAutomation?: boolean;
+};
+declare const modalContext: import("react").Context<ModalContextProps<any>>;
+/**
+ * ModalProvider component - provides modal context for managing multiple modals state and data
+ *
+ * @param props - ModalProvider component properties
+ * @param props.children - React elements that will have access to the modal context
+ * @param props.enableModalAutomation - Optional flag to enable modal automation features
+ *
+ * @returns ModalProvider JSX element that wraps children with modal context
+ *
+ * @example
+ * ```tsx
+ * // Basic modal provider setup
+ * function App() {
+ *   return (
+ *     <ModalProvider>
+ *       <UserModal />
+ *       <ConfirmModal />
+ *       <ImagePreviewModal />
+ *       <MainContent />
+ *     </ModalProvider>
+ *   );
+ * }
+ *
+ * // Modal provider with automation enabled
+ * function AppWithAutomation() {
+ *   return (
+ *     <ModalProvider enableModalAutomation={true}>
+ *       <Dashboard />
+ *       <SettingsModal />
+ *       <NotificationModal />
+ *     </ModalProvider>
+ *   );
+ * }
+ *
+ * // Using with multiple modals
+ * function MultiModalApp() {
+ *   return (
+ *     <ModalProvider>
+ *       <Header />
+ *       <Modal key="user-profile" />
+ *       <Modal key="edit-settings" />
+ *       <Modal key="confirm-delete" />
+ *       <MainContent />
+ *     </ModalProvider>
+ *   );
+ * }
+ *
+ * // Component using modal context
+ * function ModalTrigger() {
+ *   const { openModal, closeAll } = useModal();
+ *
+ *   const handleOpenUserModal = () => {
+ *     openModal('user-details', { userId: 123, mode: 'edit' });
+ *   };
+ *
+ *   const handleCloseAllModals = () => {
+ *     closeAll();
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleOpenUserModal}>
+ *         Open User Modal
+ *       </button>
+ *       <button onClick={handleCloseAllModals}>
+ *         Close All Modals
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ *
+ * // Modal component consuming context
+ * function UserDetailsModal() {
+ *   const { modalIsOpen, modalData, closeModal } = useModal('user-details');
+ *
+ *   if (!modalIsOpen) return null;
+ *
+ *   return (
+ *     <Modal onClose={() => closeModal('user-details')}>
+ *       <h2>User Details</h2>
+ *       <p>User ID: {modalData?.userId}</p>
+ *       <p>Mode: {modalData?.mode}</p>
+ *     </Modal>
+ *   );
+ * }
+ * ```
+ */
+declare function ModalProvider(args: ModalProviderProps): import("react/jsx-runtime").JSX.Element;
+export { modalContext, ModalProvider, type ModalContextProps };
+//# sourceMappingURL=modalProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modalProvider.d.ts","sourceRoot":"","sources":["../../src/providers/modalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAY,MAAM,OAAO,CAAC;AAE3D,KAAK,iBAAiB,CAAC,CAAC,GAAG,GAAG,IAAI;IAChC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC;IAC1B,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACvC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,IAAI,IAAI,CAAC;CAClB,CAAC;AAOF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,YAAY,iDAAyC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AAEH,iBAAS,aAAa,CAAC,IAAI,EAAE,kBAAkB,2CAqC9C;AAED,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,CAAC"}

package/dist/providers/modalProvider.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState } from "react";
+const modalContext = createContext({});
+/**
+ * ModalProvider component - provides modal context for managing multiple modals state and data
+ *
+ * @param props - ModalProvider component properties
+ * @param props.children - React elements that will have access to the modal context
+ * @param props.enableModalAutomation - Optional flag to enable modal automation features
+ *
+ * @returns ModalProvider JSX element that wraps children with modal context
+ *
+ * @example
+ * ```tsx
+ * // Basic modal provider setup
+ * function App() {
+ *   return (
+ *     <ModalProvider>
+ *       <UserModal />
+ *       <ConfirmModal />
+ *       <ImagePreviewModal />
+ *       <MainContent />
+ *     </ModalProvider>
+ *   );
+ * }
+ *
+ * // Modal provider with automation enabled
+ * function AppWithAutomation() {
+ *   return (
+ *     <ModalProvider enableModalAutomation={true}>
+ *       <Dashboard />
+ *       <SettingsModal />
+ *       <NotificationModal />
+ *     </ModalProvider>
+ *   );
+ * }
+ *
+ * // Using with multiple modals
+ * function MultiModalApp() {
+ *   return (
+ *     <ModalProvider>
+ *       <Header />
+ *       <Modal key="user-profile" />
+ *       <Modal key="edit-settings" />
+ *       <Modal key="confirm-delete" />
+ *       <MainContent />
+ *     </ModalProvider>
+ *   );
+ * }
+ *
+ * // Component using modal context
+ * function ModalTrigger() {
+ *   const { openModal, closeAll } = useModal();
+ *
+ *   const handleOpenUserModal = () => {
+ *     openModal('user-details', { userId: 123, mode: 'edit' });
+ *   };
+ *
+ *   const handleCloseAllModals = () => {
+ *     closeAll();
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleOpenUserModal}>
+ *         Open User Modal
+ *       </button>
+ *       <button onClick={handleCloseAllModals}>
+ *         Close All Modals
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ *
+ * // Modal component consuming context
+ * function UserDetailsModal() {
+ *   const { modalIsOpen, modalData, closeModal } = useModal('user-details');
+ *
+ *   if (!modalIsOpen) return null;
+ *
+ *   return (
+ *     <Modal onClose={() => closeModal('user-details')}>
+ *       <h2>User Details</h2>
+ *       <p>User ID: {modalData?.userId}</p>
+ *       <p>Mode: {modalData?.mode}</p>
+ *     </Modal>
+ *   );
+ * }
+ * ```
+ */
+function ModalProvider(args) {
+    const { children = false } = args;
+    const [openedModals, setOpenedModals] = useState([]);
+    function modalIsOpen(key) {
+        return !!openedModals.some((modal) => modal.key === key);
+    }
+    function modalData(key) {
+        return openedModals.find((modal) => modal.key === key)?.data;
+    }
+    function openModal(key, data) {
+        const alreadyExist = modalIsOpen(key);
+        if (alreadyExist) {
+            setOpenedModals((old) => {
+                const filtered = old.filter((modal) => modal.key !== key);
+                return [...filtered, { key, data }];
+            });
+        }
+        else
+            setOpenedModals([...openedModals, { key, data }]);
+    }
+    function closeModal(key) {
+        setOpenedModals(openedModals.filter((modal) => modal.key !== key));
+    }
+    function closeAll() {
+        setOpenedModals([]);
+    }
+    return (_jsx(modalContext.Provider, { value: { modalIsOpen, modalData, openModal, closeModal, closeAll }, children: children }));
+}
+export { modalContext, ModalProvider };