@alexgorbatchev/shadcn 0.0.48 → 0.0.50

package/dist/components/input-otp/EmailCodeAuthForm.d.ts

@@ -0,0 +1,21 @@
+import { type ReactElement, type ReactNode } from "react";
+import type { IDensityProps } from "../../density/types.js";
+type EmailCodeAuthFormProps = IDensityProps & {
+    /** Sends a code to the address. Rejecting keeps the email step and shows the error message. */
+    onRequestCode: (email: string) => void | Promise<void>;
+    /** Verifies the code for the address. Rejecting keeps the code step and shows the error message. */
+    onVerifyCode: (email: string, code: string) => void | Promise<void>;
+    /** Number of digits in the code. */
+    codeLength?: number;
+    defaultEmail?: string;
+    title?: string;
+    description?: ReactNode;
+    footer?: ReactNode;
+    /** Other sign-in methods below the email step, such as an OAuth provider link. */
+    alternativeActions?: ReactNode;
+    disabled?: boolean;
+};
+/** Passwordless sign-in: request a numeric code for an email address, then enter it. */
+declare function EmailCodeAuthForm({ onRequestCode, onVerifyCode, codeLength, defaultEmail, title, description, footer, alternativeActions, disabled, density, }: EmailCodeAuthFormProps): ReactElement;
+export { EmailCodeAuthForm };
+export type { EmailCodeAuthFormProps };

package/dist/components/input-otp/index.d.ts

@@ -1 +1,3 @@
 export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from "./InputOTP.js";
+export { EmailCodeAuthForm } from "./EmailCodeAuthForm.js";
+export type { EmailCodeAuthFormProps } from "./EmailCodeAuthForm.js";

package/dist/components/input-otp/index.js

@@ -2,7 +2,41 @@ import"../../chunk-7ny0vyek.js";
 import"../../chunk-8ssktt4b.js";
 import {
   cn2
-} from "../../chunk-cp2m7y7v.js";
+} from "../../chunk-en44w1pn.js";
+import {
+  Alert2,
+  AlertTitle2,
+  AlertDescription2
+} from "../../chunk-x9qph1g4.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-x90xmrba.js";
+import"../../chunk-jpvw9xqy.js";
+import {
+  Button2
+} from "../../chunk-bd09gygt.js";
+import {
+  Card2,
+  CardHeader2,
+  CardTitle2,
+  CardDescription2,
+  CardContent2,
+  CardFooter2
+} from "../../chunk-k1f35j55.js";
+import"../../chunk-m32ptxf3.js";
+import"../../chunk-52aadmkc.js";
+import {
+  FieldGroup2,
+  Field2,
+  FieldLabel2,
+  FieldDescription2
+} from "../../chunk-9n0axzd5.js";
+import"../../chunk-7jpsybag.js";
+import {
+  Input2
+} from "../../chunk-7vg045gd.js";
+import {
+  Spinner2
+} from "../../chunk-t3p4dn1p.js";
 import {
   useAnalyticsCallback
 } from "../../chunk-5mydsjp3.js";
@@ -245,6 +279,7 @@ var Ft = `
     --nojs-fg: white !important;
   }
 }`;
+var Qt = "^\\d+$";
 
 // src/components/input-otp/InputOTP.tsx
 import { MinusIcon } from "lucide-react";
@@ -302,7 +337,235 @@ function InputOTPSeparator({ className, children, ...props }) {
     children: children ?? /* @__PURE__ */ jsx(MinusIcon, {})
   });
 }
+// src/components/input-otp/EmailCodeAuthForm.tsx
+import { useId, useRef as useRef3, useState as useState3 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function errorMessage(error) {
+  return error instanceof Error ? error.message : "Unable to submit. Please try again.";
+}
+function EmailCodeAuthForm({
+  onRequestCode,
+  onVerifyCode,
+  codeLength = 6,
+  defaultEmail = "",
+  title = "Sign in",
+  description,
+  footer,
+  alternativeActions,
+  disabled = false,
+  density
+}) {
+  const id = useId();
+  const isVerifyingRef = useRef3(false);
+  const [step, setStep] = useState3("email");
+  const [email, setEmail] = useState3(defaultEmail);
+  const [code, setCode] = useState3("");
+  const [pending, setPending] = useState3(null);
+  const [error, setError] = useState3("");
+  const [isResent, setIsResent] = useState3(false);
+  const isBusy = disabled || pending !== null;
+  async function run(action, operation) {
+    setError("");
+    setPending(action);
+    try {
+      await operation();
+      return true;
+    } catch (error) {
+      setError(errorMessage(error));
+      return false;
+    } finally {
+      setPending(null);
+    }
+  }
+  async function requestCode(event) {
+    event.preventDefault();
+    const address = email.trim();
+    if (await run("request", () => onRequestCode(address))) {
+      setEmail(address);
+      setCode("");
+      setIsResent(false);
+      setStep("code");
+    }
+  }
+  async function resendCode() {
+    setIsResent(false);
+    if (await run("resend", () => onRequestCode(email))) {
+      setCode("");
+      setIsResent(true);
+    }
+  }
+  async function verifyCode(value) {
+    if (isVerifyingRef.current || value.length !== codeLength)
+      return;
+    isVerifyingRef.current = true;
+    setIsResent(false);
+    await run("verify", () => onVerifyCode(email, value));
+    isVerifyingRef.current = false;
+  }
+  function changeEmail() {
+    setStep("email");
+    setCode("");
+    setError("");
+    setIsResent(false);
+  }
+  const errorAlert = error && /* @__PURE__ */ jsxs2(Alert2, {
+    variant: "destructive",
+    children: [
+      /* @__PURE__ */ jsx2(AlertTitle2, {
+        children: "Request failed"
+      }),
+      /* @__PURE__ */ jsx2(AlertDescription2, {
+        children: error
+      })
+    ]
+  });
+  return /* @__PURE__ */ jsxs2(Card2, {
+    density,
+    children: [
+      /* @__PURE__ */ jsxs2(CardHeader2, {
+        children: [
+          /* @__PURE__ */ jsx2(CardTitle2, {
+            children: title
+          }),
+          /* @__PURE__ */ jsx2(CardDescription2, {
+            children: step === "email" ? description ?? "Enter your email to receive a sign-in code." : `We sent a code to ${email}.`
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx2(CardContent2, {
+        children: step === "email" ? /* @__PURE__ */ jsx2("form", {
+          onSubmit: requestCode,
+          "aria-label": title,
+          "aria-busy": pending !== null,
+          children: /* @__PURE__ */ jsxs2(FieldGroup2, {
+            children: [
+              /* @__PURE__ */ jsxs2(Field2, {
+                children: [
+                  /* @__PURE__ */ jsx2(FieldLabel2, {
+                    htmlFor: id + "-email",
+                    children: "Email"
+                  }),
+                  /* @__PURE__ */ jsx2(Input2, {
+                    id: id + "-email",
+                    name: "email",
+                    type: "email",
+                    autoComplete: "email",
+                    required: true,
+                    value: email,
+                    onChange: (event) => setEmail(event.target.value),
+                    disabled: isBusy
+                  })
+                ]
+              }),
+              errorAlert,
+              /* @__PURE__ */ jsxs2(Button2, {
+                type: "submit",
+                disabled: isBusy,
+                children: [
+                  pending === "request" && /* @__PURE__ */ jsx2(Spinner2, {
+                    "data-icon": "inline-start"
+                  }),
+                  "Send code"
+                ]
+              }),
+              alternativeActions
+            ]
+          })
+        }) : /* @__PURE__ */ jsx2("form", {
+          onSubmit: (event) => {
+            event.preventDefault();
+            verifyCode(code);
+          },
+          "aria-label": "Verify code",
+          "aria-busy": pending !== null,
+          children: /* @__PURE__ */ jsxs2(FieldGroup2, {
+            children: [
+              /* @__PURE__ */ jsxs2(Field2, {
+                children: [
+                  /* @__PURE__ */ jsx2(FieldLabel2, {
+                    htmlFor: id + "-code",
+                    children: "Verification code"
+                  }),
+                  /* @__PURE__ */ jsx2(InputOTP, {
+                    id: id + "-code",
+                    name: "code",
+                    maxLength: codeLength,
+                    pattern: Qt,
+                    inputMode: "numeric",
+                    autoComplete: "one-time-code",
+                    autoFocus: true,
+                    value: code,
+                    onChange: setCode,
+                    onComplete: (value) => void verifyCode(value),
+                    "aria-invalid": error ? true : undefined,
+                    disabled: isBusy,
+                    children: /* @__PURE__ */ jsx2(InputOTPGroup, {
+                      children: Array.from({ length: codeLength }, (_, index) => /* @__PURE__ */ jsx2(InputOTPSlot, {
+                        index
+                      }, index))
+                    })
+                  }),
+                  /* @__PURE__ */ jsxs2(FieldDescription2, {
+                    children: [
+                      "Enter the ",
+                      codeLength,
+                      "-digit code from the email."
+                    ]
+                  })
+                ]
+              }),
+              errorAlert,
+              /* @__PURE__ */ jsx2(FieldDescription2, {
+                role: "status",
+                className: "empty:hidden",
+                children: isResent ? "A new code is on its way." : ""
+              }),
+              /* @__PURE__ */ jsxs2(Button2, {
+                type: "submit",
+                disabled: isBusy || code.length !== codeLength,
+                children: [
+                  pending === "verify" && /* @__PURE__ */ jsx2(Spinner2, {
+                    "data-icon": "inline-start"
+                  }),
+                  "Verify"
+                ]
+              }),
+              /* @__PURE__ */ jsxs2("div", {
+                className: "flex flex-wrap justify-between gap-control-gap",
+                children: [
+                  /* @__PURE__ */ jsx2(Button2, {
+                    type: "button",
+                    variant: "ghost",
+                    onClick: changeEmail,
+                    disabled: isBusy,
+                    children: "Use a different email"
+                  }),
+                  /* @__PURE__ */ jsxs2(Button2, {
+                    type: "button",
+                    variant: "ghost",
+                    onClick: resendCode,
+                    disabled: isBusy,
+                    children: [
+                      pending === "resend" && /* @__PURE__ */ jsx2(Spinner2, {
+                        "data-icon": "inline-start"
+                      }),
+                      "Resend code"
+                    ]
+                  })
+                ]
+              })
+            ]
+          })
+        })
+      }),
+      footer && /* @__PURE__ */ jsx2(CardFooter2, {
+        children: footer
+      })
+    ]
+  });
+}
 export {
+  EmailCodeAuthForm,
   InputOTP,
   InputOTPGroup,
   InputOTPSeparator,

package/dist/components/json-render/catalog.d.ts

@@ -49,8 +49,8 @@ export declare const componentDefinitions: {
                 end: "end";
                 start: "start";
                 center: "center";
-                around: "around";
                 between: "between";
+                around: "around";
             }>>;
             className: z.ZodNullable<z.ZodString>;
         }, z.core.$strip>;

package/dist/components/json-render/index.js

@@ -2,7 +2,7 @@ import"../../chunk-7ny0vyek.js";
 import"../../chunk-8ssktt4b.js";
 import {
   cn2
-} from "../../chunk-cp2m7y7v.js";
+} from "../../chunk-en44w1pn.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-x90xmrba.js";
 import"../../chunk-jpvw9xqy.js";
@@ -12,18 +12,13 @@ import {
   TooltipTrigger2,
   TooltipContent2,
   Button2
-} from "../../chunk-38301e40.js";
+} from "../../chunk-bd09gygt.js";
 import {
   ButtonLink2,
   Accordion2,
   AccordionItem2,
   AccordionTrigger2,
   AccordionContent2,
-  Select2,
-  SelectValue2,
-  SelectTrigger2,
-  SelectContent2,
-  SelectItem2,
   Pagination2,
   PaginationContent2,
   PaginationItem2,
@@ -36,96 +31,104 @@ import {
   DrawerHeader2,
   DrawerTitle2,
   DrawerDescription2
-} from "../../chunk-svr3r7pj.js";
+} from "../../chunk-f43963xy.js";
 import {
   MenuPopup,
   MenuItem2,
   DropdownMenu2,
   DropdownMenuTrigger2
-} from "../../chunk-cfnkbp0y.js";
+} from "../../chunk-10vjajh7.js";
 import {
   Alert2,
   AlertTitle2,
   AlertDescription2
-} from "../../chunk-zdt8xxzy.js";
+} from "../../chunk-x9qph1g4.js";
 import {
   Dialog2,
   DialogContent2,
   DialogHeader2,
   DialogTitle2,
   DialogDescription2
-} from "../../chunk-jgdpa00w.js";
-import"../../chunk-a6mes7w0.js";
+} from "../../chunk-4t23yhc0.js";
+import"../../chunk-f9sm5zpv.js";
 import {
   Popover2,
   PopoverTrigger2,
   PopoverContent2
-} from "../../chunk-21ab0jsp.js";
+} from "../../chunk-bf8kbj33.js";
 import {
   Skeleton2
-} from "../../chunk-d70rcwk7.js";
+} from "../../chunk-1fzwfn11.js";
 import"../../chunk-7jpsybag.js";
 import {
   Input2
-} from "../../chunk-0fmrwsgp.js";
+} from "../../chunk-7vg045gd.js";
 import {
   Label2
-} from "../../chunk-jcxxjkqx.js";
+} from "../../chunk-m32ptxf3.js";
 import {
   Separator2
-} from "../../chunk-rajgnfbr.js";
+} from "../../chunk-52aadmkc.js";
 import {
   Field2,
   FieldLabel2
-} from "../../chunk-6jpz5geq.js";
+} from "../../chunk-9n0axzd5.js";
 import {
   Slider2
-} from "../../chunk-2mn2ctsk.js";
+} from "../../chunk-7cq1s2ey.js";
 import {
   Switch2
-} from "../../chunk-ptgtqv1a.js";
+} from "../../chunk-m98d89xc.js";
 import {
   Textarea2
-} from "../../chunk-tq0pfv5h.js";
+} from "../../chunk-er6e5fj8.js";
 import {
   RadioGroup2,
   RadioGroupItem2
-} from "../../chunk-ekbesw9t.js";
+} from "../../chunk-kgqe8gpb.js";
 import {
   Card2,
   CardHeader2,
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "../../chunk-bygq5yqf.js";
-import"../../chunk-14mh00z3.js";
+} from "../../chunk-k1f35j55.js";
+import"../../chunk-rxjxb4vy.js";
+import"../../chunk-31wptjv4.js";
 import {
   Tabs2,
   TabsList2,
   TabsTrigger2
-} from "../../chunk-gbmvkt3q.js";
+} from "../../chunk-zs4h45d8.js";
 import {
   Badge2
-} from "../../chunk-wjx6zf94.js";
-import"../../chunk-9de1htr5.js";
+} from "../../chunk-9t530p75.js";
+import"../../chunk-4e96tpw0.js";
 import {
   Checkbox2
-} from "../../chunk-caz81rnv.js";
+} from "../../chunk-b5s5y5wq.js";
+import {
+  Select2,
+  SelectValue2,
+  SelectTrigger2,
+  SelectContent2,
+  SelectItem2
+} from "../../chunk-xfryhw7e.js";
 import"../../chunk-1j2hz3w9.js";
 import"../../chunk-k99h6evz.js";
 import {
   Toggle2,
   ToggleGroup2,
   ToggleGroupItem2
-} from "../../chunk-q606kj28.js";
+} from "../../chunk-p56he2j7.js";
 import {
   Avatar2,
   AvatarImage2,
   AvatarFallback2
-} from "../../chunk-hyq4nwg2.js";
+} from "../../chunk-0hq6rg7w.js";
 import {
   Progress2
-} from "../../chunk-5j39rehg.js";
+} from "../../chunk-bcwbh20z.js";
 import {
   Collapsible2,
   CollapsibleTrigger2,
@@ -133,7 +136,7 @@ import {
 } from "../../chunk-fw86vanx.js";
 import {
   Spinner2
-} from "../../chunk-1xncv9gb.js";
+} from "../../chunk-t3p4dn1p.js";
 import {
   Table2,
   TableHeader2,
@@ -142,21 +145,20 @@ import {
   TableHead2,
   TableCell2,
   TableCaption2
-} from "../../chunk-zte6pw69.js";
-import"../../chunk-r4jzz4f2.js";
-import"../../chunk-vyve5wf3.js";
-import"../../chunk-4710gn6d.js";
-import"../../chunk-60p7sagm.js";
-import"../../chunk-c9ypcp4s.js";
+} from "../../chunk-tjn53x34.js";
+import"../../chunk-7vnpp3ya.js";
+import"../../chunk-m4geb1s5.js";
+import"../../chunk-9ecf92s6.js";
+import"../../chunk-1f6p05qh.js";
 import"../../chunk-tcefvfr8.js";
-import"../../chunk-x6vx0v6d.js";
+import"../../chunk-7srpghny.js";
 import {
   Carousel2,
   CarouselContent2,
   CarouselItem2,
   CarouselPrevious2,
   CarouselNext2
-} from "../../chunk-6jw87d07.js";
+} from "../../chunk-3gc5n7dc.js";
 import {
   componentDefinitions2
 } from "../../chunk-tch86q2w.js";

package/dist/components/message-scroller/index.js

@@ -7,13 +7,13 @@ import {
 } from "../../chunk-z1fy613d.js";
 import {
   cn2
-} from "../../chunk-cp2m7y7v.js";
+} from "../../chunk-en44w1pn.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-x90xmrba.js";
 import"../../chunk-jpvw9xqy.js";
 import {
   Button2
-} from "../../chunk-38301e40.js";
+} from "../../chunk-bd09gygt.js";
 import {
   useAnalyticsCallback
 } from "../../chunk-5mydsjp3.js";

package/dist/components/persian-calendar/index.js

@@ -2,15 +2,17 @@ import"../../chunk-7ny0vyek.js";
 import"../../chunk-8ssktt4b.js";
 import {
   cn2
-} from "../../chunk-cp2m7y7v.js";
+} from "../../chunk-en44w1pn.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-x90xmrba.js";
 import"../../chunk-jpvw9xqy.js";
-import"../../chunk-38301e40.js";
+import"../../chunk-bd09gygt.js";
 import {
   getCalendarClassNames,
-  CalendarDayButton2
-} from "../../chunk-cy1xv5nz.js";
+  CalendarDayButton2,
+  CalendarDropdown
+} from "../../chunk-yrp7xtb5.js";
+import"../../chunk-xfryhw7e.js";
 import {
   useAnalyticsCallback
 } from "../../chunk-5mydsjp3.js";
@@ -38,7 +40,7 @@ function PersianCalendar({
     captionLayout,
     className: cn2("group/calendar bg-background p-panel [--cell-size:var(--ag-control-h)]", className),
     classNames: getCalendarClassNames({ buttonVariant, classNames }),
-    components: { DayButton: CalendarDayButton2, ...components },
+    components: { DayButton: CalendarDayButton2, Dropdown: CalendarDropdown, ...components },
     ...props,
     onDayClick,
     onMonthChange

package/dist/components/questionnaire/index.js

@@ -10,13 +10,13 @@ import {
 } from "../../chunk-z1fy613d.js";
 import {
   cn2
-} from "../../chunk-cp2m7y7v.js";
+} from "../../chunk-en44w1pn.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-x90xmrba.js";
 import"../../chunk-jpvw9xqy.js";
 import {
   buttonVariants2
-} from "../../chunk-38301e40.js";
+} from "../../chunk-bd09gygt.js";
 import {
   useAnalyticsCallback
 } from "../../chunk-5mydsjp3.js";

package/dist/components/resizable/index.js

@@ -1,14 +1,14 @@
 import"../../chunk-7ny0vyek.js";
 import"../../chunk-8ssktt4b.js";
-import"../../chunk-cp2m7y7v.js";
+import"../../chunk-en44w1pn.js";
 import {
   Resizable2,
   ResizablePanel2,
   ResizableHandle2
-} from "../../chunk-7w8yemba.js";
+} from "../../chunk-5jgfh8t9.js";
 import {
   Separator2
-} from "../../chunk-rajgnfbr.js";
+} from "../../chunk-52aadmkc.js";
 import {
   useMediaQuery
 } from "../../chunk-k99h6evz.js";

package/dist/components/sonner/index.js

@@ -8,12 +8,12 @@ import {
 } from "../../chunk-e6hk39ev.js";
 import {
   cn2
-} from "../../chunk-cp2m7y7v.js";
+} from "../../chunk-en44w1pn.js";
 import"../../chunk-x90xmrba.js";
 import"../../chunk-jpvw9xqy.js";
 import {
   buttonVariants2
-} from "../../chunk-38301e40.js";
+} from "../../chunk-bd09gygt.js";
 import {
   useAnalyticsCallback
 } from "../../chunk-5mydsjp3.js";

package/dist/components/tree/index.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunk-7ny0vyek.js";
 import {
   cn2
-} from "../../chunk-cp2m7y7v.js";
+} from "../../chunk-en44w1pn.js";
 import"../../chunk-8ssktt4b.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-x90xmrba.js";
@@ -13,7 +13,7 @@ import {
   TooltipTrigger2,
   TooltipContent2,
   Button2
-} from "../../chunk-38301e40.js";
+} from "../../chunk-bd09gygt.js";
 import {
   useAnalyticsCallback
 } from "../../chunk-5mydsjp3.js";

package/dist/components/virtual-data-grid/index.js

@@ -1,25 +1,25 @@
-import"../../chunk-cp2m7y7v.js";
+import"../../chunk-en44w1pn.js";
 import {
   TableRow2
-} from "../../chunk-zte6pw69.js";
+} from "../../chunk-tjn53x34.js";
 import"../../chunk-7ny0vyek.js";
 import"../../chunk-8ssktt4b.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-x90xmrba.js";
 import"../../chunk-jpvw9xqy.js";
-import"../../chunk-38301e40.js";
-import"../../chunk-r4jzz4f2.js";
+import"../../chunk-bd09gygt.js";
+import"../../chunk-xfryhw7e.js";
 import"../../chunk-7jpsybag.js";
-import"../../chunk-0fmrwsgp.js";
+import"../../chunk-7vg045gd.js";
 import {
   getDataGridColumnSizeVariables,
   DataGridHeaderRows,
   DataGridCells2,
   DataGridColumns
-} from "../../chunk-77xfccfq.js";
+} from "../../chunk-p894n7r6.js";
 import {
   VirtualTable2
-} from "../../chunk-efs4bk5b.js";
+} from "../../chunk-k7cvfw0f.js";
 import"../../chunk-5mydsjp3.js";
 
 // src/components/virtual-data-grid/VirtualDataGrid.tsx

package/dist/components/virtual-table/index.js

@@ -1,8 +1,8 @@
-import"../../chunk-cp2m7y7v.js";
-import"../../chunk-zte6pw69.js";
+import"../../chunk-en44w1pn.js";
+import"../../chunk-tjn53x34.js";
 import {
   VirtualTable2
-} from "../../chunk-efs4bk5b.js";
+} from "../../chunk-k7cvfw0f.js";
 export {
   VirtualTable2 as VirtualTable
 };