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

package/dist/index.es45.js

@@ -1,89 +1,117 @@
-import { j as m } from "./index.es9.js";
-import * as s from "react";
-import { Slot as f } from "./index.es38.js";
-import { FormProvider as u, Controller as x, useFormContext as F, useFormState as I } from "react-hook-form";
-import { cn as a } from "./index.es29.js";
-import { Label as g } from "./index.es15.js";
-const b = u, c = s.createContext(
-  {}
-), S = ({
+import { j as a } from "./index.es9.js";
+import { Root as n, Content as i, Close as l, Title as r, Description as d, Portal as c, Overlay as g } from "./index.es61.js";
+import { cn as o } from "./index.es22.js";
+import f from "./index.es30.js";
+function b({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(n, { "data-slot": "dialog", ...t });
+}
+function u({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(c, { "data-slot": "dialog-portal", ...t });
+}
+function m({
+  className: t,
   ...e
-}) => /* @__PURE__ */ m.jsx(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ m.jsx(x, { ...e }) }), d = () => {
-  const e = s.useContext(c), t = s.useContext(l), { getFieldState: r } = F(), o = I({ name: e.name }), n = r(e.name, o);
-  if (!e)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: i } = t;
-  return {
-    id: i,
-    name: e.name,
-    formItemId: `${i}-form-item`,
-    formDescriptionId: `${i}-form-item-description`,
-    formMessageId: `${i}-form-item-message`,
-    ...n
-  };
-}, l = s.createContext(
-  {}
-);
-function $({ className: e, ...t }) {
-  const r = s.useId();
-  return /* @__PURE__ */ m.jsx(l.Provider, { value: { id: r }, children: /* @__PURE__ */ m.jsx(
-    "div",
+}) {
+  return /* @__PURE__ */ a.jsx(
+    g,
     {
-      "data-slot": "form-item",
-      className: a("grid gap-2", e),
-      ...t
+      "data-slot": "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
+      ),
+      ...e
     }
-  ) });
+  );
 }
-function M({
-  className: e,
-  ...t
+function h({
+  className: t,
+  children: e,
+  ...s
 }) {
-  const { error: r, formItemId: o } = d();
-  return /* @__PURE__ */ m.jsx(
-    g,
+  return /* @__PURE__ */ a.jsxs(u, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a.jsx(m, {}),
+    /* @__PURE__ */ a.jsxs(
+      i,
+      {
+        "data-slot": "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
+        ),
+        ...s,
+        children: [
+          e,
+          /* @__PURE__ */ a.jsxs(l, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ a.jsx(f, {}),
+            /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function D({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: o("flex flex-col gap-2 text-center sm:text-left", t),
+      ...e
+    }
+  );
+}
+function y({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
     {
-      "data-slot": "form-label",
-      "data-error": !!r,
-      className: a("data-[error=true]:text-destructive-foreground", e),
-      htmlFor: o,
-      ...t
+      "data-slot": "dialog-footer",
+      className: o(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...e
     }
   );
 }
-function w({ ...e }) {
-  const { error: t, formItemId: r, formDescriptionId: o, formMessageId: n } = d();
-  return /* @__PURE__ */ m.jsx(
-    f,
+function N({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    r,
     {
-      "data-slot": "form-control",
-      id: r,
-      "aria-describedby": t ? `${o} ${n}` : `${o}`,
-      "aria-invalid": !!t,
+      "data-slot": "dialog-title",
+      className: o("text-lg leading-none font-semibold", t),
       ...e
     }
   );
 }
-function N({ className: e, ...t }) {
-  const { error: r, formMessageId: o } = d(), n = r ? String(r?.message ?? "") : t.children;
-  return n ? /* @__PURE__ */ m.jsx(
-    "p",
+function z({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    d,
     {
-      "data-slot": "form-message",
-      id: o,
-      className: a("text-destructive-foreground text-sm", e),
-      ...t,
-      children: n
+      "data-slot": "dialog-description",
+      className: o("text-muted-foreground text-sm", t),
+      ...e
     }
-  ) : null;
+  );
 }
 export {
-  b as Form,
-  w as FormControl,
-  S as FormField,
-  $ as FormItem,
-  M as FormLabel,
-  N as FormMessage,
-  d as useFormField
+  b as Dialog,
+  h as DialogContent,
+  z as DialogDescription,
+  y as DialogFooter,
+  D as DialogHeader,
+  m as DialogOverlay,
+  u as DialogPortal,
+  N as DialogTitle
 };
 //# sourceMappingURL=index.es45.js.map

package/dist/index.es45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es45.js","sources":["../src/components/ui/form.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  useFormState,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from \"react-hook-form\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Label } from \"@/components/ui/label\";\n\nconst Form = FormProvider;\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName;\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ninterface FormItemContextValue {\n  id: string;\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        data-slot=\"form-item\"\n        className={cn(\"grid gap-2\", className)}\n        {...props}\n      />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn(\"data-[error=true]:text-destructive-foreground\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { error, formMessageId } = useFormField();\n\n  const body = error ? String(error?.message ?? \"\") : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn(\"text-destructive-foreground text-sm\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n}\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n};\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","useFormContext","formState","useFormState","fieldState","id","FormItem","className","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormMessage","body"],"mappings":";;;;;;AAgBA,MAAMA,IAAOC,GASPC,IAAmBC,EAAM;AAAA,EAC7B,CAAA;AACF,GAEMC,IAAY,CAGhB;AAAA,EACA,GAAGC;AACL,MAEKC,gBAAAA,EAAAA,IAAAJ,EAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAMG,EAAM,KAAA,GAC9C,UAAAC,gBAAAA,EAAAA,IAACC,GAAY,EAAA,GAAGF,EAAO,CAAA,GACzB,GAIEG,IAAe,MAAM;AACnB,QAAAC,IAAeN,EAAM,WAAWD,CAAgB,GAChDQ,IAAcP,EAAM,WAAWQ,CAAe,GAC9C,EAAE,eAAAC,EAAc,IAAIC,EAAe,GACnCC,IAAYC,EAAa,EAAE,MAAMN,EAAa,MAAM,GACpDO,IAAaJ,EAAcH,EAAa,MAAMK,CAAS;AAE7D,MAAI,CAACL;AACG,UAAA,IAAI,MAAM,gDAAgD;AAG5D,QAAA,EAAE,IAAAQ,MAAOP;AAER,SAAA;AAAA,IACL,IAAAO;AAAA,IACA,MAAMR,EAAa;AAAA,IACnB,YAAY,GAAGQ,CAAE;AAAA,IACjB,mBAAmB,GAAGA,CAAE;AAAA,IACxB,eAAe,GAAGA,CAAE;AAAA,IACpB,GAAGD;AAAA,EACL;AACF,GAMML,IAAkBR,EAAM;AAAA,EAC5B,CAAA;AACF;AAEA,SAASe,EAAS,EAAE,WAAAC,GAAW,GAAGd,KAAsC;AAChE,QAAAY,IAAKd,EAAM,MAAM;AAEvB,+BACGQ,EAAgB,UAAhB,EAAyB,OAAO,EAAE,IAAAM,KACjC,UAAAX,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWc,EAAG,cAAcD,CAAS;AAAA,MACpC,GAAGd;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,SAASgB,EAAU;AAAA,EACjB,WAAAF;AAAA,EACA,GAAGd;AACL,GAAqD;AACnD,QAAM,EAAE,OAAAiB,GAAO,YAAAC,EAAW,IAAIf,EAAa;AAGzC,SAAAF,gBAAAA,EAAA;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,CAAC,CAACF;AAAA,MACd,WAAWF,EAAG,iDAAiDD,CAAS;AAAA,MACxE,SAASI;AAAA,MACR,GAAGlB;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASoB,EAAY,EAAE,GAAGpB,KAA4C;AACpE,QAAM,EAAE,OAAAiB,GAAO,YAAAC,GAAY,mBAAAG,GAAmB,eAAAC,EAAA,IAC5CnB,EAAa;AAGb,SAAAF,gBAAAA,EAAA;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAIL;AAAA,MACJ,oBACGD,IAEG,GAAGI,CAAiB,IAAIC,CAAa,KADrC,GAAGD,CAAiB;AAAA,MAG1B,gBAAc,CAAC,CAACJ;AAAA,MACf,GAAGjB;AAAA,IAAA;AAAA,EACN;AAEJ;AAeA,SAASwB,EAAY,EAAE,WAAAV,GAAW,GAAGd,KAAoC;AACvE,QAAM,EAAE,OAAAiB,GAAO,eAAAK,EAAc,IAAInB,EAAa,GAExCsB,IAAOR,IAAQ,OAAOA,GAAO,WAAW,EAAE,IAAIjB,EAAM;AAE1D,SAAKyB,IAKHxB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAIqB;AAAA,MACJ,WAAWP,EAAG,uCAAuCD,CAAS;AAAA,MAC7D,GAAGd;AAAA,MAEH,UAAAyB;AAAA,IAAA;AAAA,EACH,IAXO;AAaX;"}
+{"version":3,"file":"index.es45.js","sources":["../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"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 DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"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        {children}\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n          <XIcon />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"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 DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n"],"names":["Dialog","props","DialogPrimitive.Root","DialogPortal","DialogPrimitive.Portal","DialogOverlay","className","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","jsxs","DialogPrimitive.Content","DialogPrimitive.Close","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;AAMA,SAASA,EAAO;AAAA,EACd,GAAGC;AACL,GAAsD;AACpD,+BAAQC,GAAA,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAQA,SAASE,EAAa;AAAA,EACpB,GAAGF;AACL,GAAwD;AACtD,+BAAQG,GAAA,EAAuB,aAAU,iBAAiB,GAAGH,GAAO;AACtE;AAQA,SAASI,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGL;AACL,GAAyD;AAErD,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,EAAc;AAAA,EACrB,WAAAJ;AAAA,EACA,UAAAK;AAAA,EACA,GAAGV;AACL,GAAyD;AAErD,SAAAW,gBAAAA,EAAA,KAACT,GAAa,EAAA,aAAU,iBACtB,UAAA;AAAA,IAAAI,gBAAAA,EAAA,IAACF,GAAc,EAAA;AAAA,IACfO,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAWJ;AAAA,UACT;AAAA,UACAH;AAAA,QACF;AAAA,QACC,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAU;AAAA,UACAC,gBAAAA,EAAAA,KAAAE,GAAA,EAAsB,WAAU,qWAC/B,UAAA;AAAA,YAAAP,gBAAAA,EAAA,IAACQ,GAAM,EAAA;AAAA,YACNR,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,UAAA,EACjC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAASS,EAAa,EAAE,WAAAV,GAAW,GAAGL,KAAsC;AAExE,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,SAASgB,EAAa,EAAE,WAAAX,GAAW,GAAGL,KAAsC;AAExE,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,SAASiB,EAAY;AAAA,EACnB,WAAAZ;AAAA,EACA,GAAGL;AACL,GAAuD;AAEnD,SAAAM,gBAAAA,EAAA;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWV,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASmB,EAAkB;AAAA,EACzB,WAAAd;AAAA,EACA,GAAGL;AACL,GAA6D;AAEzD,SAAAM,gBAAAA,EAAA;AAAA,IAACc;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWZ,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGL;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/index.es46.js

@@ -1,63 +1,59 @@
-import { j as e } from "./index.es9.js";
-import { Label as l } from "./index.es15.js";
-import { Input as f } from "./index.es27.js";
-import { InputErrorWrapper as h } from "./index.es28.js";
-import { useState as a } from "react";
-import j from "./index.es30.js";
-const I = ({
-  values: t,
-  onAddValue: m,
-  renderValues: o,
-  maxValues: s,
-  onRemoveValue: p,
-  ...c
+import { j as t } from "./index.es9.js";
+import { useState as m } from "react";
+import { Select as u, SelectTrigger as f, SelectValue as x, SelectContent as h, SelectItem as j } from "./index.es14.js";
+import { Button as p } from "./index.es11.js";
+import S from "./index.es23.js";
+const w = ({
+  availableDefinitions: i,
+  addedConstraints: s,
+  onAdd: o
 }) => {
-  const [n, u] = a(), [x, d] = a();
-  return /* @__PURE__ */ e.jsxs(
-    h,
-    {
-      errorCode: n,
-      errorDescription: x,
-      showError: !!n,
-      className: "space-y-2",
-      children: [
-        /* @__PURE__ */ e.jsx(l, { children: "Add Input" }),
-        /* @__PURE__ */ e.jsx(
-          f,
-          {
-            ...c,
-            onKeyDown: (r) => {
-              r.key === "Enter" && (r.preventDefault(), r.stopPropagation());
-            },
-            onKeyUp: (r) => {
-              if (r.key === "Enter") {
-                if (s && t.length >= s) {
-                  u("Maximum reached"), d(
-                    "You have reached the maximum number of values"
-                  );
-                  return;
-                }
-                m?.(r.currentTarget.value), r.currentTarget.value = "";
-              }
-            }
-          }
-        ),
-        o ? o() : /* @__PURE__ */ e.jsx("div", { className: "space-x-2 flex", children: t.map((r, i) => /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            className: "flex items-center text-xs border rounded p-1 w-max mt-2",
-            children: [
-              /* @__PURE__ */ e.jsx("span", { children: r }),
-              /* @__PURE__ */ e.jsx("button", { onClick: () => p(i), children: /* @__PURE__ */ e.jsx(j, { size: 16 }) })
-            ]
+  const [n, a] = m(), c = () => {
+    if (!n) return;
+    const e = i.find(
+      (d) => d.name === n
+    );
+    if (!e) return;
+    const l = {
+      name: n,
+      value: e.defaultValue
+    };
+    o([...s, l]), a(void 0);
+  }, r = i.filter(
+    (e) => !s.some((l) => l.name === e.name)
+  );
+  return (
+    //Don't render the component if there are no constraints to add
+    r.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "flex items-end gap-2", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsxs(
+        u,
+        {
+          value: n,
+          onValueChange: (e) => {
+            a(e);
           },
-          `${i}-${r}`
-        )) })
-      ]
-    }
+          children: [
+            /* @__PURE__ */ t.jsx(f, { className: "w-full", "aria-label": "Select constraint", children: /* @__PURE__ */ t.jsx(x, { placeholder: "Select a constraint" }) }),
+            /* @__PURE__ */ t.jsx(h, { children: r.map((e) => /* @__PURE__ */ t.jsx(j, { value: e.name, children: e.label }, e.name)) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t.jsx(
+        p,
+        {
+          type: "button",
+          variant: "outline",
+          size: "icon",
+          onClick: c,
+          disabled: !n,
+          "aria-label": "Add constraint",
+          children: /* @__PURE__ */ t.jsx(S, { className: "h-4 w-4" })
+        }
+      )
+    ] })
   );
 };
 export {
-  I as default
+  w as default
 };
 //# sourceMappingURL=index.es46.js.map

package/dist/index.es46.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es46.js","sources":["../src/components/multi-input.tsx"],"sourcesContent":["import { Label } from \"@/components/ui/label\";\nimport { Input } from \"@/components/ui/input\";\nimport { X } from \"lucide-react\";\nimport { InputErrorWrapper } from \"@/components/input-error\";\nimport { useState } from \"react\";\n\ninterface MultiInputProps {\n  renderValues?: () => React.ReactNode;\n  values: string[];\n  onAddValue: (newVal: string) => void;\n  onRemoveValue: (index: number) => void;\n  maxValues?: number;\n}\n\nconst MultiInput = ({\n  values,\n  onAddValue,\n  renderValues,\n  maxValues,\n  onRemoveValue,\n  ...props\n}: MultiInputProps &\n  Omit<React.ComponentProps<\"input\">, \"value\" | \"onChange\">) => {\n  const [primaryError, setPrimaryError] = useState<string>();\n  const [errorDescription, setErrorDescription] = useState<string>();\n\n  return (\n    <InputErrorWrapper\n      errorCode={primaryError}\n      errorDescription={errorDescription}\n      showError={!!primaryError}\n      className=\"space-y-2\"\n    >\n      <Label>Add Input</Label>\n      <Input\n        {...props}\n        onKeyDown={(e) => {\n          // Prevent form submission on Enter key press\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            //prevent bubbling up\n            e.stopPropagation();\n          }\n        }}\n        onKeyUp={(e) => {\n          // Add value on Enter key press\n          if (e.key === \"Enter\") {\n            if (maxValues && values.length >= maxValues) {\n              setPrimaryError(\"Maximum reached\");\n              setErrorDescription(\n                \"You have reached the maximum number of values\",\n              );\n              return;\n            }\n            onAddValue?.(e.currentTarget.value);\n            e.currentTarget.value = \"\";\n          }\n        }}\n      />\n      {renderValues ? (\n        renderValues()\n      ) : (\n        <div className=\"space-x-2 flex\">\n          {values.map((value, i) => (\n            <div\n              key={`${i}-${value}`}\n              className=\"flex items-center text-xs border rounded p-1 w-max mt-2\"\n            >\n              <span>{value}</span>\n              <button onClick={() => onRemoveValue(i)}>\n                <X size={16} />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </InputErrorWrapper>\n  );\n};\n\nexport default MultiInput;\n"],"names":["MultiInput","values","onAddValue","renderValues","maxValues","onRemoveValue","props","primaryError","setPrimaryError","useState","errorDescription","setErrorDescription","jsxs","InputErrorWrapper","jsx","Label","Input","e","value","X"],"mappings":";;;;;;AAcA,MAAMA,IAAa,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MACgE;AAC9D,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiB,GACnD,CAACC,GAAkBC,CAAmB,IAAIF,EAAiB;AAG/D,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,MACX,kBAAAG;AAAA,MACA,WAAW,CAAC,CAACH;AAAA,MACb,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAO,gBAAAA,EAAAA,IAACC,KAAM,UAAS,YAAA,CAAA;AAAA,QAChBD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGV;AAAA,YACJ,WAAW,CAACW,MAAM;AAEZ,cAAAA,EAAE,QAAQ,YACZA,EAAE,eAAe,GAEjBA,EAAE,gBAAgB;AAAA,YAEtB;AAAA,YACA,SAAS,CAACA,MAAM;AAEV,kBAAAA,EAAE,QAAQ,SAAS;AACjB,oBAAAb,KAAaH,EAAO,UAAUG,GAAW;AAC3C,kBAAAI,EAAgB,iBAAiB,GACjCG;AAAA,oBACE;AAAA,kBACF;AACA;AAAA,gBAAA;AAEW,gBAAAT,IAAAe,EAAE,cAAc,KAAK,GAClCA,EAAE,cAAc,QAAQ;AAAA,cAAA;AAAA,YAC1B;AAAA,UACF;AAAA,QACF;AAAA,QACCd,IACCA,EAAa,IAEZW,gBAAAA,MAAA,OAAA,EAAI,WAAU,kBACZ,UAAOb,EAAA,IAAI,CAACiB,GAAO,MAClBN,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YAEV,UAAA;AAAA,cAAAE,gBAAAA,EAAAA,IAAC,UAAM,UAAMI,EAAA,CAAA;AAAA,cACbJ,gBAAAA,EAAAA,IAAC,UAAO,EAAA,SAAS,MAAMT,EAAc,CAAC,GACpC,UAACS,gBAAAA,EAAA,IAAAK,GAAA,EAAE,MAAM,GAAI,CAAA,EACf,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UANK,GAAG,CAAC,IAAID,CAAK;AAAA,QAAA,CAQrB,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es46.js","sources":["../src/packages/constraints/constraint-add.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport { Button } from \"@/components/ui/button\";\nimport { Plus } from \"lucide-react\";\nimport { Constraint, ConstraintDefinition } from \"./context\";\n\ninterface ConstraintsSectionProps {\n  /** The available constraints for a specific schema type */\n  availableDefinitions: ConstraintDefinition[];\n  addedConstraints: Constraint[];\n  onAdd: (constraints: Constraint[]) => void;\n}\n\nconst ConstraintsAdd = ({\n  availableDefinitions,\n  addedConstraints,\n  onAdd,\n}: ConstraintsSectionProps) => {\n  const [selectedConstraintDefinition, setSelectedConstraintDefinition] =\n    useState<Constraint[\"name\"]>();\n\n  const handleAddConstraint = () => {\n    if (!selectedConstraintDefinition) return;\n\n    const definition = availableDefinitions.find(\n      (c) => c.name === selectedConstraintDefinition,\n    );\n    if (!definition) return;\n\n    const newConstraint: Constraint = {\n      name: selectedConstraintDefinition,\n      value: definition.defaultValue,\n    };\n\n    onAdd([...addedConstraints, newConstraint]);\n    setSelectedConstraintDefinition(undefined);\n  };\n\n  const unusedConstraintDefinitions = availableDefinitions.filter(\n    (constraint) => !addedConstraints.some((v) => v.name === constraint.name),\n  );\n\n  return (\n    //Don't render the component if there are no constraints to add\n    unusedConstraintDefinitions.length > 0 && (\n      <div className=\"flex items-end gap-2\">\n        <div className=\"flex-1\">\n          <Select\n            value={selectedConstraintDefinition}\n            onValueChange={(newVal) => {\n              setSelectedConstraintDefinition(newVal as Constraint[\"name\"]);\n            }}\n          >\n            <SelectTrigger className=\"w-full\" aria-label=\"Select constraint\">\n              <SelectValue placeholder=\"Select a constraint\" />\n            </SelectTrigger>\n            <SelectContent>\n              {unusedConstraintDefinitions.map((constraint) => (\n                <SelectItem key={constraint.name} value={constraint.name}>\n                  {constraint.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={handleAddConstraint}\n          disabled={!selectedConstraintDefinition}\n          aria-label=\"Add constraint\"\n        >\n          <Plus className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    )\n  );\n};\n\nexport default ConstraintsAdd;\n"],"names":["ConstraintsAdd","availableDefinitions","addedConstraints","onAdd","selectedConstraintDefinition","setSelectedConstraintDefinition","useState","handleAddConstraint","definition","c","newConstraint","unusedConstraintDefinitions","constraint","v","jsxs","jsx","Select","newVal","SelectTrigger","SelectValue","SelectContent","SelectItem","Button","Plus"],"mappings":";;;;;AAmBA,MAAMA,IAAiB,CAAC;AAAA,EACtB,sBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,OAAAC;AACF,MAA+B;AAC7B,QAAM,CAACC,GAA8BC,CAA+B,IAClEC,EAA6B,GAEzBC,IAAsB,MAAM;AAChC,QAAI,CAACH,EAA8B;AAEnC,UAAMI,IAAaP,EAAqB;AAAA,MACtC,CAACQ,MAAMA,EAAE,SAASL;AAAA,IACpB;AACA,QAAI,CAACI,EAAY;AAEjB,UAAME,IAA4B;AAAA,MAChC,MAAMN;AAAA,MACN,OAAOI,EAAW;AAAA,IACpB;AAEA,IAAAL,EAAM,CAAC,GAAGD,GAAkBQ,CAAa,CAAC,GAC1CL,EAAgC,MAAS;AAAA,EAC3C,GAEMM,IAA8BV,EAAqB;AAAA,IACvD,CAACW,MAAe,CAACV,EAAiB,KAAK,CAACW,MAAMA,EAAE,SAASD,EAAW,IAAI;AAAA,EAC1E;AAEA;AAAA;AAAA,IAEED,EAA4B,SAAS,KAClCG,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,UACb,UAAAD,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOZ;AAAA,UACP,eAAe,CAACa,MAAW;AACzB,YAAAZ,EAAgCY,CAA4B;AAAA,UAC9D;AAAA,UAEA,UAAA;AAAA,YAACF,gBAAAA,EAAAA,IAAAG,GAAA,EAAc,WAAU,UAAS,cAAW,qBAC3C,UAACH,gBAAAA,EAAAA,IAAAI,GAAA,EAAY,aAAY,sBAAA,CAAsB,EACjD,CAAA;AAAA,kCACCC,GACE,EAAA,UAAAT,EAA4B,IAAI,CAACC,MAC/BG,gBAAAA,EAAAA,IAAAM,GAAA,EAAiC,OAAOT,EAAW,MACjD,UAAWA,EAAA,SADGA,EAAW,IAE5B,CACD,EACH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MACAG,gBAAAA,EAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAASf;AAAA,UACT,UAAU,CAACH;AAAA,UACX,cAAW;AAAA,UAEX,UAAAW,gBAAAA,EAAAA,IAACQ,GAAK,EAAA,WAAU,UAAU,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EACF,CAAA;AAAA;AAGN;"}