@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{sheet-B9kH9pcI.js → sheet-4tgMFwj0.js}

@@ -1,18 +1,60 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as d, useContext as S, createContext as j } from "react";
-import * as a from "@radix-ui/react-dialog";
-import { c as z } from "./index-D2ZczOXr.js";
-import { useTranslation as N } from "react-i18next";
-import { I as C } from "./icon-button-Wnnde5lc.js";
-import { X as k } from "./x-CCcI3eJp.js";
-const w = [
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { useState as R, useRef as B, useEffect as T, useCallback as I, useMemo as D, forwardRef as i, useContext as O, createContext as A } from "react";
+import * as d from "@radix-ui/react-dialog";
+import { c as H } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { I as F } from "./icon-button-C4CGcYuz.js";
+import { u as L } from "./registry-C9nwlNyL.js";
+import { X as V } from "./x-CCcI3eJp.js";
+const P = {
+  id: "sheet",
+  capabilities: ["open", "close", "dismiss"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      description: "True when the sheet is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      description: "Open the sheet.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "write",
+      description: "Close the sheet. Reversible by reopening.",
+      invoke: (e) => {
+        e.close();
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      description: "Dismiss the sheet. Loses any in-progress input that has not been committed.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "sheet" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Sheet.Root."
+    }
+  }
+}, M = [
   "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
   "ds:bg-[var(--background)]/[var(--opacity-70)]",
   "ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), B = z(
+].join(" "), X = H(
   [
     "ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col",
     "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
@@ -54,7 +96,7 @@ const w = [
     defaultVariants: { side: "end" }
   }
 );
-function T(e, t) {
+function Y(e, t) {
   return e === "start" || e === "end" ? {
     sm: "[inline-size:360px]",
     md: "[inline-size:480px]",
@@ -65,39 +107,71 @@ function T(e, t) {
     lg: "[block-size:80dvh]"
   }[t];
 }
-const m = j(void 0), n = ({ children: e, id: t, ...s }) => /* @__PURE__ */ o(m.Provider, { value: t, children: /* @__PURE__ */ o(a.Root, { ...s, children: e }) });
-n.displayName = "Sheet.Root";
-const p = d(({ children: e, ...t }, s) => /* @__PURE__ */ o(a.Trigger, { ref: s, ...t, children: e }));
-p.displayName = "Sheet.Trigger";
-const l = d(({ children: e, ...t }, s) => /* @__PURE__ */ o(a.Close, { ref: s, ...t, children: e }));
-l.displayName = "Sheet.Close";
-const f = d(
-  ({ side: e = "end", size: t = "md", className: s, children: r, ...i }, x) => {
-    const y = S(m);
-    return /* @__PURE__ */ c(a.Portal, { children: [
-      /* @__PURE__ */ o(a.Overlay, { className: w }),
+const b = A(void 0), m = ({
+  children: e,
+  id: t,
+  open: s,
+  defaultOpen: n,
+  onOpenChange: a,
+  ...p
+}) => {
+  const r = s !== void 0, [N, C] = R(
+    n ?? !1
+  ), l = r ? !!s : N, f = B(l);
+  T(() => {
+    f.current = l;
+  }, [l]);
+  const c = I(
+    (v) => {
+      r || C(v), a == null || a(v);
+    },
+    [r, a]
+  ), w = D(
+    () => ({
+      getIsOpen: () => f.current,
+      open: () => c(!0),
+      close: () => c(!1)
+    }),
+    [c]
+  );
+  return L(P, w, t), /* @__PURE__ */ o(b.Provider, { value: t, children: /* @__PURE__ */ o(d.Root, { open: l, onOpenChange: c, ...p, children: e }) });
+};
+m.displayName = "Sheet.Root";
+const g = i(({ children: e, ...t }, s) => /* @__PURE__ */ o(d.Trigger, { ref: s, ...t, children: e }));
+g.displayName = "Sheet.Trigger";
+const u = i(({ children: e, ...t }, s) => /* @__PURE__ */ o(d.Close, { ref: s, ...t, children: e }));
+u.displayName = "Sheet.Close";
+const y = i(
+  ({ side: e = "end", size: t = "md", className: s, children: n, ...a }, p) => {
+    const r = O(b);
+    return /* @__PURE__ */ h(d.Portal, { children: [
+      /* @__PURE__ */ o(d.Overlay, { className: M }),
       /* @__PURE__ */ o(
-        a.Content,
+        d.Content,
         {
-          ref: x,
-          className: [B({ side: e }), T(e, t), s].filter(Boolean).join(" "),
+          ref: p,
+          className: [
+            X({ side: e }),
+            Y(e, t),
+            s
+          ].filter(Boolean).join(" "),
           "data-component": "sheet",
-          "data-component-id": y,
-          ...i,
-          children: r
+          "data-component-id": r,
+          ...a,
+          children: n
         }
       )
     ] });
   }
 );
-f.displayName = "Sheet.Content";
-const u = d(
-  ({ className: e, children: t, ...s }, r) => {
-    const { t: i } = N();
-    return /* @__PURE__ */ c(
+y.displayName = "Sheet.Content";
+const x = i(
+  ({ className: e, children: t, ...s }, n) => {
+    const { t: a } = E();
+    return /* @__PURE__ */ h(
       "div",
       {
-        ref: r,
+        ref: n,
         className: [
           "ds:sticky ds:top-0 ds:z-10 ds:flex ds:items-center ds:justify-between",
           "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]",
@@ -107,13 +181,13 @@ const u = d(
         ...s,
         children: [
           t,
-          /* @__PURE__ */ o(l, { asChild: !0, children: /* @__PURE__ */ o(
-            C,
+          /* @__PURE__ */ o(u, { asChild: !0, children: /* @__PURE__ */ o(
+            F,
             {
-              icon: /* @__PURE__ */ o(k, {}),
+              icon: /* @__PURE__ */ o(V, {}),
               intent: "ghost",
               size: "sm",
-              "aria-label": i("ui.common.close", "Close")
+              "aria-label": a("ui.common.close", "Close")
             }
           ) })
         ]
@@ -121,8 +195,8 @@ const u = d(
     );
   }
 );
-u.displayName = "Sheet.Header";
-const v = d(
+x.displayName = "Sheet.Header";
+const S = i(
   ({ className: e, ...t }, s) => /* @__PURE__ */ o(
     "div",
     {
@@ -137,8 +211,8 @@ const v = d(
     }
   )
 );
-v.displayName = "Sheet.Body";
-const b = d(
+S.displayName = "Sheet.Body";
+const j = i(
   ({ className: e, ...t }, s) => /* @__PURE__ */ o(
     "div",
     {
@@ -154,37 +228,38 @@ const b = d(
     }
   )
 );
-b.displayName = "Sheet.Footer";
-const g = d(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Title,
+j.displayName = "Sheet.Footer";
+const k = i(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  d.Title,
   {
     ref: s,
     className: ["type-title-card ds:break-words", e].filter(Boolean).join(" "),
     ...t
   }
 ));
-g.displayName = "Sheet.Title";
-const h = d(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Description,
+k.displayName = "Sheet.Title";
+const z = i(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  d.Description,
   {
     ref: s,
     className: ["type-body-sm ds:text-[var(--muted-foreground)]", e].filter(Boolean).join(" "),
     ...t
   }
 ));
-h.displayName = "Sheet.Description";
-const V = Object.assign(n, {
-  Root: n,
-  Trigger: p,
-  Content: f,
-  Header: u,
-  Body: v,
-  Footer: b,
-  Title: g,
-  Description: h,
-  Close: l
+z.displayName = "Sheet.Description";
+const W = Object.assign(m, {
+  Root: m,
+  Trigger: g,
+  Content: y,
+  Header: x,
+  Body: S,
+  Footer: j,
+  Title: k,
+  Description: z,
+  Close: u
 });
 export {
-  V as S
+  W as S,
+  P as s
 };
-//# sourceMappingURL=sheet-B9kH9pcI.js.map
+//# sourceMappingURL=sheet-4tgMFwj0.js.map