@object-ui/components 4.0.4 → 4.0.6
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 +65 -0
- package/dist/index.css +98 -123
- package/dist/index.js +32 -32
- package/dist/index.umd.cjs +3 -3
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -373,10 +373,10 @@ function un({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
|
|
|
373
373
|
months: W("relative flex flex-col gap-4 md:flex-row", c.months),
|
|
374
374
|
month: W("flex w-full flex-col gap-4", c.month),
|
|
375
375
|
nav: W("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", c.nav),
|
|
376
|
-
button_previous: W(Pt({ variant: i }), "h-
|
|
377
|
-
button_next: W(Pt({ variant: i }), "h-
|
|
378
|
-
month_caption: W("flex h-
|
|
379
|
-
dropdowns: W("flex h-
|
|
376
|
+
button_previous: W(Pt({ variant: i }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", c.button_previous),
|
|
377
|
+
button_next: W(Pt({ variant: i }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", c.button_next),
|
|
378
|
+
month_caption: W("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", c.month_caption),
|
|
379
|
+
dropdowns: W("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", c.dropdowns),
|
|
380
380
|
dropdown_root: W("has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border", c.dropdown_root),
|
|
381
381
|
dropdown: W("bg-popover absolute inset-0 opacity-0", c.dropdown),
|
|
382
382
|
caption_label: W("select-none font-medium", r === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5", c.caption_label),
|
|
@@ -384,7 +384,7 @@ function un({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
|
|
|
384
384
|
weekdays: W("flex", c.weekdays),
|
|
385
385
|
weekday: W("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal", c.weekday),
|
|
386
386
|
week: W("mt-2 flex w-full", c.week),
|
|
387
|
-
week_number_header: W("w-
|
|
387
|
+
week_number_header: W("w-(--cell-size) select-none", c.week_number_header),
|
|
388
388
|
week_number: W("text-muted-foreground select-none text-[0.8rem]", c.week_number),
|
|
389
389
|
day: W("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md", c.day),
|
|
390
390
|
range_start: W("bg-accent rounded-l-md", c.range_start),
|
|
@@ -411,7 +411,7 @@ function un({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
|
|
|
411
411
|
WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ x("td", {
|
|
412
412
|
...t,
|
|
413
413
|
children: /* @__PURE__ */ x("div", {
|
|
414
|
-
className: "flex size-
|
|
414
|
+
className: "flex size-(--cell-size) items-center justify-center text-center",
|
|
415
415
|
children: e
|
|
416
416
|
})
|
|
417
417
|
}),
|
|
@@ -433,7 +433,7 @@ function dn({ className: e, day: t, modifiers: n, ...r }) {
|
|
|
433
433
|
"data-range-start": n.range_start,
|
|
434
434
|
"data-range-end": n.range_end,
|
|
435
435
|
"data-range-middle": n.range_middle,
|
|
436
|
-
className: W("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-
|
|
436
|
+
className: W("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-(--cell-size) flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70", i.day, e),
|
|
437
437
|
...r
|
|
438
438
|
});
|
|
439
439
|
}
|
|
@@ -653,7 +653,7 @@ ${n.map(([e, n]) => {
|
|
|
653
653
|
return /* @__PURE__ */ x("div", {
|
|
654
654
|
className: W("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", r === "dot" && "items-center"),
|
|
655
655
|
children: l && e?.value !== void 0 && e.name ? l(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ S(b, { children: [n?.icon ? /* @__PURE__ */ x(n.icon, {}) : !a && /* @__PURE__ */ x("div", {
|
|
656
|
-
className: W("shrink-0 rounded-[2px] border-
|
|
656
|
+
className: W("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
|
|
657
657
|
"h-2.5 w-2.5": r === "dot",
|
|
658
658
|
"w-1": r === "line",
|
|
659
659
|
"w-0 border-[1.5px] border-dashed bg-transparent": r === "dashed",
|
|
@@ -833,13 +833,13 @@ var ir = z.Root, ar = z.Trigger, or = z.Group, sr = z.Portal, cr = z.Sub, lr = z
|
|
|
833
833
|
ur.displayName = z.SubTrigger.displayName;
|
|
834
834
|
var dr = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(z.SubContent, {
|
|
835
835
|
ref: n,
|
|
836
|
-
className: W("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-
|
|
836
|
+
className: W("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-context-menu-content-transform-origin)", e),
|
|
837
837
|
...t
|
|
838
838
|
}));
|
|
839
839
|
dr.displayName = z.SubContent.displayName;
|
|
840
840
|
var fr = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(z.Portal, { children: /* @__PURE__ */ x(z.Content, {
|
|
841
841
|
ref: n,
|
|
842
|
-
className: W("z-50 max-h-
|
|
842
|
+
className: W("z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-context-menu-content-transform-origin)", e),
|
|
843
843
|
...t
|
|
844
844
|
}) }));
|
|
845
845
|
fr.displayName = z.Content.displayName;
|
|
@@ -940,14 +940,14 @@ var kr = B.Root, Ar = B.Trigger, jr = B.Group, Mr = B.Portal, Nr = B.Sub, Pr = B
|
|
|
940
940
|
Fr.displayName = B.SubTrigger.displayName;
|
|
941
941
|
var Ir = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(B.SubContent, {
|
|
942
942
|
ref: n,
|
|
943
|
-
className: W("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-
|
|
943
|
+
className: W("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-dropdown-menu-content-transform-origin)", e),
|
|
944
944
|
...t
|
|
945
945
|
}));
|
|
946
946
|
Ir.displayName = B.SubContent.displayName;
|
|
947
947
|
var Lr = f.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ x(B.Portal, { children: /* @__PURE__ */ x(B.Content, {
|
|
948
948
|
ref: r,
|
|
949
949
|
sideOffset: t,
|
|
950
|
-
className: W("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-
|
|
950
|
+
className: W("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-dropdown-menu-content-transform-origin)", e),
|
|
951
951
|
...n
|
|
952
952
|
}) }));
|
|
953
953
|
Lr.displayName = B.Content.displayName;
|
|
@@ -1081,7 +1081,7 @@ var ti = at.Root, ni = at.Trigger, ri = f.forwardRef(({ className: e, align: t =
|
|
|
1081
1081
|
ref: i,
|
|
1082
1082
|
align: t,
|
|
1083
1083
|
sideOffset: n,
|
|
1084
|
-
className: W("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-
|
|
1084
|
+
className: W("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-hover-card-content-transform-origin)", e),
|
|
1085
1085
|
...r
|
|
1086
1086
|
}));
|
|
1087
1087
|
ri.displayName = at.Content.displayName;
|
|
@@ -1170,7 +1170,7 @@ var hi = f.forwardRef(({ className: e, inset: t, children: n, ...r }, i) => /* @
|
|
|
1170
1170
|
hi.displayName = V.SubTrigger.displayName;
|
|
1171
1171
|
var gi = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(V.SubContent, {
|
|
1172
1172
|
ref: n,
|
|
1173
|
-
className: W("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-
|
|
1173
|
+
className: W("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-menubar-content-transform-origin)", e),
|
|
1174
1174
|
...t
|
|
1175
1175
|
}));
|
|
1176
1176
|
gi.displayName = V.SubContent.displayName;
|
|
@@ -1179,7 +1179,7 @@ var _i = f.forwardRef(({ className: e, align: t = "start", alignOffset: n = -4,
|
|
|
1179
1179
|
align: t,
|
|
1180
1180
|
alignOffset: n,
|
|
1181
1181
|
sideOffset: r,
|
|
1182
|
-
className: W("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-
|
|
1182
|
+
className: W("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-menubar-content-transform-origin)", e),
|
|
1183
1183
|
...i
|
|
1184
1184
|
}) }));
|
|
1185
1185
|
_i.displayName = V.Content.displayName;
|
|
@@ -1340,7 +1340,7 @@ var Bi = ct.Root, Vi = ct.Trigger, Hi = f.forwardRef(({ className: e, align: t =
|
|
|
1340
1340
|
ref: i,
|
|
1341
1341
|
align: t,
|
|
1342
1342
|
sideOffset: n,
|
|
1343
|
-
className: W("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-
|
|
1343
|
+
className: W("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-popover-content-transform-origin)", e),
|
|
1344
1344
|
...r
|
|
1345
1345
|
}) }));
|
|
1346
1346
|
Hi.displayName = ct.Content.displayName;
|
|
@@ -1436,7 +1436,7 @@ var na = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(U.ScrollD
|
|
|
1436
1436
|
na.displayName = U.ScrollDownButton.displayName;
|
|
1437
1437
|
var Y = f.forwardRef(({ className: e, children: t, position: n = "popper", ...r }, i) => /* @__PURE__ */ x(U.Portal, { children: /* @__PURE__ */ S(U.Content, {
|
|
1438
1438
|
ref: i,
|
|
1439
|
-
className: W("relative z-50 max-h-
|
|
1439
|
+
className: W("relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-select-content-transform-origin)", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
|
|
1440
1440
|
position: n,
|
|
1441
1441
|
...r,
|
|
1442
1442
|
children: [
|
|
@@ -1557,7 +1557,7 @@ function Z({ className: e, ...t }) {
|
|
|
1557
1557
|
var ya = gt.Provider, ba = gt.Root, xa = gt.Trigger, Sa = f.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ x(gt.Content, {
|
|
1558
1558
|
ref: r,
|
|
1559
1559
|
sideOffset: t,
|
|
1560
|
-
className: W("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-
|
|
1560
|
+
className: W("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)", e),
|
|
1561
1561
|
...n
|
|
1562
1562
|
}));
|
|
1563
1563
|
Sa.displayName = gt.Content.displayName;
|
|
@@ -1623,7 +1623,7 @@ ja.displayName = "SidebarProvider";
|
|
|
1623
1623
|
var Ma = f.forwardRef(({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcanvas", className: r, children: i, ...a }, o) => {
|
|
1624
1624
|
let { isMobile: s, state: c, openMobile: l, setOpenMobile: u } = Aa();
|
|
1625
1625
|
return n === "none" ? /* @__PURE__ */ x("div", {
|
|
1626
|
-
className: W("flex h-full w-
|
|
1626
|
+
className: W("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", r),
|
|
1627
1627
|
ref: o,
|
|
1628
1628
|
...a,
|
|
1629
1629
|
children: i
|
|
@@ -1634,7 +1634,7 @@ var Ma = f.forwardRef(({ side: e = "left", variant: t = "sidebar", collapsible:
|
|
|
1634
1634
|
children: /* @__PURE__ */ S(fa, {
|
|
1635
1635
|
"data-sidebar": "sidebar",
|
|
1636
1636
|
"data-mobile": "true",
|
|
1637
|
-
className: "w-
|
|
1637
|
+
className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
|
|
1638
1638
|
style: { "--sidebar-width": Ea },
|
|
1639
1639
|
side: e,
|
|
1640
1640
|
children: [/* @__PURE__ */ S(pa, {
|
|
@@ -1652,8 +1652,8 @@ var Ma = f.forwardRef(({ side: e = "left", variant: t = "sidebar", collapsible:
|
|
|
1652
1652
|
"data-collapsible": n,
|
|
1653
1653
|
"data-variant": t,
|
|
1654
1654
|
"data-side": e,
|
|
1655
|
-
children: [/* @__PURE__ */ x("div", { className: W("relative w-
|
|
1656
|
-
className: W("fixed inset-y-0 z-10 hidden h-svh w-
|
|
1655
|
+
children: [/* @__PURE__ */ x("div", { className: W("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[state=collapsed]:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_1rem)]" : "group-data-[state=collapsed]:group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), /* @__PURE__ */ x("div", {
|
|
1656
|
+
className: W("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", e === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", t === "floating" || t === "inset" ? "p-2 group-data-[state=collapsed]:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_1rem_+_2px)]" : "group-data-[state=collapsed]:group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", r),
|
|
1657
1657
|
...a,
|
|
1658
1658
|
children: /* @__PURE__ */ x("div", {
|
|
1659
1659
|
"data-sidebar": "sidebar",
|
|
@@ -1734,7 +1734,7 @@ za.displayName = "SidebarSeparator";
|
|
|
1734
1734
|
var Ba = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x("div", {
|
|
1735
1735
|
ref: n,
|
|
1736
1736
|
"data-sidebar": "content",
|
|
1737
|
-
className: W("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", e),
|
|
1737
|
+
className: W("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[state=collapsed]:group-data-[collapsible=icon]:overflow-hidden", e),
|
|
1738
1738
|
...t
|
|
1739
1739
|
}));
|
|
1740
1740
|
Ba.displayName = "SidebarContent";
|
|
@@ -1748,14 +1748,14 @@ Va.displayName = "SidebarGroup";
|
|
|
1748
1748
|
var Ha = f.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => /* @__PURE__ */ x(t ? P : "div", {
|
|
1749
1749
|
ref: r,
|
|
1750
1750
|
"data-sidebar": "group-label",
|
|
1751
|
-
className: W("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", e),
|
|
1751
|
+
className: W("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[state=collapsed]:group-data-[collapsible=icon]:-mt-8 group-data-[state=collapsed]:group-data-[collapsible=icon]:opacity-0", e),
|
|
1752
1752
|
...n
|
|
1753
1753
|
}));
|
|
1754
1754
|
Ha.displayName = "SidebarGroupLabel";
|
|
1755
1755
|
var Ua = f.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => /* @__PURE__ */ x(t ? P : "button", {
|
|
1756
1756
|
ref: r,
|
|
1757
1757
|
"data-sidebar": "group-action",
|
|
1758
|
-
className: W("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 after:md:hidden", "group-data-[collapsible=icon]:hidden", e),
|
|
1758
|
+
className: W("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 after:md:hidden", "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden", e),
|
|
1759
1759
|
...n
|
|
1760
1760
|
}));
|
|
1761
1761
|
Ua.displayName = "SidebarGroupAction";
|
|
@@ -1822,14 +1822,14 @@ Ja.displayName = "SidebarMenuButton";
|
|
|
1822
1822
|
var Ya = f.forwardRef(({ className: e, asChild: t = !1, showOnHover: n = !1, ...r }, i) => /* @__PURE__ */ x(t ? P : "button", {
|
|
1823
1823
|
ref: i,
|
|
1824
1824
|
"data-sidebar": "menu-action",
|
|
1825
|
-
className: W("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 after:md:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", n && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0", e),
|
|
1825
|
+
className: W("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 after:md:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden", n && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0", e),
|
|
1826
1826
|
...r
|
|
1827
1827
|
}));
|
|
1828
1828
|
Ya.displayName = "SidebarMenuAction";
|
|
1829
1829
|
var Xa = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x("div", {
|
|
1830
1830
|
ref: n,
|
|
1831
1831
|
"data-sidebar": "menu-badge",
|
|
1832
|
-
className: W("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", e),
|
|
1832
|
+
className: W("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden", e),
|
|
1833
1833
|
...t
|
|
1834
1834
|
}));
|
|
1835
1835
|
Xa.displayName = "SidebarMenuBadge";
|
|
@@ -1844,7 +1844,7 @@ var Za = f.forwardRef(({ className: e, showIcon: t = !1, ...n }, r) => {
|
|
|
1844
1844
|
className: "size-4 rounded-md",
|
|
1845
1845
|
"data-sidebar": "menu-skeleton-icon"
|
|
1846
1846
|
}), /* @__PURE__ */ x(Z, {
|
|
1847
|
-
className: "h-4 max-w-
|
|
1847
|
+
className: "h-4 max-w-(--skeleton-width) flex-1",
|
|
1848
1848
|
"data-sidebar": "menu-skeleton-text",
|
|
1849
1849
|
style: { "--skeleton-width": i }
|
|
1850
1850
|
})]
|
|
@@ -1854,7 +1854,7 @@ Za.displayName = "SidebarMenuSkeleton";
|
|
|
1854
1854
|
var Qa = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x("ul", {
|
|
1855
1855
|
ref: n,
|
|
1856
1856
|
"data-sidebar": "menu-sub",
|
|
1857
|
-
className: W("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", e),
|
|
1857
|
+
className: W("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5", "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden", e),
|
|
1858
1858
|
...t
|
|
1859
1859
|
}));
|
|
1860
1860
|
Qa.displayName = "SidebarMenuSub";
|
|
@@ -1868,7 +1868,7 @@ var eo = f.forwardRef(({ asChild: e = !1, size: t = "md", isActive: n, className
|
|
|
1868
1868
|
"data-sidebar": "menu-sub-button",
|
|
1869
1869
|
"data-size": t,
|
|
1870
1870
|
"data-active": n,
|
|
1871
|
-
className: W("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", t === "sm" && "text-xs", t === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", r),
|
|
1871
|
+
className: W("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", t === "sm" && "text-xs", t === "md" && "text-sm", "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden", r),
|
|
1872
1872
|
...i
|
|
1873
1873
|
}));
|
|
1874
1874
|
eo.displayName = "SidebarMenuSubButton";
|
|
@@ -9485,9 +9485,9 @@ e.register("data-table", ({ schema: t }) => {
|
|
|
9485
9485
|
children: [/* @__PURE__ */ S("div", {
|
|
9486
9486
|
className: "flex items-center gap-1",
|
|
9487
9487
|
children: [
|
|
9488
|
-
m && /* @__PURE__ */ x(Ce, { className: "h-4 w-4 opacity-0 group-hover:opacity-50 cursor-grab active:cursor-grabbing
|
|
9488
|
+
m && /* @__PURE__ */ x(Ce, { className: "h-4 w-4 opacity-0 group-hover:opacity-50 cursor-grab active:cursor-grabbing shrink-0" }),
|
|
9489
9489
|
e.headerIcon && /* @__PURE__ */ x("span", {
|
|
9490
|
-
className: "text-muted-foreground
|
|
9490
|
+
className: "text-muted-foreground shrink-0",
|
|
9491
9491
|
children: e.headerIcon
|
|
9492
9492
|
}),
|
|
9493
9493
|
/* @__PURE__ */ x("span", {
|