shadcn-glass-ui 2.1.2 → 2.1.5

package/README.md

@@ -27,7 +27,7 @@ npm install shadcn-glass-ui
 
 ```tsx
 import { ButtonGlass, ThemeProvider } from 'shadcn-glass-ui';
-import 'shadcn-glass-ui/dist/styles.css';
+import 'shadcn-glass-ui/styles.css';
 
 export default function App() {
   return (
@@ -94,14 +94,14 @@ import { ButtonGlass } from '@/components/glass/ui/button-glass';  // Glass vari
 
 | Category        | Count | Examples                                           |
 | --------------- | ----- | -------------------------------------------------- |
-| **Core UI**     | 18    | ButtonGlass, InputGlass, ModalGlass, TabsGlass     |
-| **Composite**   | 13    | MetricCardGlass, AICardGlass, RepositoryCardGlass  |
+| **Core UI**     | 19    | ButtonGlass, InputGlass, ModalGlass, SidebarGlass  |
+| **Composite**   | 14    | MetricCardGlass, SplitLayoutGlass, AICardGlass     |
 | **Specialized** | 10    | StepperGlass, SparklineGlass, RainbowProgressGlass |
 | **Sections**    | 7     | HeaderNavGlass, ProfileHeaderGlass                 |
 | **Atomic**      | 7     | SearchBoxGlass, ThemeToggleGlass                   |
 | **Primitives**  | 3     | TouchTarget, FormFieldWrapper                      |
 
-[**Browse all 57 components →**](https://yhooi2.github.io/shadcn-glass-ui-library/)
+[**Browse all 58 components →**](https://yhooi2.github.io/shadcn-glass-ui-library/)
 
 ---
 
@@ -128,7 +128,7 @@ Built for AI coding assistants:
 
 | Tool             | Integration                                                                    |
 | ---------------- | ------------------------------------------------------------------------------ |
-| **Context7 MCP** | [Auto-indexed](https://context7.com/yhooi2/shadcn-glass-ui-library) — 41 rules |
+| **Context7 MCP** | [Auto-indexed](https://context7.com/yhooi2/shadcn-glass-ui-library) — 63 rules |
 | **Claude Code**  | [CLAUDE.md](CLAUDE.md) — 365 lines of context                                  |
 | **Copilot**      | TypeScript strict + JSDoc                                                      |
 

package/context7.json

@@ -11,7 +11,7 @@
     "Use 'variant' prop instead of 'type' for AlertGlass and NotificationGlass (v1.0 breaking change)",
     "Use 'variant=\"destructive\"' instead of 'variant=\"danger\"' for ButtonGlass",
     "Always wrap components with ThemeProvider from 'shadcn-glass-ui'",
-    "Import CSS: '@import \"shadcn-glass-ui/dist/styles.css\"' in main CSS file",
+    "Import CSS: '@import \"shadcn-glass-ui/styles.css\"' in main CSS file",
     "Use TypeScript strict mode - no 'any' types allowed",
     "ModalGlass and TabsGlass use compound component API (e.g., ModalGlass.Root, ModalGlass.Content)",
     "Three themes available: 'glass' (dark), 'light', 'aurora' (gradient)",
@@ -48,7 +48,22 @@
     "StepperGlass has 3 variants: numbered (default), icon, dots - use variant prop",
     "StepperGlass orientation: horizontal (default) or vertical",
     "StepperGlass supports linear mode (wizard pattern) - set linear prop to lock future steps",
-    "Use exported hooks: useFocus, useHover, useResponsive, useWallpaperTint for custom components"
+    "Use exported hooks: useFocus, useHover, useResponsive, useWallpaperTint for custom components",
+
+    "SplitLayoutGlass uses compound component API: Provider, Root, Sidebar, SidebarHeader, SidebarContent, SidebarFooter, Main, MainHeader, MainContent, MainFooter, Trigger, Accordion",
+    "SplitLayoutGlass.Provider accepts: selectedKey, onSelectedKeyChange, open, onOpenChange, defaultOpen (true), breakpoint ('sm'|'md'|'lg'|'xl'|'2xl'), mobileMode ('stack'|'accordion'|'drawer'), intensity ('subtle'|'medium'|'strong'), stickyOffset (24), urlParamName, keyboardShortcut ('b')",
+    "SplitLayoutGlass.Root accepts: ratio ({ sidebar: number; main: number }, default 1:2 = 33%/67%), minSidebarWidth ('300px'), maxSidebarWidth, gap (number | { mobile?: number; desktop?: number }), breakpoint, mobileLayout ('stack'|'main-only'|'sidebar-only')",
+    "SplitLayoutGlass.SidebarContent and MainContent have scrollable prop (default true) - enables ScrollArea wrapper for independent panel scrolling",
+    "useSplitLayout() returns: selectedKey, setSelectedKey, isOpen, setIsOpen, isMobileOpen, setMobileOpen, isMobile, toggle, state ('expanded'|'collapsed'), toggleSidebar (shadcn alias)",
+    "SplitLayoutGlass supports master-detail pattern via selectedKey state - use for documentation, dashboards, analytics layouts",
+
+    "SidebarGlass is 100% shadcn/ui Sidebar API compatible with compound component pattern",
+    "SidebarGlass compound components: Provider, Root, Header, Content, Footer, Rail, Inset, Trigger, Separator, Group, GroupLabel, GroupAction, GroupContent, Menu, MenuItem, MenuButton, MenuAction, MenuBadge, MenuSkeleton, MenuSub, MenuSubItem, MenuSubButton",
+    "SidebarGlass.Provider accepts: side ('left'|'right'), variant ('sidebar'|'floating'|'inset'), collapsible ('offcanvas'|'icon'|'none'), open, onOpenChange, defaultOpen (true), cookieName ('sidebar:state'), keyboardShortcut ('b')",
+    "SidebarGlass renders as mobile drawer (ModalGlass sheet) on mobile and collapsible sidebar with glassmorphism on desktop",
+    "SidebarGlass.Rail provides interactive collapse/expand rail with hover indicator - click or drag to toggle sidebar",
+    "SidebarGlass.MenuButton accepts: isActive (boolean), tooltip (string - shown in icon mode), variant ('default'|'outline'), size ('default'|'sm'|'lg')",
+    "useSidebar() returns: state ('expanded'|'collapsed'), open, setOpen, openMobile, setOpenMobile, isMobile, side, variant, collapsible, toggleSidebar"
   ],
   "previousVersions": [
     { "tag": "v2.0.0", "title": "Version 2.0.0 (Latest - Token Architecture)" },

package/dist/cli/index.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const require_trust_score_card_glass = require("../trust-score-card-glass-CGXmOIfq.cjs");
+const require_trust_score_card_glass = require("../trust-score-card-glass-2rjz00d_.cjs");
 let node_util = require("node:util");
 let node_fs = require("node:fs");
 let node_path = require("node:path");

package/dist/components.cjs

@@ -1,7 +1,7 @@
-const require_trust_score_card_glass = require("./trust-score-card-glass-CGXmOIfq.cjs");
-require("./utils-LYxxWvUn.cjs");
-require("./use-focus-CeNHOiBa.cjs");
-require("./theme-context-BHXYJ4RE.cjs");
+const require_trust_score_card_glass = require("./trust-score-card-glass-2rjz00d_.cjs");
+require("./utils-XlyXIhuP.cjs");
+require("./use-focus-DbpBEuee.cjs");
+require("./theme-context-Y98bGvcm.cjs");
 exports.AICardGlass = require_trust_score_card_glass.AICardGlass;
 exports.AlertGlass = require_trust_score_card_glass.AlertGlass;
 exports.AvatarGlass = require_trust_score_card_glass.AvatarGlass;

package/dist/components.js

@@ -1,4 +1,4 @@
-import { $ as BaseProgressGlass, At as GlassCard, Dt as ModalGlass, G as SegmentedControlGlass, Jt as ComboBoxGlass, K as RainbowProgressGlass, Mt as DropdownGlass, Q as StatusIndicatorGlass, Qt as ButtonGlass, Tt as NotificationGlass, X as LanguageBarGlass, Xt as CircularProgressGlass, Y as ProfileAvatarGlass, Z as FlagAlertGlass, Zt as CheckboxGlass, _ as ContributionMetricsGlass, _t as SliderGlass, a as HeaderBrandingGlass, b as AICardGlass, bt as PopoverGlass, c as YearCardGlass, cn as AlertGlass, ct as ExpandableHeaderGlass, d as TrustScoreDisplayGlass, dn as InteractiveCard, en as BadgeGlass, et as ThemeToggleGlass, f as RepositoryMetadataGlass, fn as FormFieldWrapper, g as MetricCardGlass, gt as TabsGlass, h as MetricsGridGlass, i as HeaderNavGlass, kt as InputGlass, l as UserStatsLineGlass, lt as TooltipGlass, m as RepositoryCardGlass, mt as ToggleGlass, n as ProjectsListGlass, nn as AvatarGlass, nt as SortDropdownGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, pn as TouchTarget, q as ProgressGlass, r as ProfileHeaderGlass, rt as SearchBoxGlass, s as CareerStatsGlass, st as IconButtonGlass, t as TrustScoreCardGlass, tt as StatItemGlass, u as UserInfoGlass, v as CircularMetricGlass, vt as SkeletonGlass, y as CareerStatsHeaderGlass } from "./trust-score-card-glass-L9g0qamo.js";
+import { $ as BaseProgressGlass, Dt as NotificationGlass, G as SegmentedControlGlass, K as RainbowProgressGlass, Mt as GlassCard, Pt as DropdownGlass, Q as StatusIndicatorGlass, St as PopoverGlass, X as LanguageBarGlass, Xt as ComboBoxGlass, Y as ProfileAvatarGlass, Z as FlagAlertGlass, _ as ContributionMetricsGlass, _t as SliderGlass, a as HeaderBrandingGlass, an as ButtonGlass, b as AICardGlass, bn as TouchTarget, bt as SkeletonGlass, c as YearCardGlass, ct as ExpandableHeaderGlass, d as TrustScoreDisplayGlass, et as ThemeToggleGlass, f as RepositoryMetadataGlass, g as MetricCardGlass, gt as TabsGlass, h as MetricsGridGlass, hn as AlertGlass, i as HeaderNavGlass, in as CheckboxGlass, jt as InputGlass, kt as ModalGlass, l as UserStatsLineGlass, ln as AvatarGlass, lt as TooltipGlass, m as RepositoryCardGlass, mt as ToggleGlass, n as ProjectsListGlass, nt as SortDropdownGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, q as ProgressGlass, r as ProfileHeaderGlass, rn as CircularProgressGlass, rt as SearchBoxGlass, s as CareerStatsGlass, sn as BadgeGlass, st as IconButtonGlass, t as TrustScoreCardGlass, tt as StatItemGlass, u as UserInfoGlass, v as CircularMetricGlass, vn as InteractiveCard, y as CareerStatsHeaderGlass, yn as FormFieldWrapper } from "./trust-score-card-glass-zjkx4OC2.js";
 import "./utils-CcyeqpKQ.js";
 import "./use-focus-CX0TJJIj.js";
 import "./theme-context-_T5r1KG4.js";

package/dist/hooks.cjs

@@ -1,5 +1,5 @@
-const require_use_focus = require("./use-focus-CeNHOiBa.cjs");
-const require_use_wallpaper_tint = require("./use-wallpaper-tint-Bt2G3g1v.cjs");
+const require_use_focus = require("./use-focus-DbpBEuee.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-DbawS9zh.cjs");
 exports.useFocus = require_use_focus.useFocus;
 exports.useHover = require_use_focus.useHover;
 exports.useResponsive = require_use_wallpaper_tint.useResponsive;