motile-ui 1.0.4 → 1.1.0

package/dist/components/Sheet/Sheet.js

@@ -1,15 +1,15 @@
 import { jsx as u, jsxs as $ } from "react/jsx-runtime";
-import { useCallback as v, useState as S, useEffect as k, useId as F, useRef as x, useMemo as A, createContext as T, useContext as w } from "react";
-import { createPortal as K } from "react-dom";
+import { useCallback as b, useState as S, useEffect as v, useId as A, useRef as x, useMemo as F, createContext as N, useContext as T } from "react";
+import { createPortal as w } from "react-dom";
 import { Slot as g } from "../../utils/Slot.js";
-import { useScrollLock as N } from "../../hooks/useScrollLock.js";
+import { useScrollLock as K } from "../../hooks/useScrollLock.js";
 import { useClickOutside as H } from "../../hooks/useClickOutside.js";
 import { useEscapeKey as V } from "../../hooks/useEscapeKey.js";
 import { useHistoryClose as q } from "../../hooks/useHistoryClose.js";
 import './Sheet.css';/* empty css          */
-const I = T(null);
-function _() {
-  const e = w(I);
+const I = N(null);
+function k() {
+  const e = T(I);
   if (!e)
     throw new Error("Sheet components must be used within Sheet.Root");
   return e;
@@ -19,7 +19,7 @@ function z({
   defaultValue: n = !1,
   onChange: o
 }) {
-  const t = e !== void 0, [i, a] = S(n), s = t ? e : i, l = v(
+  const t = e !== void 0, [i, a] = S(n), s = t ? e : i, l = b(
     (r) => {
       const f = typeof r == "function" ? r(s) : r;
       t || a(f), o == null || o(f);
@@ -38,14 +38,14 @@ function B({
   defaultOpen: s = !1,
   onOpenChange: l
 }) {
-  const r = F().replace(/:/g, ""), f = x(null), h = x(null), [d, c] = z({
+  const r = A().replace(/:/g, ""), f = x(null), h = x(null), [d, c] = z({
     value: a,
     defaultValue: s,
     onChange: l
   }), { isClosingFromHistory: p, navigateAndClose: y } = q({
     isOpen: d,
     onClose: () => c(!1)
-  }), m = A(
+  }), m = F(
     () => ({
       open: d,
       setOpen: c,
@@ -79,7 +79,7 @@ function B({
   return /* @__PURE__ */ u(I.Provider, { value: m, children: e });
 }
 function P({ children: e, asChild: n = !1 }) {
-  const { open: o, setOpen: t, triggerId: i, contentId: a } = _(), s = v(() => {
+  const { open: o, setOpen: t, triggerId: i, contentId: a } = k(), s = b(() => {
     t((l) => !l);
   }, [t]);
   return n ? /* @__PURE__ */ u(
@@ -104,17 +104,17 @@ function P({ children: e, asChild: n = !1 }) {
   );
 }
 function j({ children: e, container: n }) {
-  const { open: o } = _(), [t, i] = S(!1);
-  return k(() => {
+  const { open: o } = k(), [t, i] = S(!1);
+  return v(() => {
     i(!0);
-  }, []), !t || !o ? null : K(e, n || document.body);
+  }, []), !t || !o ? null : w(e, n || document.body);
 }
 function E({ className: e = "", style: n }) {
-  const { open: o, setOpen: t, position: i, closeOnBackdrop: a, zIndex: s, overlayRef: l } = _(), [r, f] = S(!1), [h, d] = S(!1), c = typeof a == "boolean" ? { clickOutside: a } : {
+  const { open: o, setOpen: t, position: i, closeOnBackdrop: a, zIndex: s, overlayRef: l } = k(), [r, f] = S(!1), [h, d] = S(!1), c = typeof a == "boolean" ? { clickOutside: a } : {
     escapeKey: a.escapeKey ?? !1,
     clickOutside: a.clickOutside ?? !1
   };
-  k(() => {
+  v(() => {
     if (o)
       f(!0);
     else if (r) {
@@ -124,17 +124,17 @@ function E({ className: e = "", style: n }) {
       }, 300);
       return () => clearTimeout(m);
     }
-  }, [o, r]), k(() => {
+  }, [o, r]), v(() => {
     if (!r || !o) return;
     const m = requestAnimationFrame(() => {
-      const b = requestAnimationFrame(() => {
+      const _ = requestAnimationFrame(() => {
         d(!0);
       });
-      return () => cancelAnimationFrame(b);
+      return () => cancelAnimationFrame(_);
     });
     return () => cancelAnimationFrame(m);
   }, [r, o]);
-  const p = v(
+  const p = b(
     (m) => {
       c.clickOutside && m.target === l.current && t(!1);
     },
@@ -168,21 +168,21 @@ function L({ children: e, className: n = "", style: o }) {
     contentId: f,
     sheetRef: h,
     isClosingFromHistory: d
-  } = _(), [c, p] = S(!1), [y, m] = S(!1), b = typeof s == "boolean" ? { escapeKey: s, clickOutside: s } : {
+  } = k(), [c, p] = S(!1), [y, m] = S(!1), _ = typeof s == "boolean" ? { escapeKey: s, clickOutside: s } : {
     escapeKey: s.escapeKey ?? !1,
     clickOutside: s.clickOutside ?? !1
   };
-  if (N({
+  if (K({
     enabled: t,
     allowedSelectors: [".motile-sheet__body"]
   }), H({
     refs: [h],
     handler: () => i(!1),
-    enabled: t && b.clickOutside
+    enabled: t && _.clickOutside
   }), V({
     handler: () => i(!1),
-    enabled: t && b.escapeKey
-  }), k(() => {
+    enabled: t && _.escapeKey
+  }), v(() => {
     if (t)
       p(!0);
     else if (c) {
@@ -192,7 +192,7 @@ function L({ children: e, className: n = "", style: o }) {
       }, d ? 0 : 300);
       return () => clearTimeout(C);
     }
-  }, [t, c, d]), k(() => {
+  }, [t, c, d]), v(() => {
     if (!c || !t || d) return;
     const O = requestAnimationFrame(() => {
       const C = requestAnimationFrame(() => {
@@ -231,7 +231,7 @@ function W({ children: e, className: n = "" }) {
   return /* @__PURE__ */ u("div", { className: `motile-sheet__body ${n}`, children: e });
 }
 function G({ children: e, asChild: n = !1 }) {
-  const { setOpen: o } = _(), t = v(() => {
+  const { setOpen: o } = k(), t = b(() => {
     o(!1);
   }, [o]);
   return n ? /* @__PURE__ */ u(
@@ -269,7 +269,11 @@ function G({ children: e, asChild: n = !1 }) {
     }
   );
 }
-const ne = {
+function ne() {
+  const { navigateAndClose: e } = k();
+  return e;
+}
+const se = {
   Root: B,
   Trigger: P,
   Portal: j,
@@ -281,5 +285,6 @@ const ne = {
   Close: G
 };
 export {
-  ne as Sheet
+  se as Sheet,
+  ne as useSheetNavigation
 };

package/dist/components/Sheet/useSheetNavigation.d.ts

@@ -0,0 +1 @@
+export { useSheetNavigation } from './Sheet';

package/dist/components/Sheet/useSheetNavigation.js

@@ -0,0 +1,4 @@
+import { useSheetNavigation as t } from "./Sheet.js";
+export {
+  t as useSheetNavigation
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { useScrollLock } from './useScrollLock';
+export { useClickOutside } from './useClickOutside';
+export type { UseClickOutsideOptions } from './useClickOutside';
+export { useEscapeKey } from './useEscapeKey';
+export type { UseEscapeKeyOptions } from './useEscapeKey';

package/dist/hooks/index.js

@@ -0,0 +1,8 @@
+import { useScrollLock as r } from "./useScrollLock.js";
+import { useClickOutside as c } from "./useClickOutside.js";
+import { useEscapeKey as t } from "./useEscapeKey.js";
+export {
+  c as useClickOutside,
+  t as useEscapeKey,
+  r as useScrollLock
+};

package/dist/index.d.ts

@@ -30,8 +30,3 @@ export { Dock } from './components/Dock';
 export type { DockRootProps, DockItemProps, DockSeparatorProps, DockPosition, } from './components/Dock';
 export { SpeedDial } from './components/SpeedDial';
 export type { SpeedDialDirection, SpeedDialRootProps, SpeedDialTriggerProps, SpeedDialActionsProps, SpeedDialActionProps, } from './components/SpeedDial';
-export { useScrollLock } from './hooks/useScrollLock';
-export { useClickOutside } from './hooks/useClickOutside';
-export type { UseClickOutsideOptions } from './hooks/useClickOutside';
-export { useEscapeKey } from './hooks/useEscapeKey';
-export type { UseEscapeKeyOptions } from './hooks/useEscapeKey';

package/dist/index.js

@@ -1,42 +1,36 @@
-import { useScrollLock as e } from "./hooks/useScrollLock.js";
-import { useClickOutside as p } from "./hooks/useClickOutside.js";
-import { useEscapeKey as f } from "./hooks/useEscapeKey.js";
-import { Button as a } from "./components/Button/Button.js";
-import { Input as s } from "./components/Input/Input.js";
-import { Textarea as l } from "./components/Textarea/Textarea.js";
-import { Checkbox as d } from "./components/Checkbox/Checkbox.js";
-import { Switch as S } from "./components/Switch/Switch.js";
-import { Accordion as T } from "./components/Accordion/Accordion.js";
-import { Skeleton as D } from "./components/Skeleton/Skeleton.js";
-import { Badge as w } from "./components/Badge/Badge.js";
-import { Tooltip as C } from "./components/Tooltip/Tooltip.js";
-import { Popover as b } from "./components/Popover/Popover.js";
-import { Drawer as y } from "./components/Drawer/Drawer.js";
-import { Sheet as E } from "./components/Sheet/Sheet.js";
-import { Modal as K } from "./components/Modal/Modal.js";
-import { ToastProvider as M } from "./components/Toast/Toast.js";
-import { useToast as j } from "./components/Toast/useToast.js";
-import { Dock as z } from "./components/Dock/Dock.js";
-import { SpeedDial as G } from "./components/SpeedDial/SpeedDial.js";
+import { Button as e } from "./components/Button/Button.js";
+import { Input as p } from "./components/Input/Input.js";
+import { Textarea as f } from "./components/Textarea/Textarea.js";
+import { Checkbox as a } from "./components/Checkbox/Checkbox.js";
+import { Switch as d } from "./components/Switch/Switch.js";
+import { Accordion as l } from "./components/Accordion/Accordion.js";
+import { Skeleton as S } from "./components/Skeleton/Skeleton.js";
+import { Badge as h } from "./components/Badge/Badge.js";
+import { Tooltip as s } from "./components/Tooltip/Tooltip.js";
+import { Popover as D } from "./components/Popover/Popover.js";
+import { Drawer as w } from "./components/Drawer/Drawer.js";
+import { Sheet as P } from "./components/Sheet/Sheet.js";
+import { Modal as g } from "./components/Modal/Modal.js";
+import { ToastProvider as C } from "./components/Toast/Toast.js";
+import { useToast as M } from "./components/Toast/useToast.js";
+import { Dock as q } from "./components/Dock/Dock.js";
+import { SpeedDial as z } from "./components/SpeedDial/SpeedDial.js";
 export {
-  T as Accordion,
-  w as Badge,
-  a as Button,
-  d as Checkbox,
-  z as Dock,
-  y as Drawer,
-  s as Input,
-  K as Modal,
-  b as Popover,
-  E as Sheet,
-  D as Skeleton,
-  G as SpeedDial,
-  S as Switch,
-  l as Textarea,
-  M as ToastProvider,
-  C as Tooltip,
-  p as useClickOutside,
-  f as useEscapeKey,
-  e as useScrollLock,
-  j as useToast
+  l as Accordion,
+  h as Badge,
+  e as Button,
+  a as Checkbox,
+  q as Dock,
+  w as Drawer,
+  p as Input,
+  g as Modal,
+  D as Popover,
+  P as Sheet,
+  S as Skeleton,
+  z as SpeedDial,
+  d as Switch,
+  f as Textarea,
+  C as ToastProvider,
+  s as Tooltip,
+  M as useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motile-ui",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "type": "module",
   "description": "A modern React component library for webview applications",
   "main": "./dist/index.js",
@@ -48,8 +48,8 @@
       "import": "./dist/components/Popover/Popover.js"
     },
     "./Sheet": {
-      "types": "./dist/components/Sheet/Sheet.d.ts",
-      "import": "./dist/components/Sheet/Sheet.js"
+      "types": "./dist/components/Sheet/useSheetNavigation.d.ts",
+      "import": "./dist/components/Sheet/useSheetNavigation.js"
     },
     "./Skeleton": {
       "types": "./dist/components/Skeleton/Skeleton.d.ts",
@@ -83,17 +83,9 @@
       "types": "./dist/components/Toast/useToast.d.ts",
       "import": "./dist/components/Toast/useToast.js"
     },
-    "./useScrollLock": {
-      "types": "./dist/hooks/useScrollLock.d.ts",
-      "import": "./dist/hooks/useScrollLock.js"
-    },
-    "./useClickOutside": {
-      "types": "./dist/hooks/useClickOutside.d.ts",
-      "import": "./dist/hooks/useClickOutside.js"
-    },
-    "./useEscapeKey": {
-      "types": "./dist/hooks/useEscapeKey.d.ts",
-      "import": "./dist/hooks/useEscapeKey.js"
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js"
     }
   },
   "files": [