@satoshibits/react-json-schema-builder 1.0.1 → 1.0.2

package/dist/index.es16.js

@@ -1,138 +1,141 @@
-import { j as e } from "./index.es9.js";
-import { useMemo as S, useEffect as F } from "react";
-import { Button as R } from "./index.es11.js";
-import { Dialog as b, DialogContent as V, DialogHeader as A, DialogTitle as $, DialogDescription as E, DialogFooter as N } from "./index.es45.js";
-import { Label as w } from "./index.es15.js";
-import { a as u } from "./index.es10.js";
-import { useConstraints as I } from "./index.es4.js";
-import L from "./index.es46.js";
-import { Separator as _ } from "./index.es47.js";
-import { AddFormSchema as k } from "./index.es21.js";
-import { useForm as z } from "react-hook-form";
-import { zodResolver as B } from "./index.es48.js";
-import { Form as H } from "./index.es49.js";
-const M = k.pick({
-  constraints: !0,
-  property: !0
-});
-function tt({
-  open: p,
-  onOpenChange: d,
-  onSubmit: f,
-  property: i,
-  propertyKey: h
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Root as n, Content as i, Title as s, Description as d, Cancel as c, Action as u, Portal as f, Overlay as m } from "./index.es46.js";
+import { cn as o } from "./index.es21.js";
+import { buttonVariants as l } from "./index.es10.js";
+function N({
+  ...t
 }) {
-  const r = z({
-    resolver: B(M),
-    defaultValues: {
-      property: i
-    }
-  }), m = r.watch("constraints"), {
-    getConstraintDefinitionsForType: g,
-    getRendererForConstraint: C,
-    validateConstraintValue: j
-  } = I(), y = (t) => {
-    const { constraints: n } = t, a = {
-      ...n?.reduce((s, o) => ({
-        ...s,
-        [o.name]: o.value
-      }), {})
-    };
-    f([h, a]), r.reset();
-  }, v = (t, n) => {
-    const a = u(m), s = a?.[t];
-    if (!s) {
-      r.setError(`constraints.${t}`, {
-        message: "The constraint was not found",
-        type: "constraint_not_found"
-      });
-      return;
-    }
-    const o = j(
-      s.name,
-      n
-    );
-    if (o.status === "error") {
-      let c = o.message;
-      o.code === "invalid" && (c = `${c}: ${o.error?.map((D) => D.message).join(", ")}`), r.setError(`constraints.${t}`, {
-        type: o.code,
-        message: c
-      });
-      return;
+  return /* @__PURE__ */ e(n, { "data-slot": "alert-dialog", ...t });
+}
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e(f, { "data-slot": "alert-dialog-portal", ...t });
+}
+function p({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    m,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: o(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
+        t
+      ),
+      ...a
     }
-    s.value = n, r.setValue("constraints", a), r.clearErrors(`constraints.${t}`);
-  }, x = (t) => {
-    if (!m) return;
-    const a = u(m).filter((s) => s.name !== t);
-    r.setValue("constraints", a);
-  }, l = S(() => g(
-    typeof i?.type == "string" ? i.type : ""
-  ), [i.type]);
-  return F(() => {
-    const t = [];
-    for (const n of l)
-      n.name in i && t.push({
-        name: n.name,
-        value: i[n.name]
-      });
-    r.setValue("constraints", t);
-  }, [l]), /* @__PURE__ */ e.jsx(b, { open: p, onOpenChange: d, children: /* @__PURE__ */ e.jsxs(V, { children: [
-    /* @__PURE__ */ e.jsxs(A, { children: [
-      /* @__PURE__ */ e.jsx($, { children: "Edit" }),
-      /* @__PURE__ */ e.jsx(E, { children: "Constraints and other properties" })
-    ] }),
-    /* @__PURE__ */ e.jsx(H, { ...r, children: /* @__PURE__ */ e.jsxs(
-      "form",
+  );
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(g, { children: [
+    /* @__PURE__ */ e(p, {}),
+    /* @__PURE__ */ e(
+      i,
       {
-        onSubmit: r.handleSubmit(y),
-        className: "space-y-4",
-        "data-testid": "edit-property-form",
-        children: [
-          l.length ? /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e.jsx(w, { children: "Constraints" }),
-            /* @__PURE__ */ e.jsx(
-              L,
-              {
-                addedConstraints: m ?? [],
-                availableDefinitions: l,
-                onAdd: (t) => {
-                  r.setValue("constraints", t);
-                }
-              }
-            ),
-            /* @__PURE__ */ e.jsx(_, {}),
-            m?.map((t, n) => {
-              const a = C(t.name);
-              if (!a) return null;
-              const s = r.formState.errors.constraints?.[n];
-              let o;
-              return s && (o = {
-                code: s?.type ?? "INVALID",
-                message: s.message ?? "An error occurred"
-              }), /* @__PURE__ */ e.jsx(
-                a,
-                {
-                  constraintName: t.name,
-                  value: t.value,
-                  onConstraintChange: (c) => {
-                    v(n, c);
-                  },
-                  onRemoveConstraint: () => {
-                    x(t.name);
-                  },
-                  error: o
-                },
-                t.name
-              );
-            })
-          ] }) : null,
-          /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(R, { type: "submit", children: "Save" }) })
-        ]
+        "data-slot": "alert-dialog-content",
+        className: o(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          t
+        ),
+        ...a
       }
-    ) })
-  ] }) });
+    )
+  ] });
+}
+function y({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: o("flex flex-col gap-2 text-center sm:text-left", t),
+      ...a
+    }
+  );
+}
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: o(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function C({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    s,
+    {
+      "data-slot": "alert-dialog-title",
+      className: o("text-lg font-semibold", t),
+      ...a
+    }
+  );
+}
+function z({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    d,
+    {
+      "data-slot": "alert-dialog-description",
+      className: o("text-muted-foreground text-sm", t),
+      ...a
+    }
+  );
+}
+function h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    u,
+    {
+      className: o(l(), t),
+      ...a
+    }
+  );
+}
+function j({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    c,
+    {
+      className: o(l({ variant: "outline" }), t),
+      ...a
+    }
+  );
 }
 export {
-  tt as EditPropertyDialog
+  N as AlertDialog,
+  h as AlertDialogAction,
+  j as AlertDialogCancel,
+  b as AlertDialogContent,
+  z as AlertDialogDescription,
+  w as AlertDialogFooter,
+  y as AlertDialogHeader,
+  p as AlertDialogOverlay,
+  g as AlertDialogPortal,
+  C as AlertDialogTitle
 };
 //# sourceMappingURL=index.es16.js.map

package/dist/index.es16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es16.js","sources":["../src/packages/builder/edit-dialog.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogFooter,\n  DialogDescription,\n} from \"@/components/ui/dialog\";\nimport { Label } from \"@/components/ui/label\";\n\nimport type { JSONSchema7 } from \"json-schema\";\nimport { clone } from \"remeda\";\nimport { Constraint, useConstraints } from \"@/packages/constraints/context\";\nimport ConstraintsAdd from \"@/packages/constraints/constraint-add\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { z } from \"zod\";\nimport { AddFormSchema } from \"./add-dialog\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { OperationError } from \"./shared-types\";\nimport { Form } from \"@/components/ui/form\";\nimport { useSchema } from \"./context\";\n\nexport interface EditPropertyDialogProps {\n  property: JSONSchema7;\n  propertyKey: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onSubmit: (\n    params: Parameters<ReturnType<typeof useSchema>[\"handlePropertyChange\"]>,\n  ) => void;\n}\n\nconst EditFormSchema = AddFormSchema.pick({\n  constraints: true,\n  property: true,\n});\n\n/**\n * Handles editing a constraints and other properties of a JSON schema property\n * that aren't shown in the main UI.\n */\nexport function EditPropertyDialog({\n  open,\n  onOpenChange,\n  onSubmit,\n  property: propertyToEdit,\n  propertyKey,\n}: EditPropertyDialogProps) {\n  const form = useForm<z.infer<typeof EditFormSchema>>({\n    resolver: zodResolver(EditFormSchema),\n    defaultValues: {\n      property: propertyToEdit,\n    },\n  });\n\n  const currentConstraints = form.watch(\"constraints\");\n\n  const {\n    getConstraintDefinitionsForType,\n    getRendererForConstraint,\n    validateConstraintValue,\n  } = useConstraints();\n\n  const handleSubmit = (data: z.infer<typeof EditFormSchema>) => {\n    const { constraints } = data;\n    const propertyUpdatesOnly: JSONSchema7 = {\n      ...constraints?.reduce((acc, constraint) => {\n        return {\n          ...acc,\n          [constraint.name]: constraint.value,\n        } satisfies JSONSchema7;\n      }, {}),\n    };\n    onSubmit([propertyKey, propertyUpdatesOnly]);\n    form.reset();\n  };\n\n  const handleConstraintChange = (\n    index: number,\n    newVal: Constraint[\"value\"],\n  ) => {\n    const constraintsCopy = clone(currentConstraints);\n\n    const constraintToChange = constraintsCopy?.[index];\n\n    if (!constraintToChange) {\n      form.setError(`constraints.${index}`, {\n        message: \"The constraint was not found\",\n        type: \"constraint_not_found\",\n      });\n      return;\n    }\n\n    const validationResult = validateConstraintValue(\n      constraintToChange.name,\n      newVal,\n    );\n\n    if (validationResult.status === \"error\") {\n      let message = validationResult.message;\n      if (validationResult.code === \"invalid\") {\n        message = `${message}: ${validationResult.error?.map((i) => i.message).join(\", \")}`;\n      }\n      form.setError(`constraints.${index}`, {\n        type: validationResult.code,\n        message,\n      });\n      return;\n    }\n\n    //edit reference\n    constraintToChange.value = newVal;\n    form.setValue(\"constraints\", constraintsCopy);\n    form.clearErrors(`constraints.${index}`);\n  };\n\n  const handleRemoveConstraint = (constraintName: Constraint[\"name\"]) => {\n    if (!currentConstraints) return;\n    const copy = clone(currentConstraints);\n    const newConstraints = copy.filter((c) => c.name !== constraintName);\n    form.setValue(\"constraints\", newConstraints);\n  };\n\n  const availableDefinitions = useMemo(() => {\n    return getConstraintDefinitionsForType(\n      typeof propertyToEdit?.type === \"string\" ? propertyToEdit.type : \"\",\n    );\n  }, [propertyToEdit.type]);\n\n  useEffect(() => {\n    //get the current constraints from the property based on the available definitions\n    const newConstraints: Constraint[] = [];\n    for (const constraintDef of availableDefinitions) {\n      if (constraintDef.name in propertyToEdit) {\n        newConstraints.push({\n          name: constraintDef.name,\n          value: propertyToEdit[constraintDef.name],\n        });\n      }\n    }\n    form.setValue(\"constraints\", newConstraints);\n  }, [availableDefinitions]);\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Edit</DialogTitle>\n          <DialogDescription>\n            Constraints and other properties\n          </DialogDescription>\n        </DialogHeader>\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(handleSubmit)}\n            className=\"space-y-4\"\n            data-testid=\"edit-property-form\"\n          >\n            {availableDefinitions.length ? (\n              <div className=\"space-y-2\">\n                <Label>Constraints</Label>\n                <ConstraintsAdd\n                  addedConstraints={currentConstraints ?? []}\n                  availableDefinitions={availableDefinitions}\n                  onAdd={(newConstraints) => {\n                    form.setValue(\"constraints\", newConstraints);\n                  }}\n                />\n                <Separator />\n                {currentConstraints?.map((constraint, i) => {\n                  const Renderer = getRendererForConstraint(constraint.name);\n                  if (!Renderer) return null;\n\n                  const error = form.formState.errors.constraints?.[i];\n                  let mappedError: OperationError | undefined;\n\n                  if (error) {\n                    mappedError = {\n                      code: error?.type ?? \"INVALID\",\n                      message: error.message ?? \"An error occurred\",\n                    };\n                  }\n\n                  return (\n                    <Renderer\n                      key={constraint.name}\n                      constraintName={constraint.name}\n                      value={constraint.value}\n                      onConstraintChange={(newVal) => {\n                        handleConstraintChange(i, newVal);\n                      }}\n                      onRemoveConstraint={() => {\n                        handleRemoveConstraint(constraint.name);\n                      }}\n                      error={mappedError}\n                    />\n                  );\n                })}\n              </div>\n            ) : null}\n\n            <DialogFooter>\n              <Button type=\"submit\">Save</Button>\n            </DialogFooter>\n          </form>\n        </Form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":["EditFormSchema","AddFormSchema","EditPropertyDialog","open","onOpenChange","onSubmit","propertyToEdit","propertyKey","form","useForm","zodResolver","currentConstraints","getConstraintDefinitionsForType","getRendererForConstraint","validateConstraintValue","useConstraints","handleSubmit","data","constraints","propertyUpdatesOnly","acc","constraint","handleConstraintChange","index","newVal","constraintsCopy","clone","constraintToChange","validationResult","message","i","handleRemoveConstraint","constraintName","newConstraints","c","availableDefinitions","useMemo","useEffect","constraintDef","jsx","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","Form","Label","ConstraintsAdd","Separator","Renderer","error","mappedError","DialogFooter","Button"],"mappings":"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"}
+{"version":3,"file":"index.es16.js","sources":["../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"@/components/ui/button\"\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants(), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive.Root","AlertDialogPortal","AlertDialogPrimitive.Portal","AlertDialogOverlay","className","jsx","AlertDialogPrimitive.Overlay","cn","AlertDialogContent","AlertDialogPrimitive.Content","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogPrimitive.Title","AlertDialogDescription","AlertDialogPrimitive.Description","AlertDialogAction","AlertDialogPrimitive.Action","buttonVariants","AlertDialogCancel","AlertDialogPrimitive.Cancel"],"mappings":";;;;AAMA,SAASA,EAAY;AAAA,EACnB,GAAGC;AACL,GAA2D;AACzD,2BAAQC,GAAA,EAA0B,aAAU,gBAAgB,GAAGD,GAAO;AACxE;AAUA,SAASE,EAAkB;AAAA,EACzB,GAAGF;AACL,GAA6D;AAC3D,2BACGG,GAAA,EAA4B,aAAU,uBAAuB,GAAGH,GAAO;AAE5E;AAEA,SAASI,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGL;AACL,GAA8D;AAE1D,SAAA,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASS,EAAmB;AAAA,EAC1B,WAAAJ;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,2BACGE,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAI,EAACF,GAAmB,EAAA;AAAA,IACpB,gBAAAE;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAWF;AAAA,UACT;AAAA,UACAH;AAAA,QACF;AAAA,QACC,GAAGL;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAASW,EAAkB;AAAA,EACzB,WAAAN;AAAA,EACA,GAAGL;AACL,GAAgC;AAE5B,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,gDAAgDH,CAAS;AAAA,MACtE,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASY,EAAkB;AAAA,EACzB,WAAAP;AAAA,EACA,GAAGL;AACL,GAAgC;AAE5B,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASa,EAAiB;AAAA,EACxB,WAAAR;AAAA,EACA,GAAGL;AACL,GAA4D;AAExD,SAAA,gBAAAM;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWN,EAAG,yBAAyBH,CAAS;AAAA,MAC/C,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASe,EAAuB;AAAA,EAC9B,WAAAV;AAAA,EACA,GAAGL;AACL,GAAkE;AAE9D,SAAA,gBAAAM;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWR,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASiB,EAAkB;AAAA,EACzB,WAAAZ;AAAA,EACA,GAAGL;AACL,GAA6D;AAEzD,SAAA,gBAAAM;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAWV,EAAGW,EAAe,GAAGd,CAAS;AAAA,MACxC,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASoB,EAAkB;AAAA,EACzB,WAAAf;AAAA,EACA,GAAGL;AACL,GAA6D;AAEzD,SAAA,gBAAAM;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWb,EAAGW,EAAe,EAAE,SAAS,UAAU,CAAC,GAAGd,CAAS;AAAA,MAC9D,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/index.es17.js

@@ -1,141 +1,67 @@
-import { j as e } from "./index.es9.js";
-import { Root as r, Content as s, Title as n, Description as i, Cancel as d, Action as c, Portal as u, Overlay as m } from "./index.es51.js";
-import { cn as o } from "./index.es22.js";
-import { buttonVariants as l } from "./index.es11.js";
-function A({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(r, { "data-slot": "alert-dialog", ...t });
-}
-function f({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(u, { "data-slot": "alert-dialog-portal", ...t });
-}
-function g({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    m,
-    {
-      "data-slot": "alert-dialog-overlay",
-      className: o(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function v({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsxs(f, { children: [
-    /* @__PURE__ */ e.jsx(g, {}),
-    /* @__PURE__ */ e.jsx(
-      s,
-      {
-        "data-slot": "alert-dialog-content",
-        className: o(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          t
-        ),
-        ...a
+import { jsx as e } from "react/jsx-runtime";
+import { cva as i } from "./index.es34.js";
+import { cn as a } from "./index.es21.js";
+const l = i(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "text-destructive-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-destructive-foreground/80"
       }
-    )
-  ] });
-}
-function N({
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function c({
   className: t,
-  ...a
+  variant: r,
+  ...s
 }) {
-  return /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e(
     "div",
     {
-      "data-slot": "alert-dialog-header",
-      className: o("flex flex-col gap-2 text-center sm:text-left", t),
-      ...a
+      "data-slot": "alert",
+      role: "alert",
+      className: a(l({ variant: r }), t),
+      ...s
     }
   );
 }
-function b({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
+function g({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
     "div",
     {
-      "data-slot": "alert-dialog-footer",
-      className: o(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+      "data-slot": "alert-title",
+      className: a(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
         t
       ),
-      ...a
+      ...r
     }
   );
 }
-function y({
+function u({
   className: t,
-  ...a
+  ...r
 }) {
-  return /* @__PURE__ */ e.jsx(
-    n,
-    {
-      "data-slot": "alert-dialog-title",
-      className: o("text-lg font-semibold", t),
-      ...a
-    }
-  );
-}
-function w({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    i,
-    {
-      "data-slot": "alert-dialog-description",
-      className: o("text-muted-foreground text-sm", t),
-      ...a
-    }
-  );
-}
-function C({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    c,
-    {
-      className: o(l(), t),
-      ...a
-    }
-  );
-}
-function z({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    d,
+  return /* @__PURE__ */ e(
+    "div",
     {
-      className: o(l({ variant: "outline" }), t),
-      ...a
+      "data-slot": "alert-description",
+      className: a(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        t
+      ),
+      ...r
     }
   );
 }
 export {
-  A as AlertDialog,
-  C as AlertDialogAction,
-  z as AlertDialogCancel,
-  v as AlertDialogContent,
-  w as AlertDialogDescription,
-  b as AlertDialogFooter,
-  N as AlertDialogHeader,
-  g as AlertDialogOverlay,
-  f as AlertDialogPortal,
-  y as AlertDialogTitle
+  c as Alert,
+  u as AlertDescription,
+  g as AlertTitle
 };
 //# sourceMappingURL=index.es17.js.map

package/dist/index.es17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es17.js","sources":["../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"@/components/ui/button\"\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants(), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive.Root","AlertDialogPortal","AlertDialogPrimitive.Portal","AlertDialogOverlay","className","jsx","AlertDialogPrimitive.Overlay","cn","AlertDialogContent","AlertDialogPrimitive.Content","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogPrimitive.Title","AlertDialogDescription","AlertDialogPrimitive.Description","AlertDialogAction","AlertDialogPrimitive.Action","buttonVariants","AlertDialogCancel","AlertDialogPrimitive.Cancel"],"mappings":";;;;AAMA,SAASA,EAAY;AAAA,EACnB,GAAGC;AACL,GAA2D;AACzD,+BAAQC,GAAA,EAA0B,aAAU,gBAAgB,GAAGD,GAAO;AACxE;AAUA,SAASE,EAAkB;AAAA,EACzB,GAAGF;AACL,GAA6D;AAC3D,+BACGG,GAAA,EAA4B,aAAU,uBAAuB,GAAGH,GAAO;AAE5E;AAEA,SAASI,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGL;AACL,GAA8D;AAE1D,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASS,EAAmB;AAAA,EAC1B,WAAAJ;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,gCACGE,GACC,EAAA,UAAA;AAAA,IAAAI,gBAAAA,EAAA,IAACF,GAAmB,EAAA;AAAA,IACpBE,gBAAAA,EAAA;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAWF;AAAA,UACT;AAAA,UACAH;AAAA,QACF;AAAA,QACC,GAAGL;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAASW,EAAkB;AAAA,EACzB,WAAAN;AAAA,EACA,GAAGL;AACL,GAAgC;AAE5B,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,gDAAgDH,CAAS;AAAA,MACtE,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASY,EAAkB;AAAA,EACzB,WAAAP;AAAA,EACA,GAAGL;AACL,GAAgC;AAE5B,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASa,EAAiB;AAAA,EACxB,WAAAR;AAAA,EACA,GAAGL;AACL,GAA4D;AAExD,SAAAM,gBAAAA,EAAA;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWN,EAAG,yBAAyBH,CAAS;AAAA,MAC/C,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASe,EAAuB;AAAA,EAC9B,WAAAV;AAAA,EACA,GAAGL;AACL,GAAkE;AAE9D,SAAAM,gBAAAA,EAAA;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWR,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASiB,EAAkB;AAAA,EACzB,WAAAZ;AAAA,EACA,GAAGL;AACL,GAA6D;AAEzD,SAAAM,gBAAAA,EAAA;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAWV,EAAGW,EAAe,GAAGd,CAAS;AAAA,MACxC,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASoB,EAAkB;AAAA,EACzB,WAAAf;AAAA,EACA,GAAGL;AACL,GAA6D;AAEzD,SAAAM,gBAAAA,EAAA;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWb,EAAGW,EAAe,EAAE,SAAS,UAAU,CAAC,GAAGd,CAAS;AAAA,MAC9D,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"index.es17.js","sources":["../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"text-destructive-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-destructive-foreground/80\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AAEjE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAS,CAAA,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AAEtE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAE5B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/index.es18.js

@@ -1,67 +1,14 @@
-import { j as e } from "./index.es9.js";
-import { cva as i } from "./index.es39.js";
-import { cn as a } from "./index.es22.js";
-const l = i(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive: "text-destructive-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-destructive-foreground/80"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
+import t from "ajv";
+const s = new t({ allErrors: !0 });
+function i(e) {
+  const a = s.getSchema("http://json-schema.org/draft-07/schema#");
+  if (!a?.(e)) {
+    const o = a?.errors?.map((r) => `${r.instancePath} ${r.message}`).join(", ");
+    throw new Error(`Schema validation error: ${o}`);
   }
-);
-function c({
-  className: t,
-  variant: r,
-  ...s
-}) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-slot": "alert",
-      role: "alert",
-      className: a(l({ variant: r }), t),
-      ...s
-    }
-  );
-}
-function u({ className: t, ...r }) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: a(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-        t
-      ),
-      ...r
-    }
-  );
-}
-function g({
-  className: t,
-  ...r
-}) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: a(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        t
-      ),
-      ...r
-    }
-  );
 }
 export {
-  c as Alert,
-  g as AlertDescription,
-  u as AlertTitle
+  s as ajv,
+  i as validateSchema
 };
 //# sourceMappingURL=index.es18.js.map

package/dist/index.es18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es18.js","sources":["../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"text-destructive-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-destructive-foreground/80\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AAEjE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAS,CAAA,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AAEtE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAE5B,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"index.es18.js","sources":["../src/packages/builder/utils.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { faker } from \"@faker-js/faker\";\nimport Ajv from \"ajv\";\n\nimport type { JSONSchema7 } from \"json-schema\";\n\n// Export AJV instance for reuse\nexport const ajv = new Ajv({ allErrors: true });\n\n/**\n * Validates a JSON schema against the JSON Schema Draft 7 specification\n * @param schema Schema to validate\n * @throws Error if the schema is invalid\n */\nexport function validateSchema(schema: JSONSchema7) {\n  const validate = ajv.getSchema(\"http://json-schema.org/draft-07/schema#\");\n  const valid = validate?.(schema);\n\n  if (!valid) {\n    const errorMessages = validate?.errors\n      ?.map((err) => `${err.instancePath} ${err.message}`)\n      .join(\", \");\n\n    throw new Error(`Schema validation error: ${errorMessages}`);\n  }\n}\n\n// Test helpers\nexport const createTestSchema = (overrides = {}): JSONSchema7 => ({\n  $schema: \"http://json-schema.org/draft-07/schema#\",\n  type: \"object\",\n  title: \"Test Schema\",\n  properties: {\n    name: {\n      type: \"string\",\n      title: \"Name\",\n    },\n    age: {\n      type: \"integer\",\n      title: \"Age\",\n    },\n    address: {\n      type: \"object\",\n      title: \"Address\",\n      properties: {\n        street: {\n          type: \"string\",\n          title: \"Street\",\n        },\n        city: {\n          type: \"string\",\n          title: \"City\",\n        },\n      },\n    },\n    tags: {\n      type: \"array\",\n      title: \"Tags\",\n      items: {\n        type: \"string\",\n      },\n    },\n  },\n  required: [\"name\"],\n  ...overrides,\n});\n\ntype SampleDataType =\n  | string\n  | number\n  | boolean\n  | undefined\n  | null\n  | Record<string, any>;\n\n/**\n * Generate sample data for a JSON schema\n * @param schema JSON Schema to generate data for\n * @returns Sample data that conforms to the schema\n */\nexport const generateSampleData = (\n  schema: JSONSchema7,\n): SampleDataType | SampleDataType[] => {\n  if (!schema) return undefined;\n\n  // Handle schema references (not implemented in this basic version)\n  if (schema.$ref) {\n    // In a complete implementation, this would resolve the reference\n    return \"Reference not resolved\";\n  }\n\n  // Handle different types\n  switch (schema.type) {\n    case \"object\":\n      return generateObjectData(schema);\n    case \"array\":\n      return generateArrayData(schema);\n    case \"string\":\n      return generateStringData(schema);\n    case \"number\":\n    case \"integer\":\n      return generateNumberData(schema);\n    case \"boolean\":\n      return generateBooleanData();\n    case \"null\":\n      return null;\n    default:\n      // Handle schemas with multiple types or no type specified\n      if (Array.isArray(schema.type) && schema.type.length > 0) {\n        // Use the first type as default\n        const primaryType = schema.type[0];\n        const newSchema = { ...schema, type: primaryType };\n        return generateSampleData(newSchema);\n      }\n      // If no type is specified, default to object\n      if (schema.properties) {\n        return generateObjectData({ ...schema, type: \"object\" });\n      }\n      // Fall back to a string if we can't determine the type\n      return faker.lorem.word();\n  }\n};\n\n/**\n * Generate sample data for an object schema\n */\nconst generateObjectData = (schema: JSONSchema7): Record<string, any> => {\n  const result: Record<string, any> = {};\n\n  if (!schema.properties) return result;\n\n  // Process each property in the schema\n  Object.entries(schema.properties).forEach(([key, propSchema]) => {\n    // Only include required fields and some random non-required fields\n    const isRequired =\n      Array.isArray(schema.required) && schema.required.includes(key);\n    const includeField = isRequired ?? Math.random() > 0.3; // 70% chance to include non-required fields\n\n    if (includeField && typeof propSchema !== \"boolean\") {\n      // Handle default values\n      if (propSchema.default !== undefined) {\n        result[key] = propSchema.default;\n      } else {\n        result[key] = generateSampleData(propSchema);\n      }\n    }\n  });\n\n  return result;\n};\n\n/**\n * Generate sample data for an array schema\n */\nconst generateArrayData = (schema: JSONSchema7) => {\n  if (!schema.items) return [];\n\n  // Determine array length\n  const minItems = schema.minItems ?? 1;\n  const maxItems = schema.maxItems ?? minItems + 3;\n  const count = faker.number.int({ min: minItems, max: maxItems });\n\n  const result = [];\n  const itemSchema = Array.isArray(schema.items)\n    ? schema.items[0]\n    : schema.items;\n\n  // Generate items\n  if (typeof itemSchema !== \"boolean\" && itemSchema) {\n    for (let i = 0; i < count; i++) {\n      result.push(generateSampleData(itemSchema));\n    }\n  }\n\n  return result;\n};\n\n/**\n * Generate sample data for a string schema\n */\nconst generateStringData = (schema: JSONSchema7): string => {\n  if (schema.enum && Array.isArray(schema.enum)) {\n    // Pick a random value from the enum\n    return schema.enum[\n      Math.floor(Math.random() * schema.enum.length)\n    ] as string;\n  }\n\n  // Handle string formats\n  if (schema.format) {\n    switch (schema.format) {\n      case \"email\":\n        return faker.internet.email();\n      case \"uri\":\n      case \"url\":\n        return faker.internet.url();\n      case \"date\":\n        return faker.date.past().toISOString().split(\"T\")[0]!;\n      case \"date-time\":\n        return faker.date.past().toISOString();\n      case \"uuid\":\n        return faker.string.uuid();\n      case \"hostname\":\n        return faker.internet.domainName();\n      case \"ipv4\":\n        return faker.internet.ip();\n      case \"ipv6\":\n        return faker.internet.ipv6();\n      case \"phone\":\n        return faker.phone.number();\n      default:\n        return faker.lorem.word();\n    }\n  }\n\n  // Handle patterns\n  if (schema.pattern) {\n    try {\n      // Basic implementation for simple patterns\n      // For complex patterns, consider using a library like randexp\n      if (schema.pattern.includes(\"\\\\d\")) {\n        return faker.string.alphanumeric(10);\n      }\n      return faker.lorem.word();\n    } catch {\n      return faker.lorem.word();\n    }\n  }\n\n  // Handle length constraints\n  const minLength = schema.minLength ?? 3;\n  const maxLength = schema.maxLength ?? 12;\n\n  return faker.string.alphanumeric({\n    length: { min: minLength, max: maxLength },\n  });\n};\n\n/**\n * Generate sample data for a number schema\n */\nconst generateNumberData = (schema: JSONSchema7): number => {\n  if (schema.enum && Array.isArray(schema.enum)) {\n    return schema.enum[\n      Math.floor(Math.random() * schema.enum.length)\n    ] as number;\n  }\n\n  const isInteger = schema.type === \"integer\";\n  const minimum =\n    typeof schema.minimum === \"number\" ? schema.minimum : isInteger ? 0 : 0.0;\n  const maximum =\n    typeof schema.maximum === \"number\"\n      ? schema.maximum\n      : isInteger\n        ? 100\n        : 100.0;\n\n  if (isInteger) {\n    return faker.number.int({ min: minimum, max: maximum });\n  }\n\n  return faker.number.float({ min: minimum, max: maximum, fractionDigits: 2 });\n};\n\n/**\n * Generate sample data for a boolean schema\n */\nconst generateBooleanData = (): boolean => {\n  return faker.datatype.boolean();\n};\n"],"names":["ajv","Ajv","validateSchema","schema","validate","errorMessages","err"],"mappings":";AAOO,MAAMA,IAAM,IAAIC,EAAI,EAAE,WAAW,GAAM,CAAA;AAOvC,SAASC,EAAeC,GAAqB;AAC5C,QAAAC,IAAWJ,EAAI,UAAU,yCAAyC;AAGxE,MAAI,CAFUI,IAAWD,CAAM,GAEnB;AACV,UAAME,IAAgBD,GAAU,QAC5B,IAAI,CAACE,MAAQ,GAAGA,EAAI,YAAY,IAAIA,EAAI,OAAO,EAAE,EAClD,KAAK,IAAI;AAEZ,UAAM,IAAI,MAAM,4BAA4BD,CAAa,EAAE;AAAA,EAAA;AAE/D;"}