@satoshibits/react-json-schema-builder 1.1.4 → 1.1.5

package/dist/index.es7.js

@@ -1,59 +1,356 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { Input as l } from "./index.es28.js";
-import { InputErrorWrapper as u } from "./index.es29.js";
-import { Label as f } from "./index.es15.js";
-import { cn as b } from "./index.es22.js";
-import { useConstraints as h } from "./index.es4.js";
-import { Button as g } from "./index.es11.js";
-import x from "./index.es30.js";
-const o = ({
-  constraintName: i,
-  value: s,
-  onConstraintChange: m,
-  disabled: c,
-  error: t,
-  onRemoveConstraint: a
-}) => {
-  const { getConstraintDefinition: p } = h(), e = p(i);
-  return e ? /* @__PURE__ */ r(
-    u,
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as s, useEffect as ce, Fragment as se } from "react";
+import { useSchema as de } from "./index.es6.js";
+import { Button as d } from "./index.es13.js";
+import { Breadcrumb as me, BreadcrumbList as he, BreadcrumbItem as q, BreadcrumbLink as V, BreadcrumbSeparator as ue } from "./index.es19.js";
+import { Switch as fe } from "./index.es14.js";
+import { Select as $, SelectTrigger as F, SelectValue as L, SelectContent as O, SelectItem as l } from "./index.es16.js";
+import { Label as U } from "./index.es11.js";
+import { a as ge } from "./index.es18.js";
+import { usePluginSystem as pe, useConstraints as ve } from "./index.es8.js";
+import { EditPropertyDialog as ye } from "./index.es20.js";
+import { AlertDialog as be, AlertDialogContent as Ce, AlertDialogHeader as De, AlertDialogTitle as Ae, AlertDialogDescription as Pe, AlertDialogFooter as Se, AlertDialogCancel as Ne, AlertDialogAction as je } from "./index.es21.js";
+import { Alert as Ee, AlertTitle as Be, AlertDescription as we } from "./index.es22.js";
+import { validateSchema as xe } from "./index.es23.js";
+import Te from "ajv";
+import { DebouncedInput as C } from "./index.es24.js";
+import { AddPropertyDialog as ze } from "./index.es25.js";
+import { cn as D } from "./index.es12.js";
+import Ke from "./index.es26.js";
+import Re from "./index.es27.js";
+import Ie from "./index.es28.js";
+import qe from "./index.es29.js";
+import Ve from "./index.es30.js";
+const ot = (a) => {
+  const [k, h] = s(!1), [H, p] = s(!1), [G, u] = s(!1), [f, v] = s(), [A, P] = s(), [S, N] = s(), [j, g] = s(null);
+  pe(a.plugins ?? []);
+  const {
+    getCurrentSchema: J,
+    setPath: m,
+    path: o,
+    handleAddProperty: M,
+    handlePropertyChange: c,
+    handleKeyChange: E,
+    handleDeleteProperty: Q,
+    setSchema: W,
+    isPropertyRequired: B,
+    handleDuplicateProperty: X
+  } = de({ onSchemaChange: a.onSchemaChange }), { getConstraintDefinitionsForType: Y } = ve();
+  ce(() => {
+    if (a.initialSchema)
+      try {
+        xe(a.initialSchema), W(ge(a.initialSchema)), g(null);
+      } catch (t) {
+        t instanceof Error ? g(t.message) : t instanceof Te.ValidationError ? g(`Schema validation error: ${t.message}`) : g("Unknown schema validation error");
+      }
+  }, [a.initialSchema]);
+  const Z = J(), w = (t) => {
+    m([...o, t]);
+  }, x = () => {
+    m(o.slice(0, -1));
+  }, _ = (t, r) => {
+    P(t), N(r), p(!0);
+  }, T = (t) => {
+    v(t), u(!0);
+  }, ee = () => {
+    f && (Q(f), v(void 0)), u(!1);
+  }, te = () => {
+    v(void 0), u(!1);
+  }, z = (t) => {
+    const r = X(t);
+    r?.status === "error" ? a.onPropertyAddError?.(r) : r?.status === "success" && a.onPropertyAddSuccess?.(r);
+  }, re = (...t) => {
+    const r = M(...t);
+    r.status === "error" ? a.onPropertyAddError?.(r) : r.status === "success" && a.onPropertyAddSuccess?.(r), h(!1);
+  }, K = a.propertyComponent, ne = (t, r) => K ? /* @__PURE__ */ e(
+    K,
     {
-      errorCode: t?.code,
-      errorDescription: t?.message,
-      showError: !!t,
-      children: /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ r(f, { className: "mb-2", htmlFor: e.name, children: e.name }),
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ r(
-            l,
+      property: {
+        key: t,
+        schema: r,
+        isRequired: B(t)
+      },
+      onPropertyChange: c,
+      onKeyChange: E,
+      onDelete: T,
+      onDuplicate: z,
+      onNavigate: r.type === "object" || r.type === "array" && typeof r.items == "object" && r.items.type === "object" ? w : void 0
+    },
+    t
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      className: "flex flex-col md:grid grid-cols-(--my-autofit-grid) gap-4 md:items-center border p-2 rounded-md mb-2",
+      children: [
+        /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
+          C,
+          {
+            value: t,
+            onDebounce: (n) => E(t, n),
+            placeholder: "Property Key",
+            "aria-label": `Property key for ${t}`,
+            delay: 500
+          }
+        ) }),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            fe,
+            {
+              checked: B(t),
+              onCheckedChange: (n) => c(t, { isRequired: n }),
+              "aria-label": "Required"
+            }
+          ),
+          /* @__PURE__ */ e(U, { htmlFor: `required-${t}`, children: "Required" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ i(
+          $,
+          {
+            value: typeof r == "object" && !Array.isArray(r.type) ? r.type : void 0,
+            onValueChange: (n) => c(t, {
+              type: n
+            }),
+            "aria-label": "Type",
+            children: [
+              /* @__PURE__ */ e(F, { className: "w-full", "aria-label": "Select type", children: /* @__PURE__ */ e(L, {}) }),
+              /* @__PURE__ */ i(O, { children: [
+                /* @__PURE__ */ e(l, { value: "string", children: "string" }),
+                /* @__PURE__ */ e(l, { value: "number", children: "number" }),
+                /* @__PURE__ */ e(l, { value: "integer", children: "integer" }),
+                /* @__PURE__ */ e(l, { value: "boolean", children: "boolean" }),
+                /* @__PURE__ */ e(l, { value: "object", children: "object" }),
+                /* @__PURE__ */ e(l, { value: "array", children: "array" }),
+                /* @__PURE__ */ e(l, { value: "null", children: "null" }),
+                /* @__PURE__ */ e(l, { value: "enum", children: "enum" })
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
+          C,
+          {
+            value: typeof r == "object" ? r.title : void 0,
+            onDebounce: (n) => c(t, { title: n }),
+            placeholder: "Title"
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
+          C,
+          {
+            value: typeof r == "object" ? r.description : void 0,
+            onDebounce: (n) => c(t, { description: n }),
+            placeholder: "Description"
+          }
+        ) }),
+        /* @__PURE__ */ i("div", { className: "order-last md:order-none flex gap-2", children: [
+          /* @__PURE__ */ e(
+            d,
             {
-              id: e.name,
-              type: "number",
-              value: s,
-              onChange: (d) => m(Number(d.target.value)),
-              disabled: c,
-              min: 0,
-              className: b({ "border-destructive": t })
+              variant: "outline",
+              size: "sm",
+              onClick: () => T(t),
+              "aria-label": "Delete",
+              className: "block!",
+              children: /* @__PURE__ */ e(Re, { size: 16, className: "text-destructive" })
             }
           ),
-          /* @__PURE__ */ r(
-            g,
+          /* @__PURE__ */ e(
+            d,
             {
-              type: "button",
-              variant: "ghost",
-              size: "icon",
-              onClick: () => a(),
-              children: /* @__PURE__ */ r(x, { className: "size-4" })
+              variant: "outline",
+              size: "sm",
+              onClick: () => z(t),
+              "aria-label": "Duplicate",
+              className: "block!",
+              children: /* @__PURE__ */ e(Ie, { size: 16 })
             }
-          )
+          ),
+          ae(t, r),
+          R(t, r)
         ] }),
-        e.description && /* @__PURE__ */ r("div", { className: "mt-2 text-sm text-gray-500", children: e.description })
-      ] })
+        ie(t, r)
+      ]
+    },
+    t
+  ), ie = (t, r) => {
+    if (typeof r != "object" || r.type !== "array")
+      return null;
+    const n = r.items, y = !Array.isArray(n) && typeof n == "object" && typeof n.type == "string" ? n?.type : "string";
+    return /* @__PURE__ */ i("div", { className: "col-span-full flex items-center gap-4 pl-8 mt-2 bg-gray-50 p-2 rounded-md", children: [
+      /* @__PURE__ */ e(U, { children: "Items of type:" }),
+      /* @__PURE__ */ i(
+        $,
+        {
+          value: y,
+          onValueChange: (I) => {
+            const b = {
+              ...typeof n == "object" ? n : {},
+              type: I
+            };
+            I === "object" && (b.properties = b.properties ?? {}), c(t, { items: b });
+          },
+          children: [
+            /* @__PURE__ */ e(
+              F,
+              {
+                className: "w-[200px]",
+                "aria-label": "Select items of type",
+                children: /* @__PURE__ */ e(L, {})
+              }
+            ),
+            /* @__PURE__ */ i(O, { children: [
+              /* @__PURE__ */ e(l, { value: "string", children: "string" }),
+              /* @__PURE__ */ e(l, { value: "number", children: "number" }),
+              /* @__PURE__ */ e(l, { value: "integer", children: "integer" }),
+              /* @__PURE__ */ e(l, { value: "boolean", children: "boolean" }),
+              /* @__PURE__ */ e(l, { value: "object", children: "object" }),
+              /* @__PURE__ */ e(l, { value: "array", children: "array" }),
+              /* @__PURE__ */ e(l, { value: "null", children: "null" })
+            ] })
+          ]
+        }
+      ),
+      R(t, n)
+    ] });
+  }, ae = (t, r) => {
+    if (typeof r != "object") return null;
+    const n = Y(
+      typeof r.type == "string" ? r.type : ""
+    ), y = Array.isArray(r?.enum);
+    return n.length || y ? /* @__PURE__ */ e(
+      d,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => _(t, r),
+        "aria-label": "Edit constraints",
+        children: /* @__PURE__ */ e(qe, { size: 16 })
+      }
+    ) : null;
+  }, R = (t, r) => !Array.isArray(r) && typeof r == "object" && r?.type === "object" ? /* @__PURE__ */ i(
+    d,
+    {
+      variant: "outline",
+      size: "sm",
+      onClick: () => w(t),
+      "aria-label": "Navigate",
+      children: [
+        /* @__PURE__ */ e("span", { className: "sr-only", children: "Navigate" }),
+        /* @__PURE__ */ e(Ve, { size: 16 })
+      ]
     }
-  ) : null;
-}, z = o, E = o;
+  ) : null, le = () => {
+    const t = a.navigationComponent;
+    return t ? /* @__PURE__ */ e(
+      t,
+      {
+        currentPath: o,
+        onNavigateUp: x,
+        onNavigateTo: m,
+        isRootPath: o.length === 0
+      }
+    ) : /* @__PURE__ */ i("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ e(
+        d,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: x,
+          disabled: o.length === 0,
+          className: D(a.backButtonClassName),
+          children: "Back"
+        }
+      ),
+      /* @__PURE__ */ e(me, { children: /* @__PURE__ */ i(he, { children: [
+        /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(V, { href: "#", onClick: () => m([]), children: "Root" }) }),
+        o.map((r, n) => /* @__PURE__ */ i(se, { children: [
+          /* @__PURE__ */ e(ue, {}),
+          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+            V,
+            {
+              href: "#",
+              onClick: () => m(o.slice(0, n + 1)),
+              children: r
+            }
+          ) })
+        ] }, `path-${n}`))
+      ] }) })
+    ] });
+  }, oe = () => {
+    const t = a.addPropertyButtonComponent;
+    return t ? /* @__PURE__ */ e(
+      t,
+      {
+        onClick: () => h(!0)
+      }
+    ) : /* @__PURE__ */ i(
+      d,
+      {
+        type: "button",
+        className: D("self-center", a.addPropertyButtonClassName),
+        onClick: () => {
+          h(!0);
+        },
+        children: [
+          /* @__PURE__ */ e(Ke, { className: "h-4 w-4 mr-2" }),
+          "Add Property"
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ i("div", { children: [
+    j && /* @__PURE__ */ i(Ee, { variant: "destructive", children: [
+      /* @__PURE__ */ e(Be, { children: "Schema Error" }),
+      /* @__PURE__ */ e(we, { children: j })
+    ] }),
+    le(),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: D("mt-6 overflow-x-hidden", a.propertiesListClassName),
+        children: Object.entries(Z.properties ?? {}).map(
+          ([t, r]) => typeof r == "boolean" ? null : ne(t, r)
+        )
+      }
+    ),
+    oe(),
+    /* @__PURE__ */ e(
+      ze,
+      {
+        open: k,
+        onOpenChange: h,
+        onSubmit: re
+      }
+    ),
+    A && S && /* @__PURE__ */ e(
+      ye,
+      {
+        propertyKey: A,
+        property: S,
+        open: H,
+        onOpenChange: p,
+        onSubmit: (t) => {
+          c(...t), P(void 0), N(void 0), p(!1);
+        }
+      }
+    ),
+    /* @__PURE__ */ e(be, { open: G, onOpenChange: u, children: /* @__PURE__ */ i(Ce, { children: [
+      /* @__PURE__ */ i(De, { children: [
+        /* @__PURE__ */ e(Ae, { children: "Are you sure?" }),
+        /* @__PURE__ */ i(Pe, { children: [
+          "This action cannot be undone. This will permanently delete the property",
+          f ? ` "${f}"` : "",
+          " from the schema."
+        ] })
+      ] }),
+      /* @__PURE__ */ i(Se, { children: [
+        /* @__PURE__ */ e(Ne, { onClick: te, children: "Cancel" }),
+        /* @__PURE__ */ e(je, { onClick: ee, children: "Delete" })
+      ] })
+    ] }) })
+  ] });
+};
 export {
-  E as ObjectMaxPropertiesRenderer,
-  z as ObjectMinPropertiesRenderer
+  ot as SchemaBuilder
 };
 //# sourceMappingURL=index.es7.js.map

package/dist/index.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es7.js","sources":["../src/packages/plugins/object.tsx"],"sourcesContent":["import { Input } from \"@/components/ui/input\";\nimport { InputErrorWrapper } from \"@/components/input-error\";\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  BaseJSONSchemaPlugin,\n  ConstraintRendererProps,\n  useConstraints,\n} from \"@/packages/constraints/context\";\nimport { Button } from \"@/components/ui/button\";\nimport { X } from \"lucide-react\";\n\n// Number constraint renderer for minProperties and maxProperties\nconst ObjectNumberConstraintRenderer = ({\n  constraintName,\n  value,\n  onConstraintChange,\n  disabled,\n  error,\n  onRemoveConstraint,\n}: ConstraintRendererProps<number> & { disabled?: boolean }) => {\n  const { getConstraintDefinition } = useConstraints();\n  const constraintDef = getConstraintDefinition(constraintName);\n\n  if (!constraintDef) {\n    return null;\n  }\n\n  return (\n    <InputErrorWrapper\n      errorCode={error?.code}\n      errorDescription={error?.message}\n      showError={!!error}\n    >\n      <div>\n        <Label className=\"mb-2\" htmlFor={constraintDef.name}>\n          {constraintDef.name}\n        </Label>\n        <div className=\"flex items-center gap-2\">\n          <Input\n            id={constraintDef.name}\n            type=\"number\"\n            value={value}\n            onChange={(e) => onConstraintChange(Number(e.target.value))}\n            disabled={disabled}\n            min={0}\n            className={cn({ \"border-destructive\": error })}\n          />\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={() => onRemoveConstraint()}\n          >\n            <X className=\"size-4\" />\n          </Button>\n        </div>\n        {constraintDef.description && (\n          <div className=\"mt-2 text-sm text-gray-500\">\n            {constraintDef.description}\n          </div>\n        )}\n      </div>\n    </InputErrorWrapper>\n  );\n};\n\n// Export the renderers\nexport const ObjectMinPropertiesRenderer = ObjectNumberConstraintRenderer;\nexport const ObjectMaxPropertiesRenderer = ObjectNumberConstraintRenderer;\n\nconst plugin: BaseJSONSchemaPlugin = {\n  id: \"object-constraints\",\n  hooks: {\n    registerConstraints() {\n      return [\n        {\n          name: \"minProperties\",\n          label: \"Min Properties\",\n          appliesTo: [\"object\"],\n          schema: {\n            type: \"integer\",\n            title: \"Minimum Properties Constraint\",\n            description:\n              \"The minimum number of properties the object must have\",\n            examples: [1, 2, 5],\n            minimum: 0,\n          },\n          description:\n            \"Specifies the minimum number of properties in the object\",\n          defaultValue: 0,\n        },\n        {\n          name: \"maxProperties\",\n          label: \"Max Properties\",\n          appliesTo: [\"object\"],\n          schema: {\n            type: \"integer\",\n            title: \"Maximum Properties Constraint\",\n            description: \"The maximum number of properties the object can have\",\n            examples: [5, 10, 20],\n            minimum: 0,\n          },\n          description:\n            \"Specifies the maximum number of properties in the object\",\n          defaultValue: 10,\n        },\n      ];\n    },\n    registerRenderers() {\n      return {\n        minProperties: ObjectMinPropertiesRenderer,\n        maxProperties: ObjectMaxPropertiesRenderer,\n      };\n    },\n  },\n};\n\nexport default plugin;\n"],"names":["ObjectNumberConstraintRenderer","constraintName","value","onConstraintChange","disabled","error","onRemoveConstraint","getConstraintDefinition","useConstraints","constraintDef","jsx","InputErrorWrapper","Label","jsxs","Input","e","cn","Button","X","ObjectMinPropertiesRenderer","ObjectMaxPropertiesRenderer"],"mappings":";;;;;;;;AAaA,MAAMA,IAAiC,CAAC;AAAA,EACtC,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,oBAAAC;AACF,MAAgE;AACxD,QAAA,EAAE,yBAAAC,EAAwB,IAAIC,EAAe,GAC7CC,IAAgBF,EAAwBN,CAAc;AAE5D,SAAKQ,IAKH,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN,GAAO;AAAA,MAClB,kBAAkBA,GAAO;AAAA,MACzB,WAAW,CAAC,CAACA;AAAA,MAEb,4BAAC,OACC,EAAA,UAAA;AAAA,QAAA,gBAAAK,EAACE,KAAM,WAAU,QAAO,SAASH,EAAc,MAC5C,YAAc,KACjB,CAAA;AAAA,QACA,gBAAAI,EAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,IAAIL,EAAc;AAAA,cAClB,MAAK;AAAA,cACL,OAAAP;AAAA,cACA,UAAU,CAACa,MAAMZ,EAAmB,OAAOY,EAAE,OAAO,KAAK,CAAC;AAAA,cAC1D,UAAAX;AAAA,cACA,KAAK;AAAA,cACL,WAAWY,EAAG,EAAE,sBAAsBX,EAAO,CAAA;AAAA,YAAA;AAAA,UAC/C;AAAA,UACA,gBAAAK;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAMX,EAAmB;AAAA,cAElC,UAAA,gBAAAI,EAACQ,GAAE,EAAA,WAAU,SAAS,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB,GACF;AAAA,QACCT,EAAc,eACb,gBAAAC,EAAC,SAAI,WAAU,8BACZ,YAAc,YACjB,CAAA;AAAA,MAAA,EAEJ,CAAA;AAAA,IAAA;AAAA,EACF,IAtCO;AAwCX,GAGaS,IAA8BnB,GAC9BoB,IAA8BpB;"}
+{"version":3,"file":"index.es7.js","sources":["../src/packages/builder/schema-builder.tsx"],"sourcesContent":["import { useEffect, useState, Fragment } from \"react\";\nimport { PropertyAddError, PropertyAddSuccess, useSchema } from \"./context\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { Bolt, ChevronRight, Copy, Plus, Trash2 } from \"lucide-react\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport { Label } from \"@/components/ui/label\";\nimport type { JSONSchema7 } from \"json-schema\";\nimport { clone } from \"remeda\";\nimport {\n  BaseJSONSchemaPlugin,\n  useConstraints,\n  usePluginSystem,\n} from \"@/packages/constraints/context\";\nimport { EditPropertyDialog } from \"./edit-dialog\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from \"@/components/ui/alert-dialog\";\nimport { Alert, AlertDescription, AlertTitle } from \"@/components/ui/alert\";\nimport { validateSchema } from \"./utils\";\nimport Ajv from \"ajv\";\nimport { DebouncedInput } from \"@/components/depounced-input\";\nimport { AddPropertyDialog, type AddPropertyDialogProps } from \"./add-dialog\";\nimport { cn } from \"@/lib/utils\";\n\n// PropertyComponent type definition for custom property components\nexport interface PropertyComponentProps {\n  property: {\n    key: string;\n    schema: JSONSchema7;\n    isRequired: boolean;\n  };\n  onPropertyChange: (key: string, changes: Partial<JSONSchema7>) => void;\n  onKeyChange: (oldKey: string, newKey: string) => void;\n  onDelete: (key: string) => void;\n  onDuplicate?: (key: string) => void;\n  onNavigate?: (key: string) => void;\n}\n\n// NavigationProps for custom navigation component\nexport interface NavigationProps {\n  currentPath: string[];\n  onNavigateUp: () => void;\n  onNavigateTo: (newPath: string[]) => void;\n  isRootPath: boolean;\n}\n\n// AddPropertyButtonProps for custom add property button\nexport interface AddPropertyButtonProps {\n  onClick: () => void;\n}\n\ninterface SchemaBuilderProps {\n  /** The schema to edit */\n  initialSchema?: JSONSchema7;\n  /** Constraint plugins to use */\n  plugins?: BaseJSONSchemaPlugin[];\n  /** Custom component to render properties */\n  propertyComponent?: React.ComponentType<PropertyComponentProps>;\n  /** Called when the schema changes */\n  onSchemaChange?: (schema: JSONSchema7) => void;\n  /** Called when a property is successfully added */\n  onPropertyAddSuccess?: (props: PropertyAddSuccess) => void;\n  /** Called when there's an error adding a property */\n  onPropertyAddError?: (props: PropertyAddError) => void;\n  /** Called when there's an error changing a property */\n  onPropertyChangeError?: (prop: Error) => void;\n  /** Called when a property is successfully changed */\n  onPropertyChangeSuccess?: () => void;\n  /** Class name for the navigation bar back button */\n  backButtonClassName?: string;\n  /** Class name for the properties list container */\n  propertiesListClassName?: string;\n  /** Class name for the add property button */\n  addPropertyButtonClassName?: string;\n  /** Custom navigation component */\n  navigationComponent?: React.ComponentType<NavigationProps>;\n  /** Custom add property button component */\n  addPropertyButtonComponent?: React.ComponentType<AddPropertyButtonProps>;\n}\n\nexport const SchemaBuilder = (props: SchemaBuilderProps) => {\n  // State\n  const [showPropertyDialog, setShowPropertyDialog] = useState(false);\n  const [showEditDialog, setShowEditDialog] = useState(false);\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [deleteKey, setDeleteKey] = useState<string | undefined>();\n  const [editingKey, setEditingKey] = useState<string | undefined>();\n  const [editingProperty, setEditingProperty] = useState<\n    JSONSchema7 | undefined\n  >();\n  const [schemaValidationError, setSchemaValidationError] = useState<\n    string | null\n  >(null);\n\n  // Initialize the plugin system\n  usePluginSystem(props.plugins ?? []);\n\n  // Get schema context\n  const {\n    getCurrentSchema,\n    setPath,\n    path,\n    handleAddProperty,\n    handlePropertyChange,\n    handleKeyChange,\n    handleDeleteProperty,\n    setSchema,\n    isPropertyRequired,\n    handleDuplicateProperty,\n  } = useSchema({ onSchemaChange: props.onSchemaChange });\n\n  // Get constraints context\n  const { getConstraintDefinitionsForType } = useConstraints();\n\n  // Set schema from props\n  useEffect(() => {\n    if (props.initialSchema) {\n      try {\n        // Validate the schema before setting it\n        validateSchema(props.initialSchema);\n        setSchema(clone(props.initialSchema));\n        setSchemaValidationError(null);\n      } catch (error) {\n        if (error instanceof Error) {\n          setSchemaValidationError(error.message);\n        } else if (error instanceof Ajv.ValidationError) {\n          setSchemaValidationError(`Schema validation error: ${error.message}`);\n        } else {\n          setSchemaValidationError(\"Unknown schema validation error\");\n        }\n      }\n    }\n  }, [props.initialSchema]);\n\n  const currentSchema = getCurrentSchema();\n\n  // Navigation handlers\n  const handleNavigateToProperty = (name: string) => {\n    setPath([...path, name]);\n  };\n\n  const handleNavigateUp = () => {\n    setPath(path.slice(0, -1));\n  };\n\n  // Property management handlers\n  const handleEditProperty = (key: string, property: JSONSchema7) => {\n    setEditingKey(key);\n    setEditingProperty(property);\n    setShowEditDialog(true);\n  };\n\n  const handleInitiateDelete = (key: string) => {\n    setDeleteKey(key);\n    setShowDeleteDialog(true);\n  };\n\n  const handleConfirmDelete = () => {\n    if (deleteKey) {\n      handleDeleteProperty(deleteKey);\n      setDeleteKey(undefined);\n    }\n    setShowDeleteDialog(false);\n  };\n\n  const handleCancelDelete = () => {\n    setDeleteKey(undefined);\n    setShowDeleteDialog(false);\n  };\n\n  const handleDuplicate = (key: string) => {\n    const result = handleDuplicateProperty(key);\n\n    // Notify if needed\n    if (result?.status === \"error\") {\n      props.onPropertyAddError?.(result);\n    } else if (result?.status === \"success\") {\n      props.onPropertyAddSuccess?.(result);\n    }\n  };\n\n  const onAddProperty: AddPropertyDialogProps[\"onSubmit\"] = (...vals) => {\n    const result = handleAddProperty(...vals);\n\n    if (result.status === \"error\") {\n      props.onPropertyAddError?.(result);\n    } else if (result.status === \"success\") {\n      props.onPropertyAddSuccess?.(result);\n    }\n    setShowPropertyDialog(false);\n  };\n\n  // Custom property component or default renderer\n  const PropertyComponent = props.propertyComponent;\n\n  const renderProperty = (key: string, property: JSONSchema7) => {\n    if (PropertyComponent) {\n      return (\n        <PropertyComponent\n          key={key}\n          property={{\n            key,\n            schema: property,\n            isRequired: isPropertyRequired(key),\n          }}\n          onPropertyChange={handlePropertyChange}\n          onKeyChange={handleKeyChange}\n          onDelete={handleInitiateDelete}\n          onDuplicate={handleDuplicate}\n          onNavigate={\n            property.type === \"object\" ||\n            (property.type === \"array\" &&\n              typeof property.items === \"object\" &&\n              (property.items as JSONSchema7).type === \"object\")\n              ? handleNavigateToProperty\n              : undefined\n          }\n        />\n      );\n    }\n\n    // Default property renderer\n    return (\n      <div\n        key={key}\n        className=\"flex flex-col md:grid grid-cols-(--my-autofit-grid) gap-4 md:items-center border p-2 rounded-md mb-2\"\n      >\n        <div className=\"\">\n          <DebouncedInput\n            value={key}\n            onDebounce={(newVal) => handleKeyChange(key, newVal)}\n            placeholder=\"Property Key\"\n            aria-label={`Property key for ${key}`}\n            delay={500}\n          />\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          <Switch\n            checked={isPropertyRequired(key)}\n            onCheckedChange={(checked) =>\n              handlePropertyChange(key, { isRequired: checked })\n            }\n            aria-label=\"Required\"\n          />\n          <Label htmlFor={`required-${key}`}>Required</Label>\n        </div>\n\n        <div className=\"\">\n          <Select\n            value={\n              typeof property === \"object\" && !Array.isArray(property.type)\n                ? property.type\n                : undefined\n            }\n            onValueChange={(value) =>\n              handlePropertyChange(key, {\n                type: value as JSONSchema7[\"type\"],\n              })\n            }\n            aria-label=\"Type\"\n          >\n            <SelectTrigger className=\"w-full\" aria-label=\"Select type\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value={\"string\" satisfies JSONSchema7[\"type\"]}>\n                string\n              </SelectItem>\n              <SelectItem value={\"number\" satisfies JSONSchema7[\"type\"]}>\n                number\n              </SelectItem>\n              <SelectItem value={\"integer\" satisfies JSONSchema7[\"type\"]}>\n                integer\n              </SelectItem>\n              <SelectItem value={\"boolean\" satisfies JSONSchema7[\"type\"]}>\n                boolean\n              </SelectItem>\n              <SelectItem value={\"object\" satisfies JSONSchema7[\"type\"]}>\n                object\n              </SelectItem>\n              <SelectItem value={\"array\" satisfies JSONSchema7[\"type\"]}>\n                array\n              </SelectItem>\n              <SelectItem value={\"null\" satisfies JSONSchema7[\"type\"]}>\n                null\n              </SelectItem>\n              <SelectItem value={\"enum\"}>enum</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n\n        <div className=\"\">\n          <DebouncedInput\n            value={typeof property === \"object\" ? property.title : undefined}\n            onDebounce={(newVal) =>\n              handlePropertyChange(key, { title: newVal })\n            }\n            placeholder=\"Title\"\n          />\n        </div>\n\n        <div className=\"\">\n          <DebouncedInput\n            value={\n              typeof property === \"object\" ? property.description : undefined\n            }\n            onDebounce={(newVal) =>\n              handlePropertyChange(key, { description: newVal })\n            }\n            placeholder=\"Description\"\n          />\n        </div>\n\n        <div className=\"order-last md:order-none flex gap-2\">\n          {/* Delete button */}\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => handleInitiateDelete(key)}\n            aria-label=\"Delete\"\n            className=\"block!\"\n          >\n            <Trash2 size={16} className=\"text-destructive\" />\n          </Button>\n\n          {/* Duplicate button */}\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => handleDuplicate(key)}\n            aria-label=\"Duplicate\"\n            className=\"block!\"\n          >\n            <Copy size={16} />\n          </Button>\n\n          {/* Edit button if applicable */}\n          {renderEditButton(key, property)}\n\n          {/* Navigate button for objects/array items */}\n          {renderNavigateButton(key, property)}\n        </div>\n\n        {/* Render array items configuration if needed */}\n        {renderArrayItemsConfig(key, property)}\n      </div>\n    );\n  };\n\n  // Helper to render array items configuration\n  const renderArrayItemsConfig = (key: string, property: JSONSchema7) => {\n    if (typeof property !== \"object\" || property.type !== \"array\") {\n      return null;\n    }\n\n    const items = property.items;\n    const itemType =\n      !Array.isArray(items) &&\n      typeof items === \"object\" &&\n      typeof items.type === \"string\"\n        ? items?.type\n        : \"string\";\n\n    return (\n      <div className=\"col-span-full flex items-center gap-4 pl-8 mt-2 bg-gray-50 p-2 rounded-md\">\n        <Label>Items of type:</Label>\n        <Select\n          value={itemType as string}\n          onValueChange={(value) => {\n            const newItems: JSONSchema7 = {\n              ...(typeof items === \"object\" ? items : {}),\n              type: value as JSONSchema7[\"type\"],\n            };\n\n            if (value === \"object\") {\n              // Initialize empty properties for object type\n              newItems.properties = newItems.properties ?? {};\n            }\n\n            handlePropertyChange(key, { items: newItems });\n          }}\n        >\n          <SelectTrigger\n            className=\"w-[200px]\"\n            aria-label=\"Select items of type\"\n          >\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value={\"string\" satisfies JSONSchema7[\"type\"]}>\n              string\n            </SelectItem>\n            <SelectItem value={\"number\" satisfies JSONSchema7[\"type\"]}>\n              number\n            </SelectItem>\n            <SelectItem value={\"integer\" satisfies JSONSchema7[\"type\"]}>\n              integer\n            </SelectItem>\n            <SelectItem value={\"boolean\" satisfies JSONSchema7[\"type\"]}>\n              boolean\n            </SelectItem>\n            <SelectItem value={\"object\" satisfies JSONSchema7[\"type\"]}>\n              object\n            </SelectItem>\n            <SelectItem value={\"array\" satisfies JSONSchema7[\"type\"]}>\n              array\n            </SelectItem>\n            <SelectItem value={\"null\" satisfies JSONSchema7[\"type\"]}>\n              null\n            </SelectItem>\n          </SelectContent>\n        </Select>\n\n        {/* Configure object button for array items of type object */}\n        {renderNavigateButton(key, items)}\n      </div>\n    );\n  };\n\n  // Helper to render the edit constraint button when needed\n  const renderEditButton = (key: string, property: JSONSchema7) => {\n    if (typeof property !== \"object\") return null;\n\n    // Check for constraints\n    const availableConstraints = getConstraintDefinitionsForType(\n      typeof property.type === \"string\" ? property.type : \"\",\n    );\n\n    // Check for enum\n    const hasEnum = Array.isArray(property?.enum);\n\n    if (availableConstraints.length || hasEnum) {\n      return (\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => handleEditProperty(key, property)}\n          aria-label=\"Edit constraints\"\n        >\n          <Bolt size={16} />\n        </Button>\n      );\n    }\n\n    return null;\n  };\n\n  const renderNavigateButton = (key: string, items: JSONSchema7[\"items\"]) => {\n    if (\n      !Array.isArray(items) &&\n      typeof items === \"object\" &&\n      items?.type === \"object\"\n    ) {\n      return (\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => handleNavigateToProperty(key)}\n          aria-label=\"Navigate\"\n        >\n          <span className=\"sr-only\">Navigate</span>\n          <ChevronRight size={16} />\n        </Button>\n      );\n    }\n\n    return null;\n  };\n\n  // Render navigation component\n  const renderNavigation = () => {\n    const NavigationComponent = props.navigationComponent;\n\n    if (NavigationComponent) {\n      return (\n        <NavigationComponent\n          currentPath={path}\n          onNavigateUp={handleNavigateUp}\n          onNavigateTo={setPath}\n          isRootPath={path.length === 0}\n        />\n      );\n    }\n\n    return (\n      <div className=\"flex items-center space-x-4\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={handleNavigateUp}\n          disabled={path.length === 0}\n          className={cn(props.backButtonClassName)}\n        >\n          Back\n        </Button>\n        <Breadcrumb>\n          <BreadcrumbList>\n            <BreadcrumbItem>\n              <BreadcrumbLink href=\"#\" onClick={() => setPath([])}>\n                Root\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n            {path.map((item, index) => (\n              <Fragment key={`path-${index}`}>\n                <BreadcrumbSeparator />\n                <BreadcrumbItem>\n                  <BreadcrumbLink\n                    href=\"#\"\n                    onClick={() => setPath(path.slice(0, index + 1))}\n                  >\n                    {item}\n                  </BreadcrumbLink>\n                </BreadcrumbItem>\n              </Fragment>\n            ))}\n          </BreadcrumbList>\n        </Breadcrumb>\n      </div>\n    );\n  };\n\n  // Render add property button\n  const renderAddPropertyButton = () => {\n    const AddPropertyButtonComponent = props.addPropertyButtonComponent;\n\n    if (AddPropertyButtonComponent) {\n      return (\n        <AddPropertyButtonComponent\n          onClick={() => setShowPropertyDialog(true)}\n        />\n      );\n    }\n\n    return (\n      <Button\n        type=\"button\"\n        className={cn(\"self-center\", props.addPropertyButtonClassName)}\n        onClick={() => {\n          setShowPropertyDialog(true);\n        }}\n      >\n        <Plus className=\"h-4 w-4 mr-2\" />\n        Add Property\n      </Button>\n    );\n  };\n\n  return (\n    <div>\n      {/* Schema validation error */}\n      {schemaValidationError && (\n        <Alert variant=\"destructive\">\n          <AlertTitle>Schema Error</AlertTitle>\n          <AlertDescription>{schemaValidationError}</AlertDescription>\n        </Alert>\n      )}\n\n      {/* Navigation bar */}\n      {renderNavigation()}\n\n      {/* Properties list */}\n      <div\n        className={cn(\"mt-6 overflow-x-hidden\", props.propertiesListClassName)}\n      >\n        {Object.entries(currentSchema.properties ?? {}).map(\n          ([key, property]) => {\n            if (typeof property === \"boolean\") {\n              // We don't support editing boolean properties\n              return null;\n            }\n\n            return renderProperty(key, property);\n          },\n        )}\n      </div>\n\n      {/* Add property button */}\n      {renderAddPropertyButton()}\n\n      {/* Add property dialog */}\n      <AddPropertyDialog\n        open={showPropertyDialog}\n        onOpenChange={setShowPropertyDialog}\n        onSubmit={onAddProperty}\n      />\n\n      {/* Edit property dialog */}\n      {editingKey && editingProperty && (\n        <EditPropertyDialog\n          propertyKey={editingKey}\n          property={editingProperty}\n          open={showEditDialog}\n          onOpenChange={setShowEditDialog}\n          onSubmit={(params) => {\n            handlePropertyChange(...params);\n            setEditingKey(undefined);\n            setEditingProperty(undefined);\n            setShowEditDialog(false);\n          }}\n        />\n      )}\n\n      {/* Delete confirmation dialog */}\n      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Are you sure?</AlertDialogTitle>\n            <AlertDialogDescription>\n              This action cannot be undone. This will permanently delete the\n              property\n              {deleteKey ? ` \"${deleteKey}\"` : \"\"} from the schema.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel onClick={handleCancelDelete}>\n              Cancel\n            </AlertDialogCancel>\n            <AlertDialogAction onClick={handleConfirmDelete}>\n              Delete\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n};\n"],"names":["SchemaBuilder","props","showPropertyDialog","setShowPropertyDialog","useState","showEditDialog","setShowEditDialog","showDeleteDialog","setShowDeleteDialog","deleteKey","setDeleteKey","editingKey","setEditingKey","editingProperty","setEditingProperty","schemaValidationError","setSchemaValidationError","usePluginSystem","getCurrentSchema","setPath","path","handleAddProperty","handlePropertyChange","handleKeyChange","handleDeleteProperty","setSchema","isPropertyRequired","handleDuplicateProperty","useSchema","getConstraintDefinitionsForType","useConstraints","useEffect","validateSchema","clone","error","Ajv","currentSchema","handleNavigateToProperty","name","handleNavigateUp","handleEditProperty","key","property","handleInitiateDelete","handleConfirmDelete","handleCancelDelete","handleDuplicate","result","onAddProperty","vals","PropertyComponent","renderProperty","jsx","jsxs","DebouncedInput","newVal","Switch","checked","Label","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem","Button","Trash2","Copy","renderEditButton","renderNavigateButton","renderArrayItemsConfig","items","itemType","newItems","availableConstraints","hasEnum","Bolt","ChevronRight","renderNavigation","NavigationComponent","cn","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","item","index","Fragment","BreadcrumbSeparator","renderAddPropertyButton","AddPropertyButtonComponent","Plus","Alert","AlertTitle","AlertDescription","AddPropertyDialog","EditPropertyDialog","params","AlertDialog","AlertDialogContent","AlertDialogHeader","AlertDialogTitle","AlertDialogDescription","AlertDialogFooter","AlertDialogCancel","AlertDialogAction"],"mappings":"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"}

package/dist/index.es71.js

@@ -1,14 +1,14 @@
 import * as s from "react";
-import { useFloating as fe, offset as me, shift as he, flip as ge, size as ue, arrow as we, hide as Pe, limitShift as xe } from "./index.es79.js";
-import { Root as ye } from "./index.es80.js";
-import { useComposedRefs as I } from "./index.es58.js";
-import { createContextScope as Ae } from "./index.es59.js";
-import { Primitive as Y } from "./index.es63.js";
+import { useFloating as fe, offset as me, shift as he, flip as ge, size as ue, arrow as we, hide as Pe, limitShift as xe } from "./index.es80.js";
+import { Root as ye } from "./index.es81.js";
+import { useComposedRefs as I } from "./index.es56.js";
+import { createContextScope as Ae } from "./index.es58.js";
+import { Primitive as Y } from "./index.es55.js";
 import { useCallbackRef as ve } from "./index.es73.js";
 import { useLayoutEffect as z } from "./index.es74.js";
-import { useSize as Ce } from "./index.es62.js";
+import { useSize as Ce } from "./index.es61.js";
 import { jsx as f } from "react/jsx-runtime";
-import { autoUpdate as Se } from "./index.es81.js";
+import { autoUpdate as Se } from "./index.es82.js";
 var b = "Popper", [M, ke] = Ae(b), [be, X] = M(b), D = (e) => {
   const { __scopePopper: a, children: o } = e, [i, n] = s.useState(null);
   return /* @__PURE__ */ f(be, { scope: a, anchor: i, onAnchorChange: n, children: o });

package/dist/index.es72.js

@@ -1,6 +1,6 @@
 import * as o from "react";
 import n from "react-dom";
-import { Primitive as s } from "./index.es63.js";
+import { Primitive as s } from "./index.es55.js";
 import { useLayoutEffect as c } from "./index.es74.js";
 import { jsx as u } from "react/jsx-runtime";
 var l = "Portal", p = o.forwardRef((r, e) => {

package/dist/index.es75.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { Primitive as a } from "./index.es63.js";
+import { Primitive as a } from "./index.es55.js";
 import { jsx as o } from "react/jsx-runtime";
 var t = "VisuallyHidden", d = e.forwardRef(
   (r, i) => /* @__PURE__ */ o(

package/dist/index.es78.js

@@ -1,15 +1,71 @@
-import * as r from "react";
-import { useCallbackRef as s } from "./index.es73.js";
-function p(n, e = globalThis?.document) {
-  const t = s(n);
-  r.useEffect(() => {
-    const o = (a) => {
-      a.key === "Escape" && t(a);
-    };
-    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
-  }, [t, e]);
+import * as i from "react";
+import { useComposedRefs as O } from "./index.es56.js";
+import { useLayoutEffect as A } from "./index.es74.js";
+function E(n, e) {
+  return i.useReducer((t, r) => e[t][r] ?? t, n);
+}
+var T = (n) => {
+  const { present: e, children: t } = n, r = R(e), a = typeof t == "function" ? t({ present: r.isPresent }) : i.Children.only(t), c = O(r.ref, v(a));
+  return typeof t == "function" || r.isPresent ? i.cloneElement(a, { ref: c }) : null;
+};
+T.displayName = "Presence";
+function R(n) {
+  const [e, t] = i.useState(), r = i.useRef({}), a = i.useRef(n), c = i.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = E(p, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const o = l(r.current);
+    c.current = N === "mounted" ? o : "none";
+  }, [N]), A(() => {
+    const o = r.current, m = a.current;
+    if (m !== n) {
+      const f = c.current, u = l(o);
+      n ? s("MOUNT") : u === "none" || o?.display === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), a.current = n;
+    }
+  }, [n, s]), A(() => {
+    if (e) {
+      let o;
+      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
+        const g = l(r.current).includes(u.animationName);
+        if (u.target === e && g && (s("ANIMATION_END"), !a.current)) {
+          const y = e.style.animationFillMode;
+          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = y);
+          });
+        }
+      }, f = (u) => {
+        u.target === e && (c.current = l(r.current));
+      };
+      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
+        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      };
+    } else
+      s("ANIMATION_END");
+  }, [e, s]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(N),
+    ref: i.useCallback((o) => {
+      o && (r.current = getComputedStyle(o)), t(o);
+    }, [])
+  };
+}
+function l(n) {
+  return n?.animationName || "none";
+}
+function v(n) {
+  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
+  return t ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
 }
 export {
-  p as useEscapeKeydown
+  T as Presence
 };
 //# sourceMappingURL=index.es78.js.map