gridsmith-ui 0.2.2 → 0.2.4
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/index.d.ts +4 -1
- package/dist/index.js +7 -2
- package/dist/index.js.map +1 -1
- package/dist/roots.css +13 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -849,6 +849,7 @@ interface SidebarItem {
|
|
|
849
849
|
badge?: ReactNode;
|
|
850
850
|
children?: SidebarItem[];
|
|
851
851
|
defaultExpanded?: boolean;
|
|
852
|
+
onClick?: () => void;
|
|
852
853
|
}
|
|
853
854
|
interface SidebarSection {
|
|
854
855
|
label?: string;
|
|
@@ -863,11 +864,13 @@ interface SidebarNavProps {
|
|
|
863
864
|
onItemClick?: (item: SidebarItem, index: number) => void;
|
|
864
865
|
/** Override sidebar type (defaults to parent Sidebar context type) */
|
|
865
866
|
type?: SidebarType;
|
|
867
|
+
/** Apply data-mode for independent light/dark theming when used standalone */
|
|
868
|
+
mode?: "light" | "dark";
|
|
866
869
|
/** Mobile mode: disables hover flyouts for compact items, renders children inline instead. */
|
|
867
870
|
mobile?: boolean;
|
|
868
871
|
className?: string;
|
|
869
872
|
}
|
|
870
|
-
declare function SidebarNav({ items, sections, collapsed: propsCollapsed, onCollapsedChange: propsOnChange, footer, onItemClick, type: propsType, mobile, className, }: SidebarNavProps): react_jsx_runtime.JSX.Element;
|
|
873
|
+
declare function SidebarNav({ items, sections, collapsed: propsCollapsed, onCollapsedChange: propsOnChange, footer, onItemClick, type: propsType, mode, mobile, className, }: SidebarNavProps): react_jsx_runtime.JSX.Element;
|
|
871
874
|
|
|
872
875
|
interface SegmentedControlOption {
|
|
873
876
|
value: string;
|
package/dist/index.js
CHANGED
|
@@ -94240,6 +94240,7 @@ function SidebarNav({
|
|
|
94240
94240
|
footer,
|
|
94241
94241
|
onItemClick,
|
|
94242
94242
|
type: propsType,
|
|
94243
|
+
mode,
|
|
94243
94244
|
mobile = false,
|
|
94244
94245
|
className
|
|
94245
94246
|
}) {
|
|
@@ -94279,6 +94280,7 @@ function SidebarNav({
|
|
|
94279
94280
|
href: item.href ?? "#",
|
|
94280
94281
|
onClick: (e) => {
|
|
94281
94282
|
e.preventDefault();
|
|
94283
|
+
item.onClick?.();
|
|
94282
94284
|
onItemClick?.(item, index);
|
|
94283
94285
|
},
|
|
94284
94286
|
className: cn(
|
|
@@ -94445,10 +94447,12 @@ function SidebarNav({
|
|
|
94445
94447
|
return /* @__PURE__ */ jsxs(
|
|
94446
94448
|
"aside",
|
|
94447
94449
|
{
|
|
94450
|
+
"data-mode": mode || void 0,
|
|
94448
94451
|
className: cn(
|
|
94449
94452
|
"flex flex-col shrink-0 overflow-y-auto",
|
|
94450
|
-
|
|
94451
|
-
|
|
94453
|
+
"bg-[var(--ds-sidebar-bg)]",
|
|
94454
|
+
"border-r-[length:var(--ds-border-width)] border-[var(--ds-sidebar-border)]",
|
|
94455
|
+
"text-[var(--ds-sidebar-text)]",
|
|
94452
94456
|
collapsible && "[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)]",
|
|
94453
94457
|
"transition-[width] duration-[var(--ds-transition-speed)] ease-[var(--ds-transition-ease)]",
|
|
94454
94458
|
className
|
|
@@ -95261,6 +95265,7 @@ var Navbar = forwardRef(function Navbar2({
|
|
|
95261
95265
|
"border-b-[length:var(--ds-border-width)] border-[var(--ds-accent-primary-hover)]"
|
|
95262
95266
|
) : cn(
|
|
95263
95267
|
"bg-[var(--ds-bg-surface)]",
|
|
95268
|
+
"text-[var(--ds-text-primary)]",
|
|
95264
95269
|
"border-b-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]",
|
|
95265
95270
|
GLASS_BACKDROP
|
|
95266
95271
|
);
|