zaravand-ui 4.3.0 → 4.3.1
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/dist/components/shared/responsiveScale.d.ts +31 -31
- package/dist/index.cjs +4 -4
- package/dist/index.css +1 -1
- package/dist/index.js +33 -33
- package/dist/shared/scale.d.ts +17 -8
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -61,8 +61,8 @@ function T(e = {}, t = {}) {
|
|
|
61
61
|
//#region src/shared/scale.ts
|
|
62
62
|
var E = "--zui-scale";
|
|
63
63
|
function D(e, t = {}) {
|
|
64
|
-
let n = t.target ?? (typeof document < "u" ? document.documentElement : void 0);
|
|
65
|
-
return
|
|
64
|
+
let n = typeof e == "number" ? `${e}px` : e, r = t.target ?? (typeof document < "u" ? document.documentElement : void 0);
|
|
65
|
+
return r && r.style.setProperty(E, n), n;
|
|
66
66
|
}
|
|
67
67
|
//#endregion
|
|
68
68
|
//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
|
|
@@ -609,11 +609,11 @@ function Ee({ className: e, size: t = "default", variant: n = "default" }) {
|
|
|
609
609
|
}
|
|
610
610
|
//#endregion
|
|
611
611
|
//#region src/components/shared/responsiveScale.ts
|
|
612
|
-
var De = "zui:h-[calc(var(--zui-scale,
|
|
612
|
+
var De = "zui:h-[calc(var(--zui-scale,10px)*4.608)]", Oe = "zui:h-[calc(var(--zui-scale,10px)*5.184)]", ke = "zui:h-[calc(var(--zui-scale,10px)*5.76)]", Ae = {
|
|
613
613
|
sm: De,
|
|
614
614
|
default: Oe,
|
|
615
615
|
lg: ke
|
|
616
|
-
}, je = "zui:px-[calc(var(--zui-scale,
|
|
616
|
+
}, je = "zui:px-[calc(var(--zui-scale,10px)*1.2)]", Me = "zui:py-[calc(var(--zui-scale,10px)*1.2)]", Ne = "zui:px-[calc(var(--zui-scale,10px)*1.6)]", Pe = "zui:min-h-[calc(var(--zui-scale,10px)*7.68)]", Fe = "zui:h-[calc(var(--zui-scale,10px)*5.6)]", Ie = "zui:text-[calc(var(--zui-scale,10px)*1.4)]", Le = "zui:size-[calc(var(--zui-scale,10px)*3.2)]", Re = "zui:size-[calc(var(--zui-scale,10px)*2.8)]", ze = "zui:h-[calc(var(--zui-scale,10px)*3.2)]", Be = "zui:p-[calc(var(--zui-scale,10px)*2.4)]", Ve = "zui:p-[calc(var(--zui-scale,10px)*1.6)]", He = "zui:w-[calc(var(--zui-scale,10px)*10.4)]", Ue = "zui:[&>button]:!h-[calc(var(--zui-scale,10px)*4.608)] zui:[&>button]:!w-[calc(var(--zui-scale,10px)*4.608)]", We = `zui-button zui:inline-flex zui:w-full zui:items-center zui:justify-center zui:gap-2 zui:rounded-md ${Ne} zui:text-sm zui:font-medium zui:leading-none zui:whitespace-nowrap zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-color-primary)] zui:focus-visible:ring-offset-2 zui:focus-visible:ring-offset-[var(--zui-color-surface)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-65`, Ge = Ae, Ke = {
|
|
617
617
|
confirm: {
|
|
618
618
|
primary: "zui:bg-[var(--zui-color-primary)] zui:text-[var(--zui-color-on-solid)] zui:hover:brightness-105 zui:hover:shadow-sm zui:active:shadow-sm",
|
|
619
619
|
secondary: "zui:bg-[var(--zui-color-secondary)] zui:text-[var(--zui-color-on-solid)] zui:hover:brightness-105 zui:hover:shadow-sm zui:active:shadow-sm",
|
|
@@ -3711,8 +3711,8 @@ function Zo(e) {
|
|
|
3711
3711
|
var Qo = W("zui:group/checkbox zui:relative zui:inline-flex zui:shrink-0 zui:items-center zui:justify-center radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-theme-bg-page)] zui:text-[var(--zui-theme-text-inverse)] zui:shadow-xs zui:cursor-pointer zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:data-[state=checked]:border-[var(--zui-theme-action-primary)] zui:data-[state=checked]:bg-[var(--zui-theme-action-primary)] zui:hover:-translate-y-0.5 zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:bg-[var(--zui-theme-bg-elevated)] zui:hover:shadow-[0_8px_20px_-12px_var(--zui-effect-shadow-ink-35)] zui:data-[state=checked]:hover:bg-[var(--zui-theme-action-primary-hover)] zui:active:translate-y-px zui:data-[state=checked]:active:bg-[var(--zui-theme-action-primary-active)] zui:focus-visible:border-[var(--zui-theme-action-secondary)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:aria-invalid:border-[var(--zui-theme-status-danger)] zui:aria-invalid:ring-[var(--zui-theme-status-danger)] zui:disabled:cursor-not-allowed zui:disabled:pointer-events-none zui:disabled:opacity-50", {
|
|
3712
3712
|
variants: {
|
|
3713
3713
|
size: {
|
|
3714
|
-
sm: "zui:size-[calc(var(--zui-scale,
|
|
3715
|
-
default: "zui:size-[calc(var(--zui-scale,
|
|
3714
|
+
sm: "zui:size-[calc(var(--zui-scale,10px)*1.68)]",
|
|
3715
|
+
default: "zui:size-[calc(var(--zui-scale,10px)*1.92)]",
|
|
3716
3716
|
lg: "zui:size-6"
|
|
3717
3717
|
},
|
|
3718
3718
|
disabled: {
|
|
@@ -3726,9 +3726,9 @@ var Qo = W("zui:group/checkbox zui:relative zui:inline-flex zui:shrink-0 zui:ite
|
|
|
3726
3726
|
}
|
|
3727
3727
|
}), $o = W("zui:flex zui:items-center zui:justify-center zui:text-[var(--zui-theme-text-inverse)] zui:data-[state=checked]:animate-in zui:data-[state=checked]:zoom-in-95 zui:data-[state=checked]:fade-in-0", {
|
|
3728
3728
|
variants: { size: {
|
|
3729
|
-
sm: "zui:[&_svg]:size-[calc(var(--zui-scale,
|
|
3730
|
-
default: "zui:[&_svg]:size-[calc(var(--zui-scale,
|
|
3731
|
-
lg: "zui:[&_svg]:size-[calc(var(--zui-scale,
|
|
3729
|
+
sm: "zui:[&_svg]:size-[calc(var(--zui-scale,10px)*1.44)] zui:[&_svg]:transition-transform zui:[&_svg]:duration-200",
|
|
3730
|
+
default: "zui:[&_svg]:size-[calc(var(--zui-scale,10px)*1.68)] zui:[&_svg]:transition-transform zui:[&_svg]:duration-200",
|
|
3731
|
+
lg: "zui:[&_svg]:size-[calc(var(--zui-scale,10px)*1.92)] zui:[&_svg]:transition-transform zui:[&_svg]:duration-200"
|
|
3732
3732
|
} },
|
|
3733
3733
|
defaultVariants: { size: "default" }
|
|
3734
3734
|
}), es = e.forwardRef(function({ className: t, size: n = "default", checked: r, defaultChecked: i, onCheckedChange: a, onInvalid: o, required: s, name: c, value: l, form: u, id: d, "aria-label": f, disabled: p = !1, onClick: m }, h) {
|
|
@@ -12019,7 +12019,7 @@ var Kb = (e) => new dd(e, Ub), qb = W([
|
|
|
12019
12019
|
].join(" "), {
|
|
12020
12020
|
variants: { size: Ae },
|
|
12021
12021
|
defaultVariants: { size: "default" }
|
|
12022
|
-
}), Jb = W("zui:z-[120] zui:w-fit zui:min-w-0 zui:max-w-[calc(100vw-calc(var(--zui-scale,
|
|
12022
|
+
}), Jb = W("zui:z-[120] zui:w-fit zui:min-w-0 zui:max-w-[calc(100vw-calc(var(--zui-scale,10px)*2.4))] zui:overflow-hidden radius-xs zui:border zui:border-[var(--zui-theme-action-primary)] zui:bg-[var(--zui-color-surface)] zui:p-0 zui:text-[var(--zui-color-text)] zui:shadow-[0_4px_12px_-6px_var(--zui-effect-shadow-ink-35)] zui:outline-none zui:data-[state=closed]:animate-out zui:data-[state=closed]:fade-out-0 zui:data-[state=closed]:zoom-out-95 zui:data-[state=open]:animate-in zui:data-[state=open]:fade-in-0 zui:data-[state=open]:zoom-in-95"), Yb = W(`zui:inline-flex ${Re} zui:items-center zui:justify-center radius-xs zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-transparent zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-[color,background-color,border-color,box-shadow,transform] zui:duration-200 zui:hover:cursor-pointer zui:hover:scale-110 zui:hover:border-[var(--zui-theme-border-strong)] zui:hover:bg-transparent zui:focus-visible:border-[var(--zui-theme-action-primary)] zui:focus-visible:shadow-[0_0_0_1px_var(--zui-theme-action-primary)] zui:disabled:pointer-events-none zui:disabled:opacity-45`), Xb = W("zui:flex zui:w-full zui:items-center zui:justify-between zui:gap-2 zui:px-1 zui:pb-1 zui:pt-2"), Zb = W("zui:inline-flex zui:items-center zui:gap-3"), Qb = W(`zui:inline-flex ${ze} zui:items-center zui:justify-center zui:gap-2 radius-xs zui:px-1 zui:text-base zui:font-semibold zui:outline-none zui:transition-[color,background-color,box-shadow] zui:duration-200 zui:focus-visible:shadow-[0_0_0_1px_var(--zui-theme-action-primary)]`, {
|
|
12023
12023
|
variants: { active: {
|
|
12024
12024
|
true: "zui:bg-transparent zui:text-[var(--zui-color-text)]",
|
|
12025
12025
|
false: "zui:bg-transparent zui:text-[var(--zui-color-text)] zui:hover:cursor-pointer zui:hover:text-[var(--zui-color-text)]"
|
|
@@ -12273,7 +12273,7 @@ function Qx({ className: t, size: n = "default", title: r, required: i = !1, sho
|
|
|
12273
12273
|
week: V("zui:mt-1 zui:flex zui:w-full", e.week),
|
|
12274
12274
|
day: V("zui:relative zui:flex-1 zui:p-0 zui:text-center", e.day),
|
|
12275
12275
|
day_button: V(ax(), e.day_button),
|
|
12276
|
-
selected: V("zui:rounded-[calc(var(--zui-scale,
|
|
12276
|
+
selected: V("zui:rounded-[calc(var(--zui-scale,10px)*1.12)] zui:bg-[var(--zui-theme-action-primary)] zui:text-[var(--zui-color-text)] zui:hover:bg-[var(--zui-theme-action-primary-hover)] zui:focus-visible:bg-[var(--zui-theme-action-primary-hover)]", e.selected),
|
|
12277
12277
|
today: V("zui:border zui:border-[var(--zui-theme-action-secondary)] zui:text-[var(--zui-theme-action-secondary)]", e.today),
|
|
12278
12278
|
outside: V("zui:text-[var(--zui-color-text)] zui:opacity-55", e.outside),
|
|
12279
12279
|
disabled: V("zui:text-[var(--zui-color-text)] zui:opacity-45", e.disabled),
|
|
@@ -13050,7 +13050,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
|
|
|
13050
13050
|
t,
|
|
13051
13051
|
n
|
|
13052
13052
|
]), null;
|
|
13053
|
-
}, NS = iS, PS = oS, FS = uS, IS = fS, LS = gS, RS = xS, zS = CS, BS = TS, VS = W("zui:fixed zui:inset-0 zui:z-[100] zui:flex zui:items-center zui:justify-center zui:p-2 zui:bg-[var(--zui-theme-overlay-scrim)] zui:data-[state=closed]:animate-out zui:data-[state=closed]:fade-out-0 zui:data-[state=open]:animate-in zui:data-[state=open]:fade-in-0"), HS = W(`zui:z-[110] zui:flex zui:h-fit zui:w-full zui:max-h-[calc(100dvh-calc(var(--zui-scale,
|
|
13053
|
+
}, NS = iS, PS = oS, FS = uS, IS = fS, LS = gS, RS = xS, zS = CS, BS = TS, VS = W("zui:fixed zui:inset-0 zui:z-[100] zui:flex zui:items-center zui:justify-center zui:p-2 zui:bg-[var(--zui-theme-overlay-scrim)] zui:data-[state=closed]:animate-out zui:data-[state=closed]:fade-out-0 zui:data-[state=open]:animate-in zui:data-[state=open]:fade-in-0"), HS = W(`zui:z-[110] zui:flex zui:h-fit zui:w-full zui:max-h-[calc(100dvh-calc(var(--zui-scale,10px)*1.6))] zui:max-w-[calc(100vw-calc(var(--zui-scale,10px)*1.6))] zui:flex-col zui:gap-4 zui:overflow-auto zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-[var(--zui-color-surface)] ${Be} zui:text-[var(--zui-theme-text-primary)] zui:shadow-[0_24px_48px_-30px_var(--zui-effect-shadow-ink-55)] radius-lg zui:duration-200 zui:outline-none zui:data-[state=closed]:animate-out zui:data-[state=closed]:fade-out-0 zui:data-[state=closed]:zoom-out-95 zui:data-[state=open]:animate-in zui:data-[state=open]:fade-in-0 zui:data-[state=open]:zoom-in-95 zui:sm:w-fit zui:sm:max-h-[calc(100dvh-calc(var(--zui-scale,10px)*3.2))] zui:sm:max-w-[calc(100vw-calc(var(--zui-scale,10px)*3.2))]`), US = W("zui:flex zui:flex-col zui:gap-2 zui:text-center zui:sm:text-right"), WS = W("zui:mt-auto zui:flex zui:flex-col-reverse zui:gap-2 zui:sm:flex-row zui:sm:justify-start"), GS = W("zui:text-lg zui:font-semibold zui:tracking-tight zui:text-[var(--zui-theme-text-primary)]"), KS = W("zui:text-sm zui:leading-6 zui:text-[var(--zui-theme-text-secondary)]"), qS = "نمایش دایالوگ", JS = "بستن", YS = "عنوان دایالوگ", XS = "محتوای دایالوگ اینجا نمایش داده میشود.", ZS = "zui:inline-flex zui:h-9 zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-[var(--zui-theme-bg-page)] zui:px-4 zui:text-sm zui:font-medium zui:text-[var(--zui-theme-text-primary)] zui:transition zui:hover:border-[var(--zui-theme-border-strong)] zui:hover:bg-[var(--zui-theme-bg-surface)] zui:focus-visible:outline-none zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)]", QS = "zui:absolute zui:left-3 zui:top-3 zui:inline-flex zui:size-8 zui:items-center zui:justify-center zui:rounded-md zui:text-[var(--zui-theme-text-muted)] zui:transition zui:hover:bg-[var(--zui-theme-bg-surface)] zui:hover:text-[var(--zui-theme-text-primary)] zui:focus-visible:outline-none zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)]";
|
|
13054
13054
|
function $S({ ariaLabel: e, fallbackLabel: t, fallbackAriaLabel: n }) {
|
|
13055
13055
|
return e && e.trim().length > 0 ? e : typeof t == "string" && t.trim().length > 0 ? t : n;
|
|
13056
13056
|
}
|
|
@@ -13667,11 +13667,11 @@ var dw = ow, fw = cw, pw = uw, mw = W("zui:grid", {
|
|
|
13667
13667
|
gap: "default",
|
|
13668
13668
|
disabled: !1
|
|
13669
13669
|
}
|
|
13670
|
-
}), hw = W("zui:group/radio zui:relative zui:inline-flex zui:size-[calc(var(--zui-scale,
|
|
13670
|
+
}), hw = W("zui:group/radio zui:relative zui:inline-flex zui:size-[calc(var(--zui-scale,10px)*1.92)] zui:shrink-0 zui:items-center zui:justify-center radius-full zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:text-[var(--zui-theme-action-primary)] zui:shadow-xs zui:cursor-pointer zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:data-[state=checked]:border-[var(--zui-theme-action-primary)] zui:data-[state=checked]:bg-[var(--zui-color-surface)] zui:hover:-translate-y-0.5 zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:bg-[var(--zui-theme-bg-elevated)] zui:hover:shadow-[0_8px_20px_-12px_var(--zui-effect-shadow-ink-35)] zui:active:translate-y-px zui:focus-visible:border-[var(--zui-theme-action-secondary)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:aria-invalid:border-[var(--zui-theme-status-danger)] zui:aria-invalid:ring-[var(--zui-theme-status-danger)] zui:disabled:cursor-not-allowed zui:disabled:pointer-events-none zui:disabled:opacity-50", {
|
|
13671
13671
|
variants: {
|
|
13672
13672
|
size: {
|
|
13673
|
-
sm: "zui:size-[calc(var(--zui-scale,
|
|
13674
|
-
default: "zui:size-[calc(var(--zui-scale,
|
|
13673
|
+
sm: "zui:size-[calc(var(--zui-scale,10px)*1.68)]",
|
|
13674
|
+
default: "zui:size-[calc(var(--zui-scale,10px)*1.92)]",
|
|
13675
13675
|
lg: "zui:size-6"
|
|
13676
13676
|
},
|
|
13677
13677
|
disabled: {
|
|
@@ -13760,7 +13760,7 @@ var dw = ow, fw = cw, pw = uw, mw = W("zui:grid", {
|
|
|
13760
13760
|
})]
|
|
13761
13761
|
});
|
|
13762
13762
|
}), xw = e.forwardRef(function({ className: t, size: n = "default", disabled: r = !1, label: i, description: a, id: o, direction: s = "rtl", optionClassName: c, labelClassName: l, descriptionClassName: u, indicatorClassName: d, value: f, onFocus: p, onBlur: m }, h) {
|
|
13763
|
-
let g = e.useId(), _ = o ?? g, v = n === "sm" ? "zui:size-[calc(var(--zui-scale,
|
|
13763
|
+
let g = e.useId(), _ = o ?? g, v = n === "sm" ? "zui:size-[calc(var(--zui-scale,10px)*0.736)]" : n === "lg" ? "zui:size-[calc(var(--zui-scale,10px)*1.12)]" : "zui:size-[calc(var(--zui-scale,10px)*0.928)]", y = /* @__PURE__ */ (0, U.jsx)(fw, {
|
|
13764
13764
|
ref: h,
|
|
13765
13765
|
id: _,
|
|
13766
13766
|
"data-slot": "radio-group-item",
|
|
@@ -14475,7 +14475,7 @@ var IT = uT, LT = fT, RT = gT, zT = vT, BT = bT, VT = DT, HT = W([
|
|
|
14475
14475
|
].join(" "), {
|
|
14476
14476
|
variants: { size: Ae },
|
|
14477
14477
|
defaultVariants: { size: "default" }
|
|
14478
|
-
}), UT = W("zui:z-[120] zui:max-h-72 zui:w-[var(--radix-popover-trigger-width)] zui:min-w-[calc(var(--zui-scale,
|
|
14478
|
+
}), UT = W("zui:z-[120] zui:max-h-72 zui:w-[var(--radix-popover-trigger-width)] zui:min-w-[calc(var(--zui-scale,10px)*12.8)] zui:overflow-hidden radius-xs zui:border zui:border-[var(--zui-theme-action-primary)] zui:bg-[var(--zui-color-surface)] zui:text-[var(--zui-color-text)] zui:shadow-[0_4px_12px_-6px_var(--zui-effect-shadow-ink-35)] zui:duration-200 zui:ease-out zui:data-[state=open]:animate-in zui:data-[state=open]:fade-in-0 zui:data-[state=open]:zoom-in-95 zui:data-[state=closed]:animate-out zui:data-[state=closed]:fade-out-0 zui:data-[state=closed]:zoom-out-95 zui:data-[side=bottom]:origin-top zui:data-[side=bottom]:data-[state=open]:slide-in-from-top-2 zui:data-[side=bottom]:data-[state=closed]:slide-out-to-top-2 zui:data-[side=top]:origin-bottom zui:data-[side=top]:data-[state=open]:slide-in-from-bottom-2 zui:data-[side=top]:data-[state=closed]:slide-out-to-bottom-2"), WT = W("zui:text-right zui:[&_[data-slot=select-label]]:px-2 zui:[&_[data-slot=select-label]]:py-1.5 zui:[&_[data-slot=select-label]]:text-xs zui:[&_[data-slot=select-label]]:font-semibold", {
|
|
14479
14479
|
variants: { hasSearch: {
|
|
14480
14480
|
true: "zui:px-1 zui:pb-1 zui:pt-0",
|
|
14481
14481
|
false: "zui:p-1"
|
|
@@ -14493,7 +14493,7 @@ function XT({ className: e, ...t }) {
|
|
|
14493
14493
|
}
|
|
14494
14494
|
//#endregion
|
|
14495
14495
|
//#region src/components/Select/Select.tsx
|
|
14496
|
-
var ZT = "انتخاب همه", QT = "پاک کردن انتخابها", $T = "پاک کردن انتخاب", eE = "جستجو کنید", tE = 1, nE = 20, rE = 350, iE = 48, aE = 3, oE = "zui:inline-flex zui:size-8 zui:items-center zui:justify-center radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-colors zui:hover:bg-[var(--zui-theme-bg-muted)] zui:hover:text-[var(--zui-color-text)] zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:opacity-45", sE = "zui:sticky zui:top-0 zui:z-20 zui:-mx-1 zui:mb-1 zui:min-h-14 zui:border-b zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-muted-surface)] zui:px-1 zui:py-2", cE = "zui:group zui:flex zui:w-full zui:cursor-pointer zui:items-center zui:justify-between zui:gap-2 zui:border-b zui:border-[var(--zui-color-border)] zui:px-2 zui:py-1.5 zui:text-right zui:text-sm zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-[background-color,color] zui:duration-150 zui:hover:bg-[var(--zui-theme-bg-muted)] zui:focus-visible:bg-[var(--zui-theme-bg-elevated)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45", lE = "zui:size-[calc(var(--zui-scale,
|
|
14496
|
+
var ZT = "انتخاب همه", QT = "پاک کردن انتخابها", $T = "پاک کردن انتخاب", eE = "جستجو کنید", tE = 1, nE = 20, rE = 350, iE = 48, aE = 3, oE = "zui:inline-flex zui:size-8 zui:items-center zui:justify-center radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-colors zui:hover:bg-[var(--zui-theme-bg-muted)] zui:hover:text-[var(--zui-color-text)] zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:opacity-45", sE = "zui:sticky zui:top-0 zui:z-20 zui:-mx-1 zui:mb-1 zui:min-h-14 zui:border-b zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-muted-surface)] zui:px-1 zui:py-2", cE = "zui:group zui:flex zui:w-full zui:cursor-pointer zui:items-center zui:justify-between zui:gap-2 zui:border-b zui:border-[var(--zui-color-border)] zui:px-2 zui:py-1.5 zui:text-right zui:text-sm zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-[background-color,color] zui:duration-150 zui:hover:bg-[var(--zui-theme-bg-muted)] zui:focus-visible:bg-[var(--zui-theme-bg-elevated)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45", lE = "zui:size-[calc(var(--zui-scale,10px)*1.92)]", uE = e.createContext(null);
|
|
14497
14497
|
function dE(e) {
|
|
14498
14498
|
return typeof e == "string" ? e.length > 0 : !1;
|
|
14499
14499
|
}
|
|
@@ -15152,7 +15152,7 @@ var jE = e.forwardRef(function({ className: e, ...t }, n) {
|
|
|
15152
15152
|
className: V(GT(), e),
|
|
15153
15153
|
...n,
|
|
15154
15154
|
children: [/* @__PURE__ */ (0, U.jsx)("span", {
|
|
15155
|
-
className: "zui:absolute zui:left-2 zui:flex zui:size-[calc(var(--zui-scale,
|
|
15155
|
+
className: "zui:absolute zui:left-2 zui:flex zui:size-[calc(var(--zui-scale,10px)*1.92)] zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)]",
|
|
15156
15156
|
children: /* @__PURE__ */ (0, U.jsx)(BT, { children: /* @__PURE__ */ (0, U.jsx)(z, { className: lE }) })
|
|
15157
15157
|
}), /* @__PURE__ */ (0, U.jsx)(zT, {
|
|
15158
15158
|
className: "zui:line-clamp-2 zui:w-full zui:min-w-0 zui:break-words zui:text-right",
|
|
@@ -15166,12 +15166,12 @@ var jE = e.forwardRef(function({ className: e, ...t }, n) {
|
|
|
15166
15166
|
className: V(qT(), e),
|
|
15167
15167
|
...t
|
|
15168
15168
|
});
|
|
15169
|
-
}), PE = W("zui:fixed zui:inset-0 zui:z-[80] zui:bg-[var(--zui-theme-overlay-scrim)] zui:data-[state=open]:animate-in zui:data-[state=closed]:animate-out zui:data-[state=closed]:fade-out-0 zui:data-[state=open]:fade-in-0"), FE = W(`zui:fixed zui:z-[90] zui:flex zui:h-fit zui:max-h-[calc(100dvh-calc(var(--zui-scale,
|
|
15169
|
+
}), PE = W("zui:fixed zui:inset-0 zui:z-[80] zui:bg-[var(--zui-theme-overlay-scrim)] zui:data-[state=open]:animate-in zui:data-[state=closed]:animate-out zui:data-[state=closed]:fade-out-0 zui:data-[state=open]:fade-in-0"), FE = W(`zui:fixed zui:z-[90] zui:flex zui:h-fit zui:max-h-[calc(100dvh-calc(var(--zui-scale,10px)*1.6))] zui:min-w-[calc(var(--zui-scale,10px)*25.6)] zui:max-w-[calc(100vw-calc(var(--zui-scale,10px)*1.6))] zui:flex-col zui:gap-4 zui:overflow-y-auto zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-[var(--zui-color-surface)] ${Be} zui:text-[var(--zui-theme-text-primary)] zui:shadow-[0_24px_48px_-30px_var(--zui-effect-shadow-ink-55)] zui:transition zui:ease-in-out zui:data-[state=closed]:duration-300 zui:data-[state=open]:duration-500 zui:data-[state=open]:animate-in zui:data-[state=closed]:animate-out zui:sm:max-h-[calc(100dvh-calc(var(--zui-scale,10px)*3.2))] zui:sm:max-w-[calc(100vw-calc(var(--zui-scale,10px)*3.2))]`, {
|
|
15170
15170
|
variants: { side: {
|
|
15171
15171
|
top: "zui:left-2 zui:top-2 zui:right-2 zui:w-auto zui:border-b radius-lg zui:data-[state=closed]:slide-out-to-top zui:data-[state=open]:slide-in-from-top zui:sm:left-4 zui:sm:right-auto zui:sm:top-4 zui:sm:w-fit",
|
|
15172
15172
|
bottom: "zui:left-2 zui:bottom-2 zui:right-2 zui:w-auto zui:border-t radius-lg zui:data-[state=closed]:slide-out-to-bottom zui:data-[state=open]:slide-in-from-bottom zui:sm:left-4 zui:sm:right-auto zui:sm:bottom-4 zui:sm:w-fit",
|
|
15173
|
-
left: "zui:left-2 zui:top-2 zui:bottom-2 zui:w-[min(calc(var(--zui-scale,
|
|
15174
|
-
right: "zui:right-2 zui:top-2 zui:bottom-2 zui:w-[min(calc(var(--zui-scale,
|
|
15173
|
+
left: "zui:left-2 zui:top-2 zui:bottom-2 zui:w-[min(calc(var(--zui-scale,10px)*35.2),calc(100vw-calc(var(--zui-scale,10px)*1.6)))] zui:border-r radius-lg zui:data-[state=closed]:slide-out-to-left zui:data-[state=open]:slide-in-from-left zui:sm:left-4 zui:sm:top-4 zui:sm:bottom-auto zui:sm:w-fit",
|
|
15174
|
+
right: "zui:right-2 zui:top-2 zui:bottom-2 zui:w-[min(calc(var(--zui-scale,10px)*35.2),calc(100vw-calc(var(--zui-scale,10px)*1.6)))] zui:border-l radius-lg zui:data-[state=closed]:slide-out-to-right zui:data-[state=open]:slide-in-from-right zui:sm:right-4 zui:sm:top-4 zui:sm:bottom-auto zui:sm:w-fit"
|
|
15175
15175
|
} },
|
|
15176
15176
|
defaultVariants: { side: "right" }
|
|
15177
15177
|
}), IE = W("zui:absolute zui:top-4 zui:right-4 radius-xs zui:p-1 zui:text-[var(--zui-theme-text-muted)] zui:opacity-100 zui:transition-colors zui:hover:cursor-pointer zui:hover:bg-[var(--zui-theme-action-ghost-hover)] zui:hover:text-[var(--zui-theme-text-primary)] zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none"), LE = W("zui:flex zui:flex-col zui:gap-2 zui:text-center zui:sm:text-left"), RE = W("zui:mt-auto zui:flex zui:flex-col-reverse zui:gap-2 zui:sm:flex-row zui:sm:justify-end"), zE = W("zui:text-lg zui:font-semibold zui:tracking-tight zui:text-[var(--zui-theme-text-primary)]"), BE = W("zui:text-sm zui:leading-6 zui:text-[var(--zui-theme-text-secondary)]"), VE = "نمایش پنل", HE = "بستن", UE = "عنوان پنل", WE = "محتوای پنل اینجا نمایش داده میشود.", GE = "zui:inline-flex zui:h-9 zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-[var(--zui-theme-bg-page)] zui:px-4 zui:text-sm zui:font-medium zui:text-[var(--zui-theme-text-primary)] zui:transition zui:hover:border-[var(--zui-theme-border-strong)] zui:hover:bg-[var(--zui-theme-bg-surface)] zui:focus-visible:outline-none zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)]";
|
|
@@ -15814,16 +15814,16 @@ YD(uO, "getState");
|
|
|
15814
15814
|
//#region src/components/Switch/Switch.variant.ts
|
|
15815
15815
|
var dO = W("zui:group/switch zui:relative zui:inline-flex zui:shrink-0 zui:cursor-pointer zui:items-center radius-full zui:border-2 zui:border-transparent zui:bg-[var(--zui-color-border)] zui:shadow-xs zui:outline-none zui:transition-colors zui:duration-300 zui:ease-out zui:data-[state=checked]:bg-[var(--zui-theme-action-primary)] zui:hover:data-[state=unchecked]:bg-[var(--zui-theme-bg-elevated)] zui:hover:data-[state=checked]:bg-[var(--zui-theme-action-primary-hover)] zui:active:data-[state=checked]:bg-[var(--zui-theme-action-primary-active)] zui:focus-visible:border-[var(--zui-theme-action-secondary)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:aria-invalid:border-[var(--zui-theme-status-danger)] zui:aria-invalid:ring-[var(--zui-theme-status-danger)] zui:disabled:cursor-not-allowed zui:disabled:pointer-events-none zui:disabled:opacity-50", {
|
|
15816
15816
|
variants: { size: {
|
|
15817
|
-
sm: "zui:h-[calc(var(--zui-scale,
|
|
15818
|
-
default: "zui:h-[calc(var(--zui-scale,
|
|
15819
|
-
lg: "zui:h-[calc(var(--zui-scale,
|
|
15817
|
+
sm: "zui:h-[calc(var(--zui-scale,10px)*1.68)] zui:w-[calc(var(--zui-scale,10px)*2.96)]",
|
|
15818
|
+
default: "zui:h-[calc(var(--zui-scale,10px)*1.92)] zui:w-[calc(var(--zui-scale,10px)*3.36)]",
|
|
15819
|
+
lg: "zui:h-[calc(var(--zui-scale,10px)*2.4)] zui:w-[calc(var(--zui-scale,10px)*4.2)]"
|
|
15820
15820
|
} },
|
|
15821
15821
|
defaultVariants: { size: "default" }
|
|
15822
15822
|
}), fO = W("zui:pointer-events-none zui:block radius-full zui:bg-[var(--zui-color-surface)] zui:shadow-lg zui:ring-0 zui:transition-transform zui:duration-300 zui:ease-out zui:data-[state=unchecked]:translate-x-0", {
|
|
15823
15823
|
variants: { size: {
|
|
15824
|
-
sm: "zui:size-[calc(var(--zui-scale,
|
|
15825
|
-
default: "zui:size-[calc(var(--zui-scale,
|
|
15826
|
-
lg: "zui:size-[calc(var(--zui-scale,
|
|
15824
|
+
sm: "zui:size-[calc(var(--zui-scale,10px)*1.28)] zui:data-[state=checked]:-translate-x-[calc(var(--zui-scale,10px)*1.28)]",
|
|
15825
|
+
default: "zui:size-[calc(var(--zui-scale,10px)*1.52)] zui:data-[state=checked]:-translate-x-[calc(var(--zui-scale,10px)*1.52)]",
|
|
15826
|
+
lg: "zui:size-[calc(var(--zui-scale,10px)*1.92)] zui:data-[state=checked]:-translate-x-[calc(var(--zui-scale,10px)*1.92)]"
|
|
15827
15827
|
} },
|
|
15828
15828
|
defaultVariants: { size: "default" }
|
|
15829
15829
|
}), pO = e.forwardRef(function({ className: t, size: n = "default", checked: r, defaultChecked: i, onCheckedChange: a, onInvalid: o, required: s, name: c, value: l, form: u, id: d, "aria-label": f, disabled: p = !1, onClick: m }, h) {
|
|
@@ -15863,7 +15863,7 @@ var dO = W("zui:group/switch zui:relative zui:inline-flex zui:shrink-0 zui:curso
|
|
|
15863
15863
|
children: "*"
|
|
15864
15864
|
}) : null]
|
|
15865
15865
|
});
|
|
15866
|
-
}), mO = "دادهای برای نمایش وجود ندارد.", hO = "ستون قابلنمایشی تعریف نشده است.", gO = "دادهای مطابق جستجو پیدا نشد.", _O = "عملیات", vO = "ردیف", yO = "افزودن", bO = "چاپ", xO = "پیشنمایش چاپ", SO = "ویرایش", CO = "حذف", wO = "zui:size-4", TO = "zui:size-6", EO = "zui:cursor-pointer zui:border-0 zui:bg-transparent zui:shadow-none zui:hover:bg-transparent zui:hover:shadow-none zui:active:bg-transparent zui:focus-visible:ring-0 zui:disabled:cursor-not-allowed", DO = "zui:px-3", OO = "zui:sticky zui:left-0 zui:z-10", kO = "zui:px-3", AO = "جستجو کنید", jO = "جستجوی جدول", MO = "تغییر به پیمایش بینهایت", NO = "تغییر به صفحهبندی", PO = "صفحه قبل", FO = "صفحه بعد", IO = "zui:sticky zui:top-0 zui:z-20 zui:bg-[var(--zui-color-primary)]", LO = "در حال بارگذاری ردیفهای بیشتر...", RO = "برای بارگذاری بیشتر به پایین اسکرول کنید.", zO = "همه ردیفها نمایش داده شد.", BO = "zui:size-4", VO = "zui:inline-flex zui:cursor-pointer zui:items-center zui:justify-center zui:rounded zui:border-0 zui:bg-transparent zui:p-0 zui:text-[var(--zui-color-surface)] zui:transition-transform zui:duration-200 zui:ease-out zui:hover:scale-125 zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)]", HO = "صعودی", UO = "نزولی", WO = "مرتبسازی بر اساس", GO = new Intl.DateTimeFormat("fa-IR", { dateStyle: "medium" }), KO = W("zui:relative zui:w-full zui:min-w-0 zui:overflow-hidden zui:p-[calc(var(--zui-scale,
|
|
15866
|
+
}), mO = "دادهای برای نمایش وجود ندارد.", hO = "ستون قابلنمایشی تعریف نشده است.", gO = "دادهای مطابق جستجو پیدا نشد.", _O = "عملیات", vO = "ردیف", yO = "افزودن", bO = "چاپ", xO = "پیشنمایش چاپ", SO = "ویرایش", CO = "حذف", wO = "zui:size-4", TO = "zui:size-6", EO = "zui:cursor-pointer zui:border-0 zui:bg-transparent zui:shadow-none zui:hover:bg-transparent zui:hover:shadow-none zui:active:bg-transparent zui:focus-visible:ring-0 zui:disabled:cursor-not-allowed", DO = "zui:px-3", OO = "zui:sticky zui:left-0 zui:z-10", kO = "zui:px-3", AO = "جستجو کنید", jO = "جستجوی جدول", MO = "تغییر به پیمایش بینهایت", NO = "تغییر به صفحهبندی", PO = "صفحه قبل", FO = "صفحه بعد", IO = "zui:sticky zui:top-0 zui:z-20 zui:bg-[var(--zui-color-primary)]", LO = "در حال بارگذاری ردیفهای بیشتر...", RO = "برای بارگذاری بیشتر به پایین اسکرول کنید.", zO = "همه ردیفها نمایش داده شد.", BO = "zui:size-4", VO = "zui:inline-flex zui:cursor-pointer zui:items-center zui:justify-center zui:rounded zui:border-0 zui:bg-transparent zui:p-0 zui:text-[var(--zui-color-surface)] zui:transition-transform zui:duration-200 zui:ease-out zui:hover:scale-125 zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)]", HO = "صعودی", UO = "نزولی", WO = "مرتبسازی بر اساس", GO = new Intl.DateTimeFormat("fa-IR", { dateStyle: "medium" }), KO = W("zui:relative zui:w-full zui:min-w-0 zui:overflow-hidden zui:p-[calc(var(--zui-scale,10px)*0.5)]"), qO = W(`zui:w-full zui:table-fixed ${Ie}`, {
|
|
15867
15867
|
variants: {
|
|
15868
15868
|
showColumnBorder: {
|
|
15869
15869
|
true: "zui:[&_th]:border-l zui:[&_td]:border-l zui:[&_th]:border-[var(--zui-theme-border-default)] zui:[&_td]:border-[var(--zui-theme-border-default)] zui:[&_tr>*:last-child]:border-l-0",
|
|
@@ -17647,7 +17647,7 @@ var sj = e.forwardRef(function({ className: e, ...t }, n) {
|
|
|
17647
17647
|
className: V(tj(), e),
|
|
17648
17648
|
...t,
|
|
17649
17649
|
children: /* @__PURE__ */ (0, U.jsx)(ye, {
|
|
17650
|
-
className: "zui:size-[calc(var(--zui-scale,
|
|
17650
|
+
className: "zui:size-[calc(var(--zui-scale,10px)*1.92)] zui:text-current",
|
|
17651
17651
|
"aria-hidden": "true"
|
|
17652
17652
|
})
|
|
17653
17653
|
})
|
|
@@ -18109,9 +18109,9 @@ var _M = Object.defineProperty, vM = (e, t) => _M(e, "name", {
|
|
|
18109
18109
|
outline: "zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:data-[state=on]:border-[var(--zui-theme-action-primary)]"
|
|
18110
18110
|
},
|
|
18111
18111
|
size: {
|
|
18112
|
-
sm: `${De} zui:min-w-[calc(var(--zui-scale,
|
|
18113
|
-
default: `${Oe} zui:min-w-[calc(var(--zui-scale,
|
|
18114
|
-
lg: `${ke} zui:min-w-[calc(var(--zui-scale,
|
|
18112
|
+
sm: `${De} zui:min-w-[calc(var(--zui-scale,10px)*4.608)] zui:px-[calc(var(--zui-scale,10px)*1.2)]`,
|
|
18113
|
+
default: `${Oe} zui:min-w-[calc(var(--zui-scale,10px)*5.184)] zui:px-[calc(var(--zui-scale,10px)*1.2)]`,
|
|
18114
|
+
lg: `${ke} zui:min-w-[calc(var(--zui-scale,10px)*5.76)] zui:px-[calc(var(--zui-scale,10px)*1.6)]`
|
|
18115
18115
|
}
|
|
18116
18116
|
},
|
|
18117
18117
|
defaultVariants: {
|
package/dist/shared/scale.d.ts
CHANGED
|
@@ -5,19 +5,28 @@ type ApplyScaleOptions = {
|
|
|
5
5
|
/**
|
|
6
6
|
* Sets the `--zui-scale` CSS custom property this library's components
|
|
7
7
|
* size themselves against (see src/index.css and shared/responsiveScale.ts).
|
|
8
|
-
* `scale` is a
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
*
|
|
8
|
+
* `scale` is a CSS length — `10px` (the default when this is never
|
|
9
|
+
* called) renders every component at its fixed desktop size; a
|
|
10
|
+
* consuming app that wants this library to shrink/grow with the
|
|
11
|
+
* viewport passes a smaller/larger length here (or sets the CSS
|
|
12
|
+
* variable itself, e.g. via a `clamp()` on `:root` — this function is a
|
|
13
|
+
* convenience over that, same relationship `applyTheme` has to
|
|
14
|
+
* hand-writing the theme's CSS variables). A bare `number` is treated
|
|
15
|
+
* as a `px` value.
|
|
16
|
+
*
|
|
17
|
+
* `--zui-scale` is kept a length rather than a unitless ratio because a
|
|
18
|
+
* bare CSS <number> can't be derived from a viewport-relative unit like
|
|
19
|
+
* `vw` without dividing it by another length inside `calc()` — and
|
|
20
|
+
* dividing two dimensioned values is exactly the construct Firefox
|
|
21
|
+
* silently drops the whole declaration for. A length can be set with a
|
|
22
|
+
* plain `clamp()` of `px`/`vw` values, no calc() division needed, the
|
|
23
|
+
* same shape as a typical root `font-size` clamp.
|
|
15
24
|
*
|
|
16
25
|
* Deliberately independent of the host app's own root `font-size`/`rem`
|
|
17
26
|
* scaling: `rem` always resolves against the document's <html> element,
|
|
18
27
|
* so it can't be scoped to just this library's components, which is why
|
|
19
28
|
* this library stopped reading it.
|
|
20
29
|
*/
|
|
21
|
-
declare function applyScale(scale: number, options?: ApplyScaleOptions):
|
|
30
|
+
declare function applyScale(scale: number | string, options?: ApplyScaleOptions): string;
|
|
22
31
|
export type { ApplyScaleOptions };
|
|
23
32
|
export { applyScale, ZUI_SCALE_CSS_VARIABLE };
|