@powered-by-array/ui 1.109.0 → 1.110.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/dist/components/Sidebar/Sidebar.constants.d.ts +6 -0
- package/dist/components/Sidebar/Sidebar.constants.d.ts.map +1 -0
- package/dist/components/Sidebar/Sidebar.constants.js +8 -0
- package/dist/components/Sidebar/Sidebar.constants.js.map +1 -0
- package/dist/components/Sidebar/Sidebar.d.ts +1 -1
- package/dist/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +12 -5
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.types.d.ts +6 -0
- package/dist/components/Sidebar/Sidebar.types.d.ts.map +1 -1
- package/dist/components/Sidebar/Sidebar.variants.d.ts +6 -0
- package/dist/components/Sidebar/Sidebar.variants.d.ts.map +1 -1
- package/dist/components/Sidebar/Sidebar.variants.js +11 -0
- package/dist/components/Sidebar/Sidebar.variants.js.map +1 -1
- package/dist/components/Sidebar/SidebarProvider.d.ts.map +1 -1
- package/dist/components/Sidebar/SidebarProvider.js +33 -6
- package/dist/components/Sidebar/SidebarProvider.js.map +1 -1
- package/dist/components/Sidebar/hooks/useSidebarResize.d.ts +17 -0
- package/dist/components/Sidebar/hooks/useSidebarResize.d.ts.map +1 -0
- package/dist/components/Sidebar/hooks/useSidebarResize.js +50 -0
- package/dist/components/Sidebar/hooks/useSidebarResize.js.map +1 -0
- package/dist/components/Sidebar/index.d.ts +1 -0
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +1 -0
- package/dist/components/Sidebar/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const SIDEBAR_WIDTH_DEFAULT_PX = 240;
|
|
2
|
+
export declare const SIDEBAR_WIDTH_COLLAPSED_PX = 60;
|
|
3
|
+
export declare const SIDEBAR_WIDTH_MIN_PX = 240;
|
|
4
|
+
export declare const SIDEBAR_WIDTH_MAX_PX = 400;
|
|
5
|
+
export declare function clampSidebarWidthPx(px: number): number;
|
|
6
|
+
//# sourceMappingURL=Sidebar.constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.constants.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,oBAAoB,MAA2B,CAAC;AAC7D,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEtD"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export const SIDEBAR_WIDTH_DEFAULT_PX = 240;
|
|
2
|
+
export const SIDEBAR_WIDTH_COLLAPSED_PX = 60;
|
|
3
|
+
export const SIDEBAR_WIDTH_MIN_PX = SIDEBAR_WIDTH_DEFAULT_PX;
|
|
4
|
+
export const SIDEBAR_WIDTH_MAX_PX = 400;
|
|
5
|
+
export function clampSidebarWidthPx(px) {
|
|
6
|
+
return Math.min(Math.max(px, SIDEBAR_WIDTH_MIN_PX), SIDEBAR_WIDTH_MAX_PX);
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=Sidebar.constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.constants.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAC5C,MAAM,CAAC,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAC7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AAC7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAExC,MAAM,UAAU,mBAAmB,CAAC,EAAU;IAC5C,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,oBAAoB,CAAC,EAAE,oBAAoB,CAAC,CAAC;AAC5E,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { SidebarContextValue, SidebarGroupLabelProps, SidebarMenuButtonProps, SidebarMenuSubButtonProps, SidebarProps } from "./Sidebar.types.js";
|
|
3
3
|
export declare const SidebarContext: React.Context<SidebarContextValue | null>;
|
|
4
|
-
export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function Sidebar({ side, variant, collapsible, className, style, children, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export declare function SidebarGroupLabel({ className, asChild, ...props }: SidebarGroupLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EACV,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,yBAAyB,EACzB,YAAY,EACb,MAAM,oBAAoB,CAAC;AAO5B,eAAO,MAAM,cAAc,2CAAwD,CAAC;AAEpF,wBAAgB,OAAO,CAAC,EACtB,IAAa,EACb,OAAmB,EACnB,WAAyB,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,2CA2Gd;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAalF;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAShF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAexB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS7B;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAY9E;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CASlF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAe,EACf,QAAgB,EAChB,OAAmB,EACnB,IAAgB,EAChB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAuCxB;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAajF;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAS5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAe,EACf,IAAW,EACX,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAoB3B"}
|
|
@@ -5,28 +5,35 @@ import { Slot } from "@radix-ui/react-slot";
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { cn } from "../../lib/cn.js";
|
|
7
7
|
import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip.js";
|
|
8
|
-
import {
|
|
8
|
+
import { SIDEBAR_WIDTH_MAX_PX, SIDEBAR_WIDTH_MIN_PX } from "./Sidebar.constants.js";
|
|
9
|
+
import { sidebarMenuButtonVariants, sidebarResizeHandleVariants } from "./Sidebar.variants.js";
|
|
9
10
|
import { useSidebar } from "./hooks/useSidebar.js";
|
|
11
|
+
import { useSidebarResize } from "./hooks/useSidebarResize.js";
|
|
10
12
|
import { SidebarHeader } from "./SidebarHeader/SidebarHeader.js";
|
|
11
13
|
const SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
12
14
|
export const SidebarContext = React.createContext(null);
|
|
13
|
-
export function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
|
|
14
|
-
const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
|
|
15
|
+
export function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, style, children, ...props }) {
|
|
16
|
+
const { isMobile, state, openMobile, setOpenMobile, sidebarWidthPx } = useSidebar();
|
|
17
|
+
const { handleProps, isResizing } = useSidebarResize();
|
|
15
18
|
if (collapsible === "none") {
|
|
16
|
-
return (_jsx("div", { "data-slot": "sidebar", className: cn("bg-[var(--color-semantic-sidebar-bg)] text-[var(--color-semantic-sidebar-fg)] flex h-full w-(--sidebar-width) flex-col", className), ...props, children: children }));
|
|
19
|
+
return (_jsx("div", { "data-slot": "sidebar", className: cn("bg-[var(--color-semantic-sidebar-bg)] text-[var(--color-semantic-sidebar-fg)] flex h-full w-(--sidebar-width) flex-col", className), style: style, ...props, children: children }));
|
|
17
20
|
}
|
|
18
21
|
if (isMobile) {
|
|
19
22
|
return (_jsx(DialogPrimitive.Root, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-[70] bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }), _jsxs(DialogPrimitive.Content, { "data-sidebar": "sidebar", "data-slot": "sidebar", "data-mobile": "true", className: cn("bg-[var(--color-semantic-sidebar-bg)] text-[var(--color-semantic-sidebar-fg)] fixed inset-y-0 z-[70] flex h-full w-(--sidebar-width) flex-col shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right"
|
|
20
23
|
? "right-0 data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right"
|
|
21
24
|
: "left-0 data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left"), style: {
|
|
22
25
|
"--sidebar-width": SIDEBAR_WIDTH_MOBILE,
|
|
26
|
+
...style,
|
|
23
27
|
}, children: [_jsx(DialogPrimitive.Title, { className: "sr-only", children: "Sidebar" }), _jsx(DialogPrimitive.Description, { className: "sr-only", children: "Displays the mobile sidebar." }), _jsx("div", { className: "flex h-full w-full flex-col", children: children })] })] }) }));
|
|
24
28
|
}
|
|
25
29
|
return (_jsx("div", { className: "group peer text-[var(--color-semantic-sidebar-fg)] hidden shrink-0 md:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: _jsx("div", { "data-slot": "sidebar-container", className: cn("fixed inset-y-0 z-[60] hidden h-svh w-(--sidebar-width) border-0 hover:border-0 box-border isolate transition-[left,right,width] duration-200 ease-linear md:flex", side === "left"
|
|
26
30
|
? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
|
|
27
31
|
: "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset"
|
|
28
32
|
? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
|
|
29
|
-
: "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", className), ...props,
|
|
33
|
+
: "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", className), ...props, style: {
|
|
34
|
+
...style,
|
|
35
|
+
transition: isResizing ? "none" : undefined,
|
|
36
|
+
}, children: _jsxs("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "bg-[var(--color-semantic-sidebar-bg)] relative flex h-full w-full flex-col box-border border-r-1 border-r-[var(--color-semantic-sidebar-border)] pl-[12px] pr-[12px]", children: [_jsx(SidebarHeader, {}), children, state === "expanded" && side === "left" ? (_jsx("div", { "data-slot": "sidebar-resize-handle", role: "separator", "aria-orientation": "vertical", "aria-label": "Resize sidebar", "aria-valuemin": SIDEBAR_WIDTH_MIN_PX, "aria-valuemax": SIDEBAR_WIDTH_MAX_PX, "aria-valuenow": sidebarWidthPx, className: cn(sidebarResizeHandleVariants.root, sidebarResizeHandleVariants.leftSidebar), ...handleProps })) : null] }) }) }));
|
|
30
37
|
}
|
|
31
38
|
export function SidebarContent({ className, ...props }) {
|
|
32
39
|
return (_jsx("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: cn("flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden", "[&::-webkit-scrollbar]:hidden [scrollbar-width:none] [-ms-overflow-style:none]", className), ...props }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,12 @@ export type SidebarContextValue = {
|
|
|
10
10
|
setOpenMobile: (open: boolean) => void;
|
|
11
11
|
isMobile: boolean;
|
|
12
12
|
toggleSidebar: () => void;
|
|
13
|
+
/** Last committed expanded sidebar width in px (session-only; defaults to 240). */
|
|
14
|
+
sidebarWidthPx: number;
|
|
15
|
+
/** Clamp + commit width to React state and CSS var. Prefer for pointer-up. */
|
|
16
|
+
setSidebarWidthPx: (px: number) => void;
|
|
17
|
+
/** Clamp + write --sidebar-width on the wrapper via DOM only (no React state). Prefer for pointer-move. */
|
|
18
|
+
previewSidebarWidthPx: (px: number) => void;
|
|
13
19
|
};
|
|
14
20
|
export type SidebarProviderProps = ComponentProps<"div"> & {
|
|
15
21
|
defaultCollapsed?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,mFAAmF;IACnF,cAAc,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,2GAA2G;IAC3G,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAC9D,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAC3D,yBAAyB,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CAC1D,CAAC;AAEJ,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,YAAY,EAAE,yBAAyB,EAAE,CAAC"}
|
|
@@ -4,4 +4,10 @@ export declare const sidebarMenuButtonVariants: (props?: ({
|
|
|
4
4
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
export type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>;
|
|
7
|
+
/** Resize handle on the free edge of the desktop left sidebar (mirrors SideSheet). */
|
|
8
|
+
export declare const sidebarResizeHandleVariants: {
|
|
9
|
+
readonly root: readonly ["absolute inset-y-0 z-20 w-[6px]", "cursor-col-resize touch-none select-none", "bg-transparent hover:bg-[var(--color-semantic-sidebar-border)]", "transition-colors"];
|
|
10
|
+
/** Free edge for a left-side rail (v1 only supports left). */
|
|
11
|
+
readonly leftSidebar: "right-0";
|
|
12
|
+
};
|
|
7
13
|
//# sourceMappingURL=Sidebar.variants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,yBAAyB;;;8EA6BrC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Sidebar.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,yBAAyB;;;8EA6BrC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAEvF,sFAAsF;AACtF,eAAO,MAAM,2BAA2B;;IAOtC,8DAA8D;;CAEtD,CAAC"}
|
|
@@ -25,4 +25,15 @@ export const sidebarMenuButtonVariants = cva([
|
|
|
25
25
|
size: "default",
|
|
26
26
|
},
|
|
27
27
|
});
|
|
28
|
+
/** Resize handle on the free edge of the desktop left sidebar (mirrors SideSheet). */
|
|
29
|
+
export const sidebarResizeHandleVariants = {
|
|
30
|
+
root: [
|
|
31
|
+
"absolute inset-y-0 z-20 w-[6px]",
|
|
32
|
+
"cursor-col-resize touch-none select-none",
|
|
33
|
+
"bg-transparent hover:bg-[var(--color-semantic-sidebar-border)]",
|
|
34
|
+
"transition-colors",
|
|
35
|
+
],
|
|
36
|
+
/** Free edge for a left-side rail (v1 only supports left). */
|
|
37
|
+
leftSidebar: "right-0",
|
|
38
|
+
};
|
|
28
39
|
//# sourceMappingURL=Sidebar.variants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.variants.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C;IACE,sGAAsG;IACtG,wFAAwF;IACxF,uEAAuE;IACvE,qDAAqD;IACrD,4DAA4D;IAC5D,kGAAkG;IAClG,sHAAsH;IACtH,gEAAgE;CACjE,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,OAAO,EACL,wKAAwK;SAC3K;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,iDAAiD;SACtD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"Sidebar.variants.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C;IACE,sGAAsG;IACtG,wFAAwF;IACxF,uEAAuE;IACvE,qDAAqD;IACrD,4DAA4D;IAC5D,kGAAkG;IAClG,sHAAsH;IACtH,gEAAgE;CACjE,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,OAAO,EACL,wKAAwK;SAC3K;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,iDAAiD;SACtD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAIF,sFAAsF;AACtF,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,IAAI,EAAE;QACJ,iCAAiC;QACjC,0CAA0C;QAC1C,gEAAgE;QAChE,mBAAmB;KACpB;IACD,8DAA8D;IAC9D,WAAW,EAAE,SAAS;CACd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SidebarProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AASpF,wBAAgB,eAAe,CAAC,EAC9B,gBAAwB,EACxB,UAAU,EACV,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,WAAW,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAiHtB"}
|
|
@@ -4,9 +4,8 @@ import * as React from "react";
|
|
|
4
4
|
import { useIsMobile } from "../../hooks/use-is-mobile.js";
|
|
5
5
|
import { cn } from "../../lib/cn.js";
|
|
6
6
|
import { SidebarContext } from "./Sidebar.js";
|
|
7
|
+
import { SIDEBAR_WIDTH_COLLAPSED_PX, SIDEBAR_WIDTH_DEFAULT_PX, clampSidebarWidthPx, } from "./Sidebar.constants.js";
|
|
7
8
|
const SIDEBAR_COOKIE_MAX_AGE = 31536000; // 1 year in seconds
|
|
8
|
-
const SIDEBAR_WIDTH = "240px";
|
|
9
|
-
const SIDEBAR_WIDTH_COLLAPSED = "60px";
|
|
10
9
|
const SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
11
10
|
function getSidebarCookieName(tenantSlug) {
|
|
12
11
|
return tenantSlug ? `sidebarCollapsed:${tenantSlug}` : "sidebarCollapsed";
|
|
@@ -14,6 +13,20 @@ function getSidebarCookieName(tenantSlug) {
|
|
|
14
13
|
export function SidebarProvider({ defaultCollapsed = false, tenantSlug, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
|
|
15
14
|
const isMobile = useIsMobile();
|
|
16
15
|
const [openMobile, setOpenMobile] = React.useState(false);
|
|
16
|
+
const [sidebarWidthPx, setSidebarWidthPxState] = React.useState(SIDEBAR_WIDTH_DEFAULT_PX);
|
|
17
|
+
const wrapperRef = React.useRef(null);
|
|
18
|
+
const previewSidebarWidthPxRef = React.useRef(null);
|
|
19
|
+
const previewSidebarWidthPx = React.useCallback((px) => {
|
|
20
|
+
const next = clampSidebarWidthPx(px);
|
|
21
|
+
previewSidebarWidthPxRef.current = next;
|
|
22
|
+
wrapperRef.current?.style.setProperty("--sidebar-width", `${next}px`);
|
|
23
|
+
}, []);
|
|
24
|
+
const setSidebarWidthPx = React.useCallback((px) => {
|
|
25
|
+
const next = clampSidebarWidthPx(px);
|
|
26
|
+
previewSidebarWidthPxRef.current = null;
|
|
27
|
+
wrapperRef.current?.style.setProperty("--sidebar-width", `${next}px`);
|
|
28
|
+
setSidebarWidthPxState(next);
|
|
29
|
+
}, []);
|
|
17
30
|
const defaultOpen = !defaultCollapsed;
|
|
18
31
|
const [_open, _setOpen] = React.useState(defaultOpen);
|
|
19
32
|
const open = openProp ?? _open;
|
|
@@ -54,10 +67,24 @@ export function SidebarProvider({ defaultCollapsed = false, tenantSlug, open: op
|
|
|
54
67
|
openMobile,
|
|
55
68
|
setOpenMobile,
|
|
56
69
|
toggleSidebar,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
70
|
+
sidebarWidthPx,
|
|
71
|
+
setSidebarWidthPx,
|
|
72
|
+
previewSidebarWidthPx,
|
|
73
|
+
}), [
|
|
74
|
+
state,
|
|
75
|
+
open,
|
|
76
|
+
setOpen,
|
|
77
|
+
isMobile,
|
|
78
|
+
openMobile,
|
|
79
|
+
setOpenMobile,
|
|
80
|
+
toggleSidebar,
|
|
81
|
+
sidebarWidthPx,
|
|
82
|
+
setSidebarWidthPx,
|
|
83
|
+
previewSidebarWidthPx,
|
|
84
|
+
]);
|
|
85
|
+
return (_jsx(SidebarContext.Provider, { value: contextValue, children: _jsx("div", { ref: wrapperRef, "data-slot": "sidebar-wrapper", style: {
|
|
86
|
+
"--sidebar-width": `${previewSidebarWidthPxRef.current ?? sidebarWidthPx}px`,
|
|
87
|
+
"--sidebar-width-icon": `${SIDEBAR_WIDTH_COLLAPSED_PX}px`,
|
|
61
88
|
...style,
|
|
62
89
|
}, className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-[var(--color-semantic-sidebar-bg)] flex min-h-svh w-full", className), ...props, children: children }) }));
|
|
63
90
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarProvider.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"SidebarProvider.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type UseSidebarResizeResult = {
|
|
3
|
+
isResizing: boolean;
|
|
4
|
+
handleProps: {
|
|
5
|
+
onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
|
|
6
|
+
onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
|
|
7
|
+
onPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
|
|
8
|
+
onPointerCancel: (event: React.PointerEvent<HTMLDivElement>) => void;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Drag the left sidebar's right edge to change session expanded width.
|
|
13
|
+
* During move: DOM-preview CSS var only (no provider setState).
|
|
14
|
+
* On up/cancel: commit clamped width once via React state.
|
|
15
|
+
*/
|
|
16
|
+
export declare function useSidebarResize(): UseSidebarResizeResult;
|
|
17
|
+
//# sourceMappingURL=useSidebarResize.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSidebarResize.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/hooks/useSidebarResize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;QACnE,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;QACnE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;QACjE,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;KACtE,CAAC;CACH,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,sBAAsB,CA0CzD"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { clampSidebarWidthPx } from "../Sidebar.constants.js";
|
|
3
|
+
import { useSidebar } from "./useSidebar.js";
|
|
4
|
+
/**
|
|
5
|
+
* Drag the left sidebar's right edge to change session expanded width.
|
|
6
|
+
* During move: DOM-preview CSS var only (no provider setState).
|
|
7
|
+
* On up/cancel: commit clamped width once via React state.
|
|
8
|
+
*/
|
|
9
|
+
export function useSidebarResize() {
|
|
10
|
+
const { sidebarWidthPx, setSidebarWidthPx, previewSidebarWidthPx } = useSidebar();
|
|
11
|
+
const dragRef = React.useRef(null);
|
|
12
|
+
const [isResizing, setIsResizing] = React.useState(false);
|
|
13
|
+
const onPointerDown = (event) => {
|
|
14
|
+
event.preventDefault();
|
|
15
|
+
event.currentTarget.setPointerCapture?.(event.pointerId);
|
|
16
|
+
dragRef.current = { startX: event.clientX, startWidth: sidebarWidthPx };
|
|
17
|
+
setIsResizing(true);
|
|
18
|
+
};
|
|
19
|
+
const onPointerMove = (event) => {
|
|
20
|
+
const drag = dragRef.current;
|
|
21
|
+
if (!drag)
|
|
22
|
+
return;
|
|
23
|
+
const next = clampSidebarWidthPx(drag.startWidth + (event.clientX - drag.startX));
|
|
24
|
+
previewSidebarWidthPx(next);
|
|
25
|
+
event.currentTarget.setAttribute("aria-valuenow", `${next}`);
|
|
26
|
+
};
|
|
27
|
+
const endResize = (event) => {
|
|
28
|
+
const drag = dragRef.current;
|
|
29
|
+
if (!drag)
|
|
30
|
+
return;
|
|
31
|
+
const next = clampSidebarWidthPx(drag.startWidth + (event.clientX - drag.startX));
|
|
32
|
+
dragRef.current = null;
|
|
33
|
+
setIsResizing(false);
|
|
34
|
+
event.currentTarget.setAttribute("aria-valuenow", `${next}`);
|
|
35
|
+
setSidebarWidthPx(next);
|
|
36
|
+
if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {
|
|
37
|
+
event.currentTarget.releasePointerCapture(event.pointerId);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
return {
|
|
41
|
+
isResizing,
|
|
42
|
+
handleProps: {
|
|
43
|
+
onPointerDown,
|
|
44
|
+
onPointerMove,
|
|
45
|
+
onPointerUp: endResize,
|
|
46
|
+
onPointerCancel: endResize,
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=useSidebarResize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSidebarResize.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/hooks/useSidebarResize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY7C;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,GAAG,UAAU,EAAE,CAAC;IAClF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAgD,IAAI,CAAC,CAAC;IAClF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,aAAa,GAAG,CAAC,KAAyC,EAAE,EAAE;QAClE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACzD,OAAO,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC;QACxE,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAyC,EAAE,EAAE;QAClE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,IAAI,GAAG,mBAAmB,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAClF,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC5B,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,KAAyC,EAAE,EAAE;QAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,IAAI,GAAG,mBAAmB,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAClF,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;QAC7D,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;YAC7D,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,WAAW,EAAE;YACX,aAAa;YACb,aAAa;YACb,WAAW,EAAE,SAAS;YACtB,eAAe,EAAE,SAAS;SAC3B;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -11,6 +11,7 @@ export { SidebarFooter } from "./SidebarFooter.js";
|
|
|
11
11
|
export { SidebarInset } from "./SidebarInset.js";
|
|
12
12
|
export { SidebarProvider } from "./SidebarProvider.js";
|
|
13
13
|
export { useSidebar } from "./hooks/useSidebar.js";
|
|
14
|
+
export { SIDEBAR_WIDTH_COLLAPSED_PX, SIDEBAR_WIDTH_DEFAULT_PX, SIDEBAR_WIDTH_MAX_PX, SIDEBAR_WIDTH_MIN_PX, clampSidebarWidthPx, } from "./Sidebar.constants.js";
|
|
14
15
|
export { sidebarMenuButtonVariants } from "./Sidebar.variants.js";
|
|
15
16
|
export type { SidebarCollapsible, SidebarContextValue, SidebarGroupLabelProps, SidebarMenuButtonProps, SidebarMenuButtonVariants, SidebarMenuSubButtonProps, SidebarProps, SidebarProviderProps, SidebarSide, SidebarState, SidebarVariant, } from "./Sidebar.types.js";
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,gCAAgC,EAChC,4BAA4B,EAC5B,6BAA6B,EAC7B,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,qBAAqB,EACrB,6BAA6B,EAC7B,yBAAyB,EACzB,gBAAgB,EAChB,0BAA0B,EAC1B,6BAA6B,EAC7B,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,kBAAkB,EAClB,8BAA8B,EAC9B,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,6BAA6B,EAC7B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,gCAAgC,EAChC,4BAA4B,EAC5B,6BAA6B,EAC7B,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,qBAAqB,EACrB,6BAA6B,EAC7B,yBAAyB,EACzB,gBAAgB,EAChB,0BAA0B,EAC1B,6BAA6B,EAC7B,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,kBAAkB,EAClB,8BAA8B,EAC9B,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,6BAA6B,EAC7B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,EACxB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,EACzB,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,cAAc,GACf,MAAM,oBAAoB,CAAC"}
|
|
@@ -8,5 +8,6 @@ export { SidebarFooter } from "./SidebarFooter.js";
|
|
|
8
8
|
export { SidebarInset } from "./SidebarInset.js";
|
|
9
9
|
export { SidebarProvider } from "./SidebarProvider.js";
|
|
10
10
|
export { useSidebar } from "./hooks/useSidebar.js";
|
|
11
|
+
export { SIDEBAR_WIDTH_COLLAPSED_PX, SIDEBAR_WIDTH_DEFAULT_PX, SIDEBAR_WIDTH_MAX_PX, SIDEBAR_WIDTH_MIN_PX, clampSidebarWidthPx, } from "./Sidebar.constants.js";
|
|
11
12
|
export { sidebarMenuButtonVariants } from "./Sidebar.variants.js";
|
|
12
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,gCAAgC,EAChC,4BAA4B,EAC5B,6BAA6B,EAC7B,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAUhC,OAAO,EACL,kBAAkB,EAClB,8BAA8B,EAC9B,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AAKvC,OAAO,EACL,iBAAiB,EACjB,6BAA6B,EAC7B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,gCAAgC,EAChC,4BAA4B,EAC5B,6BAA6B,EAC7B,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAUhC,OAAO,EACL,kBAAkB,EAClB,8BAA8B,EAC9B,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AAKvC,OAAO,EACL,iBAAiB,EACjB,6BAA6B,EAC7B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,EACxB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC"}
|