@mks2508/sidebar-headless 0.2.1 → 0.3.0

package/CHANGELOG.md

@@ -70,57 +70,57 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **Performance Optimized** - Tree-shakeable and minimal bundle impact
 
 ## [0.1.0] - 2025-01-18
-
-### Added
-
-- 🎉 Initial release of `@mks2508/sidebar-headless`
-- 🎨 Headless architecture with primitive components
-- ⌨️ Full keyboard navigation support (arrows, Home, End)
-- ♿ WAI-ARIA accessibility compliant
-- 🎭 Advanced animations:
-  - Fluid hover indicators with spring physics
-  - Glassmorphism effects (optional)
-  - 3D tooltip title animations
-  - Chromatic aberration effects (experimental)
-- 🔧 Highly configurable:
-  - Collapse modes (collapse/hide)
-  - Layout behaviours (floating/inline)
-  - Custom dimensions and animations
-  - Visual style presets
-- 🎨 Dark/light mode support via CSS tokens
-- 📦 Minimal dependencies (clsx + tailwind-merge)
-- 🎯 Full TypeScript support with comprehensive type definitions
-- 📚 Complete JSDoc documentation
-
-### Components
-
-- `Sidebar` - Root provider component
-- `SidebarNav` - Navigation container
-- `SidebarToggle` - Toggle button
-- `SidebarContent` - Items container
-- `SidebarItem` - Navigation item
-- `SidebarIndicator` - Visual hover indicator
-- `SidebarFluidIndicator` - Advanced glassmorphism indicator
-- `SidebarSafeArea` - Top/bottom safe areas
-- `SidebarSubContent` - Tooltip sub-content container
-- `SidebarSubLink` - Tooltip navigation link
-- `SidebarTooltip` - Generic tooltip component
-
-### Hooks
-
-- `useSidebarContext` - Access sidebar context
-- `useSidebarKeyboard` - Keyboard navigation
-- `useSidebarIndicator` - Visual indicator management
-- `useSubContent` - Sub-content registration
-
-### Features
-
-- Controlled and uncontrolled mode support
-- Render props for state access
-- Polymorphic components (customizable element types)
-- CSS-first approach with `:has()` selector
-- Tree-shakeable exports
-- Source maps for debugging
-
+
+### Added
+
+- 🎉 Initial release of `@mks2508/sidebar-headless`
+- 🎨 Headless architecture with primitive components
+- ⌨️ Full keyboard navigation support (arrows, Home, End)
+- ♿ WAI-ARIA accessibility compliant
+- 🎭 Advanced animations:
+  - Fluid hover indicators with spring physics
+  - Glassmorphism effects (optional)
+  - 3D tooltip title animations
+  - Chromatic aberration effects (experimental)
+- 🔧 Highly configurable:
+  - Collapse modes (collapse/hide)
+  - Layout behaviours (floating/inline)
+  - Custom dimensions and animations
+  - Visual style presets
+- 🎨 Dark/light mode support via CSS tokens
+- 📦 Minimal dependencies (clsx + tailwind-merge)
+- 🎯 Full TypeScript support with comprehensive type definitions
+- 📚 Complete JSDoc documentation
+
+### Components
+
+- `Sidebar` - Root provider component
+- `SidebarNav` - Navigation container
+- `SidebarToggle` - Toggle button
+- `SidebarContent` - Items container
+- `SidebarItem` - Navigation item
+- `SidebarIndicator` - Visual hover indicator
+- `SidebarFluidIndicator` - Advanced glassmorphism indicator
+- `SidebarSafeArea` - Top/bottom safe areas
+- `SidebarSubContent` - Tooltip sub-content container
+- `SidebarSubLink` - Tooltip navigation link
+- `SidebarTooltip` - Generic tooltip component
+
+### Hooks
+
+- `useSidebarContext` - Access sidebar context
+- `useSidebarKeyboard` - Keyboard navigation
+- `useSidebarIndicator` - Visual indicator management
+- `useSubContent` - Sub-content registration
+
+### Features
+
+- Controlled and uncontrolled mode support
+- Render props for state access
+- Polymorphic components (customizable element types)
+- CSS-first approach with `:has()` selector
+- Tree-shakeable exports
+- Source maps for debugging
+
 [0.2.0]: https://github.com/mks2508/sidebar-headless/releases/tag/v0.2.0
-[0.1.0]: https://github.com/mks2508/sidebar-headless/releases/tag/v0.1.0
+[0.1.0]: https://github.com/mks2508/sidebar-headless/releases/tag/v0.1.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 MKS2508
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 MKS2508
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,10 +1,10 @@
-# @mks2508/sidebar-headless
-
-Headless sidebar component for React with advanced animations, keyboard navigation, and full WAI-ARIA accessibility.
-
-[![npm version](https://img.shields.io/npm/v/@mks2508/sidebar-headless.svg)](https://www.npmjs.com/package/@mks2508/sidebar-headless)
-[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
-
+# @mks2508/sidebar-headless
+
+Headless sidebar component for React with advanced animations, keyboard navigation, and full WAI-ARIA accessibility.
+
+[![npm version](https://img.shields.io/npm/v/@mks2508/sidebar-headless.svg)](https://www.npmjs.com/package/@mks2508/sidebar-headless)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+
 ## Features
 
 - 🎨 **Headless Architecture** - Complete control over styling and behavior
@@ -16,7 +16,7 @@ Headless sidebar component for React with advanced animations, keyboard navigati
 - 🪶 **Lightweight** - Minimal dependencies (only clsx + tailwind-merge)
 - 🎨 **Dark/Light Mode** - Automatic theme support via CSS tokens
 - 🔧 **Highly Configurable** - Extensive customization options
-
+
 ## Installation
 
 ```bash
@@ -44,7 +44,7 @@ For advanced liquid glass effects (optional):
 ```bash
 npm install @liquid-svg-glass/core @liquid-svg-glass/react
 ```
-
+
 ## Quick Start
 
 ```tsx
@@ -313,161 +313,161 @@ const version = detectIOSVersion()
 ## Core Components
 
 ### Sidebar (Root Provider)
-
-The main container that provides context to all child components.
-
-```tsx
-<Sidebar
-  defaultOpen={true}
-  collapseMode="hide"
-  layoutBehaviour="floating"
->
-  {/* ... */}
-</Sidebar>
-```
-
-### SidebarNav
-
-Navigation container with event management.
-
-```tsx
-<SidebarNav>
-  <SidebarToggle />
-  <SidebarContent>
-    {/* items */}
-  </SidebarContent>
-</SidebarNav>
-```
-
-### SidebarItem
-
-Individual navigation item with optional sub-content.
-
-```tsx
-<SidebarItem
-  href="/dashboard"
-  icon={<DashboardIcon />}
-  label="Dashboard"
->
-  <SidebarSubContent title="Dashboard">
-    <SidebarSubLink href="/analytics">Analytics</SidebarSubLink>
-    <SidebarSubLink href="/reports">Reports</SidebarSubLink>
-  </SidebarSubContent>
-</SidebarItem>
-```
-
-## Configuration Options
-
-### Collapse Modes
-
-```tsx
-import { SidebarCollapseMode } from '@mks2508/sidebar-headless'
-
-// Collapse to icon-only width
-<Sidebar collapseMode={SidebarCollapseMode.COLLAPSE} />
-
-// Hide completely
-<Sidebar collapseMode={SidebarCollapseMode.HIDE} />
-```
-
-### Layout Behaviours
-
-```tsx
-import { SidebarLayoutBehaviour } from '@mks2508/sidebar-headless'
-
-// Floating sidebar (doesn't push content)
-<Sidebar layoutBehaviour={SidebarLayoutBehaviour.FLOATING} />
-
-// Inline sidebar (pushes content)
-<Sidebar layoutBehaviour={SidebarLayoutBehaviour.INLINE} />
-```
-
-### Custom Dimensions
-
-```tsx
-<Sidebar
-  dimensions={{
-    collapsedWidth: "4rem",
-    expandedWidth: "18rem",
-    indicatorHeight: "3rem",
-    tooltipDistance: "16px"
-  }}
-/>
-```
-
-## Advanced Features
-
-### Fluid Indicators
-
-Enable glassmorphism-style hover indicators:
-
-```tsx
-<Sidebar
-  enableFluidIndicator={true}
-  liquidGlass={{
-    enableLiquidGlassV2: true,
-    enableChromaticAberration: true
-  }}
-/>
-```
-
-### Keyboard Navigation
-
-Built-in keyboard shortcuts:
-
-- **Arrow Up/Down**: Navigate between items
-- **Home**: Jump to first item
-- **End**: Jump to last item
-- **Enter**: Activate focused item
-
-### Render Props
-
-Access sidebar state via render props:
-
-```tsx
-<Sidebar>
-  {({ open, collapsed }) => (
-    <div>
-      <SidebarNav />
-      <p>Sidebar is {open ? 'open' : 'closed'}</p>
-    </div>
-  )}
-</Sidebar>
-```
-
-## Styling
-
-The sidebar uses shadcn-style CSS tokens for theming:
-
-```css
-:root {
-  --sidebar: oklch(98% 0 0);
-  --sidebar-foreground: oklch(20% 0 0);
-  --sidebar-primary: oklch(55% 0.2 250);
-  --sidebar-accent: oklch(95% 0.01 250);
-  --sidebar-border: oklch(90% 0.01 250);
-  --sidebar-ring: oklch(55% 0.2 250);
-}
-
-.dark {
-  --sidebar: oklch(17% 0 0);
-  --sidebar-foreground: oklch(90% 0 0);
-  /* ... */
-}
-```
-
-## TypeScript Support
-
-Full TypeScript support with comprehensive type definitions:
-
-```tsx
-import type {
-  SidebarProps,
-  SidebarItemProps,
-  SidebarContextValue
-} from '@mks2508/sidebar-headless'
-```
-
+
+The main container that provides context to all child components.
+
+```tsx
+<Sidebar
+  defaultOpen={true}
+  collapseMode="hide"
+  layoutBehaviour="floating"
+>
+  {/* ... */}
+</Sidebar>
+```
+
+### SidebarNav
+
+Navigation container with event management.
+
+```tsx
+<SidebarNav>
+  <SidebarToggle />
+  <SidebarContent>
+    {/* items */}
+  </SidebarContent>
+</SidebarNav>
+```
+
+### SidebarItem
+
+Individual navigation item with optional sub-content.
+
+```tsx
+<SidebarItem
+  href="/dashboard"
+  icon={<DashboardIcon />}
+  label="Dashboard"
+>
+  <SidebarSubContent title="Dashboard">
+    <SidebarSubLink href="/analytics">Analytics</SidebarSubLink>
+    <SidebarSubLink href="/reports">Reports</SidebarSubLink>
+  </SidebarSubContent>
+</SidebarItem>
+```
+
+## Configuration Options
+
+### Collapse Modes
+
+```tsx
+import { SidebarCollapseMode } from '@mks2508/sidebar-headless'
+
+// Collapse to icon-only width
+<Sidebar collapseMode={SidebarCollapseMode.COLLAPSE} />
+
+// Hide completely
+<Sidebar collapseMode={SidebarCollapseMode.HIDE} />
+```
+
+### Layout Behaviours
+
+```tsx
+import { SidebarLayoutBehaviour } from '@mks2508/sidebar-headless'
+
+// Floating sidebar (doesn't push content)
+<Sidebar layoutBehaviour={SidebarLayoutBehaviour.FLOATING} />
+
+// Inline sidebar (pushes content)
+<Sidebar layoutBehaviour={SidebarLayoutBehaviour.INLINE} />
+```
+
+### Custom Dimensions
+
+```tsx
+<Sidebar
+  dimensions={{
+    collapsedWidth: "4rem",
+    expandedWidth: "18rem",
+    indicatorHeight: "3rem",
+    tooltipDistance: "16px"
+  }}
+/>
+```
+
+## Advanced Features
+
+### Fluid Indicators
+
+Enable glassmorphism-style hover indicators:
+
+```tsx
+<Sidebar
+  enableFluidIndicator={true}
+  liquidGlass={{
+    enableLiquidGlassV2: true,
+    enableChromaticAberration: true
+  }}
+/>
+```
+
+### Keyboard Navigation
+
+Built-in keyboard shortcuts:
+
+- **Arrow Up/Down**: Navigate between items
+- **Home**: Jump to first item
+- **End**: Jump to last item
+- **Enter**: Activate focused item
+
+### Render Props
+
+Access sidebar state via render props:
+
+```tsx
+<Sidebar>
+  {({ open, collapsed }) => (
+    <div>
+      <SidebarNav />
+      <p>Sidebar is {open ? 'open' : 'closed'}</p>
+    </div>
+  )}
+</Sidebar>
+```
+
+## Styling
+
+The sidebar uses shadcn-style CSS tokens for theming:
+
+```css
+:root {
+  --sidebar: oklch(98% 0 0);
+  --sidebar-foreground: oklch(20% 0 0);
+  --sidebar-primary: oklch(55% 0.2 250);
+  --sidebar-accent: oklch(95% 0.01 250);
+  --sidebar-border: oklch(90% 0.01 250);
+  --sidebar-ring: oklch(55% 0.2 250);
+}
+
+.dark {
+  --sidebar: oklch(17% 0 0);
+  --sidebar-foreground: oklch(90% 0 0);
+  /* ... */
+}
+```
+
+## TypeScript Support
+
+Full TypeScript support with comprehensive type definitions:
+
+```tsx
+import type {
+  SidebarProps,
+  SidebarItemProps,
+  SidebarContextValue
+} from '@mks2508/sidebar-headless'
+```
+
 ## Performance & Troubleshooting
 
 ### Performance Tips
@@ -596,7 +596,7 @@ Enable debug mode to see internal state and iOS detection:
 - Material Design navigation patterns compatible
 - Back gesture handling respected
 - Dynamic viewport units supported
-
+
 ## API Reference
 
 ### MobileBottomNav Components

package/dist/components/BottomNavBar/MobileBottomNav.d.ts

@@ -0,0 +1,65 @@
+/**
+ * @fileoverview MobileBottomNav component with slot architecture
+ * @description A composable bottom navigation component optimized for mobile devices
+ * @module MobileBottomNav
+ * @version 2.0.0 - iOS 26 compatibility update
+ */
+import * as React from "react";
+import { type RootProps, type NavListProps, type NavItemProps, NavSize } from "./types";
+import "./MobileOptimizations.css";
+/**
+ * Spacer component to prevent content from being hidden under navigation
+ *
+ * @component
+ * @example
+ * \`\`\`tsx
+ * <main>
+ *   {content}
+ *   <MobileBottomNav.Spacer />
+ * </main>
+ * \`\`\`
+ *
+ * @param {object} props - Component props
+ * @returns {React.ReactElement} Spacer element
+ */
+interface SpacerProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Size matching the navigation */
+    size?: NavSize;
+}
+/**
+ * MobileBottomNav compound component
+ *
+ * A fully accessible, mobile-optimized bottom navigation with:
+ * - Slot-based architecture (Root, NavList, NavItem)
+ * - Glassmorphism visual effects
+ * - Motion animations
+ * - Safe area support for notched devices
+ * - Headless mode for custom styling
+ *
+ * @example
+ * \`\`\`tsx
+ * <MobileBottomNav.Root variant={NavVariant.GLASS}>
+ *   <MobileBottomNav.NavList>
+ *     <MobileBottomNav.NavItem
+ *       icon={<Home />}
+ *       label="Home"
+ *       state={NavItemState.ACTIVE}
+ *     />
+ *     <MobileBottomNav.NavItem
+ *       icon={<Search />}
+ *       label="Search"
+ *     />
+ *   </MobileBottomNav.NavList>
+ * </MobileBottomNav.Root>
+ * \`\`\`
+ */
+export declare const MobileBottomNav: {
+    Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
+    NavList: React.ForwardRefExoticComponent<NavListProps & React.RefAttributes<HTMLUListElement>>;
+    NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLButtonElement>>;
+    Spacer: React.FC<SpacerProps>;
+};
+export default MobileBottomNav;
+//# sourceMappingURL=MobileBottomNav.d.ts.map

package/dist/components/BottomNavBar/MobileBottomNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileBottomNav.d.ts","sourceRoot":"","sources":["../../../src/components/BottomNavBar/MobileBottomNav.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EACL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,YAAY,EAGjB,OAAO,EASR,MAAM,SAAS,CAAA;AAWhB,OAAO,2BAA2B,CAAA;AAwWlC;;;;;;;;;;;;;;GAcG;AACH,UAAU,WAAW;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/BottomNavBar/MobileBottomNav.styles.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @fileoverview CVA style variants for MobileBottomNav component
+ * @description Headless-friendly style system using class-variance-authority
+ * @module MobileBottomNav/styles
+ * @version 1.0.0
+ */
+import { type VariantProps } from "class-variance-authority";
+import { NavVariant, NavSize, NavItemState, LabelPosition, IconSize } from "./types";
+/**
+ * Root container styles with variant support
+ * @description Styles for the main navigation wrapper
+ */
+export declare const rootVariants: (props?: ({
+    variant?: NavVariant | null | undefined;
+    size?: NavSize | null | undefined;
+    visible?: boolean | null | undefined;
+    full?: boolean | null | undefined;
+    rounded?: "full" | "lg" | "md" | "none" | "sm" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Extract variant props type for Root
+ */
+export type RootVariantProps = VariantProps<typeof rootVariants>;
+/**
+ * Navigation list styles
+ * @description Styles for the ul element containing nav items
+ */
+export declare const navListVariants: (props?: ({
+    size?: NavSize | null | undefined;
+    justify?: "around" | "between" | "center" | "end" | "evenly" | "start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Extract variant props type for NavList
+ */
+export type NavListVariantProps = VariantProps<typeof navListVariants>;
+/**
+ * Navigation item styles
+ * @description Styles for individual navigation buttons/links
+ */
+export declare const navItemVariants: (props?: ({
+    state?: NavItemState | null | undefined;
+    labelPosition?: LabelPosition | null | undefined;
+    size?: NavSize | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Extract variant props type for NavItem
+ */
+export type NavItemVariantProps = VariantProps<typeof navItemVariants>;
+/**
+ * Icon container styles
+ * @description Styles for the icon wrapper
+ */
+export declare const iconVariants: (props?: ({
+    size?: IconSize | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Extract variant props type for Icon
+ */
+export type IconVariantProps = VariantProps<typeof iconVariants>;
+/**
+ * Label text styles
+ * @description Styles for the navigation item label
+ */
+export declare const labelVariants: (props?: ({
+    position?: LabelPosition | null | undefined;
+    size?: NavSize | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Extract variant props type for Label
+ */
+export type LabelVariantProps = VariantProps<typeof labelVariants>;
+/**
+ * Badge indicator styles
+ * @description Styles for notification badges on nav items
+ */
+export declare const badgeVariants: (props?: ({
+    type?: "count" | "dot" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Extract variant props type for Badge
+ */
+export type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+/**
+ * Spacer styles to prevent content from going under navigation
+ * @description Used as a placeholder element below main content
+ */
+export declare const spacerVariants: (props?: ({
+    size?: NavSize | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Extract variant props type for Spacer
+ */
+export type SpacerVariantProps = VariantProps<typeof spacerVariants>;
+//# sourceMappingURL=MobileBottomNav.styles.d.ts.map

package/dist/components/BottomNavBar/MobileBottomNav.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileBottomNav.styles.d.ts","sourceRoot":"","sources":["../../../src/components/BottomNavBar/MobileBottomNav.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAMpF;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;8EAiFxB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA;AAMhE;;;GAGG;AACH,eAAO,MAAM,eAAe;;;8EAoC3B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAA;AAMtE;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;8EA2D3B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAA;AAMtE;;;GAGG;AACH,eAAO,MAAM,YAAY;;8EAcvB,CAAA;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA;AAMhE;;;GAGG;AACH,eAAO,MAAM,aAAa;;;8EAuBxB,CAAA;AAEF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAMlE;;;GAGG;AACH,eAAO,MAAM,aAAa;;8EAuBzB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAMlE;;;GAGG;AACH,eAAO,MAAM,cAAc;;8EAczB,CAAA;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA"}