asheeui 1.1.1 → 2.2.1

package/dist/components/sidebar/Sidebar.d.ts

@@ -1,196 +0,0 @@
-import { ElementType, HTMLAttributes, ReactNode } from 'react';
-import { SidebarConfig, SidebarItem, SidebarItems, SidebarOptionsConfig, SidebarTooltipConfig } from './sidebar-config';
-type BaseSidebarProps = Omit<SidebarConfig, "options"> & Omit<HTMLAttributes<HTMLElement>, "color" | "size" | "onSelect" | "title">;
-/**
- * Options props for the sidebar's navigation items.
- * Extends the options config with sidebar-local props.
- */
-export interface SidebarOptionProps extends SidebarOptionsConfig {
-    /**
-     * Class override applied to every navigation item.
-     */
-    itemClassName?: string;
-}
-/**
- * Props for the sidebar's navigation links.
- * Holds the instance-only link component and its props.
- */
-export interface SidebarLinkProps {
-    /**
-     * Custom link component (e.g., Next.js Link, TanStack Router Link).
-     * When provided, this component is used instead of the native <a> tag.
-     */
-    component?: ElementType;
-    /**
-     * Additional props to pass to the custom link component (e.g. { prefetch: true }).
-     * These take precedence over the component's own props.
-     */
-    props?: Record<string, unknown>;
-}
-/**
- * Configuration options for the Sidebar component.
- */
-export interface SidebarProps<T = string> extends BaseSidebarProps {
-    /**
-     * List of navigation items or sections.
-     * Can be a flat array of items or an array of sections.
-     */
-    items?: SidebarItems<T>;
-    /**
-     * Key of currently active item.
-     * Used to highlight the selected navigation item.
-     */
-    activeKey?: T;
-    /**
-     * Selection callback fired when an item is clicked.
-     * Receives the clicked item object.
-     */
-    onSelect?: (item: SidebarItem<T>) => void;
-    /**
-     * Controlled collapsed drawer state.
-     * When provided, the component becomes controlled.
-     */
-    isCollapsed?: boolean;
-    /**
-     * Callback when collapse state changes.
-     * Receives the new collapsed state.
-     */
-    onCollapseChange?: (collapsed: boolean) => void;
-    /**
-     * Title displayed in the sidebar header when expanded.
-     */
-    title?: ReactNode;
-    /**
-     * Header back button click handler.
-     * When provided, a back button is shown in the header.
-     */
-    onBack?: () => void;
-    /**
-     * Custom back button icon element.
-     * Defaults to ArrowLeftIcon.
-     */
-    backIcon?: ReactNode;
-    /**
-     * Optional user role string to filter item visibility against item.roles.
-     * Items and sections with roles that don't match this role are hidden.
-     */
-    userRole?: string;
-    /**
-     * Footer slot element.
-     * Rendered at the bottom of the sidebar.
-     */
-    footer?: ReactNode;
-    /**
-     * Header section class override.
-     */
-    headerClassName?: string;
-    /**
-     * Navigation container class override.
-     */
-    bodyClassName?: string;
-    /**
-     * Options configuration for the sidebar's navigation items
-     * (radius and active/inactive styling), plus item-local props.
-     */
-    options?: SidebarOptionProps;
-    /**
-     * Tooltip configuration for collapsed sidebar items.
-     */
-    tooltip?: SidebarTooltipConfig;
-    /**
-     * Section label class override.
-     */
-    sectionLabelClassName?: string;
-    /**
-     * Footer class override.
-     */
-    footerClassName?: string;
-    /**
-     * Anchor tag props passthrough (native <a> or custom link).
-     */
-    anchorProps?: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "children" | "onClick" | "className">;
-    /**
-     * Link configuration for navigation items.
-     * Provides the custom link component and props forwarded to it.
-     */
-    link?: SidebarLinkProps;
-}
-/**
- * A collapsible navigation sidebar with support for sections, items,
- * icons, badges, tooltips, and custom link components.
- *
- * Sidebar renders a vertical navigation menu that can be collapsed to
- * an icon-only state. It supports sections with labels, items with icons
- * and badges, role-based visibility filtering, and tooltips for collapsed
- * items. Visual tokens resolve through the standard AsheeUI cascade:
- * prop, component config, global theme defaults, and the built-in fallback.
- *
- * The component automatically handles accessibility attributes including
- * proper navigation landmarks, aria-label for tooltips, and focus
- * management for interactive elements.
- *
- * @param props - Sidebar configuration options.
- * @param props.items - List of navigation items or sections.
- * @param props.activeKey - Key of currently active item.
- * @param props.onSelect - Selection callback fired when an item is clicked.
- * @param props.isCollapsed - Controlled collapsed state.
- * @param props.onCollapseChange - Callback when collapse state changes.
- * @param props.title - Title displayed in the header.
- * @param props.onBack - Header back button click handler.
- * @param props.userRole - Role for filtering items by visibility.
- * @param props.footer - Footer slot element.
- * @param props.size - Size scale. Defaults to "md".
- * @param props.variant - Visual style variant. Defaults to "default".
- * @param props.radius - Corner rounding of the sidebar.
- * @param props.options - Navigation item options (radius, active/inactive variant and color).
- * @param props.tooltip - Tooltip configuration for collapsed items (show, placement, variant, color).
- * @param props.showCollapseButton - Whether the collapse button is shown. Defaults to true.
- * @param props.collapsible - Whether the sidebar can be collapsed. Defaults to true.
- * @param props.link - Link configuration for navigation items (component and props).
- *
- * @example
- * ```tsx
- * import { Sidebar } from "asheeui";
- * import { useState } from "react";
- *
- * export function Example() {
- *   const [active, setActive] = useState("dashboard");
- *
- *   return (
- *     <Sidebar
- *       items={[
- *         { id: "dashboard", label: "Dashboard", icon: <DashboardIcon /> },
- *         { id: "settings", label: "Settings", icon: <SettingsIcon /> },
- *       ]}
- *       activeKey={active}
- *       onSelect={(item) => setActive(item.id)}
- *       title="My App"
- *     />
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With sections and Next.js Link
- * import NextLink from "next/link";
- *
- * <Sidebar
- *   items={[
- *     { id: "main", label: "Main", items: mainItems },
- *     { id: "admin", label: "Admin", items: adminItems },
- *   ]}
- *   link={{ component: NextLink }}
- *   userRole="admin"
- * />
- * ```
- *
- * @see SidebarConfig - The configuration type for component defaults.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- */
-export declare function Sidebar<T = string>({ items: itemsProp, activeKey, onSelect, isCollapsed: isCollapsedProp, onCollapseChange, title, onBack, backIcon, userRole, footer, variant, size, radius, options, showCollapseButton: showCollapseButtonProp, collapsible: collapsibleProp, defaultCollapsed: defaultCollapsedProp, tooltip, headerClassName, bodyClassName, sectionLabelClassName, footerClassName, anchorProps, link, className, style, ...props }: SidebarProps<T>): import("react").JSX.Element;
-export declare namespace Sidebar {
-    var displayName: string;
-}
-export {};
-//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/sidebar/Sidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/components/sidebar/Sidebar.js

@@ -1,151 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { resolveVariantClass as n } from "../../shared/variant.js";
-import { useAsheeConfig as r } from "../../libs/context.js";
-import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
-import { Button as s } from "../button/Button.js";
-import { ChevronRightIcon as c } from "../../icons/ChevronRightIcon.js";
-import { ChevronLeftIcon as ee } from "../../icons/ChevronLeftIcon.js";
-import { ArrowLeftIcon as l } from "../../icons/ArrowLeftIcon.js";
-import { Tooltip as u } from "../tooltip/Tooltip.js";
-import { FALLBACK_SIDEBAR_CONFIG as d } from "./sidebar-config.js";
-import { SIDEBAR_COLLAPSED_WIDTH_CLASS as te, SIDEBAR_EXPANDED_WIDTH_CLASS as ne, SIDEBAR_HEADER_CLASS as re, SIDEBAR_ITEM_CLASS as ie, SIDEBAR_SECTION_LABEL_CLASS as ae, SIDEBAR_VARIANT_CLASS as oe } from "./sidebar-styles.js";
-import { useCallback as f, useEffect as p, useMemo as m, useState as se } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/sidebar/Sidebar.tsx
-function v(e) {
-	return "items" in e && Array.isArray(e.items);
-}
-function y({ items: y, activeKey: ce, onSelect: b, isCollapsed: x, onCollapseChange: S, title: C, onBack: w, backIcon: le, userRole: T, footer: E, variant: ue, size: de, radius: fe, options: D, showCollapseButton: O, collapsible: k, defaultCollapsed: A, tooltip: j, headerClassName: M, bodyClassName: N, sectionLabelClassName: P, footerClassName: F, anchorProps: I, link: L, className: R, style: z, ...B }) {
-	let V = r(), H = V.components?.sidebar, U = i(k, H?.collapsible, void 0, d.collapsible), W = i(O, H?.showCollapseButton, void 0, d.showCollapseButton), pe = i(A, H?.defaultCollapsed, void 0, d.defaultCollapsed), [me, G] = se(x ?? pe);
-	p(() => {
-		x !== void 0 && G(x);
-	}, [x]);
-	let K = x ?? me, he = f(() => {
-		if (!U) return;
-		let e = !K;
-		x === void 0 && G(e), S?.(e);
-	}, [
-		K,
-		x,
-		S,
-		U
-	]), q = i(de, H?.size, void 0, d.size), ge = i(ue, H?.variant, void 0, d.variant), J = (e) => e === "full" ? "xl" : e, _e = o(J(fe), J(H?.radius), V.defaultRadius, d.radius), Y = o(J(D?.radius), J(H?.options?.radius), V.defaultRadius, d.options.radius), X = i(D?.inactive?.variant, H?.options?.inactive?.variant, V.defaultVariant, d.options.inactive.variant), ve = i(D?.inactive?.color, H?.options?.inactive?.color, void 0, d.options.inactive.color), ye = i(D?.active?.variant, H?.options?.active?.variant, V.defaultVariant, d.options.active.variant), be = i(D?.active?.color, H?.options?.active?.color, V.defaultColor, d.options.active.color), xe = n(ye, be), Se = n(X, ve), Ce = i(j?.show, H?.tooltip?.show, void 0, d.tooltip.show), we = i(j?.placement, H?.tooltip?.placement, void 0, d.tooltip.placement), Z = i(j?.variant, H?.tooltip?.variant, void 0, d.tooltip.variant), Te = i(j?.color, H?.tooltip?.color, void 0, d.tooltip.color), Q = y, $ = m(() => {
-		if (!Q) return [];
-		let e = Q[0];
-		return e ? v(e) ? Q : [{
-			id: "__root",
-			label: void 0,
-			items: Q
-		}] : [];
-	}, [Q]), Ee = m(() => $.filter((e) => !e.roles || e.roles.length === 0 ? !0 : T ? e.roles.includes(T) : !1).map((e) => ({
-		...e,
-		items: e.items?.filter((e) => !e.roles || e.roles.length === 0 ? !0 : T ? e.roles.includes(T) : !1)
-	})).filter((e) => e.items && e.items.length > 0), [$, T]), De = f((e, t) => {
-		if (t.disabled) {
-			e.preventDefault();
-			return;
-		}
-		b?.(t);
-	}, [b]), Oe = K ? te[q] : ne[q], ke = (n) => {
-		let r = n.id === ce, i = e("w-full flex items-center gap-3 transition-all truncate no-underline", ie[q], K ? "justify-center px-0" : "justify-start", r && "font-medium", r ? xe : Se, n.disabled && "opacity-50 cursor-not-allowed pointer-events-none", a(X === "underlined" ? "none" : Y, t, d.options.radius), D?.itemClassName), o = L?.component || "a", s = {
-			href: n.disabled ? void 0 : n.href,
-			target: n.target,
-			rel: n.rel,
-			"aria-current": r ? "page" : void 0,
-			onClick: (e) => De(e, n),
-			className: i,
-			...I,
-			...L?.props ?? {}
-		}, c = /* @__PURE__ */ _(o, {
-			...s,
-			children: [n.icon && /* @__PURE__ */ g("span", {
-				className: e("shrink-0 flex items-center justify-center", K && "w-full"),
-				children: n.icon
-			}), !K && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
-				className: "truncate flex-1 text-left",
-				children: n.label
-			}), n.badge && /* @__PURE__ */ g("span", {
-				className: "shrink-0",
-				children: n.badge
-			})] })]
-		}, String(n.id));
-		return K && Ce ? /* @__PURE__ */ g(u, {
-			content: n.label,
-			placement: we,
-			variant: Z,
-			color: Te,
-			radius: Y,
-			children: c
-		}, String(n.id)) : c;
-	}, Ae = (t) => !t.items || t.items.length === 0 ? null : /* @__PURE__ */ _("div", {
-		className: "flex flex-col gap-0.5",
-		children: [!K && t.label && /* @__PURE__ */ g("div", {
-			className: e("text-foreground/70 font-medium uppercase tracking-wider truncate", ae[q], P),
-			children: t.label
-		}), t.items.map(ke)]
-	}, String(t.id));
-	return /* @__PURE__ */ _("aside", {
-		className: e("h-full flex flex-col transition-all duration-200 select-none shrink-0", Oe, oe[ge], a(_e, t, d.radius), R),
-		style: z,
-		...B,
-		children: [
-			(w || C) && /* @__PURE__ */ _("div", {
-				className: e("flex items-center gap-3 border-b border-border border-dashed shrink-0", re[q], K && "justify-center px-0", M),
-				children: [w && /* @__PURE__ */ g(s, {
-					icon: !0,
-					"aria-label": "Go back",
-					variant: X,
-					color: "secondary",
-					size: q,
-					radius: Y,
-					onClick: w,
-					className: "shrink-0",
-					children: /* @__PURE__ */ g("span", {
-						className: e("flex items-center justify-center transition-transform duration-200"),
-						children: le ?? /* @__PURE__ */ g(l, { className: "size-4" })
-					})
-				}), !K && C && /* @__PURE__ */ g("span", {
-					className: "font-semibold text-foreground truncate tracking-tight transition-opacity duration-200",
-					children: C
-				})]
-			}),
-			/* @__PURE__ */ g("nav", {
-				className: e("flex-1 overflow-y-auto py-3 px-2 flex flex-col gap-3 scrollable-hidden", N),
-				children: Ee.map(Ae)
-			}),
-			W && U && /* @__PURE__ */ _("div", {
-				className: e("border-t border-border shrink-0", K ? "p-2" : "p-3", F),
-				children: [!K && E && /* @__PURE__ */ g("div", {
-					className: "mb-2",
-					children: E
-				}), /* @__PURE__ */ g(s, {
-					icon: !0,
-					"aria-label": K ? "Expand sidebar" : "Collapse sidebar",
-					variant: X,
-					color: "secondary",
-					size: q,
-					radius: Y,
-					onClick: he,
-					className: e("w-full", K ? "justify-center px-0" : "justify-start"),
-					children: /* @__PURE__ */ g("span", {
-						className: "flex items-center gap-2",
-						children: K ? /* @__PURE__ */ g(c, { className: "size-4" }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ee, { className: "size-4" }), /* @__PURE__ */ g("span", {
-							className: "text-sm",
-							children: "Collapse"
-						})] })
-					})
-				})]
-			}),
-			!W && E && /* @__PURE__ */ g("div", {
-				className: e("border-t border-border shrink-0 p-3", F),
-				children: E
-			})
-		]
-	});
-}
-y.displayName = "Sidebar";
-//#endregion
-export { y as Sidebar };

package/dist/components/sidebar/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Sidebar';
-export * from './sidebar-config';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/sidebar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/sidebar/index.js

@@ -1,3 +0,0 @@
-export * from "./Sidebar.js";
-export * from "./sidebar-config.js";
-export * from "./sidebar-styles.js";

package/dist/components/sidebar/sidebar-config.d.ts

@@ -1,254 +0,0 @@
-import { ReactNode } from 'react';
-import { Color, Radius, Size, Variant } from '../../shared';
-import { TooltipPlacement } from '../tooltip/tooltip-config';
-/**
- * Size key for the sidebar.
- * Controls the width of the sidebar when expanded and collapsed.
- */
-export type SidebarSizeKey = Size;
-/**
- * Visual style variant of the sidebar.
- * - `default`: Standard sidebar with border and background.
- * - `bordered`: Sidebar with a thicker border.
- * - `floating`: Sidebar with rounded corners and shadow (floating appearance).
- * - `ghost`: Minimal sidebar with background only, no border.
- */
-export type SidebarVariant = "default" | "bordered" | "floating" | "ghost";
-/**
- * A single navigation item in the sidebar.
- */
-export interface SidebarItem<T = string> {
-    /**
-     * Unique item identifier.
-     */
-    id: T;
-    /**
-     * Display label or title.
-     */
-    label: ReactNode;
-    /**
-     * URL or path for navigation.
-     */
-    href?: string;
-    /**
-     * Leading icon element.
-     */
-    icon?: ReactNode;
-    /**
-     * Optional trailing badge element or count.
-     */
-    badge?: ReactNode;
-    /**
-     * Role string list for optional visibility filtering.
-     * When provided, the item is only shown to users with matching roles.
-     */
-    roles?: string[];
-    /**
-     * Disables click interaction.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Target for link (e.g., "_blank").
-     */
-    target?: string;
-    /**
-     * Rel attribute for link.
-     */
-    rel?: string;
-}
-/**
- * A section containing multiple sidebar items.
- * Used to group related navigation items under a label.
- */
-export interface SidebarSection<T = string> {
-    /**
-     * Unique section identifier.
-     */
-    id: T;
-    /**
-     * Display label or title.
-     * Shown as a section header when the sidebar is expanded.
-     */
-    label?: ReactNode;
-    /**
-     * Optional array of sidebar items within the section.
-     */
-    items?: SidebarItem<T>[];
-    /**
-     * Role string list for optional visibility filtering.
-     * When provided, the section is only shown to users with matching roles.
-     */
-    roles?: string[];
-    /**
-     * Disables click interaction for the entire section.
-     * @default false
-     */
-    disabled?: boolean;
-}
-/**
- * Union type for sidebar content.
- * Can be either a flat array of items or an array of sections.
- */
-export type SidebarItems<T = string> = SidebarItem<T>[] | SidebarSection<T>[];
-/**
- * Visual styling of the active navigation item.
- */
-export interface SidebarActiveOptionConfig {
-    /**
-     * Visual variant of the active item.
-     */
-    variant?: Variant;
-    /**
-     * Theme color of the active item.
-     */
-    color?: Color;
-}
-/**
- * Visual styling of inactive navigation items.
- */
-export interface SidebarInactiveOptionConfig {
-    /**
-     * Visual variant of inactive items.
-     */
-    variant?: Variant;
-    /**
-     * Theme color of inactive items.
-     */
-    color?: Color;
-}
-/**
- * Options configuration for the sidebar's navigation items.
- */
-export interface SidebarOptionsConfig {
-    /**
-     * Corner rounding of individual navigation items.
-     */
-    radius?: Radius;
-    /**
-     * Styling of the active navigation item.
-     */
-    active?: SidebarActiveOptionConfig;
-    /**
-     * Styling of inactive navigation items.
-     */
-    inactive?: SidebarInactiveOptionConfig;
-}
-/**
- * Tooltip configuration for collapsed sidebar items.
- */
-export interface SidebarTooltipConfig {
-    /**
-     * Whether tooltips are shown for collapsed items.
-     *
-     * @default true
-     */
-    show?: boolean;
-    /**
-     * Placement of tooltips relative to the item.
-     *
-     * @default "right"
-     */
-    placement?: TooltipPlacement;
-    /**
-     * Visual variant for tooltips.
-     */
-    variant?: Variant;
-    /**
-     * Theme color for tooltips.
-     */
-    color?: Color;
-}
-/**
- * Theme configuration options for the Sidebar component.
- *
- * Set under `components.sidebar` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface SidebarConfig {
-    /**
-     * Size scale of the sidebar.
-     * Controls the width of the sidebar when expanded and collapsed.
-     *
-     * @default "md"
-     */
-    size?: SidebarSizeKey;
-    /**
-     * Visual style variant.
-     * Controls the sidebar's appearance including borders and background.
-     */
-    variant?: SidebarVariant;
-    /**
-     * Corner rounding of the sidebar container.
-     */
-    radius?: Radius;
-    /**
-     * Options configuration for the sidebar's navigation items.
-     */
-    options?: SidebarOptionsConfig;
-    /**
-     * Tooltip configuration for collapsed sidebar items.
-     */
-    tooltip?: SidebarTooltipConfig;
-    /**
-     * Whether the collapse button is shown.
-     * @default true
-     */
-    showCollapseButton?: boolean;
-    /**
-     * Whether the sidebar has animations.
-     * @default true
-     */
-    animated?: boolean;
-    /**
-     * Initial collapsed state for uncontrolled usage.
-     * @default false
-     */
-    defaultCollapsed?: boolean;
-    /**
-     * Whether the sidebar can be collapsed.
-     * @default true
-     */
-    collapsible?: boolean;
-}
-/**
- * Default config values registered for the Sidebar component.
- */
-export declare const defaultSidebarConfig: SidebarConfig;
-/**
- * Hard fallback values used when no config tier provides a value.
- * These values are used when instance props, component config,
- * and global defaults are all undefined.
- */
-export declare const FALLBACK_SIDEBAR_CONFIG: {
-    readonly size: "md";
-    readonly variant: "default";
-    readonly radius: "none";
-    readonly options: {
-        readonly radius: "md";
-        readonly active: {
-            readonly variant: "solid";
-            readonly color: "primary";
-        };
-        readonly inactive: {
-            readonly variant: "ghost";
-            readonly color: "none";
-        };
-    };
-    readonly tooltip: {
-        readonly show: true;
-        readonly placement: "right";
-        readonly variant: "solid";
-        readonly color: "secondary";
-    };
-    readonly animated: true;
-    readonly defaultCollapsed: false;
-    readonly collapsible: true;
-    readonly showCollapseButton: true;
-};
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        sidebar: SidebarConfig;
-    }
-}
-//# sourceMappingURL=sidebar-config.d.ts.map

package/dist/components/sidebar/sidebar-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-config.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar-config.ts"],"names":[],"mappings":"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"}

package/dist/components/sidebar/sidebar-config.js

@@ -1,49 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/sidebar/sidebar-config.ts
-var t = {
-	size: "md",
-	animated: !0,
-	defaultCollapsed: !1,
-	collapsible: !0,
-	showCollapseButton: !0,
-	options: {
-		inactive: { variant: "ghost" },
-		active: {
-			variant: "solid",
-			color: "primary"
-		}
-	},
-	tooltip: {
-		show: !0,
-		placement: "right"
-	}
-}, n = {
-	size: "md",
-	variant: "default",
-	radius: "none",
-	options: {
-		radius: "md",
-		active: {
-			variant: "solid",
-			color: "primary"
-		},
-		inactive: {
-			variant: "ghost",
-			color: "none"
-		}
-	},
-	tooltip: {
-		show: !0,
-		placement: "right",
-		variant: "solid",
-		color: "secondary"
-	},
-	animated: !0,
-	defaultCollapsed: !1,
-	collapsible: !0,
-	showCollapseButton: !0
-};
-e("sidebar", t);
-//#endregion
-export { n as FALLBACK_SIDEBAR_CONFIG, t as defaultSidebarConfig };