@cloudflare/kumo 1.8.0 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +41 -0
- package/ai/component-registry.json +117 -42
- package/ai/component-registry.md +124 -17
- package/ai/schemas.ts +7 -6
- package/dist/.build-complete +1 -1
- package/dist/ai/schemas.d.ts +43 -41
- package/dist/ai/schemas.d.ts.map +1 -1
- package/dist/catalog.js +1 -1
- package/dist/{checkbox-BUV90tNU.js → checkbox-CfFoTNFI.js} +8 -8
- package/dist/{checkbox-BUV90tNU.js.map → checkbox-CfFoTNFI.js.map} +1 -1
- package/dist/{clipboard-text-BVKGunue.js → clipboard-text-1d0rHIhb.js} +24 -24
- package/dist/{clipboard-text-BVKGunue.js.map → clipboard-text-1d0rHIhb.js.map} +1 -1
- package/dist/{combobox-DyTgHki4.js → combobox-vnvi22pn.js} +4 -4
- package/dist/{combobox-DyTgHki4.js.map → combobox-vnvi22pn.js.map} +1 -1
- package/dist/{command-palette-B2hkPSQm.js → command-palette-B80cqB7K.js} +2 -2
- package/dist/{command-palette-B2hkPSQm.js.map → command-palette-B80cqB7K.js.map} +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/clipboard-text.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/command-palette.js +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/field.js +1 -1
- package/dist/components/flow.js +1472 -1412
- package/dist/components/flow.js.map +1 -1
- package/dist/components/input.js +3 -3
- package/dist/components/label.js +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/menubar.js +1 -1
- package/dist/components/meter.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/radio.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/sensitive-input.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/toast.js +2 -2
- package/dist/components/tooltip.js +1 -1
- package/dist/{dialog-B2EHaSoL.js → dialog-C4BIM-74.js} +6 -6
- package/dist/{dialog-B2EHaSoL.js.map → dialog-C4BIM-74.js.map} +1 -1
- package/dist/dropdown-CfS4QcSR.js +295 -0
- package/dist/dropdown-CfS4QcSR.js.map +1 -0
- package/dist/{field-Bkh5pJay.js → field-B8xISAuX.js} +5 -5
- package/dist/{field-Bkh5pJay.js.map → field-B8xISAuX.js.map} +1 -1
- package/dist/index.js +27 -27
- package/dist/{input-DjItb3_k.js → input-DCzpefuq.js} +3 -3
- package/dist/{input-DjItb3_k.js.map → input-DCzpefuq.js.map} +1 -1
- package/dist/{input-area-BcidmGaO.js → input-area-DCaAN9nG.js} +3 -3
- package/dist/{input-area-BcidmGaO.js.map → input-area-DCaAN9nG.js.map} +1 -1
- package/dist/{input-group-CMAvOKIV.js → input-group-BbaVpJnA.js} +2 -2
- package/dist/{input-group-CMAvOKIV.js.map → input-group-BbaVpJnA.js.map} +1 -1
- package/dist/{label-Cjpb7l1F.js → label-Cd6nCDWj.js} +2 -2
- package/dist/{label-Cjpb7l1F.js.map → label-Cd6nCDWj.js.map} +1 -1
- package/dist/{link-DUqZGMVk.js → link-DJq9RWpK.js} +11 -11
- package/dist/{link-DUqZGMVk.js.map → link-DJq9RWpK.js.map} +1 -1
- package/dist/{menubar-bgBP3EJi.js → menubar-Chchzst0.js} +2 -2
- package/dist/{menubar-bgBP3EJi.js.map → menubar-Chchzst0.js.map} +1 -1
- package/dist/{meter-BziPAH9D.js → meter-Wk7_EhaO.js} +4 -4
- package/dist/{meter-BziPAH9D.js.map → meter-Wk7_EhaO.js.map} +1 -1
- package/dist/pagination-DFHoZwPJ.js +208 -0
- package/dist/pagination-DFHoZwPJ.js.map +1 -0
- package/dist/{popover-C2w2uRlu.js → popover-D20xpmdk.js} +22 -20
- package/dist/{popover-C2w2uRlu.js.map → popover-D20xpmdk.js.map} +1 -1
- package/dist/primitives/accordion.js +1 -1
- package/dist/primitives/alert-dialog.js +1 -1
- package/dist/primitives/autocomplete.js +1 -1
- package/dist/primitives/avatar.js +1 -1
- package/dist/primitives/button.js +1 -1
- package/dist/primitives/checkbox-group.js +1 -1
- package/dist/primitives/checkbox.js +1 -1
- package/dist/primitives/collapsible.js +1 -1
- package/dist/primitives/combobox.js +1 -1
- package/dist/primitives/context-menu.js +1 -1
- package/dist/primitives/csp-provider.js +6 -0
- package/dist/primitives/csp-provider.js.map +1 -0
- package/dist/primitives/dialog.js +1 -1
- package/dist/primitives/direction-provider.js +1 -1
- package/dist/primitives/drawer.js +6 -0
- package/dist/primitives/drawer.js.map +1 -0
- package/dist/primitives/field.js +1 -1
- package/dist/primitives/fieldset.js +2 -2
- package/dist/primitives/form.js +1 -1
- package/dist/primitives/input.js +1 -1
- package/dist/primitives/menu.js +1 -1
- package/dist/primitives/menubar.js +1 -1
- package/dist/primitives/meter.js +1 -1
- package/dist/primitives/navigation-menu.js +2 -2
- package/dist/primitives/number-field.js +1 -1
- package/dist/primitives/popover.js +1 -1
- package/dist/primitives/preview-card.js +2 -2
- package/dist/primitives/progress.js +2 -2
- package/dist/primitives/radio-group.js +1 -1
- package/dist/primitives/radio.js +2 -2
- package/dist/primitives/scroll-area.js +1 -1
- package/dist/primitives/select.js +1 -1
- package/dist/primitives/separator.js +1 -1
- package/dist/primitives/slider.js +1 -1
- package/dist/primitives/switch.js +1 -1
- package/dist/primitives/tabs.js +1 -1
- package/dist/primitives/toast.js +1 -1
- package/dist/primitives/toggle-group.js +1 -1
- package/dist/primitives/toggle.js +1 -1
- package/dist/primitives/toolbar.js +1 -1
- package/dist/primitives/tooltip.js +1 -1
- package/dist/primitives.js +31 -29
- package/dist/{radio-B8Jk1PFe.js → radio-ibVa4Y8a.js} +18 -18
- package/dist/{radio-B8Jk1PFe.js.map → radio-ibVa4Y8a.js.map} +1 -1
- package/dist/{schemas-DKFFjjzb.js → schemas-CdpAeJKO.js} +183 -183
- package/dist/{schemas-DKFFjjzb.js.map → schemas-CdpAeJKO.js.map} +1 -1
- package/dist/{select-BWTULnCR.js → select-DtcT1zGm.js} +21 -21
- package/dist/{select-BWTULnCR.js.map → select-DtcT1zGm.js.map} +1 -1
- package/dist/{sensitive-input-CgjTfZLO.js → sensitive-input-DHDRZRC7.js} +4 -4
- package/dist/{sensitive-input-CgjTfZLO.js.map → sensitive-input-DHDRZRC7.js.map} +1 -1
- package/dist/src/components/dropdown/dropdown.d.ts +26 -16
- package/dist/src/components/dropdown/dropdown.d.ts.map +1 -1
- package/dist/src/components/flow/connectors.d.ts +3 -1
- package/dist/src/components/flow/connectors.d.ts.map +1 -1
- package/dist/src/components/flow/diagram.d.ts +1 -0
- package/dist/src/components/flow/diagram.d.ts.map +1 -1
- package/dist/src/components/flow/node.d.ts +5 -1
- package/dist/src/components/flow/node.d.ts.map +1 -1
- package/dist/src/components/flow/parallel.d.ts +10 -2
- package/dist/src/components/flow/parallel.d.ts.map +1 -1
- package/dist/src/components/pagination/pagination.d.ts +134 -13
- package/dist/src/components/pagination/pagination.d.ts.map +1 -1
- package/dist/src/components/popover/popover.d.ts +7 -1
- package/dist/src/components/popover/popover.d.ts.map +1 -1
- package/dist/src/components/toast/toast.d.ts +4 -4
- package/dist/src/components/toast/toast.d.ts.map +1 -1
- package/dist/src/components/tooltip/tooltip.d.ts +1 -1
- package/dist/src/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/src/primitives/csp-provider.d.ts +13 -0
- package/dist/src/primitives/csp-provider.d.ts.map +1 -0
- package/dist/src/primitives/drawer.d.ts +13 -0
- package/dist/src/primitives/drawer.d.ts.map +1 -0
- package/dist/src/primitives/index.d.ts +2 -0
- package/dist/src/primitives/index.d.ts.map +1 -1
- package/dist/styles/kumo-standalone.css +1 -1
- package/dist/{switch-DdjM7eh6.js → switch-DrbaX2iC.js} +15 -15
- package/dist/{switch-DdjM7eh6.js.map → switch-DrbaX2iC.js.map} +1 -1
- package/dist/{table-D1EXUDHL.js → table-CH9KC36S.js} +2 -2
- package/dist/{table-D1EXUDHL.js.map → table-CH9KC36S.js.map} +1 -1
- package/dist/{tabs-Bs43O3E4.js → tabs-B-Fxc6Zo.js} +2 -2
- package/dist/{tabs-Bs43O3E4.js.map → tabs-B-Fxc6Zo.js.map} +1 -1
- package/dist/{toast-BqZw7a2p.js → toast-DUYp3EtH.js} +6 -6
- package/dist/{toast-BqZw7a2p.js.map → toast-DUYp3EtH.js.map} +1 -1
- package/dist/{tooltip-BwOFPK5h.js → tooltip-D-KwZQDV.js} +2 -2
- package/dist/{tooltip-BwOFPK5h.js.map → tooltip-D-KwZQDV.js.map} +1 -1
- package/dist/vendor-base-ui-Bsg5ebHI.js +22806 -0
- package/dist/vendor-base-ui-Bsg5ebHI.js.map +1 -0
- package/dist/{vendor-utils-DD8jNJwD.js → vendor-utils-DKXfkDYu.js} +100 -101
- package/dist/vendor-utils-DKXfkDYu.js.map +1 -0
- package/package.json +10 -2
- package/dist/dropdown-mGDt95gv.js +0 -263
- package/dist/dropdown-mGDt95gv.js.map +0 -1
- package/dist/pagination-dNzgZRjV.js +0 -100
- package/dist/pagination-dNzgZRjV.js.map +0 -1
- package/dist/vendor-base-ui-B61LL9jT.js +0 -20448
- package/dist/vendor-base-ui-B61LL9jT.js.map +0 -1
- package/dist/vendor-utils-DD8jNJwD.js.map +0 -1
|
@@ -2636,7 +2636,7 @@ const bt = (e, t) => {
|
|
|
2636
2636
|
]
|
|
2637
2637
|
}), {
|
|
2638
2638
|
parent: !0
|
|
2639
|
-
}), e.with = e.check, e.clone = (o, n) => J(e, o, n), e.brand = () => e, e.register = ((o, n) => (o.add(e, n), e)), e.parse = (o, n) => li(e, o, n, { callee: e.parse }), e.safeParse = (o, n) => di(e, o, n), e.parseAsync = async (o, n) => pi(e, o, n, { callee: e.parseAsync }), e.safeParseAsync = async (o, n) => fi(e, o, n), e.spa = e.safeParseAsync, e.encode = (o, n) => hi(e, o, n), e.decode = (o, n) => mi(e, o, n), e.encodeAsync = async (o, n) => gi(e, o, n), e.decodeAsync = async (o, n) => _i(e, o, n), e.safeEncode = (o, n) => vi(e, o, n), e.safeDecode = (o, n) => bi(e, o, n), e.safeEncodeAsync = async (o, n) => yi(e, o, n), e.safeDecodeAsync = async (o, n) => zi(e, o, n), e.refine = (o, n) => e.check(_a(o, n)), e.superRefine = (o) => e.check(va(o)), e.overwrite = (o) => e.check(/* @__PURE__ */ X(o)), e.optional = () => Be(e), e.exactOptional = () => oa(e), e.nullable = () => Ve(e), e.nullish = () => Be(Ve(e)), e.nonoptional = (o) => ca(e, o), e.array = () => L(e), e.or = (o) =>
|
|
2639
|
+
}), e.with = e.check, e.clone = (o, n) => J(e, o, n), e.brand = () => e, e.register = ((o, n) => (o.add(e, n), e)), e.parse = (o, n) => li(e, o, n, { callee: e.parse }), e.safeParse = (o, n) => di(e, o, n), e.parseAsync = async (o, n) => pi(e, o, n, { callee: e.parseAsync }), e.safeParseAsync = async (o, n) => fi(e, o, n), e.spa = e.safeParseAsync, e.encode = (o, n) => hi(e, o, n), e.decode = (o, n) => mi(e, o, n), e.encodeAsync = async (o, n) => gi(e, o, n), e.decodeAsync = async (o, n) => _i(e, o, n), e.safeEncode = (o, n) => vi(e, o, n), e.safeDecode = (o, n) => bi(e, o, n), e.safeEncodeAsync = async (o, n) => yi(e, o, n), e.safeDecodeAsync = async (o, n) => zi(e, o, n), e.refine = (o, n) => e.check(_a(o, n)), e.superRefine = (o) => e.check(va(o)), e.overwrite = (o) => e.check(/* @__PURE__ */ X(o)), e.optional = () => Be(e), e.exactOptional = () => oa(e), e.nullable = () => Ve(e), e.nullish = () => Be(Ve(e)), e.nonoptional = (o) => ca(e, o), e.array = () => L(e), e.or = (o) => y([e, o]), e.and = (o) => Xi(e, o), e.transform = (o) => We(e, ea(o)), e.default = (o) => ia(e, o), e.prefault = (o) => sa(e, o), e.catch = (o) => la(e, o), e.pipe = (o) => We(e, o), e.readonly = () => fa(e), e.describe = (o) => {
|
|
2640
2640
|
const n = e.clone();
|
|
2641
2641
|
return Y.add(n, { description: o }), n;
|
|
2642
2642
|
}, Object.defineProperty(e, "description", {
|
|
@@ -2704,7 +2704,7 @@ const I = /* @__PURE__ */ d("ZodStringFormat", (e, t) => {
|
|
|
2704
2704
|
const o = e._zod.bag;
|
|
2705
2705
|
e.minValue = Math.max(o.minimum ?? Number.NEGATIVE_INFINITY, o.exclusiveMinimum ?? Number.NEGATIVE_INFINITY) ?? null, e.maxValue = Math.min(o.maximum ?? Number.POSITIVE_INFINITY, o.exclusiveMaximum ?? Number.POSITIVE_INFINITY) ?? null, e.isInt = (o.format ?? "").includes("int") || Number.isSafeInteger(o.multipleOf ?? 0.5), e.isFinite = !0, e.format = o.format ?? null;
|
|
2706
2706
|
});
|
|
2707
|
-
function
|
|
2707
|
+
function _(e) {
|
|
2708
2708
|
return /* @__PURE__ */ ur(zt, e);
|
|
2709
2709
|
}
|
|
2710
2710
|
const Fi = /* @__PURE__ */ d("ZodNumberFormat", (e, t) => {
|
|
@@ -2744,9 +2744,9 @@ function L(e, t) {
|
|
|
2744
2744
|
return /* @__PURE__ */ Zr(Wi, e, t);
|
|
2745
2745
|
}
|
|
2746
2746
|
const Ki = /* @__PURE__ */ d("ZodObject", (e, t) => {
|
|
2747
|
-
vn.init(e, t), P.init(e, t), e._zod.processJSONSchema = (o, n, r) => Mr(e, o, n, r), S(e, "shape", () => t.shape), e.keyof = () =>
|
|
2747
|
+
vn.init(e, t), P.init(e, t), e._zod.processJSONSchema = (o, n, r) => Mr(e, o, n, r), S(e, "shape", () => t.shape), e.keyof = () => z(Object.keys(e._zod.def.shape)), e.catchall = (o) => e.clone({ ...e._zod.def, catchall: o }), e.passthrough = () => e.clone({ ...e._zod.def, catchall: s() }), e.loose = () => e.clone({ ...e._zod.def, catchall: s() }), e.strict = () => e.clone({ ...e._zod.def, catchall: Vi() }), e.strip = () => e.clone({ ...e._zod.def, catchall: void 0 }), e.extend = (o) => xt(e, o), e.safeExtend = (o) => jt(e, o), e.merge = (o) => Rt(e, o), e.pick = (o) => Ct(e, o), e.omit = (o) => At(e, o), e.partial = (...o) => Dt(kt, e, o[0]), e.required = (...o) => Ut(wt, e, o[0]);
|
|
2748
2748
|
});
|
|
2749
|
-
function
|
|
2749
|
+
function v(e, t) {
|
|
2750
2750
|
const o = {
|
|
2751
2751
|
type: "object",
|
|
2752
2752
|
shape: e ?? {},
|
|
@@ -2757,7 +2757,7 @@ function _(e, t) {
|
|
|
2757
2757
|
const qi = /* @__PURE__ */ d("ZodUnion", (e, t) => {
|
|
2758
2758
|
bn.init(e, t), P.init(e, t), e._zod.processJSONSchema = (o, n, r) => Jr(e, o, n, r), e.options = t.options;
|
|
2759
2759
|
});
|
|
2760
|
-
function
|
|
2760
|
+
function y(e, t) {
|
|
2761
2761
|
return new qi({
|
|
2762
2762
|
type: "union",
|
|
2763
2763
|
options: e,
|
|
@@ -2831,7 +2831,7 @@ const ve = /* @__PURE__ */ d("ZodEnum", (e, t) => {
|
|
|
2831
2831
|
});
|
|
2832
2832
|
};
|
|
2833
2833
|
});
|
|
2834
|
-
function
|
|
2834
|
+
function z(e, t) {
|
|
2835
2835
|
const o = Array.isArray(e) ? Object.fromEntries(e.map((n) => [n, n])) : e;
|
|
2836
2836
|
return new ve({
|
|
2837
2837
|
type: "enum",
|
|
@@ -2970,75 +2970,75 @@ function _a(e, t = {}) {
|
|
|
2970
2970
|
function va(e) {
|
|
2971
2971
|
return /* @__PURE__ */ Or(e);
|
|
2972
2972
|
}
|
|
2973
|
-
const g =
|
|
2973
|
+
const g = y([
|
|
2974
2974
|
c(),
|
|
2975
|
-
|
|
2975
|
+
_(),
|
|
2976
2976
|
h(),
|
|
2977
2977
|
w(),
|
|
2978
|
-
|
|
2978
|
+
v({ path: c() })
|
|
2979
2979
|
]), ie = ma(
|
|
2980
|
-
() =>
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2980
|
+
() => y([
|
|
2981
|
+
v({ and: L(ie) }),
|
|
2982
|
+
v({ or: L(ie) }),
|
|
2983
|
+
v({ not: ie }),
|
|
2984
|
+
v({ path: c() }),
|
|
2985
|
+
v({ eq: W([g, g]) }),
|
|
2986
|
+
v({ neq: W([g, g]) }),
|
|
2987
|
+
v({ gt: W([g, g]) }),
|
|
2988
|
+
v({ gte: W([g, g]) }),
|
|
2989
|
+
v({ lt: W([g, g]) }),
|
|
2990
|
+
v({ lte: W([g, g]) })
|
|
2991
2991
|
])
|
|
2992
|
-
), ba =
|
|
2992
|
+
), ba = y([
|
|
2993
2993
|
h(),
|
|
2994
|
-
|
|
2995
|
-
|
|
2994
|
+
v({ path: c() }),
|
|
2995
|
+
v({ auth: z(["signedIn", "signedOut"]) }),
|
|
2996
2996
|
ie
|
|
2997
|
-
]), ya =
|
|
2997
|
+
]), ya = v({
|
|
2998
2998
|
title: c(),
|
|
2999
2999
|
message: c(),
|
|
3000
|
-
variant:
|
|
3000
|
+
variant: z(["default", "danger"]).optional(),
|
|
3001
3001
|
confirmLabel: c().optional(),
|
|
3002
3002
|
cancelLabel: c().optional()
|
|
3003
|
-
}), za =
|
|
3003
|
+
}), za = v({
|
|
3004
3004
|
name: c(),
|
|
3005
3005
|
params: H(c(), g).optional(),
|
|
3006
3006
|
confirm: ya.optional(),
|
|
3007
|
-
onSuccess:
|
|
3008
|
-
onError:
|
|
3009
|
-
}), ka =
|
|
3010
|
-
variant:
|
|
3007
|
+
onSuccess: v({ set: H(c(), g) }).optional(),
|
|
3008
|
+
onError: v({ set: H(c(), g) }).optional()
|
|
3009
|
+
}), ka = v({
|
|
3010
|
+
variant: z(["primary", "secondary", "destructive", "outline", "beta"]).optional(),
|
|
3011
3011
|
// Visual style of the badge. - `"primary"` — High-emphasis badge for important labels - `"secondary"` — Subtle badge for secondary information - `"destructive"` — Error or danger state indicator - `"outline"` — Bordered badge with transparent background - `"beta"` — Dashed-border badge for beta/experimental features
|
|
3012
3012
|
className: c().optional(),
|
|
3013
3013
|
// Additional CSS classes merged via `cn()`.
|
|
3014
|
-
children:
|
|
3014
|
+
children: y([c(), _(), h(), w(), g]).optional()
|
|
3015
3015
|
// Content rendered inside the badge.
|
|
3016
|
-
}), wa =
|
|
3017
|
-
icon:
|
|
3016
|
+
}), wa = v({
|
|
3017
|
+
icon: y([c(), _(), h(), w(), g]).optional(),
|
|
3018
3018
|
// Icon element rendered before the banner content (e.g. from `@phosphor-icons/react`).
|
|
3019
3019
|
title: c().optional(),
|
|
3020
3020
|
// Primary heading text for the banner. Use for i18n string injection.
|
|
3021
|
-
description:
|
|
3021
|
+
description: y([c(), _(), h(), w(), g]).optional(),
|
|
3022
3022
|
// Secondary description text displayed below the title. Use for i18n string injection.
|
|
3023
3023
|
text: c().optional(),
|
|
3024
|
-
children:
|
|
3025
|
-
variant:
|
|
3024
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3025
|
+
variant: z(["default", "alert", "error"]).optional(),
|
|
3026
3026
|
// Visual style of the banner. - `"default"` — Informational blue banner for general messages - `"alert"` — Warning yellow banner for cautionary messages - `"error"` — Error red banner for critical issues
|
|
3027
3027
|
className: c().optional()
|
|
3028
3028
|
// Additional CSS classes merged via `cn()`.
|
|
3029
|
-
}), $a =
|
|
3030
|
-
size:
|
|
3029
|
+
}), $a = v({
|
|
3030
|
+
size: z(["sm", "base"]).optional(),
|
|
3031
3031
|
// Size of the breadcrumbs. - `"sm"` — Compact breadcrumbs for dense UIs - `"base"` — Default breadcrumbs size
|
|
3032
|
-
children:
|
|
3032
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3033
3033
|
className: c().optional()
|
|
3034
3034
|
// Additional CSS classes merged via `cn()`.
|
|
3035
|
-
}), Sa =
|
|
3036
|
-
shape:
|
|
3037
|
-
size:
|
|
3038
|
-
variant:
|
|
3039
|
-
children:
|
|
3035
|
+
}), Sa = v({
|
|
3036
|
+
shape: z(["base", "square", "circle"]).optional(),
|
|
3037
|
+
size: z(["xs", "sm", "base", "lg"]).optional(),
|
|
3038
|
+
variant: z(["primary", "secondary", "ghost", "destructive", "secondary-destructive", "outline"]).optional(),
|
|
3039
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3040
3040
|
className: c().optional(),
|
|
3041
|
-
icon:
|
|
3041
|
+
icon: y([c(), _(), h(), w(), g]).optional(),
|
|
3042
3042
|
// Icon from `@phosphor-icons/react` or a React element. Rendered before children.
|
|
3043
3043
|
loading: h().optional(),
|
|
3044
3044
|
// Shows a loading spinner and disables interaction.
|
|
@@ -3047,14 +3047,14 @@ const g = z([
|
|
|
3047
3047
|
title: c().optional(),
|
|
3048
3048
|
disabled: h().optional(),
|
|
3049
3049
|
name: c().optional(),
|
|
3050
|
-
type:
|
|
3050
|
+
type: z(["submit", "reset", "button"]).optional(),
|
|
3051
3051
|
value: s().optional()
|
|
3052
|
-
}), Za =
|
|
3053
|
-
variant:
|
|
3052
|
+
}), Za = v({
|
|
3053
|
+
variant: z(["default", "error"]).optional(),
|
|
3054
3054
|
// Visual variant: "default" or "error" for validation failures (visual only, no error text)
|
|
3055
|
-
label:
|
|
3055
|
+
label: y([c(), _(), h(), w(), g]).optional(),
|
|
3056
3056
|
// Label content for the checkbox (enables built-in Field wrapper) - can be a string or any React node
|
|
3057
|
-
labelTooltip:
|
|
3057
|
+
labelTooltip: y([c(), _(), h(), w(), g]).optional(),
|
|
3058
3058
|
// Tooltip content to display next to the label via an info icon
|
|
3059
3059
|
controlFirst: h().optional(),
|
|
3060
3060
|
// When true (default), checkbox appears before label. When false, label appears before checkbox.
|
|
@@ -3072,8 +3072,8 @@ const g = z([
|
|
|
3072
3072
|
// Additional class name
|
|
3073
3073
|
onValueChange: s().optional()
|
|
3074
3074
|
// Callback when checkbox value changes
|
|
3075
|
-
}), Pa =
|
|
3076
|
-
size:
|
|
3075
|
+
}), Pa = v({
|
|
3076
|
+
size: z(["sm", "base", "lg"]).optional(),
|
|
3077
3077
|
// Size of the clipboard text field. - `"sm"` — Small clipboard text for compact UIs - `"base"` — Default clipboard text size - `"lg"` — Large clipboard text for prominent display
|
|
3078
3078
|
text: c(),
|
|
3079
3079
|
// The text to display and copy to clipboard.
|
|
@@ -3083,8 +3083,8 @@ const g = z([
|
|
|
3083
3083
|
// Tooltip config. Shows tooltip on hover, anchored toast on click.
|
|
3084
3084
|
labels: s().optional()
|
|
3085
3085
|
// Accessible labels for i18n.
|
|
3086
|
-
}), Oa =
|
|
3087
|
-
children:
|
|
3086
|
+
}), Oa = v({
|
|
3087
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3088
3088
|
className: c().optional(),
|
|
3089
3089
|
height: s().optional(),
|
|
3090
3090
|
id: c().optional(),
|
|
@@ -3096,13 +3096,13 @@ const g = z([
|
|
|
3096
3096
|
type: c().optional(),
|
|
3097
3097
|
width: s().optional(),
|
|
3098
3098
|
accentHeight: s().optional(),
|
|
3099
|
-
accumulate:
|
|
3100
|
-
additive:
|
|
3101
|
-
alignmentBaseline:
|
|
3102
|
-
allowReorder:
|
|
3099
|
+
accumulate: z(["none", "sum"]).optional(),
|
|
3100
|
+
additive: z(["replace", "sum"]).optional(),
|
|
3101
|
+
alignmentBaseline: z(["auto", "baseline", "before-edge", "text-before-edge", "middle", "central", "after-edge", "text-after-edge", "ideographic", "alphabetic", "hanging", "mathematical", "inherit"]).optional(),
|
|
3102
|
+
allowReorder: z(["no", "yes"]).optional(),
|
|
3103
3103
|
alphabetic: s().optional(),
|
|
3104
3104
|
amplitude: s().optional(),
|
|
3105
|
-
arabicForm:
|
|
3105
|
+
arabicForm: z(["initial", "medial", "terminal", "isolated"]).optional(),
|
|
3106
3106
|
ascent: s().optional(),
|
|
3107
3107
|
attributeName: c().optional(),
|
|
3108
3108
|
attributeType: c().optional(),
|
|
@@ -3122,7 +3122,7 @@ const g = z([
|
|
|
3122
3122
|
clipPathUnits: s().optional(),
|
|
3123
3123
|
clipRule: s().optional(),
|
|
3124
3124
|
colorInterpolation: s().optional(),
|
|
3125
|
-
colorInterpolationFilters:
|
|
3125
|
+
colorInterpolationFilters: z(["auto", "sRGB", "linearRGB", "inherit"]).optional(),
|
|
3126
3126
|
colorProfile: s().optional(),
|
|
3127
3127
|
colorRendering: s().optional(),
|
|
3128
3128
|
contentScriptType: s().optional(),
|
|
@@ -3137,7 +3137,7 @@ const g = z([
|
|
|
3137
3137
|
direction: s().optional(),
|
|
3138
3138
|
display: s().optional(),
|
|
3139
3139
|
divisor: s().optional(),
|
|
3140
|
-
dominantBaseline:
|
|
3140
|
+
dominantBaseline: z(["auto", "use-script", "no-change", "reset-size", "ideographic", "alphabetic", "hanging", "mathematical", "central", "middle", "text-after-edge", "text-before-edge", "inherit"]).optional(),
|
|
3141
3141
|
dur: s().optional(),
|
|
3142
3142
|
dx: s().optional(),
|
|
3143
3143
|
dy: s().optional(),
|
|
@@ -3149,7 +3149,7 @@ const g = z([
|
|
|
3149
3149
|
externalResourcesRequired: s().optional(),
|
|
3150
3150
|
fill: c().optional(),
|
|
3151
3151
|
fillOpacity: s().optional(),
|
|
3152
|
-
fillRule:
|
|
3152
|
+
fillRule: z(["nonzero", "evenodd", "inherit"]).optional(),
|
|
3153
3153
|
filter: c().optional(),
|
|
3154
3154
|
filterRes: s().optional(),
|
|
3155
3155
|
filterUnits: s().optional(),
|
|
@@ -3274,8 +3274,8 @@ const g = z([
|
|
|
3274
3274
|
stroke: c().optional(),
|
|
3275
3275
|
strokeDasharray: s().optional(),
|
|
3276
3276
|
strokeDashoffset: s().optional(),
|
|
3277
|
-
strokeLinecap:
|
|
3278
|
-
strokeLinejoin:
|
|
3277
|
+
strokeLinecap: z(["butt", "round", "square", "inherit"]).optional(),
|
|
3278
|
+
strokeLinejoin: z(["miter", "round", "bevel", "inherit"]).optional(),
|
|
3279
3279
|
strokeMiterlimit: s().optional(),
|
|
3280
3280
|
strokeOpacity: s().optional(),
|
|
3281
3281
|
strokeWidth: s().optional(),
|
|
@@ -3284,7 +3284,7 @@ const g = z([
|
|
|
3284
3284
|
tableValues: s().optional(),
|
|
3285
3285
|
targetX: s().optional(),
|
|
3286
3286
|
targetY: s().optional(),
|
|
3287
|
-
textAnchor:
|
|
3287
|
+
textAnchor: z(["start", "middle", "end", "inherit"]).optional(),
|
|
3288
3288
|
textDecoration: s().optional(),
|
|
3289
3289
|
textLength: s().optional(),
|
|
3290
3290
|
textRendering: s().optional(),
|
|
@@ -3337,10 +3337,10 @@ const g = z([
|
|
|
3337
3337
|
yChannelSelector: c().optional(),
|
|
3338
3338
|
z: s().optional(),
|
|
3339
3339
|
zoomAndPan: c().optional(),
|
|
3340
|
-
variant:
|
|
3340
|
+
variant: z(["glyph", "full"]).optional()
|
|
3341
3341
|
// Logo variant - `glyph`: Cloud icon only - `full`: Cloud icon with "CLOUDFLARE" wordmark below
|
|
3342
|
-
}), Ta =
|
|
3343
|
-
lang:
|
|
3342
|
+
}), Ta = v({
|
|
3343
|
+
lang: z(["ts", "tsx", "jsonc", "bash", "css"]).optional(),
|
|
3344
3344
|
// Language hint for the code content. - `"ts"` — TypeScript code - `"tsx"` — TypeScript JSX code - `"jsonc"` — JSON with comments - `"bash"` — Shell/Bash commands - `"css"` — CSS styles
|
|
3345
3345
|
code: c(),
|
|
3346
3346
|
// The code string to display.
|
|
@@ -3348,8 +3348,8 @@ const g = z([
|
|
|
3348
3348
|
// Template values for `{{key}}` interpolation. Values with `highlight: true` are visually emphasized.
|
|
3349
3349
|
className: c().optional()
|
|
3350
3350
|
// Additional CSS classes merged via `cn()`.
|
|
3351
|
-
}), Ia =
|
|
3352
|
-
children:
|
|
3351
|
+
}), Ia = v({
|
|
3352
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3353
3353
|
label: c(),
|
|
3354
3354
|
// Text label displayed in the trigger button
|
|
3355
3355
|
open: h().optional(),
|
|
@@ -3358,24 +3358,24 @@ const g = z([
|
|
|
3358
3358
|
// Additional CSS classes for the content panel
|
|
3359
3359
|
onOpenChange: s().optional()
|
|
3360
3360
|
// Callback when collapsed state changes
|
|
3361
|
-
}), Na =
|
|
3362
|
-
inputSide:
|
|
3361
|
+
}), Na = v({
|
|
3362
|
+
inputSide: z(["right", "top"]).optional(),
|
|
3363
3363
|
// Position of the text input relative to chips in multi-select mode. - `"right"` — Input inline to the right of chips - `"top"` — Input above chips
|
|
3364
3364
|
items: L(s()),
|
|
3365
3365
|
// Array of items to display in the dropdown
|
|
3366
3366
|
value: L(s()).optional(),
|
|
3367
3367
|
// Currently selected value(s)
|
|
3368
|
-
children:
|
|
3368
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3369
3369
|
// Combobox content (trigger, content, items)
|
|
3370
3370
|
className: c().optional(),
|
|
3371
3371
|
// Additional CSS classes
|
|
3372
|
-
label:
|
|
3372
|
+
label: y([c(), _(), h(), w(), g]).optional(),
|
|
3373
3373
|
// Label content for the combobox (enables Field wrapper) - can be a string or any React node
|
|
3374
3374
|
required: h().optional(),
|
|
3375
3375
|
// Whether the combobox is required
|
|
3376
|
-
labelTooltip:
|
|
3376
|
+
labelTooltip: y([c(), _(), h(), w(), g]).optional(),
|
|
3377
3377
|
// Tooltip content to display next to the label via an info icon
|
|
3378
|
-
description:
|
|
3378
|
+
description: y([c(), _(), h(), w(), g]).optional(),
|
|
3379
3379
|
// Helper text displayed below the combobox
|
|
3380
3380
|
error: s().optional(),
|
|
3381
3381
|
// Error message or validation error object
|
|
@@ -3385,20 +3385,20 @@ const g = z([
|
|
|
3385
3385
|
// Allow multiple selections
|
|
3386
3386
|
isItemEqualToValue: s().optional()
|
|
3387
3387
|
// Custom equality function for comparing items
|
|
3388
|
-
}), Ea =
|
|
3388
|
+
}), Ea = v({
|
|
3389
3389
|
open: h(),
|
|
3390
3390
|
// Whether the dialog is open
|
|
3391
|
-
children:
|
|
3391
|
+
children: y([c(), _(), h(), w(), g]).optional()
|
|
3392
3392
|
// Child content - typically one or more Panel components
|
|
3393
|
-
}), Ca =
|
|
3393
|
+
}), Ca = v({
|
|
3394
3394
|
className: c().optional(),
|
|
3395
3395
|
// Additional CSS classes
|
|
3396
|
-
children:
|
|
3396
|
+
children: y([c(), _(), h(), w(), g]).optional()
|
|
3397
3397
|
// Child elements
|
|
3398
|
-
}), Aa =
|
|
3399
|
-
size:
|
|
3398
|
+
}), Aa = v({
|
|
3399
|
+
size: z(["sm", "base", "lg"]).optional(),
|
|
3400
3400
|
// Calendar size. - `"sm"` — Compact calendar for tight spaces - `"base"` — Default calendar size - `"lg"` — Large calendar for prominent date selection
|
|
3401
|
-
variant:
|
|
3401
|
+
variant: z(["default", "subtle"]).optional(),
|
|
3402
3402
|
// Visual variant. - `"default"` — Standard appearance with overlay background - `"subtle"` — Minimal background
|
|
3403
3403
|
timezone: c().optional(),
|
|
3404
3404
|
// Display timezone string shown in the footer.
|
|
@@ -3408,20 +3408,20 @@ const g = z([
|
|
|
3408
3408
|
// Callback when start date changes
|
|
3409
3409
|
onEndDateChange: s().optional()
|
|
3410
3410
|
// Callback when end date changes
|
|
3411
|
-
}), xa =
|
|
3411
|
+
}), xa = v({
|
|
3412
3412
|
className: c().optional(),
|
|
3413
3413
|
// Additional CSS classes merged via `cn()`.
|
|
3414
|
-
children:
|
|
3414
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3415
3415
|
// Dialog content (typically Title, Description, Close, and action buttons).
|
|
3416
|
-
size:
|
|
3416
|
+
size: z(["base", "sm", "lg", "xl"]).optional()
|
|
3417
3417
|
// Dialog width. - `"sm"` — Small (min 288px) for simple confirmations - `"base"` — Default (min 384px) - `"lg"` — Large (min 512px) for complex content - `"xl"` — Extra large (min 768px) for detailed views
|
|
3418
|
-
}), ja =
|
|
3419
|
-
variant:
|
|
3418
|
+
}), ja = v({
|
|
3419
|
+
variant: z(["default", "danger"]).optional()
|
|
3420
3420
|
// Visual style of the dropdown item. - `"default"` — Standard item appearance - `"danger"` — Destructive action with red text
|
|
3421
|
-
}), Ra =
|
|
3422
|
-
size:
|
|
3421
|
+
}), Ra = v({
|
|
3422
|
+
size: z(["sm", "base", "lg"]).optional(),
|
|
3423
3423
|
// Size of the empty state container. - `"sm"` — Compact empty state for smaller containers - `"base"` — Default empty state size - `"lg"` — Large empty state for prominent placement
|
|
3424
|
-
icon:
|
|
3424
|
+
icon: y([c(), _(), h(), w(), g]).optional(),
|
|
3425
3425
|
// Decorative icon displayed above the title (e.g. from `@phosphor-icons/react`).
|
|
3426
3426
|
title: c(),
|
|
3427
3427
|
// Primary heading text for the empty state.
|
|
@@ -3429,27 +3429,27 @@ const g = z([
|
|
|
3429
3429
|
// Secondary description text displayed below the title.
|
|
3430
3430
|
commandLine: c().optional(),
|
|
3431
3431
|
// Shell command displayed in a copyable code block.
|
|
3432
|
-
contents:
|
|
3432
|
+
contents: y([c(), _(), h(), w(), g]).optional(),
|
|
3433
3433
|
// Additional content (buttons, links) rendered below the description.
|
|
3434
3434
|
className: c().optional()
|
|
3435
3435
|
// Additional CSS classes merged via `cn()`.
|
|
3436
|
-
}), Da =
|
|
3436
|
+
}), Da = v({
|
|
3437
3437
|
controlFirst: h().optional(),
|
|
3438
3438
|
// When `true`, places the control before the label (for checkbox/switch layouts).
|
|
3439
|
-
children:
|
|
3439
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3440
3440
|
// The form control element(s) to wrap (Input, Select, Checkbox, etc.).
|
|
3441
|
-
label:
|
|
3441
|
+
label: y([c(), _(), h(), w(), g]).optional(),
|
|
3442
3442
|
// The label content — can be a string or any React node.
|
|
3443
3443
|
required: h().optional(),
|
|
3444
3444
|
// When explicitly `false`, shows gray "(optional)" text after the label. When `true` or `undefined`, no indicator is shown.
|
|
3445
|
-
labelTooltip:
|
|
3445
|
+
labelTooltip: y([c(), _(), h(), w(), g]).optional(),
|
|
3446
3446
|
// Tooltip content displayed next to the label via an info icon.
|
|
3447
3447
|
error: s().optional(),
|
|
3448
3448
|
// Validation error with a message and a browser `ValidityState` match key.
|
|
3449
|
-
description:
|
|
3449
|
+
description: y([c(), _(), h(), w(), g]).optional()
|
|
3450
3450
|
// Helper text displayed below the control (hidden when `error` is present).
|
|
3451
|
-
}), Ua =
|
|
3452
|
-
children:
|
|
3451
|
+
}), Ua = v({
|
|
3452
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3453
3453
|
// Grid items to render.
|
|
3454
3454
|
className: c().optional(),
|
|
3455
3455
|
// Additional CSS classes merged via `cn()`.
|
|
@@ -3458,29 +3458,29 @@ const g = z([
|
|
|
3458
3458
|
title: c().optional(),
|
|
3459
3459
|
mobileDivider: h().optional(),
|
|
3460
3460
|
// Show dividers between grid items on mobile (only works with `"4up"` variant).
|
|
3461
|
-
gap:
|
|
3461
|
+
gap: z(["none", "sm", "base", "lg"]).optional(),
|
|
3462
3462
|
// Gap size between grid items. - `"none"` — No gap - `"sm"` — 12px gap - `"base"` — Responsive gap (8px → 24px → 32px) - `"lg"` — 32px gap
|
|
3463
|
-
variant:
|
|
3463
|
+
variant: z(["2up", "side-by-side", "2-1", "1-2", "1-3up", "3up", "4up", "6up", "1-2-4up"]).optional()
|
|
3464
3464
|
// Responsive column layout variant. - `"2up"` — 1 col → 2 cols at md - `"side-by-side"` — Always 2 cols - `"2-1"` — 66%/33% split at md - `"1-2"` — 33%/66% split at md - `"3up"` — 1 → 2 → 3 cols - `"4up"` — 1 → 2 → 3 → 4 cols - `"6up"` — 2 → 3 → 4 → 6 cols - `"1-2-4up"` — 1 → 2 → 4 cols
|
|
3465
|
-
}), Fa =
|
|
3466
|
-
label:
|
|
3465
|
+
}), Fa = v({
|
|
3466
|
+
label: y([c(), _(), h(), w(), g]).optional(),
|
|
3467
3467
|
// Label content for the input (enables Field wrapper) - can be a string or any React node
|
|
3468
|
-
labelTooltip:
|
|
3468
|
+
labelTooltip: y([c(), _(), h(), w(), g]).optional(),
|
|
3469
3469
|
// Tooltip content to display next to the label via an info icon
|
|
3470
|
-
description:
|
|
3470
|
+
description: y([c(), _(), h(), w(), g]).optional(),
|
|
3471
3471
|
// Helper text displayed below the input
|
|
3472
3472
|
error: s().optional(),
|
|
3473
3473
|
// Error message or validation error object
|
|
3474
|
-
size:
|
|
3474
|
+
size: z(["xs", "sm", "base", "lg"]).optional(),
|
|
3475
3475
|
// Input size. - `"xs"` — Extra small for compact UIs - `"sm"` — Small for secondary fields - `"base"` — Default size - `"lg"` — Large for prominent fields
|
|
3476
|
-
variant:
|
|
3476
|
+
variant: z(["default", "error"]).optional()
|
|
3477
3477
|
// Visual variant. - `"default"` — Standard input - `"error"` — Error state for validation failures
|
|
3478
|
-
}), La =
|
|
3479
|
-
children:
|
|
3478
|
+
}), La = v({}), Ma = v({
|
|
3479
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3480
3480
|
// The label content — can be a string or any React node.
|
|
3481
3481
|
showOptional: h().optional(),
|
|
3482
3482
|
// When `true`, shows gray "(optional)" text after the label.
|
|
3483
|
-
tooltip:
|
|
3483
|
+
tooltip: y([c(), _(), h(), w(), g]).optional(),
|
|
3484
3484
|
// Tooltip content displayed next to the label via an info icon.
|
|
3485
3485
|
className: c().optional(),
|
|
3486
3486
|
// Additional CSS classes merged via `cn()`.
|
|
@@ -3488,15 +3488,15 @@ const g = z([
|
|
|
3488
3488
|
// The id of the form element this label is associated with
|
|
3489
3489
|
asContent: h().optional()
|
|
3490
3490
|
// When true, only renders the inline content (indicators, tooltip) without the outer label element with font styling. Useful when composed inside another label element that already provides the text styling.
|
|
3491
|
-
}), Ja =
|
|
3492
|
-
children:
|
|
3491
|
+
}), Ja = v({
|
|
3492
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3493
3493
|
className: c().optional()
|
|
3494
3494
|
// Additional CSS classes merged via `cn()`.
|
|
3495
|
-
}), Ba =
|
|
3496
|
-
variant:
|
|
3495
|
+
}), Ba = v({
|
|
3496
|
+
variant: z(["inline", "current", "plain"]).optional(),
|
|
3497
3497
|
// Visual style of the link. - `"inline"` — Inline text link that flows with content - `"current"` — Link that inherits color from parent text - `"plain"` — Link without underline decoration
|
|
3498
3498
|
to: c().optional(),
|
|
3499
|
-
children:
|
|
3499
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3500
3500
|
className: c().optional(),
|
|
3501
3501
|
id: c().optional(),
|
|
3502
3502
|
lang: c().optional(),
|
|
@@ -3508,15 +3508,15 @@ const g = z([
|
|
|
3508
3508
|
ping: c().optional(),
|
|
3509
3509
|
target: s().optional(),
|
|
3510
3510
|
type: c().optional(),
|
|
3511
|
-
referrerPolicy:
|
|
3512
|
-
render:
|
|
3511
|
+
referrerPolicy: z(["", "no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"]).optional(),
|
|
3512
|
+
render: y([c(), _(), h(), w(), g]).optional()
|
|
3513
3513
|
// Allows you to replace the component’s HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.
|
|
3514
|
-
}), Va =
|
|
3514
|
+
}), Va = v({
|
|
3515
3515
|
className: c().optional(),
|
|
3516
3516
|
// Additional CSS classes merged via `cn()`.
|
|
3517
|
-
size:
|
|
3517
|
+
size: z(["sm", "base", "lg"]).optional()
|
|
3518
3518
|
// Size of the spinner. Use a preset name or a custom pixel number. - `"sm"` — 16px, for inline use - `"base"` — 24px, default size - `"lg"` — 32px, for prominent loading states
|
|
3519
|
-
}), Wa =
|
|
3519
|
+
}), Wa = v({
|
|
3520
3520
|
className: c().optional(),
|
|
3521
3521
|
// Additional CSS classes merged via `cn()`.
|
|
3522
3522
|
isActive: s().optional(),
|
|
@@ -3525,7 +3525,7 @@ const g = z([
|
|
|
3525
3525
|
// Array of menu option configurations.
|
|
3526
3526
|
optionIds: h().optional()
|
|
3527
3527
|
// When true, each option's `id` field is used for matching instead of its array index.
|
|
3528
|
-
}), Ka =
|
|
3528
|
+
}), Ka = v({
|
|
3529
3529
|
customValue: c().optional(),
|
|
3530
3530
|
// Custom formatted value text (e.g. "750 / 1,000") displayed instead of percentage.
|
|
3531
3531
|
label: c(),
|
|
@@ -3536,52 +3536,55 @@ const g = z([
|
|
|
3536
3536
|
// Additional CSS classes for the track (background bar).
|
|
3537
3537
|
indicatorClassName: c().optional(),
|
|
3538
3538
|
// Additional CSS classes for the indicator (filled bar).
|
|
3539
|
-
value:
|
|
3539
|
+
value: _().optional(),
|
|
3540
3540
|
// Current value of the meter
|
|
3541
|
-
max:
|
|
3541
|
+
max: _().optional(),
|
|
3542
3542
|
// Maximum value of the meter (default: 100)
|
|
3543
|
-
min:
|
|
3543
|
+
min: _().optional()
|
|
3544
3544
|
// Minimum value of the meter (default: 0)
|
|
3545
|
-
}), qa =
|
|
3546
|
-
controls: y(["full", "simple"]).optional(),
|
|
3545
|
+
}), qa = v({
|
|
3547
3546
|
setPage: s(),
|
|
3548
3547
|
// Callback when page changes
|
|
3549
|
-
page:
|
|
3548
|
+
page: _().optional(),
|
|
3550
3549
|
// Current page number (1-indexed).
|
|
3551
|
-
perPage:
|
|
3550
|
+
perPage: _().optional(),
|
|
3552
3551
|
// Number of items displayed per page.
|
|
3553
|
-
totalCount:
|
|
3552
|
+
totalCount: _().optional(),
|
|
3554
3553
|
// Total number of items across all pages.
|
|
3554
|
+
className: c().optional(),
|
|
3555
|
+
// Additional CSS classes for the container
|
|
3556
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3557
|
+
// Compound component children for custom layouts. Use Pagination.Info, Pagination.PageSize, Pagination.Controls, and Pagination.Separator.
|
|
3558
|
+
controls: z(["full", "simple"]).optional(),
|
|
3555
3559
|
text: s().optional()
|
|
3556
|
-
|
|
3557
|
-
|
|
3558
|
-
side: y(["top", "bottom", "left", "right"]).optional()
|
|
3560
|
+
}), Ga = v({
|
|
3561
|
+
side: z(["top", "bottom", "left", "right"]).optional()
|
|
3559
3562
|
// Which side of the trigger the popover appears on. - `"top"` — Above the trigger - `"bottom"` — Below the trigger - `"left"` — Left of the trigger - `"right"` — Right of the trigger
|
|
3560
|
-
}), Xa =
|
|
3563
|
+
}), Xa = v({
|
|
3561
3564
|
legend: c(),
|
|
3562
3565
|
// Legend text for the group (required for accessibility)
|
|
3563
|
-
children:
|
|
3566
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3564
3567
|
// Child Radio.Item components
|
|
3565
|
-
orientation:
|
|
3568
|
+
orientation: z(["vertical", "horizontal"]).optional(),
|
|
3566
3569
|
// Layout direction of the radio items
|
|
3567
3570
|
error: c().optional(),
|
|
3568
3571
|
// Error message for the group
|
|
3569
|
-
description:
|
|
3572
|
+
description: y([c(), _(), h(), w(), g]).optional(),
|
|
3570
3573
|
// Helper text for the group
|
|
3571
3574
|
value: c().optional(),
|
|
3572
3575
|
// Value of the radio that should be selected (controlled)
|
|
3573
3576
|
disabled: h().optional(),
|
|
3574
3577
|
// Whether all radios in the group are disabled
|
|
3575
|
-
controlPosition:
|
|
3578
|
+
controlPosition: z(["start", "end"]).optional(),
|
|
3576
3579
|
// Position of radio control relative to label: "start" (default) puts radio before label, "end" puts label before radio
|
|
3577
3580
|
name: c().optional(),
|
|
3578
3581
|
// Form submission name for the radio group
|
|
3579
3582
|
className: c().optional()
|
|
3580
3583
|
// Additional CSS classes
|
|
3581
|
-
}), Ya =
|
|
3584
|
+
}), Ya = v({
|
|
3582
3585
|
className: c().optional(),
|
|
3583
3586
|
// Additional CSS classes merged via `cn()`.
|
|
3584
|
-
label:
|
|
3587
|
+
label: y([c(), _(), h(), w(), g]).optional(),
|
|
3585
3588
|
// Label content for the select (enables Field wrapper) — can be a string or any React node.
|
|
3586
3589
|
hideLabel: h().optional(),
|
|
3587
3590
|
// Visually hide the label while keeping it accessible to screen readers. Set to `false` to show a visible label above the select via the Field wrapper.
|
|
@@ -3593,13 +3596,13 @@ const g = z([
|
|
|
3593
3596
|
// Whether the select is disabled.
|
|
3594
3597
|
required: h().optional(),
|
|
3595
3598
|
// Whether the select is required. When `false`, shows "(optional)" text.
|
|
3596
|
-
labelTooltip:
|
|
3599
|
+
labelTooltip: y([c(), _(), h(), w(), g]).optional(),
|
|
3597
3600
|
// Tooltip content displayed next to the label via an info icon.
|
|
3598
3601
|
value: c().optional(),
|
|
3599
3602
|
// Currently selected value (controlled mode).
|
|
3600
|
-
children:
|
|
3603
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3601
3604
|
// `Select.Option` elements to render in the dropdown.
|
|
3602
|
-
description:
|
|
3605
|
+
description: y([c(), _(), h(), w(), g]).optional(),
|
|
3603
3606
|
// Helper text displayed below the select.
|
|
3604
3607
|
error: s().optional(),
|
|
3605
3608
|
// Error message string or validation error object with `match` key.
|
|
@@ -3607,7 +3610,7 @@ const g = z([
|
|
|
3607
3610
|
// Callback when selection changes
|
|
3608
3611
|
defaultValue: c().optional()
|
|
3609
3612
|
// Initial value for uncontrolled mode
|
|
3610
|
-
}), Ha =
|
|
3613
|
+
}), Ha = v({
|
|
3611
3614
|
alt: c().optional(),
|
|
3612
3615
|
autoComplete: s().optional(),
|
|
3613
3616
|
checked: h().optional(),
|
|
@@ -3623,45 +3626,45 @@ const g = z([
|
|
|
3623
3626
|
id: c().optional(),
|
|
3624
3627
|
lang: c().optional(),
|
|
3625
3628
|
title: c().optional(),
|
|
3626
|
-
children:
|
|
3629
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3627
3630
|
value: c().optional(),
|
|
3628
3631
|
// Controlled value
|
|
3629
|
-
size:
|
|
3632
|
+
size: z(["xs", "sm", "base", "lg"]).optional(),
|
|
3630
3633
|
// Size of the input. - `"xs"` — Extra small for compact UIs - `"sm"` — Small for secondary fields - `"base"` — Default input size - `"lg"` — Large for prominent fields
|
|
3631
|
-
variant:
|
|
3634
|
+
variant: z(["default", "error"]).optional(),
|
|
3632
3635
|
// Style variant of the input. - `"default"` — Default input appearance - `"error"` — Error state for validation failures
|
|
3633
|
-
label:
|
|
3636
|
+
label: y([c(), _(), h(), w(), g]).optional(),
|
|
3634
3637
|
// Label content for the input (enables Field wrapper and sets masked state label) - can be a string or any React node
|
|
3635
|
-
labelTooltip:
|
|
3638
|
+
labelTooltip: y([c(), _(), h(), w(), g]).optional(),
|
|
3636
3639
|
// Tooltip content to display next to the label via an info icon
|
|
3637
|
-
description:
|
|
3640
|
+
description: y([c(), _(), h(), w(), g]).optional(),
|
|
3638
3641
|
// Helper text displayed below the input
|
|
3639
3642
|
error: s().optional()
|
|
3640
3643
|
// Error message or validation error object
|
|
3641
|
-
}), Qa =
|
|
3644
|
+
}), Qa = v({
|
|
3642
3645
|
as: s().optional(),
|
|
3643
3646
|
// The HTML element type to render as (e.g. `"div"`, `"section"`, `"article"`).
|
|
3644
3647
|
className: c().optional(),
|
|
3645
3648
|
// Additional CSS classes merged via `cn()`.
|
|
3646
|
-
children:
|
|
3649
|
+
children: y([c(), _(), h(), w(), g]).optional()
|
|
3647
3650
|
// Content rendered inside the surface.
|
|
3648
|
-
}), es =
|
|
3649
|
-
variant:
|
|
3651
|
+
}), es = v({
|
|
3652
|
+
variant: z(["default", "error"]).optional(),
|
|
3650
3653
|
// Visual variant: "default" or "error" for validation failures (visual only, no error text)
|
|
3651
|
-
label:
|
|
3654
|
+
label: y([c(), _(), h(), w(), g]).optional(),
|
|
3652
3655
|
// Label content for the switch (Field wrapper is built-in) - can be a string or any React node. Optional when used standalone for visual-only purposes.
|
|
3653
|
-
labelTooltip:
|
|
3656
|
+
labelTooltip: y([c(), _(), h(), w(), g]).optional(),
|
|
3654
3657
|
// Tooltip content to display next to the label via an info icon
|
|
3655
3658
|
required: h().optional(),
|
|
3656
3659
|
// Whether the switch is required. When explicitly false, shows "(optional)" text after the label.
|
|
3657
3660
|
controlFirst: h().optional(),
|
|
3658
3661
|
// When true (default), switch appears before label. When false, label appears before switch.
|
|
3659
|
-
size:
|
|
3662
|
+
size: z(["sm", "base", "lg"]).optional(),
|
|
3660
3663
|
checked: h().optional(),
|
|
3661
3664
|
disabled: h().optional(),
|
|
3662
3665
|
transitioning: h().optional(),
|
|
3663
3666
|
name: c().optional(),
|
|
3664
|
-
type:
|
|
3667
|
+
type: z(["submit", "reset", "button"]).optional(),
|
|
3665
3668
|
value: s().optional(),
|
|
3666
3669
|
className: c().optional(),
|
|
3667
3670
|
id: c().optional(),
|
|
@@ -3669,14 +3672,14 @@ const g = z([
|
|
|
3669
3672
|
title: c().optional(),
|
|
3670
3673
|
onClick: s()
|
|
3671
3674
|
// Callback when switch is clicked
|
|
3672
|
-
}), ts =
|
|
3673
|
-
layout:
|
|
3674
|
-
variant:
|
|
3675
|
+
}), ts = v({
|
|
3676
|
+
layout: z(["auto", "fixed"]).optional(),
|
|
3677
|
+
variant: z(["default", "selected"]).optional(),
|
|
3675
3678
|
className: c().optional(),
|
|
3676
3679
|
// Additional CSS classes
|
|
3677
|
-
children:
|
|
3680
|
+
children: y([c(), _(), h(), w(), g]).optional()
|
|
3678
3681
|
// Child elements
|
|
3679
|
-
}), os =
|
|
3682
|
+
}), os = v({
|
|
3680
3683
|
tabs: L(s()).optional(),
|
|
3681
3684
|
// Array of tab items to render.
|
|
3682
3685
|
value: c().optional(),
|
|
@@ -3691,39 +3694,36 @@ const g = z([
|
|
|
3691
3694
|
// Additional CSS classes for the tab list element.
|
|
3692
3695
|
indicatorClassName: c().optional(),
|
|
3693
3696
|
// Additional CSS classes for the indicator element.
|
|
3694
|
-
variant:
|
|
3697
|
+
variant: z(["segmented", "underline"]).optional(),
|
|
3695
3698
|
// Tab style. - `"segmented"` — Pill-shaped indicator on a filled track - `"underline"` — Underline indicator below tab text
|
|
3696
3699
|
onValueChange: s().optional()
|
|
3697
3700
|
// Callback when active tab changes
|
|
3698
|
-
}), ns =
|
|
3699
|
-
variant:
|
|
3701
|
+
}), ns = v({
|
|
3702
|
+
variant: z(["heading1", "heading2", "heading3", "body", "secondary", "success", "error", "mono", "mono-secondary"]).optional(),
|
|
3700
3703
|
// Text style variant. Determines color, font, and weight. - `"heading1"` — Large page title (30px, semibold) - `"heading2"` — Section title (24px, semibold) - `"heading3"` — Subsection title (18px, semibold) - `"body"` — Default body text - `"secondary"` — Muted text for secondary information - `"success"` — Success state text - `"error"` — Error state text - `"mono"` — Monospace text for code - `"mono-secondary"` — Muted monospace text
|
|
3701
|
-
size:
|
|
3704
|
+
size: z(["xs", "sm", "base", "lg"]).optional(),
|
|
3702
3705
|
// Text size (only applies to body/secondary/success/error variants). - `"xs"` — 12px - `"sm"` — 14px - `"base"` — 16px - `"lg"` — 18px
|
|
3703
3706
|
bold: h().optional(),
|
|
3704
3707
|
// Whether to use bold font weight (only applies to body variants).
|
|
3705
3708
|
as: s().optional(),
|
|
3706
3709
|
// The HTML element type to render as (e.g. `"span"`, `"p"`, `"h1"`). Auto-selected based on variant if omitted.
|
|
3707
|
-
children:
|
|
3710
|
+
children: y([c(), _(), h(), w(), g]).optional()
|
|
3708
3711
|
// Text content.
|
|
3709
|
-
}), rs =
|
|
3710
|
-
variant:
|
|
3712
|
+
}), rs = v({
|
|
3713
|
+
variant: z(["default", "error", "warning"]).optional(),
|
|
3711
3714
|
className: c().optional(),
|
|
3712
3715
|
// Additional CSS classes
|
|
3713
|
-
children:
|
|
3716
|
+
children: y([c(), _(), h(), w(), g]).optional()
|
|
3714
3717
|
// Child elements
|
|
3715
|
-
}), is =
|
|
3716
|
-
|
|
3717
|
-
// Alignment on the axis perpendicular to `side`. - `"start"` — Align to the start edge - `"center"` — Center-aligned - `"end"` — Align to the end edge
|
|
3718
|
-
asChild: h().optional(),
|
|
3719
|
-
// When `true`, the trigger wraps the child element instead of adding a wrapper.
|
|
3718
|
+
}), is = v({
|
|
3719
|
+
side: z(["top", "bottom", "left", "right"]).optional(),
|
|
3720
3720
|
className: c().optional(),
|
|
3721
|
-
// Additional CSS classes
|
|
3722
|
-
|
|
3723
|
-
//
|
|
3724
|
-
content:
|
|
3721
|
+
// Additional CSS classes
|
|
3722
|
+
children: y([c(), _(), h(), w(), g]).optional(),
|
|
3723
|
+
// Child elements
|
|
3724
|
+
content: y([c(), _(), h(), w(), g])
|
|
3725
3725
|
// Content to display in the tooltip
|
|
3726
|
-
}), as =
|
|
3726
|
+
}), as = z([
|
|
3727
3727
|
"Badge",
|
|
3728
3728
|
"Banner",
|
|
3729
3729
|
"Breadcrumbs",
|
|
@@ -3801,7 +3801,7 @@ const g = z([
|
|
|
3801
3801
|
Text: ns,
|
|
3802
3802
|
Toasty: rs,
|
|
3803
3803
|
Tooltip: is
|
|
3804
|
-
}, cs =
|
|
3804
|
+
}, cs = v({
|
|
3805
3805
|
key: c(),
|
|
3806
3806
|
type: as,
|
|
3807
3807
|
props: H(c(), s()),
|
|
@@ -3809,7 +3809,7 @@ const g = z([
|
|
|
3809
3809
|
parentKey: c().nullable().optional(),
|
|
3810
3810
|
visible: ba.optional(),
|
|
3811
3811
|
action: za.optional()
|
|
3812
|
-
}), us =
|
|
3812
|
+
}), us = v({
|
|
3813
3813
|
root: c(),
|
|
3814
3814
|
elements: H(c(), cs)
|
|
3815
3815
|
});
|
|
@@ -3872,4 +3872,4 @@ export {
|
|
|
3872
3872
|
ps as validateElementProps,
|
|
3873
3873
|
ds as validateUITree
|
|
3874
3874
|
};
|
|
3875
|
-
//# sourceMappingURL=schemas-
|
|
3875
|
+
//# sourceMappingURL=schemas-CdpAeJKO.js.map
|