@sytechui/theme 3.0.1 → 3.0.3

package/dist/components/stepper.mjs

@@ -1,37 +1,38 @@
 import {
   stepper
-} from "../chunk-MT6ZY3PW.mjs";
-import "../chunk-EZ47UJPD.mjs";
-import "../chunk-W37Q6YFS.mjs";
-import "../chunk-47BB6GL3.mjs";
-import "../chunk-WH4ODSEM.mjs";
-import "../chunk-XBJNS5SU.mjs";
-import "../chunk-OSP4OLTO.mjs";
-import "../chunk-4N2PLITL.mjs";
-import "../chunk-AGSAOCCR.mjs";
-import "../chunk-5DJU5KUL.mjs";
-import "../chunk-ZWG2GMCI.mjs";
-import "../chunk-P5HLCB43.mjs";
-import "../chunk-2QZDAFQ3.mjs";
-import "../chunk-MTBQ5EO5.mjs";
-import "../chunk-AL5UNXQI.mjs";
-import "../chunk-USGOG5QI.mjs";
+} from "../chunk-FUQEL335.mjs";
+import "../chunk-XWHXIFLL.mjs";
+import "../chunk-HF2LJVZX.mjs";
+import "../chunk-XV7LJG6E.mjs";
+import "../chunk-IVAVJ7ZU.mjs";
+import "../chunk-D2TQCDY4.mjs";
+import "../chunk-APF6RSVD.mjs";
+import "../chunk-M4FWEMJZ.mjs";
+import "../chunk-OC45BUIA.mjs";
+import "../chunk-4LAQM2VM.mjs";
+import "../chunk-QQZDCYMA.mjs";
+import "../chunk-FPG5J5ZJ.mjs";
+import "../chunk-U4D7XSGV.mjs";
+import "../chunk-L26ZWPVZ.mjs";
+import "../chunk-AAPQ76Q7.mjs";
+import "../chunk-EIZCYQZJ.mjs";
+import "../chunk-IFDUGF3P.mjs";
+import "../chunk-ATGLNP24.mjs";
+import "../chunk-UL4VFH3Z.mjs";
+import "../chunk-IURX3VEE.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-PY74IHS4.mjs";
-import "../chunk-I5YZBAB3.mjs";
-import "../chunk-7ARJ2TQM.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-RXQFUPJE.mjs";
+import "../chunk-HFD73SWH.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-Z2UCLPEC.mjs";
 import "../chunk-ZHIADCEL.mjs";
-import "../chunk-D2XMP2NC.mjs";
-import "../chunk-ROFEKAS6.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-D2XMP2NC.mjs";
 import "../chunk-WQEDQHKX.mjs";
 import "../chunk-CPSLANMP.mjs";
 import "../chunk-FFKHVGFX.mjs";

package/dist/components/table.mjs

@@ -1,37 +1,38 @@
 import {
   table
-} from "../chunk-MT6ZY3PW.mjs";
-import "../chunk-EZ47UJPD.mjs";
-import "../chunk-W37Q6YFS.mjs";
-import "../chunk-47BB6GL3.mjs";
-import "../chunk-WH4ODSEM.mjs";
-import "../chunk-XBJNS5SU.mjs";
-import "../chunk-OSP4OLTO.mjs";
-import "../chunk-4N2PLITL.mjs";
-import "../chunk-AGSAOCCR.mjs";
-import "../chunk-5DJU5KUL.mjs";
-import "../chunk-ZWG2GMCI.mjs";
-import "../chunk-P5HLCB43.mjs";
-import "../chunk-2QZDAFQ3.mjs";
-import "../chunk-MTBQ5EO5.mjs";
-import "../chunk-AL5UNXQI.mjs";
-import "../chunk-USGOG5QI.mjs";
+} from "../chunk-FUQEL335.mjs";
+import "../chunk-XWHXIFLL.mjs";
+import "../chunk-HF2LJVZX.mjs";
+import "../chunk-XV7LJG6E.mjs";
+import "../chunk-IVAVJ7ZU.mjs";
+import "../chunk-D2TQCDY4.mjs";
+import "../chunk-APF6RSVD.mjs";
+import "../chunk-M4FWEMJZ.mjs";
+import "../chunk-OC45BUIA.mjs";
+import "../chunk-4LAQM2VM.mjs";
+import "../chunk-QQZDCYMA.mjs";
+import "../chunk-FPG5J5ZJ.mjs";
+import "../chunk-U4D7XSGV.mjs";
+import "../chunk-L26ZWPVZ.mjs";
+import "../chunk-AAPQ76Q7.mjs";
+import "../chunk-EIZCYQZJ.mjs";
+import "../chunk-IFDUGF3P.mjs";
+import "../chunk-ATGLNP24.mjs";
+import "../chunk-UL4VFH3Z.mjs";
+import "../chunk-IURX3VEE.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-PY74IHS4.mjs";
-import "../chunk-I5YZBAB3.mjs";
-import "../chunk-7ARJ2TQM.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-RXQFUPJE.mjs";
+import "../chunk-HFD73SWH.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-Z2UCLPEC.mjs";
 import "../chunk-ZHIADCEL.mjs";
-import "../chunk-D2XMP2NC.mjs";
-import "../chunk-ROFEKAS6.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-D2XMP2NC.mjs";
 import "../chunk-WQEDQHKX.mjs";
 import "../chunk-CPSLANMP.mjs";
 import "../chunk-FFKHVGFX.mjs";

package/dist/components/tabs.mjs

@@ -1,37 +1,38 @@
 import {
   tabs
-} from "../chunk-MT6ZY3PW.mjs";
-import "../chunk-EZ47UJPD.mjs";
-import "../chunk-W37Q6YFS.mjs";
-import "../chunk-47BB6GL3.mjs";
-import "../chunk-WH4ODSEM.mjs";
-import "../chunk-XBJNS5SU.mjs";
-import "../chunk-OSP4OLTO.mjs";
-import "../chunk-4N2PLITL.mjs";
-import "../chunk-AGSAOCCR.mjs";
-import "../chunk-5DJU5KUL.mjs";
-import "../chunk-ZWG2GMCI.mjs";
-import "../chunk-P5HLCB43.mjs";
-import "../chunk-2QZDAFQ3.mjs";
-import "../chunk-MTBQ5EO5.mjs";
-import "../chunk-AL5UNXQI.mjs";
-import "../chunk-USGOG5QI.mjs";
+} from "../chunk-FUQEL335.mjs";
+import "../chunk-XWHXIFLL.mjs";
+import "../chunk-HF2LJVZX.mjs";
+import "../chunk-XV7LJG6E.mjs";
+import "../chunk-IVAVJ7ZU.mjs";
+import "../chunk-D2TQCDY4.mjs";
+import "../chunk-APF6RSVD.mjs";
+import "../chunk-M4FWEMJZ.mjs";
+import "../chunk-OC45BUIA.mjs";
+import "../chunk-4LAQM2VM.mjs";
+import "../chunk-QQZDCYMA.mjs";
+import "../chunk-FPG5J5ZJ.mjs";
+import "../chunk-U4D7XSGV.mjs";
+import "../chunk-L26ZWPVZ.mjs";
+import "../chunk-AAPQ76Q7.mjs";
+import "../chunk-EIZCYQZJ.mjs";
+import "../chunk-IFDUGF3P.mjs";
+import "../chunk-ATGLNP24.mjs";
+import "../chunk-UL4VFH3Z.mjs";
+import "../chunk-IURX3VEE.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-PY74IHS4.mjs";
-import "../chunk-I5YZBAB3.mjs";
-import "../chunk-7ARJ2TQM.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-RXQFUPJE.mjs";
+import "../chunk-HFD73SWH.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-Z2UCLPEC.mjs";
 import "../chunk-ZHIADCEL.mjs";
-import "../chunk-D2XMP2NC.mjs";
-import "../chunk-ROFEKAS6.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-D2XMP2NC.mjs";
 import "../chunk-WQEDQHKX.mjs";
 import "../chunk-CPSLANMP.mjs";
 import "../chunk-FFKHVGFX.mjs";

package/dist/components/toast.mjs

@@ -1,38 +1,39 @@
 import {
   toast,
   toastRegion
-} from "../chunk-MT6ZY3PW.mjs";
-import "../chunk-EZ47UJPD.mjs";
-import "../chunk-W37Q6YFS.mjs";
-import "../chunk-47BB6GL3.mjs";
-import "../chunk-WH4ODSEM.mjs";
-import "../chunk-XBJNS5SU.mjs";
-import "../chunk-OSP4OLTO.mjs";
-import "../chunk-4N2PLITL.mjs";
-import "../chunk-AGSAOCCR.mjs";
-import "../chunk-5DJU5KUL.mjs";
-import "../chunk-ZWG2GMCI.mjs";
-import "../chunk-P5HLCB43.mjs";
-import "../chunk-2QZDAFQ3.mjs";
-import "../chunk-MTBQ5EO5.mjs";
-import "../chunk-AL5UNXQI.mjs";
-import "../chunk-USGOG5QI.mjs";
+} from "../chunk-FUQEL335.mjs";
+import "../chunk-XWHXIFLL.mjs";
+import "../chunk-HF2LJVZX.mjs";
+import "../chunk-XV7LJG6E.mjs";
+import "../chunk-IVAVJ7ZU.mjs";
+import "../chunk-D2TQCDY4.mjs";
+import "../chunk-APF6RSVD.mjs";
+import "../chunk-M4FWEMJZ.mjs";
+import "../chunk-OC45BUIA.mjs";
+import "../chunk-4LAQM2VM.mjs";
+import "../chunk-QQZDCYMA.mjs";
+import "../chunk-FPG5J5ZJ.mjs";
+import "../chunk-U4D7XSGV.mjs";
+import "../chunk-L26ZWPVZ.mjs";
+import "../chunk-AAPQ76Q7.mjs";
+import "../chunk-EIZCYQZJ.mjs";
+import "../chunk-IFDUGF3P.mjs";
+import "../chunk-ATGLNP24.mjs";
+import "../chunk-UL4VFH3Z.mjs";
+import "../chunk-IURX3VEE.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-PY74IHS4.mjs";
-import "../chunk-I5YZBAB3.mjs";
-import "../chunk-7ARJ2TQM.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-RXQFUPJE.mjs";
+import "../chunk-HFD73SWH.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-Z2UCLPEC.mjs";
 import "../chunk-ZHIADCEL.mjs";
-import "../chunk-D2XMP2NC.mjs";
-import "../chunk-ROFEKAS6.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-D2XMP2NC.mjs";
 import "../chunk-WQEDQHKX.mjs";
 import "../chunk-CPSLANMP.mjs";
 import "../chunk-FFKHVGFX.mjs";

package/dist/components/toggle.mjs

@@ -1,37 +1,38 @@
 import {
   toggle
-} from "../chunk-MT6ZY3PW.mjs";
-import "../chunk-EZ47UJPD.mjs";
-import "../chunk-W37Q6YFS.mjs";
-import "../chunk-47BB6GL3.mjs";
-import "../chunk-WH4ODSEM.mjs";
-import "../chunk-XBJNS5SU.mjs";
-import "../chunk-OSP4OLTO.mjs";
-import "../chunk-4N2PLITL.mjs";
-import "../chunk-AGSAOCCR.mjs";
-import "../chunk-5DJU5KUL.mjs";
-import "../chunk-ZWG2GMCI.mjs";
-import "../chunk-P5HLCB43.mjs";
-import "../chunk-2QZDAFQ3.mjs";
-import "../chunk-MTBQ5EO5.mjs";
-import "../chunk-AL5UNXQI.mjs";
-import "../chunk-USGOG5QI.mjs";
+} from "../chunk-FUQEL335.mjs";
+import "../chunk-XWHXIFLL.mjs";
+import "../chunk-HF2LJVZX.mjs";
+import "../chunk-XV7LJG6E.mjs";
+import "../chunk-IVAVJ7ZU.mjs";
+import "../chunk-D2TQCDY4.mjs";
+import "../chunk-APF6RSVD.mjs";
+import "../chunk-M4FWEMJZ.mjs";
+import "../chunk-OC45BUIA.mjs";
+import "../chunk-4LAQM2VM.mjs";
+import "../chunk-QQZDCYMA.mjs";
+import "../chunk-FPG5J5ZJ.mjs";
+import "../chunk-U4D7XSGV.mjs";
+import "../chunk-L26ZWPVZ.mjs";
+import "../chunk-AAPQ76Q7.mjs";
+import "../chunk-EIZCYQZJ.mjs";
+import "../chunk-IFDUGF3P.mjs";
+import "../chunk-ATGLNP24.mjs";
+import "../chunk-UL4VFH3Z.mjs";
+import "../chunk-IURX3VEE.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-PY74IHS4.mjs";
-import "../chunk-I5YZBAB3.mjs";
-import "../chunk-7ARJ2TQM.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-RXQFUPJE.mjs";
+import "../chunk-HFD73SWH.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-Z2UCLPEC.mjs";
 import "../chunk-ZHIADCEL.mjs";
-import "../chunk-D2XMP2NC.mjs";
-import "../chunk-ROFEKAS6.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-D2XMP2NC.mjs";
 import "../chunk-WQEDQHKX.mjs";
 import "../chunk-CPSLANMP.mjs";
 import "../chunk-FFKHVGFX.mjs";

package/dist/components/user.mjs

@@ -1,37 +1,38 @@
 import {
   user
-} from "../chunk-MT6ZY3PW.mjs";
-import "../chunk-EZ47UJPD.mjs";
-import "../chunk-W37Q6YFS.mjs";
-import "../chunk-47BB6GL3.mjs";
-import "../chunk-WH4ODSEM.mjs";
-import "../chunk-XBJNS5SU.mjs";
-import "../chunk-OSP4OLTO.mjs";
-import "../chunk-4N2PLITL.mjs";
-import "../chunk-AGSAOCCR.mjs";
-import "../chunk-5DJU5KUL.mjs";
-import "../chunk-ZWG2GMCI.mjs";
-import "../chunk-P5HLCB43.mjs";
-import "../chunk-2QZDAFQ3.mjs";
-import "../chunk-MTBQ5EO5.mjs";
-import "../chunk-AL5UNXQI.mjs";
-import "../chunk-USGOG5QI.mjs";
+} from "../chunk-FUQEL335.mjs";
+import "../chunk-XWHXIFLL.mjs";
+import "../chunk-HF2LJVZX.mjs";
+import "../chunk-XV7LJG6E.mjs";
+import "../chunk-IVAVJ7ZU.mjs";
+import "../chunk-D2TQCDY4.mjs";
+import "../chunk-APF6RSVD.mjs";
+import "../chunk-M4FWEMJZ.mjs";
+import "../chunk-OC45BUIA.mjs";
+import "../chunk-4LAQM2VM.mjs";
+import "../chunk-QQZDCYMA.mjs";
+import "../chunk-FPG5J5ZJ.mjs";
+import "../chunk-U4D7XSGV.mjs";
+import "../chunk-L26ZWPVZ.mjs";
+import "../chunk-AAPQ76Q7.mjs";
+import "../chunk-EIZCYQZJ.mjs";
+import "../chunk-IFDUGF3P.mjs";
+import "../chunk-ATGLNP24.mjs";
+import "../chunk-UL4VFH3Z.mjs";
+import "../chunk-IURX3VEE.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-PY74IHS4.mjs";
-import "../chunk-I5YZBAB3.mjs";
-import "../chunk-7ARJ2TQM.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-RXQFUPJE.mjs";
+import "../chunk-HFD73SWH.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-Z2UCLPEC.mjs";
 import "../chunk-ZHIADCEL.mjs";
-import "../chunk-D2XMP2NC.mjs";
-import "../chunk-ROFEKAS6.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-D2XMP2NC.mjs";
 import "../chunk-WQEDQHKX.mjs";
 import "../chunk-CPSLANMP.mjs";
 import "../chunk-FFKHVGFX.mjs";

package/dist/index.d.mts

@@ -36,6 +36,7 @@ export { SelectSlots, SelectVariantProps, select } from './components/select.mjs
 export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './components/menu.mjs';
 export { ScrollShadowVariantProps, scrollShadow } from './components/scroll-shadow.mjs';
 export { ScrollAreaReturnType, ScrollAreaSlots, ScrollAreaVariantProps, scrollArea } from './components/scroll-area.mjs';
+export { SidebarReturnType, SidebarSlots, SidebarVariantProps, sidebar } from './components/sidebar.mjs';
 export { SliderSlots, SliderVariantProps, slider } from './components/slider.mjs';
 export { BreadcrumbItemSlots, BreadcrumbItemVariantProps, BreadcrumbsSlots, BreadcrumbsVariantProps, breadcrumbItem, breadcrumbs } from './components/breadcrumbs.mjs';
 export { AutocompleteSlots, AutocompleteVariantProps, autocomplete } from './components/autocomplete.mjs';

package/dist/index.d.ts

@@ -36,6 +36,7 @@ export { SelectSlots, SelectVariantProps, select } from './components/select.js'
 export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './components/menu.js';
 export { ScrollShadowVariantProps, scrollShadow } from './components/scroll-shadow.js';
 export { ScrollAreaReturnType, ScrollAreaSlots, ScrollAreaVariantProps, scrollArea } from './components/scroll-area.js';
+export { SidebarReturnType, SidebarSlots, SidebarVariantProps, sidebar } from './components/sidebar.js';
 export { SliderSlots, SliderVariantProps, slider } from './components/slider.js';
 export { BreadcrumbItemSlots, BreadcrumbItemVariantProps, BreadcrumbsSlots, BreadcrumbsVariantProps, breadcrumbItem, breadcrumbs } from './components/breadcrumbs.js';
 export { AutocompleteSlots, AutocompleteVariantProps, autocomplete } from './components/autocomplete.js';

package/dist/index.js

@@ -106,6 +106,7 @@ __export(index_exports, {
   select: () => select,
   semanticColors: () => semanticColors,
   shimmerText: () => shimmerText,
+  sidebar: () => sidebar,
   skeleton: () => skeleton,
   slider: () => slider,
   snippet: () => snippet,
@@ -10128,6 +10129,141 @@ var scrollArea = tv({
   }
 });
 
+// src/components/sidebar.ts
+var sidebar = tv({
+  slots: {
+    base: "group/sidebar-wrapper flex min-h-svh w-full bg-background",
+    sidebar: "group/sidebar text-foreground",
+    gap: "relative shrink-0 bg-transparent",
+    container: "fixed inset-y-0 z-40 flex h-svh",
+    inner: "flex size-full min-w-0 flex-col overflow-hidden bg-content1 text-foreground",
+    mobile: "h-full w-full p-0",
+    trigger: "size-8 min-w-8",
+    rail: [
+      "absolute inset-y-0 z-50 hidden w-4 -translate-x-1/2 transition-all",
+      "after:absolute after:inset-y-0 after:left-1/2 after:w-px hover:after:bg-divider sm:flex",
+      "group-data-[side=left]/sidebar:-right-4 group-data-[side=right]/sidebar:left-0",
+      "group-data-[side=left]/sidebar:cursor-w-resize group-data-[side=right]/sidebar:cursor-e-resize",
+      "group-data-[collapsible=offcanvas]/sidebar:translate-x-0"
+    ],
+    inset: "relative flex min-w-0 flex-1 flex-col bg-background",
+    input: "h-8 w-full",
+    header: "flex shrink-0 flex-col gap-2 p-2",
+    footer: "flex shrink-0 flex-col gap-2 p-2",
+    separator: "mx-2 w-auto",
+    content: "scrollbar flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]/sidebar:overflow-hidden",
+    group: "relative flex w-full min-w-0 flex-col p-2",
+    groupLabel: [
+      "flex h-8 shrink-0 items-center overflow-hidden rounded-md px-2 text-xs font-medium",
+      "text-foreground-500",
+      "group-data-[collapsible=icon]/sidebar:-mt-8 group-data-[collapsible=icon]/sidebar:opacity-0"
+    ],
+    groupAction: "absolute right-3 top-3 size-6 min-w-6 group-data-[collapsible=icon]/sidebar:hidden",
+    groupContent: "w-full text-sm",
+    menu: "flex w-full min-w-0 flex-col gap-0.5",
+    menuItem: "group/menu-item relative",
+    menuSkeleton: "flex h-8 items-center gap-2 rounded-md px-2",
+    menuButton: [
+      "peer/menu-button flex w-full min-w-0 items-center justify-start gap-2 overflow-hidden",
+      "rounded-md px-2 text-left outline-none",
+      "hover:bg-content2 focus-visible:ring-2 focus-visible:ring-focus",
+      "disabled:pointer-events-none disabled:opacity-50",
+      "group-has-[[data-sidebar=menu-action]]/menu-item:pr-8",
+      "group-data-[collapsible=icon]/sidebar:!size-8",
+      "group-data-[collapsible=icon]/sidebar:!px-2",
+      "[&>svg]:size-4 [&>svg]:shrink-0 [&>span:last-child]:truncate",
+      "data-[active=true]:bg-default data-[active=true]:font-medium data-[active=true]:text-foreground",
+      "data-[variant=outline]:border data-[variant=outline]:border-divider",
+      "data-[variant=outline]:bg-content1 data-[variant=outline]:shadow-sm",
+      "data-[variant=outline]:hover:border-default-400",
+      "data-[size=sm]:h-7 data-[size=sm]:text-xs",
+      "data-[size=default]:h-8 data-[size=default]:text-sm",
+      "data-[size=lg]:h-12 data-[size=lg]:text-sm",
+      "data-[size=lg]:group-data-[collapsible=icon]/sidebar:!p-0"
+    ],
+    menuAction: [
+      "absolute right-1 top-1.5 size-5 min-w-5 group-data-[collapsible=icon]/sidebar:hidden",
+      "data-[show-on-hover=true]:opacity-0",
+      "data-[show-on-hover=true]:group-focus-within/menu-item:opacity-100",
+      "data-[show-on-hover=true]:group-hover/menu-item:opacity-100"
+    ],
+    menuBadge: [
+      "pointer-events-none absolute right-1 top-1.5 flex h-5 min-w-5 items-center justify-center",
+      "rounded-md px-1 text-xs font-medium tabular-nums",
+      "group-data-[collapsible=icon]/sidebar:hidden"
+    ],
+    menuSub: [
+      "mx-3.5 flex min-w-0 flex-col gap-1 border-l border-divider px-2.5 py-0.5",
+      "group-data-[collapsible=icon]/sidebar:hidden"
+    ],
+    menuSubItem: "group/menu-sub-item relative",
+    menuSubButton: [
+      "flex h-7 min-w-0 items-center gap-2 overflow-hidden rounded-md px-2",
+      "text-foreground-600 outline-none hover:bg-content2 hover:text-foreground",
+      "focus-visible:ring-2 focus-visible:ring-focus group-data-[collapsible=icon]/sidebar:hidden",
+      "[&>svg]:size-4 [&>svg]:shrink-0 [&>span:last-child]:truncate",
+      "data-[size=sm]:text-xs data-[size=md]:text-sm",
+      "data-[active=true]:bg-default data-[active=true]:text-foreground"
+    ]
+  },
+  // side/variant 是 Provider 级布局配置；只把它们应用到需要联动的布局 slot，
+  // 避免 header/menu 等内容 slot 因布局配置产生无关样式。
+  variants: {
+    side: {
+      left: { container: "left-0" },
+      right: { container: "right-0" }
+    },
+    variant: {
+      sidebar: {},
+      floating: {
+        container: "p-2",
+        inner: "rounded-xl border border-divider shadow-sm"
+      },
+      inset: {
+        container: "p-2",
+        inner: "bg-transparent",
+        inset: [
+          "md:m-2 md:rounded-xl md:bg-content1 md:shadow-sm",
+          "md:group-data-[inset-side=left]/sidebar-wrapper:ml-0",
+          "md:group-data-[inset-side=right]/sidebar-wrapper:mr-0"
+        ]
+      }
+    },
+    disableAnimation: {
+      true: {
+        gap: "transition-none",
+        container: "transition-none",
+        rail: "transition-none",
+        groupLabel: "transition-none",
+        menuButton: "transition-none"
+      },
+      false: {
+        gap: "transition-[width] duration-200 ease-linear motion-reduce:transition-none",
+        container: "transition-[width,transform] duration-200 ease-linear motion-reduce:transition-none",
+        groupLabel: "transition-[height,margin,opacity] duration-200 ease-linear",
+        menuButton: "transition-[width,height,padding] duration-200 ease-linear motion-reduce:transition-none"
+      }
+    }
+  },
+  defaultVariants: {
+    side: "left",
+    variant: "sidebar",
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      side: "left",
+      variant: "sidebar",
+      class: { container: "border-r border-divider" }
+    },
+    {
+      side: "right",
+      variant: "sidebar",
+      class: { container: "border-l border-divider" }
+    }
+  ]
+});
+
 // src/components/slider.ts
 var slider = tv({
   slots: {
@@ -13997,6 +14133,7 @@ var heroui = (config = {}) => {
   select,
   semanticColors,
   shimmerText,
+  sidebar,
   skeleton,
   slider,
   snippet,