@burdenoff/fe-libs 2026.1028.15 → 2026.1028.16
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.
|
@@ -104,27 +104,6 @@ var h = ({ items: h, currentPath: g, collapsed: _ = !1, onItemClick: v, onToggle
|
|
|
104
104
|
paddingBottom: "env(safe-area-inset-bottom)"
|
|
105
105
|
},
|
|
106
106
|
children: [
|
|
107
|
-
!_ && y && /* @__PURE__ */ p("div", {
|
|
108
|
-
className: "md:hidden flex justify-end px-2 pt-2",
|
|
109
|
-
children: /* @__PURE__ */ p("button", {
|
|
110
|
-
type: "button",
|
|
111
|
-
onClick: y,
|
|
112
|
-
className: "p-2 rounded-button hover:bg-bg-sunken text-text-secondary hover:text-text-primary transition-colors",
|
|
113
|
-
"aria-label": P("appShell.closeSidebar", "Close sidebar"),
|
|
114
|
-
children: /* @__PURE__ */ p("svg", {
|
|
115
|
-
className: "size-5",
|
|
116
|
-
fill: "none",
|
|
117
|
-
stroke: "currentColor",
|
|
118
|
-
viewBox: "0 0 24 24",
|
|
119
|
-
children: /* @__PURE__ */ p("path", {
|
|
120
|
-
strokeLinecap: "round",
|
|
121
|
-
strokeLinejoin: "round",
|
|
122
|
-
strokeWidth: 2,
|
|
123
|
-
d: "M6 18L18 6M6 6l12 12"
|
|
124
|
-
})
|
|
125
|
-
})
|
|
126
|
-
})
|
|
127
|
-
}),
|
|
128
107
|
(x || y) && /* @__PURE__ */ p(s, {
|
|
129
108
|
header: x,
|
|
130
109
|
collapsed: _,
|
|
@@ -4,15 +4,15 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
|
4
4
|
var r = ({ actions: r, collapsed: i, onToggleCollapse: a }) => {
|
|
5
5
|
let { t: o } = e();
|
|
6
6
|
return /* @__PURE__ */ n("div", {
|
|
7
|
-
className: "md:hidden shrink-0 border-t border-border-subtle bg-bg-sunken/50 pt-
|
|
7
|
+
className: "md:hidden shrink-0 border-t border-border-subtle bg-bg-sunken/50 pt-1.5 pb-[max(0.375rem,env(safe-area-inset-bottom))]",
|
|
8
8
|
children: [/* @__PURE__ */ t("p", {
|
|
9
|
-
className: "px-4 pb-1
|
|
9
|
+
className: "px-4 pb-1 text-[10px] text-text-muted font-medium uppercase tracking-wider",
|
|
10
10
|
children: ((e, t) => {
|
|
11
11
|
let n = o(e);
|
|
12
12
|
return n === e ? t : n;
|
|
13
13
|
})("appShell.quickActions", "Quick Actions")
|
|
14
14
|
}), /* @__PURE__ */ t("div", {
|
|
15
|
-
className: "scrollbar-slim scrollbar-hover-only flex gap-1
|
|
15
|
+
className: "scrollbar-slim scrollbar-hover-only flex gap-1 overflow-x-auto px-4 [mask-image:linear-gradient(to_right,transparent,black_4%,black_96%,transparent)] [-webkit-mask-image:linear-gradient(to_right,transparent,black_4%,black_96%,transparent)]",
|
|
16
16
|
children: r.map((e) => {
|
|
17
17
|
let r = !!e.isToggle && !!e.isActive;
|
|
18
18
|
return /* @__PURE__ */ n("button", {
|
|
@@ -23,9 +23,9 @@ var r = ({ actions: r, collapsed: i, onToggleCollapse: a }) => {
|
|
|
23
23
|
"aria-pressed": e.isToggle ? r : void 0,
|
|
24
24
|
"aria-label": e.label,
|
|
25
25
|
title: e.label,
|
|
26
|
-
className: `flex w-16 shrink-0 flex-col items-center justify-center gap-
|
|
26
|
+
className: `flex w-16 shrink-0 flex-col items-center justify-center gap-0.5 rounded-button px-1 py-1.5 text-center transition-colors duration-150 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] ${r ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary active:scale-95"}`,
|
|
27
27
|
children: [/* @__PURE__ */ t("span", {
|
|
28
|
-
className: "inline-flex size-
|
|
28
|
+
className: "inline-flex size-4 shrink-0 items-center justify-center",
|
|
29
29
|
"aria-hidden": "true",
|
|
30
30
|
children: e.icon
|
|
31
31
|
}), /* @__PURE__ */ t("span", {
|
|
@@ -1,38 +1,48 @@
|
|
|
1
1
|
import { useShellLabel as e } from "../../shared/providers/shell/useShellLabel.js";
|
|
2
|
-
import { ChevronUp as t, PanelLeft as n } from "lucide-react";
|
|
3
|
-
import { jsx as
|
|
2
|
+
import { ChevronUp as t, PanelLeft as n, X as r } from "lucide-react";
|
|
3
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
4
4
|
//#region src/chrome/sideNavigation/SidebarHeader.tsx
|
|
5
|
-
var
|
|
6
|
-
let
|
|
7
|
-
return /* @__PURE__ */
|
|
8
|
-
className: `py-card-padding border-b border-border-subtle ${
|
|
9
|
-
children: /* @__PURE__ */
|
|
10
|
-
className: `flex items-center gap-2 ${
|
|
5
|
+
var o = ({ header: o, collapsed: s, expandedCount: c, onCollapseAll: l, onToggleCollapse: u, collapseLabel: d, expandLabel: f }) => {
|
|
6
|
+
let p = e(), m = s ? f : d;
|
|
7
|
+
return /* @__PURE__ */ i("div", {
|
|
8
|
+
className: `py-card-padding border-b border-border-subtle ${s ? "md:px-2" : "px-card-padding"}`,
|
|
9
|
+
children: /* @__PURE__ */ a("div", {
|
|
10
|
+
className: `flex items-center gap-2 ${s ? "justify-center" : ""}`,
|
|
11
11
|
children: [
|
|
12
|
-
|
|
12
|
+
o && !s && /* @__PURE__ */ i("div", {
|
|
13
13
|
className: "min-w-0 flex-1",
|
|
14
|
-
children:
|
|
14
|
+
children: o
|
|
15
15
|
}),
|
|
16
|
-
!
|
|
16
|
+
!s && c > 0 && /* @__PURE__ */ i("button", {
|
|
17
17
|
type: "button",
|
|
18
|
-
onClick:
|
|
18
|
+
onClick: l,
|
|
19
19
|
className: "shrink-0 rounded-button p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
|
|
20
|
-
title:
|
|
21
|
-
"aria-label":
|
|
22
|
-
children: /* @__PURE__ */
|
|
20
|
+
title: p("nav.collapseAll", "Collapse all"),
|
|
21
|
+
"aria-label": p("nav.collapseAllHint", "Collapse all menu items"),
|
|
22
|
+
children: /* @__PURE__ */ i(t, { className: "size-4" })
|
|
23
23
|
}),
|
|
24
|
-
|
|
24
|
+
u && !s && /* @__PURE__ */ i("button", {
|
|
25
25
|
type: "button",
|
|
26
|
-
onClick:
|
|
26
|
+
onClick: u,
|
|
27
|
+
className: "flex min-h-11 min-w-11 shrink-0 items-center justify-center rounded-button text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary md:hidden",
|
|
28
|
+
"aria-label": p("appShell.closeSidebar", "Close sidebar"),
|
|
29
|
+
children: /* @__PURE__ */ i(r, {
|
|
30
|
+
className: "size-5",
|
|
31
|
+
"aria-hidden": "true"
|
|
32
|
+
})
|
|
33
|
+
}),
|
|
34
|
+
u && /* @__PURE__ */ i("button", {
|
|
35
|
+
type: "button",
|
|
36
|
+
onClick: u,
|
|
27
37
|
className: "hidden shrink-0 rounded-button p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary md:block",
|
|
28
|
-
"aria-label":
|
|
29
|
-
"aria-expanded": !
|
|
30
|
-
title:
|
|
31
|
-
children: /* @__PURE__ */
|
|
38
|
+
"aria-label": m,
|
|
39
|
+
"aria-expanded": !s,
|
|
40
|
+
title: m,
|
|
41
|
+
children: /* @__PURE__ */ i(n, { className: "size-5" })
|
|
32
42
|
})
|
|
33
43
|
]
|
|
34
44
|
})
|
|
35
45
|
});
|
|
36
46
|
};
|
|
37
47
|
//#endregion
|
|
38
|
-
export {
|
|
48
|
+
export { o as SidebarHeader };
|