ixia-ui-react 1.8.0 → 2.0.0

package/dist/sidebar/index.js

@@ -0,0 +1,334 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { n as Icon } from "../icon-D3JWfCa2.js";
+import { t as Button } from "../button-BpUC-R1J.js";
+import { t as Badge } from "../badge-Cl-9WTW-.js";
+import { n as CollapsibleTrigger, r as CollapsiblePanel, t as Collapsible } from "../collapsible-BVqrh0Q0.js";
+import { c as PopoverContent, i as PopoverPanel, n as PopoverTrigger, t as Popover } from "../popover-B1s4xXrX.js";
+import { o as useMediaQuery } from "../hooks-DUm-q_ig.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { Children, isValidElement } from "react";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+// src/components/sidebar/sidebar-provider.tsx
+const SIDEBAR_COOKIE_MAX_AGE_SECONDS = 604800;
+const SidebarContext = React.createContext(null);
+const useSidebar = () => {
+	const context = React.useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider");
+	return context;
+};
+function resolveOpenState(value, previous) {
+	if (typeof value === "function") return value(previous);
+	return value;
+}
+function SidebarProvider({ id, defaultOpen = true, side = "left", collapsible = "icon", className, ref, ...props }) {
+	const cookieName = `sidebar-state-${id}`, [openState, setOpenState] = React.useState(defaultOpen), [mobileOpen, setMobileOpen] = React.useState(false), isMobile = useMediaQuery("mobile"), setOpen = (value) => {
+		if (isMobile) {
+			setMobileOpen((prev) => resolveOpenState(value, prev));
+			return;
+		}
+		setOpenState((prev) => {
+			const nextOpen = resolveOpenState(value, prev);
+			document.cookie = [
+				`${cookieName}=${encodeURIComponent(String(nextOpen))}`,
+				"path=/",
+				`max-age=${SIDEBAR_COOKIE_MAX_AGE_SECONDS}`,
+				"samesite=lax"
+			].join("; ");
+			return nextOpen;
+		});
+	}, trigger = () => setOpen((prev) => !prev);
+	React.useEffect(() => {
+		if (!isMobile) setMobileOpen(false);
+	}, [isMobile]);
+	let effectiveCollapsible = collapsible, open = openState;
+	if (isMobile) {
+		effectiveCollapsible = "offcanvas";
+		open = mobileOpen;
+	}
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: {
+			collapsible: effectiveCollapsible,
+			defaultOpen,
+			id,
+			isMobile,
+			open,
+			setOpen,
+			side,
+			trigger
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("relative flex min-h-0 w-full min-w-0 flex-1", side === "left" && "flex flex-row", side === "right" && "flex flex-row-reverse", className),
+			ref,
+			...props
+		})
+	});
+}
+// src/components/sidebar/sidebar.tsx
+const DEFAULT_SIDEBAR_WIDTH = 400;
+function getOffcanvasWidth(open, isMobile, fullWidth) {
+	if (!open) return { width: "0px" };
+	if (isMobile) return { width: "33.333333%" };
+	return fullWidth;
+}
+function getIconWidth(open, isMobile, fullWidth) {
+	if (open) return fullWidth;
+	if (isMobile) return { width: "0px" };
+	return { width: "80px" };
+}
+function getWidthStyle({ collapsible, open, isMobile, width }) {
+	const fullWidth = { width: `${width}px` };
+	if (collapsible === "offcanvas") return getOffcanvasWidth(open, isMobile, fullWidth);
+	if (collapsible === "icon") return getIconWidth(open, isMobile, fullWidth);
+	return fullWidth;
+}
+function getGapClasses({ collapsible, open }) {
+	if (collapsible === "none") return "gap-lg";
+	if (open) return "gap-lg";
+	return "gap-sm";
+}
+function getPositionClasses({ collapsible, open, isMobile }) {
+	if ((collapsible === "offcanvas" || collapsible === "icon") && !open && isMobile) return "absolute z-50 -translate-x-full";
+	if ((collapsible === "offcanvas" || collapsible === "icon") && open && isMobile) return "absolute z-50";
+	return "";
+}
+function Sidebar$1({ tone = "primary", width = DEFAULT_SIDEBAR_WIDTH, className, ...props }) {
+	const { open, setOpen, isMobile, collapsible, side } = useSidebar(), sidebarRef = React.useRef(null), isHidden = collapsible === "offcanvas" && !open, layout = {
+		collapsible,
+		isMobile,
+		open,
+		width
+	};
+	React.useEffect(() => {
+		const handleOutsideClick = (event) => {
+			if (sidebarRef.current && event.target instanceof Node && !sidebarRef.current.contains(event.target) && isMobile && open && setOpen) setOpen(false);
+		};
+		document.addEventListener("click", handleOutsideClick);
+		return () => {
+			document.removeEventListener("click", handleOutsideClick);
+		};
+	}, [
+		open,
+		setOpen,
+		isMobile
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("sticky left-[0px] flex h-full max-h-dvh min-h-0 shrink-0 flex-col overflow-hidden border-border bg-surface transition-[width,transform] duration-300 ease-in-out", className, tone === "primary" && "bg-surface-background", tone === "secondary" && "bg-surface", tone === "ghost" && "bg-transparent", getGapClasses(layout), getPositionClasses(layout), isHidden && "invisible", collapsible === "offcanvas" && !open && "border-none", open && "p-md", collapsible === "icon" && !open && "py-md", isMobile && "border-none", side === "left" && "border-r", side === "right" && "border-l"),
+		ref: sidebarRef,
+		style: getWidthStyle(layout),
+		...props,
+		"aria-hidden": isHidden || void 0,
+		inert: isHidden
+	});
+}
+// src/components/sidebar/sidebar-content.tsx
+function SidebarContent({ className, children, ref, ...props }) {
+	const { open } = useSidebar();
+	return /* @__PURE__ */ jsx(ScrollArea.Root, {
+		className: cn("min-h-0 flex-1 overflow-hidden rounded-xl transition-all duration-300 ease-in-out", !open && "w-fit self-center", className),
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollArea.Viewport, {
+			className: cn("flex h-full scrollbar-none flex-col items-center overflow-y-auto overscroll-contain [&::-webkit-scrollbar]:hidden", "before:pointer-events-none before:absolute before:top-0 before:left-0 before:block before:h-[min(40px,var(--scroll-area-overflow-y-start))] before:w-full before:bg-linear-to-b before:from-shadow/35 before:to-transparent before:transition-[height] before:duration-100 before:ease-out before:content-[\"\"] before:[--scroll-area-overflow-y-start:inherit]", "after:pointer-events-none after:absolute after:bottom-0 after:left-0 after:block after:h-[min(40px,var(--scroll-area-overflow-y-end,40px))] after:w-full after:bg-linear-to-t after:from-shadow/35 after:to-transparent after:transition-[height] after:duration-100 after:ease-out after:content-[\"\"] after:[--scroll-area-overflow-y-end:inherit]", open && "gap-md", !open && "gap-xs px-3xs pt-3xs"),
+			children
+		})
+	});
+}
+// src/components/sidebar/sidebar-footer.tsx
+function SidebarFooter({ className, children, ref, ...props }) {
+	const { open, collapsible } = useSidebar(), isExpanded = collapsible === "none" || open;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex shrink-0 animate-in items-center truncate p-3xs transition-all duration-300 ease-in-out", open && "justify-start fade-in-0", !open && "justify-center self-center fade-out-0", className),
+		ref,
+		...props,
+		children: children(isExpanded)
+	});
+}
+// src/components/sidebar/sidebar-group.tsx
+function SidebarGroup({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full flex-col items-start gap-2xs not-last-of-type:pb-md", className),
+		ref,
+		...props
+	});
+}
+// src/components/sidebar/sidebar-group-content.tsx
+function SidebarGroupContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full flex-col gap-3xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/sidebar/sidebar-group-label.tsx
+function SidebarGroupLabel({ className, ref, ...props }) {
+	const { open, collapsible } = useSidebar();
+	if (!(collapsible === "none" || open)) return;
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("inline-flex h-md w-full items-center justify-between truncate pr-3xs pl-md style-text-default--1 text-on-surface-variant transition-all duration-200 ease-out", collapsible !== "none" && open && "animate-in fade-in-0 slide-in-from-left-2", className),
+		ref,
+		...props
+	});
+}
+// src/components/sidebar/sidebar-header.tsx
+function SidebarHeader({ className, children, ref, ...props }) {
+	const { open, collapsible } = useSidebar(), isExpanded = collapsible === "none" || open;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex shrink-0 items-center justify-start gap-xs truncate style-text-strong-1 transition-all duration-200 ease-out", !open && "self-center", open && "h-2xl pr-3xs pl-xs", open && "justify-between", collapsible !== "none" && "animate-in", isExpanded && "fade-in-0", !isExpanded && "fade-out-0", className),
+		ref,
+		...props,
+		children: children(isExpanded)
+	});
+}
+// src/components/sidebar/sidebar-inset.tsx
+function SidebarInset({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("min-h-0 min-w-0 flex-1 overflow-auto", className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/sidebar/sidebar-menu.tsx
+function SidebarMenu({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full flex-col items-start gap-3xs p-3xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/sidebar/sidebar-menu-badge.tsx
+function SidebarMenuBadge({ className, ref, ...props }) {
+	const { open } = useSidebar();
+	return /* @__PURE__ */ jsx(Badge, {
+		className: cn(!open && "hidden", className),
+		ref,
+		...props
+	});
+}
+// src/components/sidebar/sidebar-menu-button.tsx
+function SidebarMenuButton({ isActive, className, ref, ...props }) {
+	const { open, collapsible } = useSidebar();
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"data-active": String(Boolean(isActive)),
+		className: cn("inline-flex cursor-pointer items-center gap-2xs rounded-full border border-transparent style-text-default-0 whitespace-nowrap transition-all duration-200 ease-out select-none active:scale-95 disabled:pointer-events-none disabled:opacity-50 [&>svg]:shrink-0", isActive && "pointer-events-none bg-surface text-on-surface shadow-2xs", !isActive && "text-neutral-default hover:bg-neutral-container hover:text-neutral-on-container", isActive && !open && "bg-neutral-container", !(collapsible === "none" || open) && "mx-auto", !open && "size-xl justify-center *:hidden [&>svg]:block", open && "h-xl w-full pl-sm", collapsible !== "none" && open && "animate-in fade-in-0 slide-in-from-left-2", className),
+		ref,
+		...props
+	});
+}
+// src/components/sidebar/sidebar-menu-collapsible.tsx
+const hasActiveDescendant = (children) => Children.toArray(children).some((child) => {
+	if (!isValidElement(child)) return false;
+	return child.props.isActive === true || hasActiveDescendant(child.props.children);
+});
+function SidebarMenuCollapsible({ className, children, ref, ...props }) {
+	const { open } = useSidebar();
+	if (!open) return /* @__PURE__ */ jsx(Popover, { children });
+	return /* @__PURE__ */ jsx(Collapsible, {
+		defaultOpen: hasActiveDescendant(children),
+		className: cn("", className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/sidebar/sidebar-menu-collapsible-panel.tsx
+function SidebarMenuCollapsiblePanel({ className, children, ref, ...props }) {
+	const { open } = useSidebar();
+	if (!open) return /* @__PURE__ */ jsx(PopoverPanel, {
+		side: "right",
+		className: "w-fit bg-surface p-[0.5rem_0.5rem]",
+		children: /* @__PURE__ */ jsx(PopoverContent, {
+			className: "flex gap-3xs",
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx(CollapsiblePanel, {
+		className: cn("py-3xs", className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/sidebar/sidebar-menu-collapsible-trigger.tsx
+function SidebarMenuCollapsibleTrigger({ className, children, ref, style: _style, ...props }) {
+	const { open, collapsible } = useSidebar(), showText = collapsible === "none" || open;
+	if (!open) return /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: cn("flex size-xl items-center justify-center rounded-full shadow-none! transition-colors *:hidden hover:cursor-pointer hover:bg-neutral-container hover:text-neutral-on-container data-popup-open:bg-neutral-container [&>svg]:block"),
+		children: [children, /* @__PURE__ */ jsx(Icon, {
+			name: "chevronRight",
+			className: "absolute right-2xs size-xs text-on-surface-variant"
+		})]
+	}) });
+	return /* @__PURE__ */ jsx(CollapsibleTrigger, {
+		variant: "ghost",
+		className: cn("inline-flex! w-full! animate-in! justify-start! overflow-hidden! text-left! whitespace-nowrap! slide-in-from-left-2! [&>svg]:size-sm! [&>svg]:flex-none [&>svg]:shrink-0", !showText && "mx-auto", !open && "size-xl *:hidden [&>svg]:block", open && "h-xl pl-sm", collapsible !== "none" && open && "animate-in slide-in-from-left-2", className),
+		ref,
+		style: { justifyContent: "flex-start" },
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "flex shrink-0 items-center gap-2xs [&>svg]:size-sm",
+			children
+		})
+	});
+}
+// src/components/sidebar/sidebar-menu-item.tsx
+function SidebarMenuItem({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex h-xl w-full items-center justify-between gap-2xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/sidebar/sidebar-toggle.tsx
+function renderToggleChildren(children, open) {
+	if (typeof children === "function") return children(open);
+	return children;
+}
+function SidebarToggle({ className, children, ref, ...props }) {
+	const { trigger, open, collapsible } = useSidebar(), handleClick = (event) => {
+		event.stopPropagation();
+		if (trigger) trigger();
+	};
+	if (!trigger || collapsible === "none") return;
+	return /* @__PURE__ */ jsx(Button, {
+		"aria-label": "Toggle sidebar",
+		className: cn("shrink-0 border-none", className),
+		ref,
+		size: "medium",
+		variant: "ghost",
+		onClick: handleClick,
+		...props,
+		children: renderToggleChildren(children, open)
+	});
+}
+// src/components/sidebar/sidebar.utils.ts
+const getStoredSidebarOpen = (id, fallback) => {
+	if (typeof document === "undefined") return fallback;
+	const match = new RegExp(`(?:^|; )sidebar-state-${id}=(?<value>[^;]*)`).exec(document.cookie);
+	if (!match) return fallback;
+	return decodeURIComponent(match.groups?.value ?? "") === "true";
+};
+// src/components/sidebar/index.ts
+const Sidebar = Object.assign(Sidebar$1, {
+	Content: SidebarContent,
+	Footer: SidebarFooter,
+	Group: SidebarGroup,
+	GroupContent: SidebarGroupContent,
+	GroupLabel: SidebarGroupLabel,
+	Header: SidebarHeader,
+	Inset: SidebarInset,
+	Menu: SidebarMenu,
+	MenuBadge: SidebarMenuBadge,
+	MenuButton: SidebarMenuButton,
+	MenuCollapsible: SidebarMenuCollapsible,
+	MenuCollapsiblePanel: SidebarMenuCollapsiblePanel,
+	MenuCollapsibleTrigger: SidebarMenuCollapsibleTrigger,
+	MenuItem: SidebarMenuItem,
+	Provider: SidebarProvider,
+	Toggle: SidebarToggle
+});
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuCollapsible, SidebarMenuCollapsiblePanel, SidebarMenuCollapsibleTrigger, SidebarMenuItem, SidebarProvider, SidebarToggle, getStoredSidebarOpen, useSidebar };
+
+//# sourceMappingURL=index.js.map

package/dist/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Sidebar","BaseScrollArea","SidebarRoot"],"sources":["../../src/components/sidebar/sidebar-provider.tsx","../../src/components/sidebar/sidebar.tsx","../../src/components/sidebar/sidebar-content.tsx","../../src/components/sidebar/sidebar-footer.tsx","../../src/components/sidebar/sidebar-group.tsx","../../src/components/sidebar/sidebar-group-content.tsx","../../src/components/sidebar/sidebar-group-label.tsx","../../src/components/sidebar/sidebar-header.tsx","../../src/components/sidebar/sidebar-inset.tsx","../../src/components/sidebar/sidebar-menu.tsx","../../src/components/sidebar/sidebar-menu-badge.tsx","../../src/components/sidebar/sidebar-menu-button.tsx","../../src/components/sidebar/sidebar-menu-collapsible.tsx","../../src/components/sidebar/sidebar-menu-collapsible-panel.tsx","../../src/components/sidebar/sidebar-menu-collapsible-trigger.tsx","../../src/components/sidebar/sidebar-menu-item.tsx","../../src/components/sidebar/sidebar-toggle.tsx","../../src/components/sidebar/sidebar.utils.ts","../../src/components/sidebar/index.ts"],"sourcesContent":["import React from 'react'\n\nimport { useMediaQuery } from '@/hooks'\nimport { cn } from '@/utils/cn'\n\ntype SidebarContextProps = React.ComponentProps<'div'> & {\n  id: string\n  defaultOpen?: boolean\n  trigger?: () => void\n  open?: boolean\n  setOpen?: (open: boolean) => void\n  isMobile?: boolean\n  side?: 'left' | 'right'\n  collapsible?: 'offcanvas' | 'icon' | 'none'\n}\n\n// 7 days in seconds\nconst SIDEBAR_COOKIE_MAX_AGE_SECONDS = 604_800,\n  // oxlint-disable-next-line unicorn/no-null\n  SidebarContext = React.createContext<SidebarContextProps | null>(null),\n  useSidebar = () => {\n    const context = React.useContext(SidebarContext)\n    if (!context) {\n      throw new Error('useSidebar must be used within a SidebarProvider')\n    }\n    return context\n  }\n\nfunction resolveOpenState(\n  value: boolean | ((open: boolean) => boolean),\n  previous: boolean,\n): boolean {\n  if (typeof value === 'function') {\n    return value(previous)\n  }\n  return value\n}\n\nfunction SidebarProvider({\n  id,\n  defaultOpen = true,\n  side = 'left',\n  collapsible = 'icon',\n  className,\n  ref,\n  ...props\n}: SidebarContextProps) {\n  const cookieName = `sidebar-state-${id}`,\n    [openState, setOpenState] = React.useState<boolean>(defaultOpen),\n    [mobileOpen, setMobileOpen] = React.useState(false),\n    isMobile = useMediaQuery('mobile'),\n    setOpen = (value: boolean | ((open: boolean) => boolean)) => {\n      if (isMobile) {\n        setMobileOpen((prev) => resolveOpenState(value, prev))\n        return\n      }\n      setOpenState((prev) => {\n        const nextOpen = resolveOpenState(value, prev)\n\n        document.cookie = [\n          `${cookieName}=${encodeURIComponent(String(nextOpen))}`,\n          'path=/',\n          `max-age=${SIDEBAR_COOKIE_MAX_AGE_SECONDS}`,\n          'samesite=lax',\n        ].join('; ')\n\n        return nextOpen\n      })\n    },\n    trigger = () => setOpen((prev) => !prev)\n\n  React.useEffect(() => {\n    if (!isMobile) {\n      setMobileOpen(false)\n    }\n  }, [isMobile])\n\n  let effectiveCollapsible = collapsible,\n    open = openState\n  if (isMobile) {\n    effectiveCollapsible = 'offcanvas'\n    open = mobileOpen\n  }\n\n  return (\n    <SidebarContext.Provider\n      value={{\n        collapsible: effectiveCollapsible,\n        defaultOpen,\n        id,\n        isMobile,\n        open,\n        setOpen,\n        side,\n        trigger,\n      }}\n    >\n      <div\n        className={cn(\n          'relative flex min-h-0 w-full min-w-0 flex-1',\n          side === 'left' && 'flex flex-row',\n          side === 'right' && 'flex flex-row-reverse',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    </SidebarContext.Provider>\n  )\n}\n\nexport { SidebarProvider, useSidebar }\n","import React from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarProps } from './sidebar.types'\n\nconst DEFAULT_SIDEBAR_WIDTH = 400\n\ninterface SidebarLayoutProps {\n  collapsible?: 'offcanvas' | 'icon' | 'none'\n  open?: boolean\n  isMobile?: boolean\n  width: string | number\n}\n\nfunction getOffcanvasWidth(\n  open: boolean | undefined,\n  isMobile: boolean | undefined,\n  fullWidth: React.CSSProperties,\n): React.CSSProperties {\n  if (!open) {\n    return { width: '0px' }\n  }\n  if (isMobile) {\n    return { width: '33.333333%' }\n  }\n  return fullWidth\n}\n\nfunction getIconWidth(\n  open: boolean | undefined,\n  isMobile: boolean | undefined,\n  fullWidth: React.CSSProperties,\n): React.CSSProperties {\n  if (open) {\n    return fullWidth\n  }\n  if (isMobile) {\n    return { width: '0px' }\n  }\n  return { width: '80px' }\n}\n\nfunction getWidthStyle({\n  collapsible,\n  open,\n  isMobile,\n  width,\n}: SidebarLayoutProps): React.CSSProperties {\n  const fullWidth: React.CSSProperties = { width: `${width}px` }\n  if (collapsible === 'offcanvas') {\n    return getOffcanvasWidth(open, isMobile, fullWidth)\n  }\n  if (collapsible === 'icon') {\n    return getIconWidth(open, isMobile, fullWidth)\n  }\n  return fullWidth\n}\n\nfunction getGapClasses({ collapsible, open }: SidebarLayoutProps) {\n  if (collapsible === 'none') {\n    return 'gap-lg'\n  }\n  if (open) {\n    return 'gap-lg'\n  }\n  return 'gap-sm'\n}\n\nfunction getPositionClasses({ collapsible, open, isMobile }: SidebarLayoutProps) {\n  if ((collapsible === 'offcanvas' || collapsible === 'icon') && !open && isMobile) {\n    return 'absolute z-50 -translate-x-full'\n  }\n\n  if ((collapsible === 'offcanvas' || collapsible === 'icon') && open && isMobile) {\n    return 'absolute z-50'\n  }\n\n  return ''\n}\n\nexport function Sidebar({\n  tone = 'primary',\n  width = DEFAULT_SIDEBAR_WIDTH,\n  className,\n  ...props\n}: SidebarProps) {\n  const { open, setOpen, isMobile, collapsible, side } = useSidebar(),\n    sidebarRef = React.useRef<HTMLDivElement>(null),\n    isHidden = collapsible === 'offcanvas' && !open,\n    layout: SidebarLayoutProps = { collapsible, isMobile, open, width }\n\n  React.useEffect(() => {\n    const handleOutsideClick = (event: MouseEvent) => {\n      if (\n        sidebarRef.current &&\n        event.target instanceof Node &&\n        !sidebarRef.current.contains(event.target) &&\n        isMobile &&\n        open &&\n        setOpen\n      ) {\n        setOpen(false)\n      }\n    }\n\n    document.addEventListener('click', handleOutsideClick)\n\n    return () => {\n      document.removeEventListener('click', handleOutsideClick)\n    }\n  }, [open, setOpen, isMobile])\n\n  return (\n    <div\n      className={cn(\n        'sticky left-[0px] flex h-full max-h-dvh min-h-0 shrink-0 flex-col overflow-hidden border-border bg-surface transition-[width,transform] duration-300 ease-in-out',\n        className,\n        tone === 'primary' && 'bg-surface-background',\n        tone === 'secondary' && 'bg-surface',\n        tone === 'ghost' && 'bg-transparent',\n        getGapClasses(layout),\n        getPositionClasses(layout),\n        isHidden && 'invisible',\n        collapsible === 'offcanvas' && !open && 'border-none',\n        open && 'p-md',\n        collapsible === 'icon' && !open && 'py-md',\n        isMobile && 'border-none',\n        side === 'left' && 'border-r',\n        side === 'right' && 'border-l',\n      )}\n      ref={sidebarRef}\n      style={getWidthStyle(layout)}\n      {...props}\n      aria-hidden={isHidden || undefined}\n      inert={isHidden}\n    />\n  )\n}\n","import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area'\n\nimport { cn } from '@/utils/cn'\n\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarContentProps } from './sidebar.types'\n\nexport function SidebarContent({ className, children, ref, ...props }: SidebarContentProps) {\n  const { open } = useSidebar()\n\n  return (\n    <BaseScrollArea.Root\n      className={cn(\n        'min-h-0 flex-1 overflow-hidden rounded-xl transition-all duration-300 ease-in-out',\n        !open && 'w-fit self-center',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <BaseScrollArea.Viewport\n        className={cn(\n          'flex h-full scrollbar-none flex-col items-center overflow-y-auto overscroll-contain [&::-webkit-scrollbar]:hidden',\n          'before:pointer-events-none before:absolute before:top-0 before:left-0 before:block before:h-[min(40px,var(--scroll-area-overflow-y-start))] before:w-full before:bg-linear-to-b before:from-shadow/35 before:to-transparent before:transition-[height] before:duration-100 before:ease-out before:content-[\"\"] before:[--scroll-area-overflow-y-start:inherit]',\n          'after:pointer-events-none after:absolute after:bottom-0 after:left-0 after:block after:h-[min(40px,var(--scroll-area-overflow-y-end,40px))] after:w-full after:bg-linear-to-t after:from-shadow/35 after:to-transparent after:transition-[height] after:duration-100 after:ease-out after:content-[\"\"] after:[--scroll-area-overflow-y-end:inherit]',\n          open && 'gap-md',\n          !open && 'gap-xs px-3xs pt-3xs',\n        )}\n      >\n        {children}\n      </BaseScrollArea.Viewport>\n    </BaseScrollArea.Root>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarFooterProps } from './sidebar.types'\n\nexport function SidebarFooter({ className, children, ref, ...props }: SidebarFooterProps) {\n  const { open, collapsible } = useSidebar(),\n    isExpanded = collapsible === 'none' || open\n  return (\n    <div\n      className={cn(\n        'flex shrink-0 animate-in items-center truncate p-3xs transition-all duration-300 ease-in-out',\n        open && 'justify-start fade-in-0',\n        !open && 'justify-center self-center fade-out-0',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children(isExpanded)}\n    </div>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { SidebarGroupProps } from './sidebar.types'\n\nexport function SidebarGroup({ className, ref, ...props }: SidebarGroupProps) {\n  return (\n    <div\n      className={cn('flex w-full flex-col items-start gap-2xs not-last-of-type:pb-md', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { SidebarGroupContentProps } from './sidebar.types'\n\nexport function SidebarGroupContent({ className, ref, ...props }: SidebarGroupContentProps) {\n  return <div className={cn('flex w-full flex-col gap-3xs', className)} ref={ref} {...props} />\n}\n","import { cn } from '@/utils/cn'\n\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarGroupLabelProps } from './sidebar.types'\n\nexport function SidebarGroupLabel({ className, ref, ...props }: SidebarGroupLabelProps) {\n  const { open, collapsible } = useSidebar(),\n    showLabel = collapsible === 'none' || open\n\n  if (!showLabel) {\n    return undefined\n  }\n\n  return (\n    <span\n      className={cn(\n        'inline-flex h-md w-full items-center justify-between truncate pr-3xs pl-md style-text-default--1 text-on-surface-variant transition-all duration-200 ease-out',\n        collapsible !== 'none' && open && 'animate-in fade-in-0 slide-in-from-left-2',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarHeaderProps } from './sidebar.types'\n\nexport function SidebarHeader({ className, children, ref, ...props }: SidebarHeaderProps) {\n  const { open, collapsible } = useSidebar(),\n    isExpanded = collapsible === 'none' || open\n\n  return (\n    <div\n      className={cn(\n        'flex shrink-0 items-center justify-start gap-xs truncate style-text-strong-1 transition-all duration-200 ease-out',\n        !open && 'self-center',\n        open && 'h-2xl pr-3xs pl-xs',\n        open && 'justify-between',\n        collapsible !== 'none' && 'animate-in',\n        isExpanded && 'fade-in-0',\n        !isExpanded && 'fade-out-0',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children(isExpanded)}\n    </div>\n  )\n}\n","import { cn } from '@/utils'\n\nimport type { SidebarInsetProps } from './sidebar.types'\n\nexport function SidebarInset({ className, children, ref, ...props }: SidebarInsetProps) {\n  return (\n    <div className={cn('min-h-0 min-w-0 flex-1 overflow-auto', className)} ref={ref} {...props}>\n      {children}\n    </div>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { SidebarMenuProps } from './sidebar.types'\n\nexport function SidebarMenu({ className, ref, ...props }: SidebarMenuProps) {\n  return (\n    <div\n      className={cn('flex w-full flex-col items-start gap-3xs p-3xs', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Badge } from '../badge'\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarMenuBadgeProps } from './sidebar.types'\n\nexport function SidebarMenuBadge({ className, ref, ...props }: SidebarMenuBadgeProps) {\n  const { open } = useSidebar()\n\n  return <Badge className={cn(!open && 'hidden', className)} ref={ref} {...props} />\n}\n","import { cn } from '@/utils/cn'\n\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarMenuButtonProps } from './sidebar.types'\n\nexport function SidebarMenuButton({ isActive, className, ref, ...props }: SidebarMenuButtonProps) {\n  const { open, collapsible } = useSidebar(),\n    showText = collapsible === 'none' || open\n\n  return (\n    <button\n      type=\"button\"\n      data-active={String(Boolean(isActive))}\n      className={cn(\n        'inline-flex cursor-pointer items-center gap-2xs rounded-full border border-transparent style-text-default-0 whitespace-nowrap transition-all duration-200 ease-out select-none active:scale-95 disabled:pointer-events-none disabled:opacity-50 [&>svg]:shrink-0',\n        isActive && 'pointer-events-none bg-surface text-on-surface shadow-2xs',\n        !isActive &&\n          'text-neutral-default hover:bg-neutral-container hover:text-neutral-on-container',\n        isActive && !open && 'bg-neutral-container',\n        !showText && 'mx-auto',\n        !open && 'size-xl justify-center *:hidden [&>svg]:block',\n        open && 'h-xl w-full pl-sm',\n        collapsible !== 'none' && open && 'animate-in fade-in-0 slide-in-from-left-2',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Children, isValidElement } from 'react'\nimport type { ReactNode } from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport { Collapsible } from '../collapsible'\nimport { Popover } from '../popover'\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarMenuCollapsibleProps } from './sidebar.types'\n\nconst hasActiveDescendant = (children: ReactNode): boolean =>\n  Children.toArray(children).some((child) => {\n    if (!isValidElement<{ isActive?: boolean; children?: ReactNode }>(child)) {\n      return false\n    }\n\n    return child.props.isActive === true || hasActiveDescendant(child.props.children)\n  })\n\nexport function SidebarMenuCollapsible({\n  className,\n  children,\n  ref,\n  ...props\n}: SidebarMenuCollapsibleProps) {\n  const { open } = useSidebar()\n\n  if (!open) {\n    return <Popover>{children}</Popover>\n  }\n\n  return (\n    <Collapsible\n      defaultOpen={hasActiveDescendant(children)}\n      className={cn('', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Collapsible>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { CollapsiblePanel } from '../collapsible'\nimport { PopoverContent, PopoverPanel } from '../popover'\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarMenuCollapsiblePanelProps } from './sidebar.types'\n\nexport function SidebarMenuCollapsiblePanel({\n  className,\n  children,\n  ref,\n  ...props\n}: SidebarMenuCollapsiblePanelProps) {\n  const { open } = useSidebar()\n\n  if (!open) {\n    return (\n      <PopoverPanel side=\"right\" className=\"w-fit bg-surface p-[0.5rem_0.5rem]\">\n        <PopoverContent className=\"flex gap-3xs\">{children}</PopoverContent>\n      </PopoverPanel>\n    )\n  }\n\n  return (\n    <CollapsiblePanel className={cn('py-3xs', className)} ref={ref} {...props}>\n      {children}\n    </CollapsiblePanel>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { CollapsibleTrigger } from '../collapsible'\nimport { Icon } from '../icon'\nimport { PopoverTrigger } from '../popover'\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarMenuCollapsibleTriggerProps } from './sidebar.types'\n\nexport function SidebarMenuCollapsibleTrigger({\n  className,\n  children,\n  ref,\n  style: _style,\n  ...props\n}: SidebarMenuCollapsibleTriggerProps) {\n  const { open, collapsible } = useSidebar(),\n    showText = collapsible === 'none' || open\n\n  if (!open) {\n    return (\n      <PopoverTrigger>\n        <button\n          type=\"button\"\n          className={cn(\n            'flex size-xl items-center justify-center rounded-full shadow-none! transition-colors *:hidden hover:cursor-pointer hover:bg-neutral-container hover:text-neutral-on-container data-popup-open:bg-neutral-container [&>svg]:block',\n          )}\n        >\n          {children}\n          <Icon\n            name=\"chevronRight\"\n            className=\"absolute right-2xs size-xs text-on-surface-variant\"\n          />\n        </button>\n      </PopoverTrigger>\n    )\n  }\n\n  return (\n    <CollapsibleTrigger\n      variant=\"ghost\"\n      className={cn(\n        'inline-flex! w-full! animate-in! justify-start! overflow-hidden! text-left! whitespace-nowrap! slide-in-from-left-2! [&>svg]:size-sm! [&>svg]:flex-none [&>svg]:shrink-0',\n        !showText && 'mx-auto',\n        !open && 'size-xl *:hidden [&>svg]:block',\n        open && 'h-xl pl-sm',\n        collapsible !== 'none' && open && 'animate-in slide-in-from-left-2',\n        className,\n      )}\n      ref={ref}\n      style={{ justifyContent: 'flex-start' }}\n      {...props}\n    >\n      <span className=\"flex shrink-0 items-center gap-2xs [&>svg]:size-sm\">{children}</span>\n    </CollapsibleTrigger>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { SidebarMenuItemProps } from './sidebar.types'\n\nexport function SidebarMenuItem({ className, ref, ...props }: SidebarMenuItemProps) {\n  return (\n    <div\n      className={cn('flex h-xl w-full items-center justify-between gap-2xs', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { useSidebar } from './sidebar-provider'\nimport type { SidebarToggleProps } from './sidebar.types'\n\nfunction renderToggleChildren(children: SidebarToggleProps['children'], open?: boolean) {\n  if (typeof children === 'function') {\n    return children(open)\n  }\n  return children\n}\n\nexport function SidebarToggle({ className, children, ref, ...props }: SidebarToggleProps) {\n  const { trigger, open, collapsible } = useSidebar(),\n    handleClick = (event: React.MouseEvent) => {\n      event.stopPropagation()\n      if (trigger) {\n        trigger()\n      }\n    }\n\n  if (!trigger || collapsible === 'none') {\n    return undefined\n  }\n\n  return (\n    <Button\n      aria-label=\"Toggle sidebar\"\n      className={cn('shrink-0 border-none', className)}\n      ref={ref}\n      size=\"medium\"\n      variant=\"ghost\"\n      onClick={handleClick}\n      {...props}\n    >\n      {renderToggleChildren(children, open)}\n    </Button>\n  )\n}\n","export const getStoredSidebarOpen = (id: string, fallback: boolean) => {\n  if (typeof document === 'undefined') {\n    return fallback\n  }\n  const match = new RegExp(`(?:^|; )sidebar-state-${id}=(?<value>[^;]*)`).exec(document.cookie)\n  if (!match) {\n    return fallback\n  }\n  return decodeURIComponent(match.groups?.value ?? '') === 'true'\n}\n","import { Sidebar as SidebarRoot } from './sidebar'\nimport { SidebarContent } from './sidebar-content'\nimport { SidebarFooter } from './sidebar-footer'\nimport { SidebarGroup } from './sidebar-group'\nimport { SidebarGroupContent } from './sidebar-group-content'\nimport { SidebarGroupLabel } from './sidebar-group-label'\nimport { SidebarHeader } from './sidebar-header'\nimport { SidebarInset } from './sidebar-inset'\nimport { SidebarMenu } from './sidebar-menu'\nimport { SidebarMenuBadge } from './sidebar-menu-badge'\nimport { SidebarMenuButton } from './sidebar-menu-button'\nimport { SidebarMenuCollapsible } from './sidebar-menu-collapsible'\nimport { SidebarMenuCollapsiblePanel } from './sidebar-menu-collapsible-panel'\nimport { SidebarMenuCollapsibleTrigger } from './sidebar-menu-collapsible-trigger'\nimport { SidebarMenuItem } from './sidebar-menu-item'\nimport { SidebarProvider } from './sidebar-provider'\nimport { SidebarToggle } from './sidebar-toggle'\n\nconst Sidebar = Object.assign(SidebarRoot, {\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Group: SidebarGroup,\n  GroupContent: SidebarGroupContent,\n  GroupLabel: SidebarGroupLabel,\n  Header: SidebarHeader,\n  Inset: SidebarInset,\n  Menu: SidebarMenu,\n  MenuBadge: SidebarMenuBadge,\n  MenuButton: SidebarMenuButton,\n  MenuCollapsible: SidebarMenuCollapsible,\n  MenuCollapsiblePanel: SidebarMenuCollapsiblePanel,\n  MenuCollapsibleTrigger: SidebarMenuCollapsibleTrigger,\n  MenuItem: SidebarMenuItem,\n  Provider: SidebarProvider,\n  Toggle: SidebarToggle,\n})\n\nexport type {\n  SidebarContentProps,\n  SidebarFooterProps,\n  SidebarGroupContentProps,\n  SidebarGroupLabelProps,\n  SidebarGroupProps,\n  SidebarHeaderProps,\n  SidebarInsetProps,\n  SidebarMenuButtonProps,\n  SidebarMenuProps,\n  SidebarProps,\n  SidebarToggleProps,\n  SidebarMenuBadgeProps,\n  SidebarMenuCollapsiblePanelProps,\n  SidebarMenuCollapsibleProps,\n  SidebarMenuCollapsibleTriggerProps,\n  SidebarMenuItemProps,\n} from './sidebar.types'\nexport { SidebarContent } from './sidebar-content'\nexport { SidebarFooter } from './sidebar-footer'\nexport { SidebarGroup } from './sidebar-group'\nexport { SidebarGroupContent } from './sidebar-group-content'\nexport { SidebarGroupLabel } from './sidebar-group-label'\nexport { SidebarHeader } from './sidebar-header'\nexport { SidebarInset } from './sidebar-inset'\nexport { SidebarMenu } from './sidebar-menu'\nexport { SidebarProvider, useSidebar } from './sidebar-provider'\nexport { SidebarToggle } from './sidebar-toggle'\nexport { SidebarMenuBadge } from './sidebar-menu-badge'\nexport { SidebarMenuButton } from './sidebar-menu-button'\nexport { SidebarMenuCollapsible } from './sidebar-menu-collapsible'\nexport { SidebarMenuCollapsiblePanel } from './sidebar-menu-collapsible-panel'\nexport { SidebarMenuCollapsibleTrigger } from './sidebar-menu-collapsible-trigger'\nexport { SidebarMenuItem } from './sidebar-menu-item'\nexport { getStoredSidebarOpen } from './sidebar.utils'\n\nexport { Sidebar }\n"],"mappings":"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"}

package/dist/site-header/index.d.ts

@@ -0,0 +1,22 @@
+import { t as Separator } from "../index-D1kkOg9k.js";
+import { VariantProps } from "class-variance-authority";
+declare const siteHeaderGroupVariants: (props?: ({
+  position?: "center" | "end" | "start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SiteHeaderProps = React.ComponentProps<'div'> & {
+  sticky?: boolean;
+};
+type SiteHeaderGroupProps = React.ComponentProps<'div'> & VariantProps<typeof siteHeaderGroupVariants>;
+type SiteHeaderTitleProps = React.ComponentProps<'span'>;
+type SiteHeaderSeparatorProps = React.ComponentProps<typeof Separator>;
+declare function SiteHeader$1({ sticky, className, ref, ...props }: SiteHeaderProps): import("react").JSX.Element;
+export declare function SiteHeaderGroup({ position, className, ref, ...props }: SiteHeaderGroupProps): import("react").JSX.Element;
+export declare function SiteHeaderSeparator({ className, ref, ...props }: SiteHeaderSeparatorProps): import("react").JSX.Element;
+export declare function SiteHeaderTitle({ className, ref, ...props }: SiteHeaderTitleProps): import("react").JSX.Element;
+declare const SiteHeader: typeof SiteHeader$1 & {
+  Group: typeof SiteHeaderGroup;
+  Separator: typeof SiteHeaderSeparator;
+  Title: typeof SiteHeaderTitle;
+};
+export { SiteHeader, type SiteHeaderGroupProps, type SiteHeaderProps, type SiteHeaderSeparatorProps, type SiteHeaderTitleProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/site-header/index.js

@@ -0,0 +1,55 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { t as Separator } from "../separator-DgIQp1cB.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+// src/components/site-header/site-header.tsx
+function SiteHeader$1({ sticky = false, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("z-50 grid auto-cols-fr grid-flow-col items-center gap-xs border-b border-border bg-surface-background px-lg py-xs", sticky && "sticky top-0", className),
+		ref,
+		...props
+	});
+}
+// src/components/site-header/site-header.types.ts
+const siteHeaderGroupVariants = cva("flex items-center gap-3xs", {
+	defaultVariants: { position: "start" },
+	variants: { position: {
+		center: "justify-center",
+		end: "justify-end",
+		start: "justify-start"
+	} }
+});
+// src/components/site-header/site-header-group.tsx
+function SiteHeaderGroup({ position, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(siteHeaderGroupVariants({ position }), className),
+		ref,
+		...props
+	});
+}
+// src/components/site-header/site-header-separator.tsx
+function SiteHeaderSeparator({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		orientation: "vertical",
+		className: cn("h-md", className),
+		ref,
+		...props
+	});
+}
+// src/components/site-header/site-header-title.tsx
+function SiteHeaderTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("style-text-strong-2", className),
+		ref,
+		...props
+	});
+}
+// src/components/site-header/index.ts
+const SiteHeader = Object.assign(SiteHeader$1, {
+	Group: SiteHeaderGroup,
+	Separator: SiteHeaderSeparator,
+	Title: SiteHeaderTitle
+});
+export { SiteHeader, SiteHeaderGroup, SiteHeaderSeparator, SiteHeaderTitle };
+
+//# sourceMappingURL=index.js.map

package/dist/site-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SiteHeader","SiteHeaderRoot"],"sources":["../../src/components/site-header/site-header.tsx","../../src/components/site-header/site-header.types.ts","../../src/components/site-header/site-header-group.tsx","../../src/components/site-header/site-header-separator.tsx","../../src/components/site-header/site-header-title.tsx","../../src/components/site-header/index.ts"],"sourcesContent":["import { cn } from '@/utils/cn'\n\nimport type { SiteHeaderProps } from './site-header.types'\n\nexport function SiteHeader({ sticky = false, className, ref, ...props }: SiteHeaderProps) {\n  return (\n    <div\n      className={cn(\n        'z-50 grid auto-cols-fr grid-flow-col items-center gap-xs border-b border-border bg-surface-background px-lg py-xs',\n        sticky && 'sticky top-0',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport type { Separator } from '../separator'\n\nconst siteHeaderGroupVariants = cva('flex items-center gap-3xs', {\n  defaultVariants: {\n    position: 'start',\n  },\n  variants: {\n    position: {\n      center: 'justify-center',\n      end: 'justify-end',\n      start: 'justify-start',\n    },\n  },\n})\n\ntype SiteHeaderProps = React.ComponentProps<'div'> & {\n  sticky?: boolean\n}\ntype SiteHeaderGroupProps = React.ComponentProps<'div'> &\n  VariantProps<typeof siteHeaderGroupVariants>\ntype SiteHeaderTitleProps = React.ComponentProps<'span'>\ntype SiteHeaderSeparatorProps = React.ComponentProps<typeof Separator>\n\nexport type {\n  SiteHeaderProps,\n  SiteHeaderGroupProps,\n  SiteHeaderTitleProps,\n  SiteHeaderSeparatorProps,\n}\nexport { siteHeaderGroupVariants }\n","import { cn } from '@/utils'\n\nimport { siteHeaderGroupVariants } from './site-header.types'\nimport type { SiteHeaderGroupProps } from './site-header.types'\n\nexport function SiteHeaderGroup({ position, className, ref, ...props }: SiteHeaderGroupProps) {\n  return (\n    <div className={cn(siteHeaderGroupVariants({ position }), className)} ref={ref} {...props} />\n  )\n}\n","import { cn } from '@/utils'\n\nimport { Separator } from '../separator'\nimport type { SiteHeaderSeparatorProps } from './site-header.types'\n\nexport function SiteHeaderSeparator({ className, ref, ...props }: SiteHeaderSeparatorProps) {\n  return <Separator orientation=\"vertical\" className={cn('h-md', className)} ref={ref} {...props} />\n}\n","import { cn } from '@/utils'\n\nimport type { SiteHeaderTitleProps } from './site-header.types'\n\nexport function SiteHeaderTitle({ className, ref, ...props }: SiteHeaderTitleProps) {\n  return <span className={cn('style-text-strong-2', className)} ref={ref} {...props} />\n}\n","import { SiteHeader as SiteHeaderRoot } from './site-header'\nimport { SiteHeaderGroup } from './site-header-group'\nimport { SiteHeaderSeparator } from './site-header-separator'\nimport { SiteHeaderTitle } from './site-header-title'\n\nconst SiteHeader = Object.assign(SiteHeaderRoot, {\n  Group: SiteHeaderGroup,\n  Separator: SiteHeaderSeparator,\n  Title: SiteHeaderTitle,\n})\n\nexport type {\n  SiteHeaderProps,\n  SiteHeaderGroupProps,\n  SiteHeaderTitleProps,\n  SiteHeaderSeparatorProps,\n} from './site-header.types'\n\nexport { SiteHeaderGroup } from './site-header-group'\nexport { SiteHeaderTitle } from './site-header-title'\nexport { SiteHeaderSeparator } from './site-header-separator'\n\nexport { SiteHeader }\n"],"mappings":";;;;;AAIA,SAAgBA,aAAW,EAAE,SAAS,OAAO,WAAW,KAAK,GAAG,SAA0B;CACxF,OACE,oBAAC,OAAD;EACE,WAAW,GACT,qHACA,UAAU,gBACV,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL;;ACXA,MAAM,0BAA0B,IAAI,6BAA6B;CAC/D,iBAAiB,EACf,UAAU,QACZ;CACA,UAAU,EACR,UAAU;EACR,QAAQ;EACR,KAAK;EACL,OAAO;CACT,EACF;AACF,CAAC;;ACXD,SAAgB,gBAAgB,EAAE,UAAU,WAAW,KAAK,GAAG,SAA+B;CAC5F,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,wBAAwB,EAAE,SAAS,CAAC,GAAG,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AAEhG;;ACJA,SAAgB,oBAAoB,EAAE,WAAW,KAAK,GAAG,SAAmC;CAC1F,OAAO,oBAAC,WAAD;EAAW,aAAY;EAAW,WAAW,GAAG,QAAQ,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AACnG;;ACHA,SAAgB,gBAAgB,EAAE,WAAW,KAAK,GAAG,SAA+B;CAClF,OAAO,oBAAC,QAAD;EAAM,WAAW,GAAG,uBAAuB,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AACtF;;ACDA,MAAM,aAAa,OAAO,OAAOC,cAAgB;CAC/C,OAAO;CACP,WAAW;CACX,OAAO;AACT,CAAC"}

package/dist/skeleton/index.d.ts

@@ -0,0 +1,4 @@
+type SkeletonProps = React.ComponentProps<'div'>;
+export declare function Skeleton({ className, ref, ...props }: SkeletonProps): import("react").JSX.Element;
+export type { SkeletonProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/skeleton/index.js

@@ -0,0 +1 @@
+export { t as Skeleton } from "../skeleton-DSG3FWby.js";

package/dist/skeleton-DSG3FWby.js

@@ -0,0 +1,13 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/skeleton/skeleton.tsx
+function Skeleton({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("animate-pulse rounded-lg bg-surface-2 shadow-sm", className),
+		ref,
+		...props
+	});
+}
+export { Skeleton as t };
+
+//# sourceMappingURL=skeleton-DSG3FWby.js.map

package/dist/skeleton-DSG3FWby.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-DSG3FWby.js","names":[],"sources":["../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from '@/utils/cn'\n\nimport type { SkeletonProps } from './skeleton.types'\n\nexport function Skeleton({ className, ref, ...props }: SkeletonProps) {\n  return (\n    <div\n      className={cn('animate-pulse rounded-lg bg-surface-2 shadow-sm', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;AAIA,SAAgB,SAAS,EAAE,WAAW,KAAK,GAAG,SAAwB;CACpE,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,mDAAmD,SAAS;EACrE;EACL,GAAI;CACL,CAAA;AAEL"}

package/dist/slider/index.d.ts

@@ -0,0 +1,2 @@
+import { i as SliderThumbProps, n as SliderThumb, r as SliderProps, t as Slider } from "../index-BygR7cUT.js";
+export { Slider, type SliderProps, SliderThumb, type SliderThumbProps };

package/dist/slider/index.js

@@ -0,0 +1 @@
+export { t as Slider, n as SliderThumb } from "../slider-D_XlV4OW.js";