@satoshibits/react-json-schema-builder 1.0.3 → 1.1.0

package/dist/index.es45.js

@@ -1,63 +1,89 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Label as h } from "./index.es14.js";
-import { Input as x } from "./index.es27.js";
-import { InputErrorWrapper as y } from "./index.es28.js";
-import { useState as p } from "react";
-import E from "./index.es29.js";
-const w = ({
-  values: t,
-  onAddValue: s,
-  renderValues: o,
-  maxValues: n,
-  onRemoveValue: c,
-  ...u
-}) => {
-  const [i, d] = p(), [l, f] = p();
+import { jsx as m } from "react/jsx-runtime";
+import * as s from "react";
+import { Slot as f } from "./index.es34.js";
+import { FormProvider as u, Controller as F, useFormContext as x, useFormState as I } from "react-hook-form";
+import { cn as a } from "./index.es22.js";
+import { Label as g } from "./index.es15.js";
+const S = u, c = s.createContext(
+  {}
+), $ = ({
+  ...e
+}) => /* @__PURE__ */ m(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ m(F, { ...e }) }), d = () => {
+  const e = s.useContext(c), r = s.useContext(l), { getFieldState: t } = x(), o = I({ name: e.name }), n = t(e.name, o);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: i } = r;
+  return {
+    id: i,
+    name: e.name,
+    formItemId: `${i}-form-item`,
+    formDescriptionId: `${i}-form-item-description`,
+    formMessageId: `${i}-form-item-message`,
+    ...n
+  };
+}, l = s.createContext(
+  {}
+);
+function M({ className: e, ...r }) {
+  const t = s.useId();
+  return /* @__PURE__ */ m(l.Provider, { value: { id: t }, children: /* @__PURE__ */ m(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: a("grid gap-2", e),
+      ...r
+    }
+  ) });
+}
+function w({
+  className: e,
+  ...r
+}) {
+  const { error: t, formItemId: o } = d();
   return /* @__PURE__ */ m(
-    y,
+    g,
     {
-      errorCode: i,
-      errorDescription: l,
-      showError: !!i,
-      className: "space-y-2",
-      children: [
-        /* @__PURE__ */ e(h, { children: "Add Input" }),
-        /* @__PURE__ */ e(
-          x,
-          {
-            ...u,
-            onKeyDown: (r) => {
-              r.key === "Enter" && (r.preventDefault(), r.stopPropagation());
-            },
-            onKeyUp: (r) => {
-              if (r.key === "Enter") {
-                if (n && t.length >= n) {
-                  d("Maximum reached"), f(
-                    "You have reached the maximum number of values"
-                  );
-                  return;
-                }
-                s?.(r.currentTarget.value), r.currentTarget.value = "";
-              }
-            }
-          }
-        ),
-        o ? o() : /* @__PURE__ */ e("div", { className: "space-x-2 flex", children: t.map((r, a) => /* @__PURE__ */ m(
-          "div",
-          {
-            className: "flex items-center text-xs border rounded p-1 w-max mt-2",
-            children: [
-              /* @__PURE__ */ e("span", { children: r }),
-              /* @__PURE__ */ e("button", { onClick: () => c(a), children: /* @__PURE__ */ e(E, { size: 16 }) })
-            ]
-          },
-          `${a}-${r}`
-        )) })
-      ]
+      "data-slot": "form-label",
+      "data-error": !!t,
+      className: a("data-[error=true]:text-destructive-foreground", e),
+      htmlFor: o,
+      ...r
     }
   );
-};
+}
+function N({ ...e }) {
+  const { error: r, formItemId: t, formDescriptionId: o, formMessageId: n } = d();
+  return /* @__PURE__ */ m(
+    f,
+    {
+      "data-slot": "form-control",
+      id: t,
+      "aria-describedby": r ? `${o} ${n}` : `${o}`,
+      "aria-invalid": !!r,
+      ...e
+    }
+  );
+}
+function P({ className: e, ...r }) {
+  const { error: t, formMessageId: o } = d(), n = t ? String(t?.message ?? "") : r.children;
+  return n ? /* @__PURE__ */ m(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: o,
+      className: a("text-destructive-foreground text-sm", e),
+      ...r,
+      children: n
+    }
+  ) : null;
+}
 export {
-  w as default
+  S as Form,
+  N as FormControl,
+  $ as FormField,
+  M as FormItem,
+  w as FormLabel,
+  P as FormMessage,
+  d as useFormField
 };
 //# sourceMappingURL=index.es45.js.map

package/dist/index.es45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es45.js","sources":["../src/components/multi-input.tsx"],"sourcesContent":["import { Label } from \"@/components/ui/label\";\nimport { Input } from \"@/components/ui/input\";\nimport { X } from \"lucide-react\";\nimport { InputErrorWrapper } from \"@/components/input-error\";\nimport { useState } from \"react\";\n\ninterface MultiInputProps {\n  renderValues?: () => React.ReactNode;\n  values: string[];\n  onAddValue: (newVal: string) => void;\n  onRemoveValue: (index: number) => void;\n  maxValues?: number;\n}\n\nconst MultiInput = ({\n  values,\n  onAddValue,\n  renderValues,\n  maxValues,\n  onRemoveValue,\n  ...props\n}: MultiInputProps &\n  Omit<React.ComponentProps<\"input\">, \"value\" | \"onChange\">) => {\n  const [primaryError, setPrimaryError] = useState<string>();\n  const [errorDescription, setErrorDescription] = useState<string>();\n\n  return (\n    <InputErrorWrapper\n      errorCode={primaryError}\n      errorDescription={errorDescription}\n      showError={!!primaryError}\n      className=\"space-y-2\"\n    >\n      <Label>Add Input</Label>\n      <Input\n        {...props}\n        onKeyDown={(e) => {\n          // Prevent form submission on Enter key press\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            //prevent bubbling up\n            e.stopPropagation();\n          }\n        }}\n        onKeyUp={(e) => {\n          // Add value on Enter key press\n          if (e.key === \"Enter\") {\n            if (maxValues && values.length >= maxValues) {\n              setPrimaryError(\"Maximum reached\");\n              setErrorDescription(\n                \"You have reached the maximum number of values\",\n              );\n              return;\n            }\n            onAddValue?.(e.currentTarget.value);\n            e.currentTarget.value = \"\";\n          }\n        }}\n      />\n      {renderValues ? (\n        renderValues()\n      ) : (\n        <div className=\"space-x-2 flex\">\n          {values.map((value, i) => (\n            <div\n              key={`${i}-${value}`}\n              className=\"flex items-center text-xs border rounded p-1 w-max mt-2\"\n            >\n              <span>{value}</span>\n              <button onClick={() => onRemoveValue(i)}>\n                <X size={16} />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </InputErrorWrapper>\n  );\n};\n\nexport default MultiInput;\n"],"names":["MultiInput","values","onAddValue","renderValues","maxValues","onRemoveValue","props","primaryError","setPrimaryError","useState","errorDescription","setErrorDescription","jsxs","InputErrorWrapper","jsx","Label","Input","e","value","i","X"],"mappings":";;;;;;AAcA,MAAMA,IAAa,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MACgE;AAC9D,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiB,GACnD,CAACC,GAAkBC,CAAmB,IAAIF,EAAiB;AAG/D,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,MACX,kBAAAG;AAAA,MACA,WAAW,CAAC,CAACH;AAAA,MACb,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAO,EAACC,KAAM,UAAS,YAAA,CAAA;AAAA,QAChB,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGV;AAAA,YACJ,WAAW,CAACW,MAAM;AAEZ,cAAAA,EAAE,QAAQ,YACZA,EAAE,eAAe,GAEjBA,EAAE,gBAAgB;AAAA,YAEtB;AAAA,YACA,SAAS,CAACA,MAAM;AAEV,kBAAAA,EAAE,QAAQ,SAAS;AACjB,oBAAAb,KAAaH,EAAO,UAAUG,GAAW;AAC3C,kBAAAI,EAAgB,iBAAiB,GACjCG;AAAA,oBACE;AAAA,kBACF;AACA;AAAA,gBAAA;AAEW,gBAAAT,IAAAe,EAAE,cAAc,KAAK,GAClCA,EAAE,cAAc,QAAQ;AAAA,cAAA;AAAA,YAC1B;AAAA,UACF;AAAA,QACF;AAAA,QACCd,IACCA,EAAa,IAEZ,gBAAAW,EAAA,OAAA,EAAI,WAAU,kBACZ,UAAOb,EAAA,IAAI,CAACiB,GAAOC,MAClB,gBAAAP;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAE,EAAC,UAAM,UAAMI,EAAA,CAAA;AAAA,cACb,gBAAAJ,EAAC,UAAO,EAAA,SAAS,MAAMT,EAAcc,CAAC,GACpC,UAAC,gBAAAL,EAAAM,GAAA,EAAE,MAAM,GAAI,CAAA,EACf,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UANK,GAAGD,CAAC,IAAID,CAAK;AAAA,QAAA,CAQrB,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es45.js","sources":["../src/components/ui/form.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  useFormState,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from \"react-hook-form\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Label } from \"@/components/ui/label\";\n\nconst Form = FormProvider;\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName;\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ninterface FormItemContextValue {\n  id: string;\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        data-slot=\"form-item\"\n        className={cn(\"grid gap-2\", className)}\n        {...props}\n      />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn(\"data-[error=true]:text-destructive-foreground\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { error, formMessageId } = useFormField();\n\n  const body = error ? String(error?.message ?? \"\") : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn(\"text-destructive-foreground text-sm\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n}\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n};\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","useFormContext","formState","useFormState","fieldState","id","FormItem","className","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormMessage","body"],"mappings":";;;;;;AAgBA,MAAMA,IAAOC,GASPC,IAAmBC,EAAM;AAAA,EAC7B,CAAA;AACF,GAEMC,IAAY,CAGhB;AAAA,EACA,GAAGC;AACL,MAEK,gBAAAC,EAAAJ,EAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAMG,EAAM,KAAA,GAC9C,UAAA,gBAAAC,EAACC,GAAY,EAAA,GAAGF,EAAO,CAAA,GACzB,GAIEG,IAAe,MAAM;AACnB,QAAAC,IAAeN,EAAM,WAAWD,CAAgB,GAChDQ,IAAcP,EAAM,WAAWQ,CAAe,GAC9C,EAAE,eAAAC,EAAc,IAAIC,EAAe,GACnCC,IAAYC,EAAa,EAAE,MAAMN,EAAa,MAAM,GACpDO,IAAaJ,EAAcH,EAAa,MAAMK,CAAS;AAE7D,MAAI,CAACL;AACG,UAAA,IAAI,MAAM,gDAAgD;AAG5D,QAAA,EAAE,IAAAQ,MAAOP;AAER,SAAA;AAAA,IACL,IAAAO;AAAA,IACA,MAAMR,EAAa;AAAA,IACnB,YAAY,GAAGQ,CAAE;AAAA,IACjB,mBAAmB,GAAGA,CAAE;AAAA,IACxB,eAAe,GAAGA,CAAE;AAAA,IACpB,GAAGD;AAAA,EACL;AACF,GAMML,IAAkBR,EAAM;AAAA,EAC5B,CAAA;AACF;AAEA,SAASe,EAAS,EAAE,WAAAC,GAAW,GAAGd,KAAsC;AAChE,QAAAY,IAAKd,EAAM,MAAM;AAEvB,2BACGQ,EAAgB,UAAhB,EAAyB,OAAO,EAAE,IAAAM,KACjC,UAAA,gBAAAX;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWc,EAAG,cAAcD,CAAS;AAAA,MACpC,GAAGd;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,SAASgB,EAAU;AAAA,EACjB,WAAAF;AAAA,EACA,GAAGd;AACL,GAAqD;AACnD,QAAM,EAAE,OAAAiB,GAAO,YAAAC,EAAW,IAAIf,EAAa;AAGzC,SAAA,gBAAAF;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,CAAC,CAACF;AAAA,MACd,WAAWF,EAAG,iDAAiDD,CAAS;AAAA,MACxE,SAASI;AAAA,MACR,GAAGlB;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASoB,EAAY,EAAE,GAAGpB,KAA4C;AACpE,QAAM,EAAE,OAAAiB,GAAO,YAAAC,GAAY,mBAAAG,GAAmB,eAAAC,EAAA,IAC5CnB,EAAa;AAGb,SAAA,gBAAAF;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAIL;AAAA,MACJ,oBACGD,IAEG,GAAGI,CAAiB,IAAIC,CAAa,KADrC,GAAGD,CAAiB;AAAA,MAG1B,gBAAc,CAAC,CAACJ;AAAA,MACf,GAAGjB;AAAA,IAAA;AAAA,EACN;AAEJ;AAeA,SAASwB,EAAY,EAAE,WAAAV,GAAW,GAAGd,KAAoC;AACvE,QAAM,EAAE,OAAAiB,GAAO,eAAAK,EAAc,IAAInB,EAAa,GAExCsB,IAAOR,IAAQ,OAAOA,GAAO,WAAW,EAAE,IAAIjB,EAAM;AAE1D,SAAKyB,IAKH,gBAAAxB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAIqB;AAAA,MACJ,WAAWP,EAAG,uCAAuCD,CAAS;AAAA,MAC7D,GAAGd;AAAA,MAEH,UAAAyB;AAAA,IAAA;AAAA,EACH,IAXO;AAaX;"}

package/dist/index.es46.js

@@ -1,126 +1,63 @@
-import * as l from "react";
-import { createContextScope as O } from "./index.es60.js";
-import { useComposedRefs as u } from "./index.es59.js";
-import { createDialogScope as A, Root as b, WarningProvider as w, Content as M, Title as x, Description as I, Close as v, Portal as L, Overlay as $, Trigger as F } from "./index.es54.js";
-import { composeEventHandlers as G } from "./index.es57.js";
-import { Slottable as j } from "./index.es33.js";
-import { jsx as i, jsxs as W } from "react/jsx-runtime";
-var f = "AlertDialog", [Y, re] = O(f, [
-  A
-]), n = A(), D = (e) => {
-  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
-  return /* @__PURE__ */ i(b, { ...t, ...r, modal: !0 });
-};
-D.displayName = f;
-var q = "AlertDialogTrigger", B = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
-    return /* @__PURE__ */ i(F, { ...a, ...t, ref: o });
-  }
-);
-B.displayName = q;
-var H = "AlertDialogPortal", m = (e) => {
-  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
-  return /* @__PURE__ */ i(L, { ...t, ...r });
-};
-m.displayName = H;
-var V = "AlertDialogOverlay", y = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
-    return /* @__PURE__ */ i($, { ...a, ...t, ref: o });
-  }
-);
-y.displayName = V;
-var s = "AlertDialogContent", [k, z] = Y(s), _ = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, children: t, ...a } = e, d = n(r), p = l.useRef(null), T = u(o, p), g = l.useRef(null);
-    return /* @__PURE__ */ i(
-      w,
-      {
-        contentName: s,
-        titleName: N,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ i(k, { scope: r, cancelRef: g, children: /* @__PURE__ */ W(
-          M,
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { Label as h } from "./index.es15.js";
+import { Input as x } from "./index.es28.js";
+import { InputErrorWrapper as y } from "./index.es29.js";
+import { useState as p } from "react";
+import E from "./index.es30.js";
+const w = ({
+  values: t,
+  onAddValue: s,
+  renderValues: o,
+  maxValues: n,
+  onRemoveValue: c,
+  ...u
+}) => {
+  const [i, d] = p(), [l, f] = p();
+  return /* @__PURE__ */ m(
+    y,
+    {
+      errorCode: i,
+      errorDescription: l,
+      showError: !!i,
+      className: "space-y-2",
+      children: [
+        /* @__PURE__ */ e(h, { children: "Add Input" }),
+        /* @__PURE__ */ e(
+          x,
+          {
+            ...u,
+            onKeyDown: (r) => {
+              r.key === "Enter" && (r.preventDefault(), r.stopPropagation());
+            },
+            onKeyUp: (r) => {
+              if (r.key === "Enter") {
+                if (n && t.length >= n) {
+                  d("Maximum reached"), f(
+                    "You have reached the maximum number of values"
+                  );
+                  return;
+                }
+                s?.(r.currentTarget.value), r.currentTarget.value = "";
+              }
+            }
+          }
+        ),
+        o ? o() : /* @__PURE__ */ e("div", { className: "space-x-2 flex", children: t.map((r, a) => /* @__PURE__ */ m(
+          "div",
           {
-            role: "alertdialog",
-            ...d,
-            ...a,
-            ref: T,
-            onOpenAutoFocus: G(a.onOpenAutoFocus, (c) => {
-              c.preventDefault(), g.current?.focus({ preventScroll: !0 });
-            }),
-            onPointerDownOutside: (c) => c.preventDefault(),
-            onInteractOutside: (c) => c.preventDefault(),
+            className: "flex items-center text-xs border rounded p-1 w-max mt-2",
             children: [
-              /* @__PURE__ */ i(j, { children: t }),
-              /* @__PURE__ */ i(K, { contentRef: p })
+              /* @__PURE__ */ e("span", { children: r }),
+              /* @__PURE__ */ e("button", { onClick: () => c(a), children: /* @__PURE__ */ e(E, { size: 16 }) })
             ]
-          }
-        ) })
-      }
-    );
-  }
-);
-_.displayName = s;
-var N = "AlertDialogTitle", R = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
-    return /* @__PURE__ */ i(x, { ...a, ...t, ref: o });
-  }
-);
-R.displayName = N;
-var h = "AlertDialogDescription", C = l.forwardRef((e, o) => {
-  const { __scopeAlertDialog: r, ...t } = e, a = n(r);
-  return /* @__PURE__ */ i(I, { ...a, ...t, ref: o });
-});
-C.displayName = h;
-var J = "AlertDialogAction", E = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
-    return /* @__PURE__ */ i(v, { ...a, ...t, ref: o });
-  }
-);
-E.displayName = J;
-var P = "AlertDialogCancel", S = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, { cancelRef: a } = z(P, r), d = n(r), p = u(o, a);
-    return /* @__PURE__ */ i(v, { ...d, ...t, ref: p });
-  }
-);
-S.displayName = P;
-var K = ({ contentRef: e }) => {
-  const o = `\`${s}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${s}\` by passing a \`${h}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${s}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  return l.useEffect(() => {
-    document.getElementById(
-      e.current?.getAttribute("aria-describedby")
-    ) || console.warn(o);
-  }, [o, e]), null;
-}, te = D, ae = m, ie = y, le = _, ne = E, se = S, ce = R, pe = C;
+          },
+          `${a}-${r}`
+        )) })
+      ]
+    }
+  );
+};
 export {
-  ne as Action,
-  D as AlertDialog,
-  E as AlertDialogAction,
-  S as AlertDialogCancel,
-  _ as AlertDialogContent,
-  C as AlertDialogDescription,
-  y as AlertDialogOverlay,
-  m as AlertDialogPortal,
-  R as AlertDialogTitle,
-  B as AlertDialogTrigger,
-  se as Cancel,
-  le as Content,
-  pe as Description,
-  ie as Overlay,
-  ae as Portal,
-  te as Root,
-  ce as Title,
-  re as createAlertDialogScope
+  w as default
 };
 //# sourceMappingURL=index.es46.js.map

package/dist/index.es46.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es46.js","sources":["../../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.6_@types+react-dom@18.3.5_@types+react@18.3.18__@types_5d3a1db41ab18a3dd4add3d1d0adc5b2/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/alert-dialog/src/alert-dialog.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { createDialogScope } from \"@radix-ui/react-dialog\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Slottable } from \"@radix-ui/react-slot\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar ROOT_NAME = \"AlertDialog\";\nvar [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n  createDialogScope\n]);\nvar useDialogScope = createDialogScope();\nvar AlertDialog = (props) => {\n  const { __scopeAlertDialog, ...alertDialogProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });\n};\nAlertDialog.displayName = ROOT_NAME;\nvar TRIGGER_NAME = \"AlertDialogTrigger\";\nvar AlertDialogTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...triggerProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });\n  }\n);\nAlertDialogTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"AlertDialogPortal\";\nvar AlertDialogPortal = (props) => {\n  const { __scopeAlertDialog, ...portalProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });\n};\nAlertDialogPortal.displayName = PORTAL_NAME;\nvar OVERLAY_NAME = \"AlertDialogOverlay\";\nvar AlertDialogOverlay = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...overlayProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });\n  }\n);\nAlertDialogOverlay.displayName = OVERLAY_NAME;\nvar CONTENT_NAME = \"AlertDialogContent\";\nvar [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);\nvar AlertDialogContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, children, ...contentProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const cancelRef = React.useRef(null);\n    return /* @__PURE__ */ jsx(\n      DialogPrimitive.WarningProvider,\n      {\n        contentName: CONTENT_NAME,\n        titleName: TITLE_NAME,\n        docsSlug: \"alert-dialog\",\n        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(\n          DialogPrimitive.Content,\n          {\n            role: \"alertdialog\",\n            ...dialogScope,\n            ...contentProps,\n            ref: composedRefs,\n            onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {\n              event.preventDefault();\n              cancelRef.current?.focus({ preventScroll: true });\n            }),\n            onPointerDownOutside: (event) => event.preventDefault(),\n            onInteractOutside: (event) => event.preventDefault(),\n            children: [\n              /* @__PURE__ */ jsx(Slottable, { children }),\n              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })\n            ]\n          }\n        ) })\n      }\n    );\n  }\n);\nAlertDialogContent.displayName = CONTENT_NAME;\nvar TITLE_NAME = \"AlertDialogTitle\";\nvar AlertDialogTitle = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...titleProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });\n  }\n);\nAlertDialogTitle.displayName = TITLE_NAME;\nvar DESCRIPTION_NAME = \"AlertDialogDescription\";\nvar AlertDialogDescription = React.forwardRef((props, forwardedRef) => {\n  const { __scopeAlertDialog, ...descriptionProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });\n});\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\nvar ACTION_NAME = \"AlertDialogAction\";\nvar AlertDialogAction = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...actionProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });\n  }\n);\nAlertDialogAction.displayName = ACTION_NAME;\nvar CANCEL_NAME = \"AlertDialogCancel\";\nvar AlertDialogCancel = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...cancelProps } = props;\n    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const ref = useComposedRefs(forwardedRef, cancelRef);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });\n  }\n);\nAlertDialogCancel.displayName = CANCEL_NAME;\nvar DescriptionWarning = ({ contentRef }) => {\n  const MESSAGE = `\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n\nYou can add a description to the \\`${CONTENT_NAME}\\` by passing a \\`${DESCRIPTION_NAME}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a description by assigning it an \\`id\\` and passing the same value to the \\`aria-describedby\\` prop in \\`${CONTENT_NAME}\\`. If the description is confusing or duplicative for sighted users, you can use the \\`@radix-ui/react-visually-hidden\\` primitive as a wrapper around your description component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;\n  React.useEffect(() => {\n    const hasDescription = document.getElementById(\n      contentRef.current?.getAttribute(\"aria-describedby\")\n    );\n    if (!hasDescription) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n  return null;\n};\nvar Root2 = AlertDialog;\nvar Trigger2 = AlertDialogTrigger;\nvar Portal2 = AlertDialogPortal;\nvar Overlay2 = AlertDialogOverlay;\nvar Content2 = AlertDialogContent;\nvar Action = AlertDialogAction;\nvar Cancel = AlertDialogCancel;\nvar Title2 = AlertDialogTitle;\nvar Description2 = AlertDialogDescription;\nexport {\n  Action,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Cancel,\n  Content2 as Content,\n  Description2 as Description,\n  Overlay2 as Overlay,\n  Portal2 as Portal,\n  Root2 as Root,\n  Title2 as Title,\n  Trigger2 as Trigger,\n  createAlertDialogScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["ROOT_NAME","createAlertDialogContext","createAlertDialogScope","createContextScope","createDialogScope","useDialogScope","AlertDialog","props","__scopeAlertDialog","alertDialogProps","dialogScope","jsx","DialogPrimitive.Root","TRIGGER_NAME","AlertDialogTrigger","React","forwardedRef","triggerProps","DialogPrimitive.Trigger","PORTAL_NAME","AlertDialogPortal","portalProps","DialogPrimitive.Portal","OVERLAY_NAME","AlertDialogOverlay","overlayProps","DialogPrimitive.Overlay","CONTENT_NAME","AlertDialogContentProvider","useAlertDialogContentContext","AlertDialogContent","children","contentProps","contentRef","composedRefs","useComposedRefs","cancelRef","DialogPrimitive.WarningProvider","TITLE_NAME","jsxs","DialogPrimitive.Content","composeEventHandlers","event","Slottable","DescriptionWarning","AlertDialogTitle","titleProps","DialogPrimitive.Title","DESCRIPTION_NAME","AlertDialogDescription","descriptionProps","DialogPrimitive.Description","ACTION_NAME","AlertDialogAction","actionProps","DialogPrimitive.Close","CANCEL_NAME","AlertDialogCancel","cancelProps","ref","MESSAGE","Root2","Portal2","Overlay2","Content2","Action","Cancel","Title2","Description2"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es46.js","sources":["../src/components/multi-input.tsx"],"sourcesContent":["import { Label } from \"@/components/ui/label\";\nimport { Input } from \"@/components/ui/input\";\nimport { X } from \"lucide-react\";\nimport { InputErrorWrapper } from \"@/components/input-error\";\nimport { useState } from \"react\";\n\ninterface MultiInputProps {\n  renderValues?: () => React.ReactNode;\n  values: string[];\n  onAddValue: (newVal: string) => void;\n  onRemoveValue: (index: number) => void;\n  maxValues?: number;\n}\n\nconst MultiInput = ({\n  values,\n  onAddValue,\n  renderValues,\n  maxValues,\n  onRemoveValue,\n  ...props\n}: MultiInputProps &\n  Omit<React.ComponentProps<\"input\">, \"value\" | \"onChange\">) => {\n  const [primaryError, setPrimaryError] = useState<string>();\n  const [errorDescription, setErrorDescription] = useState<string>();\n\n  return (\n    <InputErrorWrapper\n      errorCode={primaryError}\n      errorDescription={errorDescription}\n      showError={!!primaryError}\n      className=\"space-y-2\"\n    >\n      <Label>Add Input</Label>\n      <Input\n        {...props}\n        onKeyDown={(e) => {\n          // Prevent form submission on Enter key press\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            //prevent bubbling up\n            e.stopPropagation();\n          }\n        }}\n        onKeyUp={(e) => {\n          // Add value on Enter key press\n          if (e.key === \"Enter\") {\n            if (maxValues && values.length >= maxValues) {\n              setPrimaryError(\"Maximum reached\");\n              setErrorDescription(\n                \"You have reached the maximum number of values\",\n              );\n              return;\n            }\n            onAddValue?.(e.currentTarget.value);\n            e.currentTarget.value = \"\";\n          }\n        }}\n      />\n      {renderValues ? (\n        renderValues()\n      ) : (\n        <div className=\"space-x-2 flex\">\n          {values.map((value, i) => (\n            <div\n              key={`${i}-${value}`}\n              className=\"flex items-center text-xs border rounded p-1 w-max mt-2\"\n            >\n              <span>{value}</span>\n              <button onClick={() => onRemoveValue(i)}>\n                <X size={16} />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </InputErrorWrapper>\n  );\n};\n\nexport default MultiInput;\n"],"names":["MultiInput","values","onAddValue","renderValues","maxValues","onRemoveValue","props","primaryError","setPrimaryError","useState","errorDescription","setErrorDescription","jsxs","InputErrorWrapper","jsx","Label","Input","e","value","i","X"],"mappings":";;;;;;AAcA,MAAMA,IAAa,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MACgE;AAC9D,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiB,GACnD,CAACC,GAAkBC,CAAmB,IAAIF,EAAiB;AAG/D,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,MACX,kBAAAG;AAAA,MACA,WAAW,CAAC,CAACH;AAAA,MACb,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAO,EAACC,KAAM,UAAS,YAAA,CAAA;AAAA,QAChB,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGV;AAAA,YACJ,WAAW,CAACW,MAAM;AAEZ,cAAAA,EAAE,QAAQ,YACZA,EAAE,eAAe,GAEjBA,EAAE,gBAAgB;AAAA,YAEtB;AAAA,YACA,SAAS,CAACA,MAAM;AAEV,kBAAAA,EAAE,QAAQ,SAAS;AACjB,oBAAAb,KAAaH,EAAO,UAAUG,GAAW;AAC3C,kBAAAI,EAAgB,iBAAiB,GACjCG;AAAA,oBACE;AAAA,kBACF;AACA;AAAA,gBAAA;AAEW,gBAAAT,IAAAe,EAAE,cAAc,KAAK,GAClCA,EAAE,cAAc,QAAQ;AAAA,cAAA;AAAA,YAC1B;AAAA,UACF;AAAA,QACF;AAAA,QACCd,IACCA,EAAa,IAEZ,gBAAAW,EAAA,OAAA,EAAI,WAAU,kBACZ,UAAOb,EAAA,IAAI,CAACiB,GAAOC,MAClB,gBAAAP;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAE,EAAC,UAAM,UAAMI,EAAA,CAAA;AAAA,cACb,gBAAAJ,EAAC,UAAO,EAAA,SAAS,MAAMT,EAAcc,CAAC,GACpC,UAAC,gBAAAL,EAAAM,GAAA,EAAE,MAAM,GAAI,CAAA,EACf,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UANK,GAAGD,CAAC,IAAID,CAAK;AAAA,QAAA,CAQrB,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es47.js

@@ -1,66 +1,126 @@
-import { useRef as a, useState as O, useCallback as W, useEffect as q, useMemo as P } from "react";
-function R(u, r, i) {
-  var g = this, c = a(null), f = a(0), n = a(null), o = a([]), l = a(), s = a(), D = a(u), m = a(!0);
-  D.current = u;
-  var h = typeof window < "u", d = !r && r !== 0 && h;
-  if (typeof u != "function") throw new TypeError("Expected a function");
-  r = +r || 0;
-  var F = !!(i = i || {}).leading, E = !("trailing" in i) || !!i.trailing, v = "maxWait" in i, M = "debounceOnServer" in i && !!i.debounceOnServer, x = v ? Math.max(+i.maxWait || 0, r) : null;
-  q(function() {
-    return m.current = !0, function() {
-      m.current = !1;
-    };
-  }, []);
-  var k = P(function() {
-    var y = function(e) {
-      var t = o.current, b = l.current;
-      return o.current = l.current = null, f.current = e, s.current = D.current.apply(b, t);
-    }, p = function(e, t) {
-      d && cancelAnimationFrame(n.current), n.current = d ? requestAnimationFrame(e) : setTimeout(e, t);
-    }, S = function(e) {
-      if (!m.current) return !1;
-      var t = e - c.current;
-      return !c.current || t >= r || t < 0 || v && e - f.current >= x;
-    }, T = function(e) {
-      return n.current = null, E && o.current ? y(e) : (o.current = l.current = null, s.current);
-    }, A = function e() {
-      var t = Date.now();
-      if (S(t)) return T(t);
-      if (m.current) {
-        var b = r - (t - c.current), C = v ? Math.min(b, x - (t - f.current)) : b;
-        p(e, C);
-      }
-    }, w = function() {
-      if (h || M) {
-        var e = Date.now(), t = S(e);
-        if (o.current = [].slice.call(arguments), l.current = g, c.current = e, t) {
-          if (!n.current && m.current) return f.current = c.current, p(A, r), F ? y(c.current) : s.current;
-          if (v) return p(A, r), y(c.current);
-        }
-        return n.current || p(A, r), s.current;
+import * as l from "react";
+import { createContextScope as O } from "./index.es59.js";
+import { useComposedRefs as u } from "./index.es58.js";
+import { createDialogScope as A, Root as b, WarningProvider as w, Content as M, Title as x, Description as I, Close as v, Portal as L, Overlay as $, Trigger as F } from "./index.es55.js";
+import { composeEventHandlers as G } from "./index.es57.js";
+import { Slottable as j } from "./index.es34.js";
+import { jsx as i, jsxs as W } from "react/jsx-runtime";
+var f = "AlertDialog", [Y, re] = O(f, [
+  A
+]), n = A(), D = (e) => {
+  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
+  return /* @__PURE__ */ i(b, { ...t, ...r, modal: !0 });
+};
+D.displayName = f;
+var q = "AlertDialogTrigger", B = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(F, { ...a, ...t, ref: o });
+  }
+);
+B.displayName = q;
+var H = "AlertDialogPortal", m = (e) => {
+  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
+  return /* @__PURE__ */ i(L, { ...t, ...r });
+};
+m.displayName = H;
+var V = "AlertDialogOverlay", y = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i($, { ...a, ...t, ref: o });
+  }
+);
+y.displayName = V;
+var s = "AlertDialogContent", [k, z] = Y(s), _ = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, children: t, ...a } = e, d = n(r), p = l.useRef(null), T = u(o, p), g = l.useRef(null);
+    return /* @__PURE__ */ i(
+      w,
+      {
+        contentName: s,
+        titleName: N,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ i(k, { scope: r, cancelRef: g, children: /* @__PURE__ */ W(
+          M,
+          {
+            role: "alertdialog",
+            ...d,
+            ...a,
+            ref: T,
+            onOpenAutoFocus: G(a.onOpenAutoFocus, (c) => {
+              c.preventDefault(), g.current?.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (c) => c.preventDefault(),
+            onInteractOutside: (c) => c.preventDefault(),
+            children: [
+              /* @__PURE__ */ i(j, { children: t }),
+              /* @__PURE__ */ i(K, { contentRef: p })
+            ]
+          }
+        ) })
       }
-    };
-    return w.cancel = function() {
-      n.current && (d ? cancelAnimationFrame(n.current) : clearTimeout(n.current)), f.current = 0, o.current = c.current = l.current = n.current = null;
-    }, w.isPending = function() {
-      return !!n.current;
-    }, w.flush = function() {
-      return n.current ? T(Date.now()) : s.current;
-    }, w;
-  }, [F, v, r, x, E, d, h, M]);
-  return k;
-}
-function j(u, r) {
-  return u === r;
-}
-function B(u, r, i) {
-  var g = j, c = a(u), f = O({})[1], n = R(W(function(l) {
-    c.current = l, f({});
-  }, [f]), r, i), o = a(u);
-  return g(o.current, u) || (n(u), o.current = u), [c.current, n];
-}
+    );
+  }
+);
+_.displayName = s;
+var N = "AlertDialogTitle", R = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(x, { ...a, ...t, ref: o });
+  }
+);
+R.displayName = N;
+var h = "AlertDialogDescription", C = l.forwardRef((e, o) => {
+  const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+  return /* @__PURE__ */ i(I, { ...a, ...t, ref: o });
+});
+C.displayName = h;
+var J = "AlertDialogAction", E = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(v, { ...a, ...t, ref: o });
+  }
+);
+E.displayName = J;
+var P = "AlertDialogCancel", S = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, { cancelRef: a } = z(P, r), d = n(r), p = u(o, a);
+    return /* @__PURE__ */ i(v, { ...d, ...t, ref: p });
+  }
+);
+S.displayName = P;
+var K = ({ contentRef: e }) => {
+  const o = `\`${s}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${s}\` by passing a \`${h}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${s}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return l.useEffect(() => {
+    document.getElementById(
+      e.current?.getAttribute("aria-describedby")
+    ) || console.warn(o);
+  }, [o, e]), null;
+}, te = D, ae = m, ie = y, le = _, ne = E, se = S, ce = R, pe = C;
 export {
-  B as useDebounce,
-  R as useDebouncedCallback
+  ne as Action,
+  D as AlertDialog,
+  E as AlertDialogAction,
+  S as AlertDialogCancel,
+  _ as AlertDialogContent,
+  C as AlertDialogDescription,
+  y as AlertDialogOverlay,
+  m as AlertDialogPortal,
+  R as AlertDialogTitle,
+  B as AlertDialogTrigger,
+  se as Cancel,
+  le as Content,
+  pe as Description,
+  ie as Overlay,
+  ae as Portal,
+  te as Root,
+  ce as Title,
+  re as createAlertDialogScope
 };
 //# sourceMappingURL=index.es47.js.map