docthub-core-components 2.99.2 → 3.1.0

package/dist/components/overrides/ui/composed/address-form-section.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { c as h } from "react-compiler-runtime";
+import { MapPin as q } from "lucide-react";
+import { cn as P } from "../../../../lib/utils.js";
+import { LabeledInput as p } from "../inputs/labeled-input.js";
+import { SelectField as E } from "../pickers/select-field.js";
+const I = [{
+  value: "us",
+  label: "United States"
+}, {
+  value: "ca",
+  label: "Canada"
+}, {
+  value: "uk",
+  label: "United Kingdom"
+}, {
+  value: "au",
+  label: "Australia"
+}, {
+  value: "de",
+  label: "Germany"
+}, {
+  value: "fr",
+  label: "France"
+}];
+function Z(A) {
+  const e = h(28), {
+    className: b,
+    countries: S,
+    onValueChange: t
+  } = A, y = S === void 0 ? I : S;
+  let s;
+  e[0] !== b ? (s = P("space-y-4", b), e[0] = b, e[1] = s) : s = e[1];
+  let a;
+  e[2] !== t ? (a = /* @__PURE__ */ r(p, { label: "Street Address", placeholder: "Enter street address", required: !0, onChange: (l) => t == null ? void 0 : t("streetAddress", l.target.value) }), e[2] = t, e[3] = a) : a = e[3];
+  let i;
+  e[4] !== t ? (i = /* @__PURE__ */ r(p, { label: "Apartment, suite, etc.", placeholder: "Apartment, suite, etc. (optional)", onChange: (l) => t == null ? void 0 : t("addressLine2", l.target.value) }), e[4] = t, e[5] = i) : i = e[5];
+  let o;
+  e[6] !== t ? (o = /* @__PURE__ */ r(p, { label: "City", placeholder: "Enter city", required: !0, onChange: (l) => t == null ? void 0 : t("city", l.target.value) }), e[6] = t, e[7] = o) : o = e[7];
+  let c;
+  e[8] !== t ? (c = /* @__PURE__ */ r(p, { label: "State/Province", placeholder: "Enter state", required: !0, onChange: (l) => t == null ? void 0 : t("state", l.target.value) }), e[8] = t, e[9] = c) : c = e[9];
+  let d;
+  e[10] !== t ? (d = /* @__PURE__ */ r(p, { label: "ZIP/Postal Code", placeholder: "Enter ZIP code", required: !0, onChange: (l) => t == null ? void 0 : t("zipCode", l.target.value) }), e[10] = t, e[11] = d) : d = e[11];
+  let n;
+  e[12] !== o || e[13] !== c || e[14] !== d ? (n = /* @__PURE__ */ g("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+    o,
+    c,
+    d
+  ] }), e[12] = o, e[13] = c, e[14] = d, e[15] = n) : n = e[15];
+  let f;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ r(q, { className: "h-4 w-4" }), e[16] = f) : f = e[16];
+  let u;
+  e[17] !== t ? (u = (l) => t == null ? void 0 : t("country", l), e[17] = t, e[18] = u) : u = e[18];
+  let m;
+  e[19] !== y || e[20] !== u ? (m = /* @__PURE__ */ r(E, { label: "Country", placeholder: "Select country", options: y, leadingIcon: f, required: !0, onValueChange: u }), e[19] = y, e[20] = u, e[21] = m) : m = e[21];
+  let v;
+  return e[22] !== m || e[23] !== s || e[24] !== a || e[25] !== i || e[26] !== n ? (v = /* @__PURE__ */ g("div", { className: s, children: [
+    a,
+    i,
+    n,
+    m
+  ] }), e[22] = m, e[23] = s, e[24] = a, e[25] = i, e[26] = n, e[27] = v) : v = e[27], v;
+}
+export {
+  Z as AddressFormSection
+};

package/dist/components/overrides/ui/composed/contact-form-section.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { Mail as q, Building as x } from "lucide-react";
+import { useState as v, useRef as I, useEffect as w } from "react";
+import { Textarea as D } from "../../../ui/textarea.js";
+import { cn as F } from "../../../../lib/utils.js";
+import { LabeledInput as c } from "../inputs/labeled-input.js";
+import { DoctPhoneInput as j } from "../inputs/phone-input.js";
+import { SelectField as A } from "../pickers/select-field.js";
+const L = [{
+  value: "sales",
+  label: "Sales"
+}, {
+  value: "support",
+  label: "Support"
+}, {
+  value: "general",
+  label: "General Inquiry"
+}];
+function z({
+  className: N,
+  showDepartment: E = !0,
+  departmentOptions: P = L,
+  customCountries: i,
+  onValueChange: r
+}) {
+  var y;
+  const [l, S] = v(""), [d, p] = v(i ? (y = i[0]) == null ? void 0 : y.countryCode.replace("+", "") : "91"), m = I(d);
+  m.current = d;
+  const o = i == null ? void 0 : i[0], s = o != null ? o.countryCode.replace("+", "") : null;
+  w(() => {
+    s != null && p(s);
+  }, [s]);
+  const f = ((t) => t ? t.length < 7 ? "Phone number must be at least 7 digits" : t.length > 15 ? "Phone number cannot exceed 15 digits" : "" : "")(l);
+  return /* @__PURE__ */ b("div", { className: F("space-y-4", N), children: [
+    /* @__PURE__ */ b("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ e(c, { label: "First Name", placeholder: "Enter first name", required: !0, onChange: (t) => r == null ? void 0 : r("firstName", t.target.value) }),
+      /* @__PURE__ */ e(c, { label: "Last Name", placeholder: "Enter last name", required: !0, onChange: (t) => r == null ? void 0 : r("lastName", t.target.value) })
+    ] }),
+    /* @__PURE__ */ e(c, { label: "Email Address", type: "email", placeholder: "Enter your email", leftIcon: /* @__PURE__ */ e(q, { className: "h-4 w-4" }), required: !0, onChange: (t) => r == null ? void 0 : r("email", t.target.value) }),
+    /* @__PURE__ */ e(j, { label: "Phone Number", placeholder: "Enter phone number", value: l, onPhoneChange: (t) => {
+      S(t), r == null || r("phone", t), r == null || r("countryCode", m.current);
+    }, countryCode: d, onCountryCodeChange: (t) => {
+      p(t), r == null || r("countryCode", t);
+    }, onValuesChange: (t) => {
+      r == null || r("phoneArray", t);
+    }, onCountryChange: (t) => {
+      r == null || r("selectedCountry", JSON.stringify(t));
+    }, countries: i, defaultCountry: i ? 0 : "IN", error: f, helperText: f ? void 0 : "Enter 7-15 digits", required: !0 }),
+    E && /* @__PURE__ */ e(A, { label: "Department", placeholder: "Select department", options: P, leadingIcon: /* @__PURE__ */ e(x, { className: "h-4 w-4" }), onValueChange: (t) => r == null ? void 0 : r("department", t) }),
+    /* @__PURE__ */ e(D, { label: "Message", placeholder: "How can we help you?", required: !0, onChange: (t) => r == null ? void 0 : r("message", t.target.value) })
+  ] });
+}
+export {
+  z as ContactFormSection
+};

package/dist/components/overrides/ui/composed/search-filter-section.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx as s, jsxs as N, Fragment as le } from "react/jsx-runtime";
+import { c as ae } from "react-compiler-runtime";
+import { Filter as se, X as ne } from "lucide-react";
+import { useState as T } from "react";
+import { DoctButton as re } from "../../../ui/button.js";
+import { cn as ce } from "../../../../lib/utils.js";
+import { DatePickerField as W } from "../pickers/date-picker-field.js";
+import { SelectField as Y } from "../pickers/select-field.js";
+import { SearchInput as ie } from "../search/search-input.js";
+const me = [{
+  value: "all",
+  label: "All Categories"
+}, {
+  value: "electronics",
+  label: "Electronics"
+}, {
+  value: "clothing",
+  label: "Clothing"
+}, {
+  value: "books",
+  label: "Books"
+}], de = [{
+  value: "newest",
+  label: "Newest First"
+}, {
+  value: "oldest",
+  label: "Oldest First"
+}, {
+  value: "name-asc",
+  label: "Name A-Z"
+}, {
+  value: "name-desc",
+  label: "Name Z-A"
+}], xe = (w) => {
+  const e = ae(53), {
+    className: M,
+    searchPlaceholder: G,
+    categories: H,
+    sortOptions: J,
+    showDateFilter: K,
+    onSearch: v,
+    onFilter: F,
+    onClear: u,
+    defaultFilters: l
+  } = w, j = G === void 0 ? "Search..." : G, P = H === void 0 ? me : H, z = J === void 0 ? de : J, B = K === void 0 ? !1 : K, V = (l == null ? void 0 : l.category) ?? "", Z = (l == null ? void 0 : l.sort) ?? "", E = l == null ? void 0 : l.dateFrom, I = l == null ? void 0 : l.dateTo;
+  let x;
+  e[0] !== V || e[1] !== Z || e[2] !== E || e[3] !== I ? (x = {
+    category: V,
+    sort: Z,
+    dateFrom: E,
+    dateTo: I
+  }, e[0] = V, e[1] = Z, e[2] = E, e[3] = I, e[4] = x) : x = e[4];
+  const [t, L] = T(x), [X, ee] = T(!1), [_, te] = T(!1);
+  let C;
+  e[5] !== t.dateFrom ? (C = t.dateFrom ?? /* @__PURE__ */ new Date(), e[5] = t.dateFrom, e[6] = C) : C = e[6];
+  const [b, Q] = T(C);
+  let y;
+  e[7] !== t.dateTo ? (y = t.dateTo ?? /* @__PURE__ */ new Date(), e[7] = t.dateTo, e[8] = y) : y = e[8];
+  const [S, R] = T(y);
+  let O;
+  e[9] !== t || e[10] !== F ? (O = (o, oe) => {
+    const U = {
+      ...t,
+      [o]: oe
+    };
+    L(U), F == null || F(U);
+  }, e[9] = t, e[10] = F, e[11] = O) : O = e[11];
+  const a = O;
+  let D;
+  e[12] !== u ? (D = () => {
+    L({
+      category: "",
+      sort: "",
+      dateFrom: void 0,
+      dateTo: void 0
+    }), u == null || u();
+  }, e[12] = u, e[13] = D) : D = e[13];
+  const $ = D, q = Object.values(t).some(he);
+  let n;
+  e[14] !== M ? (n = ce("space-y-4", M), e[14] = M, e[15] = n) : n = e[15];
+  let r;
+  e[16] !== v ? (r = (o) => v == null ? void 0 : v(o.target.value), e[16] = v, e[17] = r) : r = e[17];
+  let c;
+  e[18] !== j || e[19] !== r ? (c = /* @__PURE__ */ s(ie, { size: "medium", placeholder: j, onChange: r }), e[18] = j, e[19] = r, e[20] = c) : c = e[20];
+  let k;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ s(se, { className: "h-4 w-4 text-gray-500" }),
+    /* @__PURE__ */ s("span", { className: "text-sm font-medium text-gray-700", children: "Filters:" })
+  ] }), e[21] = k) : k = e[21];
+  let i;
+  e[22] !== a ? (i = (o) => a("category", o), e[22] = a, e[23] = i) : i = e[23];
+  let m;
+  e[24] !== P || e[25] !== i ? (m = /* @__PURE__ */ s(Y, { placeholder: "Category", options: P, onValueChange: i, className: "min-w-[140px]" }), e[24] = P, e[25] = i, e[26] = m) : m = e[26];
+  let d;
+  e[27] !== a ? (d = (o) => a("sort", o), e[27] = a, e[28] = d) : d = e[28];
+  let h;
+  e[29] !== z || e[30] !== d ? (h = /* @__PURE__ */ s(Y, { placeholder: "Sort by", options: z, onValueChange: d, className: "min-w-[140px]" }), e[29] = z, e[30] = d, e[31] = h) : h = e[31];
+  let p;
+  e[32] !== t.dateFrom || e[33] !== t.dateTo || e[34] !== a || e[35] !== b || e[36] !== S || e[37] !== X || e[38] !== _ || e[39] !== B ? (p = B && /* @__PURE__ */ N(le, { children: [
+    /* @__PURE__ */ s(W, { placeholder: "From date", value: t.dateFrom, onSelect: (o) => {
+      a("dateFrom", o), Q(o ?? b);
+    }, className: "min-w-[140px]", open: X, onOpenChange: ee, month: b, onMonthChange: Q }),
+    /* @__PURE__ */ s(W, { placeholder: "To date", value: t.dateTo, onSelect: (o) => {
+      a("dateTo", o), R(o ?? S);
+    }, className: "min-w-[140px]", open: _, onOpenChange: te, month: S, onMonthChange: R })
+  ] }), e[32] = t.dateFrom, e[33] = t.dateTo, e[34] = a, e[35] = b, e[36] = S, e[37] = X, e[38] = _, e[39] = B, e[40] = p) : p = e[40];
+  let f;
+  e[41] !== $ || e[42] !== q ? (f = q && /* @__PURE__ */ N(re, { variant: "outline", size: "small", onClick: $, className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ s(ne, { className: "h-3 w-3" }),
+    "Clear"
+  ] }), e[41] = $, e[42] = q, e[43] = f) : f = e[43];
+  let g;
+  e[44] !== m || e[45] !== h || e[46] !== p || e[47] !== f ? (g = /* @__PURE__ */ N("div", { className: "flex flex-wrap items-center gap-4", children: [
+    k,
+    m,
+    h,
+    p,
+    f
+  ] }), e[44] = m, e[45] = h, e[46] = p, e[47] = f, e[48] = g) : g = e[48];
+  let A;
+  return e[49] !== n || e[50] !== c || e[51] !== g ? (A = /* @__PURE__ */ N("div", { className: n, children: [
+    c,
+    g
+  ] }), e[49] = n, e[50] = c, e[51] = g, e[52] = A) : A = e[52], A;
+};
+function he(w) {
+  return w !== "" && w !== void 0;
+}
+export {
+  xe as SearchFilterSection
+};

package/dist/components/overrides/ui/composed/user-registration-section.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import { c as z } from "react-compiler-runtime";
+import { Mail as G, User as H } from "lucide-react";
+import { useState as r } from "react";
+import { cn as J } from "../../../../lib/utils.js";
+import { LabeledInput as U } from "../inputs/labeled-input.js";
+import { PasswordInput as _ } from "../inputs/password-input.js";
+import { DatePickerField as K } from "../pickers/date-picker-field.js";
+import { SelectField as Q } from "../pickers/select-field.js";
+const W = [{
+  value: "personal",
+  label: "Personal Account"
+}, {
+  value: "business",
+  label: "Business Account"
+}, {
+  value: "developer",
+  label: "Developer Account"
+}];
+function le(j) {
+  const e = z(43), {
+    className: D,
+    showDateOfBirth: q,
+    accountTypes: N,
+    onValueChange: t
+  } = j, T = q === void 0 ? !0 : q, g = N === void 0 ? W : N, [l, E] = r(), [x, F] = r(!1), [B, k] = r(!1), [O, L] = r(!1);
+  let b;
+  e[0] !== l ? (b = l ?? /* @__PURE__ */ new Date(), e[0] = l, e[1] = b) : b = e[1];
+  const [P, C] = r(b), [A, R] = r(""), [M, $] = r("");
+  let a;
+  e[2] !== D ? (a = J("space-y-4", D), e[2] = D, e[3] = a) : a = e[3];
+  let i;
+  e[4] !== t ? (i = /* @__PURE__ */ o(U, { label: "Username", placeholder: "Choose a username", helperText: "Must be at least 3 characters long", required: !0, onChange: (s) => t == null ? void 0 : t("username", s.target.value) }), e[4] = t, e[5] = i) : i = e[5];
+  let y;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ o(G, { className: "h-4 w-4" }), e[6] = y) : y = e[6];
+  let c;
+  e[7] !== t ? (c = /* @__PURE__ */ o(U, { label: "Email Address", type: "email", placeholder: "Enter your email", leftIcon: y, required: !0, onChange: (s) => t == null ? void 0 : t("email", s.target.value) }), e[7] = t, e[8] = c) : c = e[8];
+  let n;
+  e[9] !== t ? (n = (s) => {
+    R(s), t == null || t("password", s);
+  }, e[9] = t, e[10] = n) : n = e[10];
+  let f;
+  e[11] !== A || e[12] !== x || e[13] !== n ? (f = /* @__PURE__ */ o(_, { label: "Password", helperText: "Must be at least 8 characters", required: !0, value: A, onChange: n, showPassword: x, onShowPasswordChange: F }), e[11] = A, e[12] = x, e[13] = n, e[14] = f) : f = e[14];
+  let m;
+  e[15] !== t ? (m = (s) => {
+    $(s), t == null || t("confirmPassword", s);
+  }, e[15] = t, e[16] = m) : m = e[16];
+  let d;
+  e[17] !== M || e[18] !== B || e[19] !== m ? (d = /* @__PURE__ */ o(_, { label: "Confirm Password", placeholder: "Confirm your password", required: !0, value: M, onChange: m, showPassword: B, onShowPasswordChange: k }), e[17] = M, e[18] = B, e[19] = m, e[20] = d) : d = e[20];
+  let p;
+  e[21] !== d || e[22] !== f ? (p = /* @__PURE__ */ I("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+    f,
+    d
+  ] }), e[21] = d, e[22] = f, e[23] = p) : p = e[23];
+  let v;
+  e[24] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ o(H, { className: "h-4 w-4" }), e[24] = v) : v = e[24];
+  let u;
+  e[25] !== t ? (u = (s) => t == null ? void 0 : t("accountType", s), e[25] = t, e[26] = u) : u = e[26];
+  let h;
+  e[27] !== g || e[28] !== u ? (h = /* @__PURE__ */ o(Q, { label: "Account Type", placeholder: "Select account type", options: g, leadingIcon: v, required: !0, onValueChange: u }), e[27] = g, e[28] = u, e[29] = h) : h = e[29];
+  let w;
+  e[30] !== l || e[31] !== P || e[32] !== t || e[33] !== O || e[34] !== T ? (w = T && /* @__PURE__ */ o(K, { label: "Date of Birth", placeholder: "Select your birth date", helperText: "Must be 18 or older", value: l, maxDate: /* @__PURE__ */ new Date(), onSelect: (s) => {
+    E(s), C(s ?? P), s && (t == null || t("dateOfBirth", s));
+  }, open: O, onOpenChange: L, month: P, onMonthChange: C }), e[30] = l, e[31] = P, e[32] = t, e[33] = O, e[34] = T, e[35] = w) : w = e[35];
+  let S;
+  return e[36] !== p || e[37] !== h || e[38] !== w || e[39] !== a || e[40] !== i || e[41] !== c ? (S = /* @__PURE__ */ I("div", { className: a, children: [
+    i,
+    c,
+    p,
+    h,
+    w
+  ] }), e[36] = p, e[37] = h, e[38] = w, e[39] = a, e[40] = i, e[41] = c, e[42] = S) : S = e[42], S;
+}
+export {
+  le as UserRegistrationSection
+};

package/dist/components/overrides/ui/currencyInput/currency-input.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as $, jsxs as R } from "react/jsx-runtime";
+import { c as F } from "react-compiler-runtime";
+import z from "react";
+import { cn as S } from "../../../../lib/utils.js";
+const B = z.forwardRef((k, A) => {
+  const e = F(45);
+  let d, l, t, r, i, s, n, a, c, o;
+  e[0] !== k ? ({
+    className: d,
+    label: s,
+    helperText: r,
+    error: t,
+    startAdornment: o,
+    endAdornment: l,
+    required: c,
+    id: i,
+    onInput: n,
+    ...a
+  } = k, e[0] = k, e[1] = d, e[2] = l, e[3] = t, e[4] = r, e[5] = i, e[6] = s, e[7] = n, e[8] = a, e[9] = c, e[10] = o) : (d = e[1], l = e[2], t = e[3], r = e[4], i = e[5], s = e[6], n = e[7], a = e[8], c = e[9], o = e[10]);
+  const v = !!t;
+  let I;
+  e[11] !== i ? (I = i || `currency-input-${Math.random().toString(36).substr(2, 9)}`, e[11] = i, e[12] = I) : I = e[12];
+  const u = I;
+  let _;
+  e[13] !== n ? (_ = (T) => {
+    var E;
+    const q = T.currentTarget;
+    let y = q.value;
+    y = y.replace(/[^0-9.]/g, "");
+    const N = y.split(".");
+    N.length > 2 && (y = `${N[0]}.${N.slice(1).join("")}`), ((E = N[1]) == null ? void 0 : E.length) > 2 && (y = `${N[0]}.${N[1].substring(0, 2)}`), q.value = y, n && n(T);
+  }, e[13] = n, e[14] = _) : _ = e[14];
+  const C = _;
+  let m;
+  e[15] !== u || e[16] !== s || e[17] !== c ? (m = s && /* @__PURE__ */ R("label", { htmlFor: u, className: "text-sm font-medium text-gray-700", children: [
+    s,
+    c && /* @__PURE__ */ $("span", { className: "text-red-500 ml-1", children: "*" })
+  ] }), e[15] = u, e[16] = s, e[17] = c, e[18] = m) : m = e[18];
+  const M = v ? "border-destructive" : "border-input";
+  let p;
+  e[19] !== d || e[20] !== M ? (p = S("flex items-center h-10 w-full rounded-md border bg-background text-sm ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", M, d), e[19] = d, e[20] = M, e[21] = p) : p = e[21];
+  let f;
+  e[22] !== o ? (f = o && /* @__PURE__ */ $("span", { className: "px-3 text-sm text-muted-foreground", children: o }), e[22] = o, e[23] = f) : f = e[23];
+  let j;
+  e[24] === Symbol.for("react.memo_cache_sentinel") ? (j = S("flex-1 px-3 py-2 rounded-md placeholder:text-muted-foreground focus:outline-none disabled:opacity-50"), e[24] = j) : j = e[24];
+  let x;
+  e[25] !== C || e[26] !== u || e[27] !== a || e[28] !== A ? (x = /* @__PURE__ */ $("input", { id: u, type: "text", inputMode: "decimal", pattern: "^\\d+(\\.\\d{0,2})?$", className: j, ref: A, onInput: C, ...a }), e[25] = C, e[26] = u, e[27] = a, e[28] = A, e[29] = x) : x = e[29];
+  let h;
+  e[30] !== l ? (h = l && /* @__PURE__ */ $("span", { className: "px-3 text-sm text-muted-foreground", children: l }), e[30] = l, e[31] = h) : h = e[31];
+  let g;
+  e[32] !== p || e[33] !== f || e[34] !== x || e[35] !== h ? (g = /* @__PURE__ */ R("div", { className: p, children: [
+    f,
+    x,
+    h
+  ] }), e[32] = p, e[33] = f, e[34] = x, e[35] = h, e[36] = g) : g = e[36];
+  let b;
+  e[37] !== t || e[38] !== v || e[39] !== r ? (b = (r || t) && /* @__PURE__ */ $("span", { className: S("text-xs", v ? "text-red-500" : "text-muted-foreground"), children: t || r }), e[37] = t, e[38] = v, e[39] = r, e[40] = b) : b = e[40];
+  let w;
+  return e[41] !== g || e[42] !== b || e[43] !== m ? (w = /* @__PURE__ */ R("div", { className: "flex flex-col space-y-1", children: [
+    m,
+    g,
+    b
+  ] }), e[41] = g, e[42] = b, e[43] = m, e[44] = w) : w = e[44], w;
+});
+B.displayName = "CurrencyInput";
+export {
+  B as CurrencyInput
+};

package/dist/components/overrides/ui/doct-animation-loader.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { c as o } from "react-compiler-runtime";
+function l(c) {
+  const e = o(2), {
+    src: i
+  } = c;
+  let t;
+  return e[0] !== i ? (t = /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center h-screen w-full bg-white", children: /* @__PURE__ */ n("img", { src: i, alt: "Loading animation", className: "w-32 h-32 object-contain" }) }), e[0] = i, e[1] = t) : t = e[1], t;
+}
+export {
+  l as DoctAnimationLoader
+};

package/dist/components/overrides/ui/expandable-card.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as s, jsxs as ie } from "react/jsx-runtime";
+import { c as fe } from "react-compiler-runtime";
+import { Collapsible as P } from "@base-ui/react/collapsible";
+import { ChevronDown as me } from "lucide-react";
+import * as T from "react";
+import { cn as R } from "../../../lib/utils.js";
+import { DoctTypography as ne } from "../../ui/typography.js";
+function Ce(d) {
+  const e = fe(75), {
+    title: A,
+    content: B,
+    defaultOpen: y,
+    open: H,
+    onOpenChange: I,
+    className: J,
+    titleTypographyProps: l,
+    contentTypographyProps: i,
+    animationDuration: p,
+    disabled: ee,
+    clickableArea: le
+  } = d, ae = y === void 0 ? !1 : y, L = p === void 0 ? 200 : p, n = ee === void 0 ? !1 : ee, t = le === void 0 ? "full" : le, [te, de] = T.useState(ae), a = H !== void 0 ? H : te;
+  let V;
+  e[0] !== H || e[1] !== I ? (V = (o) => {
+    H === void 0 && de(o), I == null || I(o);
+  }, e[0] = H, e[1] = I, e[2] = V) : V = e[2];
+  const c = V;
+  let S;
+  e[3] !== n || e[4] !== c || e[5] !== a ? (S = () => {
+    n || c(!a);
+  }, e[3] = n, e[4] = c, e[5] = a, e[6] = S) : S = e[6];
+  const f = S;
+  let q;
+  e[7] !== t || e[8] !== f ? (q = () => {
+    (t === "header" || t === "full") && f();
+  }, e[7] = t, e[8] = f, e[9] = q) : q = e[9];
+  const M = q, se = ve;
+  let z;
+  e[10] !== f ? (z = (o) => {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), f());
+  }, e[10] = f, e[11] = z) : z = e[11];
+  const Q = z, ce = ue, U = n && "opacity-50 cursor-not-allowed";
+  let m;
+  e[12] !== J || e[13] !== U ? (m = R("rounded-md border", U, J), e[12] = J, e[13] = U, e[14] = m) : m = e[14];
+  const W = (t === "header" || t === "full") && !n && "cursor-pointer hover:bg-accent/50 transition-colors";
+  let u;
+  e[15] !== W ? (u = R("flex items-center justify-between p-4", W), e[15] = W, e[16] = u) : u = e[16];
+  let v;
+  e[17] !== t || e[18] !== n || e[19] !== M || e[20] !== Q || e[21] !== a ? (v = t === "header" || t === "full" ? {
+    onClick: M,
+    onKeyDown: Q,
+    role: "button",
+    tabIndex: n ? void 0 : 0,
+    "aria-expanded": a,
+    "aria-disabled": n
+  } : {
+    role: "region"
+  }, e[17] = t, e[18] = n, e[19] = M, e[20] = Q, e[21] = a, e[22] = v) : v = e[22];
+  let b;
+  e[23] !== A || e[24] !== (l == null ? void 0 : l.align) || e[25] !== (l == null ? void 0 : l.className) || e[26] !== (l == null ? void 0 : l.color) || e[27] !== (l == null ? void 0 : l.variant) || e[28] !== (l == null ? void 0 : l.weight) ? (b = T.isValidElement(A) ? A : /* @__PURE__ */ s(ne, { variant: (l == null ? void 0 : l.variant) ?? "h6", weight: (l == null ? void 0 : l.weight) ?? "semiBold", align: l == null ? void 0 : l.align, color: l == null ? void 0 : l.color, className: l == null ? void 0 : l.className, children: A }), e[23] = A, e[24] = l == null ? void 0 : l.align, e[25] = l == null ? void 0 : l.className, e[26] = l == null ? void 0 : l.color, e[27] = l == null ? void 0 : l.variant, e[28] = l == null ? void 0 : l.weight, e[29] = b) : b = e[29];
+  const X = n && "cursor-not-allowed";
+  let w;
+  e[30] !== X ? (w = R("transition-transform rounded p-1 hover:bg-accent focus:outline-none focus:ring-2 focus:ring-ring", X), e[30] = X, e[31] = w) : w = e[31];
+  const Y = `${L}ms`;
+  let N;
+  e[32] !== Y ? (N = {
+    transitionDuration: Y
+  }, e[32] = Y, e[33] = N) : N = e[33];
+  const Z = a ? "Collapse" : "Expand";
+  let D;
+  e[34] !== n || e[35] !== w || e[36] !== N || e[37] !== Z ? (D = /* @__PURE__ */ s("button", { type: "button", onClick: se, onKeyDown: ce, disabled: n, className: w, style: N, "aria-label": Z }), e[34] = n, e[35] = w, e[36] = N, e[37] = Z, e[38] = D) : D = e[38];
+  const _ = a && "rotate-180";
+  let k;
+  e[39] !== _ ? (k = R("h-5 w-5 transition-transform", _), e[39] = _, e[40] = k) : k = e[40];
+  const r = `${L}ms`;
+  let x;
+  e[41] !== r ? (x = {
+    transitionDuration: r
+  }, e[41] = r, e[42] = x) : x = e[42];
+  let C;
+  e[43] !== k || e[44] !== x ? (C = /* @__PURE__ */ s(me, { className: k, style: x }), e[43] = k, e[44] = x, e[45] = C) : C = e[45];
+  let E;
+  e[46] !== D || e[47] !== C ? (E = /* @__PURE__ */ s(P.Trigger, { render: D, children: C }), e[46] = D, e[47] = C, e[48] = E) : E = e[48];
+  let O;
+  e[49] !== u || e[50] !== v || e[51] !== b || e[52] !== E ? (O = /* @__PURE__ */ ie("div", { className: u, ...v, children: [
+    b,
+    E
+  ] }), e[49] = u, e[50] = v, e[51] = b, e[52] = E, e[53] = O) : O = e[53];
+  const g = `${L}ms`;
+  let F;
+  e[54] !== g ? (F = {
+    "--collapsible-duration": g
+  }, e[54] = g, e[55] = F) : F = e[55];
+  const h = F;
+  let K;
+  e[56] !== B || e[57] !== (i == null ? void 0 : i.align) || e[58] !== (i == null ? void 0 : i.className) || e[59] !== (i == null ? void 0 : i.color) || e[60] !== (i == null ? void 0 : i.variant) || e[61] !== (i == null ? void 0 : i.weight) ? (K = T.isValidElement(B) ? B : /* @__PURE__ */ s(ne, { variant: (i == null ? void 0 : i.variant) ?? "body2", weight: (i == null ? void 0 : i.weight) ?? "regular", align: i == null ? void 0 : i.align, color: i == null ? void 0 : i.color, className: R("text-muted-foreground", i == null ? void 0 : i.className), children: B }), e[56] = B, e[57] = i == null ? void 0 : i.align, e[58] = i == null ? void 0 : i.className, e[59] = i == null ? void 0 : i.color, e[60] = i == null ? void 0 : i.variant, e[61] = i == null ? void 0 : i.weight, e[62] = K) : K = e[62];
+  let $;
+  e[63] !== K ? ($ = /* @__PURE__ */ s("div", { className: "px-4 pb-4", children: K }), e[63] = K, e[64] = $) : $ = e[64];
+  let j;
+  e[65] !== h || e[66] !== $ ? (j = /* @__PURE__ */ s(P.Panel, { className: "overflow-hidden data-[closed]:animate-collapsible-up data-[open]:animate-collapsible-down", style: h, children: $ }), e[65] = h, e[66] = $, e[67] = j) : j = e[67];
+  let G;
+  return e[68] !== n || e[69] !== c || e[70] !== a || e[71] !== m || e[72] !== O || e[73] !== j ? (G = /* @__PURE__ */ ie(P.Root, { open: a, onOpenChange: c, disabled: n, className: m, children: [
+    O,
+    j
+  ] }), e[68] = n, e[69] = c, e[70] = a, e[71] = m, e[72] = O, e[73] = j, e[74] = G) : G = e[74], G;
+}
+function ue(d) {
+  (d.key === "Enter" || d.key === " ") && d.stopPropagation();
+}
+function ve(d) {
+  d.stopPropagation();
+}
+export {
+  Ce as ExpandableCard
+};

package/dist/components/overrides/ui/footer/doct-footer.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { c as P } from "react-compiler-runtime";
+import * as h from "react";
+import { cn as b } from "../../../../lib/utils.js";
+import { FooterDesktop as v } from "./footer-desktop.js";
+import { FooterMobile as C } from "./footer-mobile.js";
+import { getConsumerFooterColumns as w, getConsumerFooterPlatformPolicies as E, getConsumerFooterEnterprisePolicies as M, consumerFooterCopyrightText as x, consumerFooterBrand as y } from "./presets.js";
+const l = 1024;
+function T() {
+  const o = P(2), [i, r] = h.useState(void 0);
+  let e, t;
+  return o[0] === Symbol.for("react.memo_cache_sentinel") ? (e = () => {
+    const s = window.matchMedia(`(max-width: ${l - 1}px)`), n = () => r(window.innerWidth < l);
+    return s.addEventListener("change", n), r(window.innerWidth < l), () => s.removeEventListener("change", n);
+  }, t = [], o[0] = e, o[1] = t) : (e = o[0], t = o[1]), h.useEffect(e, t), !!i;
+}
+function R({
+  brand: o,
+  columns: i,
+  platformPolicies: r,
+  enterprisePolicies: e,
+  copyrightText: t,
+  className: s,
+  isMobileOverride: n
+}) {
+  "use no memo";
+  const g = T(), F = n ?? g, m = o ?? y, c = i ?? w(), a = r ?? E(), u = e ?? M(), f = t ?? x;
+  if (!c.length) return null;
+  const p = b("w-full", s);
+  return F ? /* @__PURE__ */ d(C, { brand: m, columns: c, platformPolicies: a, enterprisePolicies: u, copyrightText: f, className: p }) : /* @__PURE__ */ d(v, { brand: m, columns: c, platformPolicies: a, enterprisePolicies: u, copyrightText: f, className: p });
+}
+export {
+  R as DoctFooter
+};

package/dist/components/overrides/ui/footer/footer-desktop.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { c as v } from "react-compiler-runtime";
+import * as P from "react";
+import { DoctTypography as F } from "../../../ui/typography.js";
+import { cn as I } from "../../../../lib/utils.js";
+import { FooterBrandBlock as L, FooterCopyright as B, FooterNavLink as R, SeeAllLinkList as T } from "./footer-shared.js";
+function q(c) {
+  const e = v(28), {
+    brand: t,
+    columns: o,
+    platformPolicies: a,
+    enterprisePolicies: l,
+    copyrightText: i,
+    className: n
+  } = c, [k, A] = P.useState(null);
+  if (!o.length)
+    return null;
+  let r;
+  e[0] !== n ? (r = I("mt-auto w-full border-t border-black/8 bg-[#F5FBFD]", n), e[0] = n, e[1] = r) : r = e[1];
+  let d;
+  e[2] !== t ? (d = /* @__PURE__ */ s("div", { className: "min-w-[175px] flex-[1.2] xl:min-w-[175px]", children: /* @__PURE__ */ s(L, { brand: t, variant: "desktop" }) }), e[2] = t, e[3] = d) : d = e[3];
+  let f;
+  if (e[4] !== o || e[5] !== k) {
+    let g;
+    e[7] !== k ? (g = (y) => /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-5 pb-4", children: y.sections.map((w, C) => /* @__PURE__ */ s("div", { className: I(C > 0 && "border-t border-black/8 pt-4"), children: /* @__PURE__ */ s(V, { section: w, expandedSeeAllSectionId: k, onSeeAllExpandChange: A }) }, w.id)) }) }, y.id), e[7] = k, e[8] = g) : g = e[8], f = o.map(g), e[4] = o, e[5] = k, e[6] = f;
+  } else
+    f = e[6];
+  let p;
+  e[9] !== d || e[10] !== f ? (p = /* @__PURE__ */ u("div", { className: "flex gap-4 py-6 xl:gap-6", children: [
+    d,
+    f
+  ] }), e[9] = d, e[10] = f, e[11] = p) : p = e[11];
+  let m;
+  e[12] !== a ? (m = /* @__PURE__ */ s(E, { title: "PLATFORM POLICIES", policies: a }), e[12] = a, e[13] = m) : m = e[13];
+  let x;
+  e[14] !== l ? (x = /* @__PURE__ */ s(E, { title: "ENTERPRISE POLICIES", policies: l }), e[14] = l, e[15] = x) : x = e[15];
+  let h;
+  e[16] !== m || e[17] !== x ? (h = /* @__PURE__ */ u("div", { className: "flex items-start justify-between border-t border-black/8 py-4", children: [
+    m,
+    x
+  ] }), e[16] = m, e[17] = x, e[18] = h) : h = e[18];
+  let b;
+  e[19] !== i ? (b = /* @__PURE__ */ s(B, { text: i, isMobile: !1, className: "py-2" }), e[19] = i, e[20] = b) : b = e[20];
+  let N;
+  e[21] !== p || e[22] !== h || e[23] !== b ? (N = /* @__PURE__ */ u("div", { className: "mx-auto w-full max-w-[1160px]", children: [
+    p,
+    h,
+    b
+  ] }), e[21] = p, e[22] = h, e[23] = b, e[24] = N) : N = e[24];
+  let S;
+  return e[25] !== r || e[26] !== N ? (S = /* @__PURE__ */ s("footer", { className: r, children: N }), e[25] = r, e[26] = N, e[27] = S) : S = e[27], S;
+}
+function V(c) {
+  const e = v(11), {
+    section: t,
+    expandedSeeAllSectionId: o,
+    onSeeAllExpandChange: a
+  } = c;
+  let l;
+  e[0] !== t.title ? (l = /* @__PURE__ */ s(F, { variant: "body3", weight: "bold", className: "px-1.5 py-2.5 mb-1 !text-[#313233]", children: t.title }), e[0] = t.title, e[1] = l) : l = e[1];
+  let i;
+  e[2] !== o || e[3] !== a || e[4] !== t.id || e[5] !== t.links || e[6] !== t.sectionVariant ? (i = /* @__PURE__ */ s(T, { links: t.links, sectionVariant: t.sectionVariant, linkClassName: "text-black/68", sectionId: t.id, expandedSectionId: o, onExpandChange: a }), e[2] = o, e[3] = a, e[4] = t.id, e[5] = t.links, e[6] = t.sectionVariant, e[7] = i) : i = e[7];
+  let n;
+  return e[8] !== l || e[9] !== i ? (n = /* @__PURE__ */ u("div", { className: "flex flex-col", children: [
+    l,
+    i
+  ] }), e[8] = l, e[9] = i, e[10] = n) : n = e[10], n;
+}
+function E(c) {
+  const e = v(9), {
+    title: t,
+    policies: o
+  } = c;
+  let a;
+  e[0] !== t ? (a = /* @__PURE__ */ s(F, { variant: "body3", weight: "bold", className: "py-2 !text-[#313233]", children: t }), e[0] = t, e[1] = a) : a = e[1];
+  let l;
+  e[2] !== o ? (l = o.map(j), e[2] = o, e[3] = l) : l = e[3];
+  let i;
+  e[4] !== l ? (i = /* @__PURE__ */ s("div", { className: "flex flex-wrap items-start gap-6", children: l }), e[4] = l, e[5] = i) : i = e[5];
+  let n;
+  return e[6] !== a || e[7] !== i ? (n = /* @__PURE__ */ u("div", { className: "flex flex-col items-start", children: [
+    a,
+    i
+  ] }), e[6] = a, e[7] = i, e[8] = n) : n = e[8], n;
+}
+function j(c) {
+  return /* @__PURE__ */ s(R, { link: c, className: "px-0 py-1 text-black/56" }, c.id);
+}
+export {
+  q as FooterDesktop
+};