@kala-ui/react 0.0.1-beta.1

package/CHANGELOG.md

@@ -0,0 +1,110 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
+
+## [Unreleased]
+
+### Added
+- **DataTable**: Server-side data fetching support with callbacks
+  - `onSortChange` callback for server-side sorting
+  - `onFilterChange` callback for server-side filtering
+  - `pagination.onChange` callback for server-side pagination
+  - `searchable.onChange` callback for server-side search
+  - Pagination now respects `pagination.total` prop for accurate page counts
+  - New Storybook example: "Server-Side Data Fetching"
+  - Updated documentation with server-side examples
+
+### 0.1.0 - 2025-01-06
+
+#### Added
+- Initial release of Kala UI React component library
+- 65+ accessible components built with Radix UI primitives
+- Tailwind CSS integration with design tokens
+- Full TypeScript support
+- Storybook documentation
+- Comprehensive test coverage
+
+#### Components
+- Accordion
+- Alert
+- Alert Dialog
+- Avatar
+- Badge
+- Banner
+- Button
+- Calendar
+- Command
+- Combobox
+- Charts
+- Checkbox
+- Date Picker
+- Dialog
+- Drawer
+- Dropdown Menu
+- Empty State
+- Field
+- File Upload
+- Footer
+- Header
+- Input
+- Input Group
+- Input OTP
+- Label
+- List
+- Navigation
+- DND
+- Menubar
+- Navigation Menu
+- Page Transition
+- Pagination
+- Steps
+- Slider
+- Toast
+- Popover
+- Progress
+- Radio Group
+- Resizable
+- Select
+- Separator
+- Scroll Area
+- Skeleton
+- Skeleton Fade
+- Skip to Content
+- Social Login Button
+- Social Login Buttons
+- Sparkline Chart
+- Spinner
+- Switch
+- Table
+- Table Skeleton
+- Data Table
+- Tabs
+- Tag Input
+- Textarea
+- Tooltip
+- Toggle
+- Password Strength Indicator
+- Card
+- Metric Card
+- Multi Select
+- Sidebar
+- Breadcrumbs
+- User Menu Dropdown
+- Session Card
+- Loading
+- Error Boundary
+
+#### Features
+- Accessibility-first design with Radix UI primitives
+- Dark mode support via CSS variables
+- Modular component architecture
+- Customizable via Tailwind CSS
+- Type-safe with TypeScript
+- Comprehensive testing with Vitest
+
+#### Documentation
+- Interactive Storybook stories
+- Component usage examples
+- Props documentation

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Kala UI
+
+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

@@ -0,0 +1,336 @@
+# @kala-ui/react
+
+Comprehensive React UI component library built with Radix UI and Tailwind CSS. This package provides 65+ production-ready, accessible components for building modern web applications.
+
+## Overview
+
+This package contains:
+- **65+ React Components**: Buttons, inputs, dialogs, dropdowns, data tables, charts, and more
+- **Radix UI Primitives**: Accessible, unstyled component primitives
+- **Tailwind CSS Styling**: Utility-first CSS framework with design tokens
+- **TypeScript**: Fully typed components with strict mode
+- **Storybook**: Interactive component documentation and visual testing
+- **Testing**: Comprehensive test coverage with Vitest and Testing Library
+
+## Installation & Usage
+
+### NPM Installation
+
+Install the package from npm:
+
+```bash
+npm install @kala-ui/react
+```
+
+Or using pnpm:
+
+```bash
+pnpm add @kala-ui/react
+```
+
+Or using yarn:
+
+```bash
+yarn add @kala-ui/react
+```
+
+Then import components:
+
+```tsx
+import { Button } from '@kala-ui/react/button';
+import { Input } from '@kala-ui/react/input';
+import { Dialog } from '@kala-ui/react/dialog';
+
+function MyComponent() {
+  return (
+    <Dialog>
+      <Input placeholder="Enter text" />
+      <Button>Submit</Button>
+    </Dialog>
+  );
+}
+```
+
+### Available Components
+
+**Form Controls**
+- `button`, `input`, `textarea`, `checkbox`, `switch`, `select`, `radio-group`, `label`, `field`
+
+Import from:
+
+```tsx
+import { Button } from '@kala-ui/react/button';
+import { Input } from '@kala-ui/react/input';
+import { Field } from '@kala-ui/react/field';
+```
+
+**Layout**
+- `header`, `footer`, `navigation`, `sidebar`, `card`, `separator`, `tabs`, `accordion`
+
+Import from:
+
+```tsx
+import { Header } from '@kala-ui/react/header';
+import { Card } from '@kala-ui/react/card';
+import { Tabs } from '@kala-ui/react/tabs';
+```
+
+**Feedback**
+- `alert`, `alert-dialog`, `dialog`, `tooltip`, `popover`, `banner`, `spinner`, `skeleton`
+
+Import from:
+
+```tsx
+import { Alert } from '@kala-ui/react/alert';
+import { Dialog } from '@kala-ui/react/dialog';
+import { Spinner } from '@kala-ui/react/spinner';
+```
+
+**Data Display**
+- `avatar`, `badge`, `table`, `data-table`, `breadcrumbs`, `charts`, `metric-card`
+
+Import from:
+
+```tsx
+import { Avatar } from '@kala-ui/react/avatar';
+import { Badge } from '@kala-ui/react/badge';
+import { Table } from '@kala-ui/react/table';
+import { DataTable } from '@kala-ui/react/data-table';
+import { AreaChart, LineChart, BarChart } from '@kala-ui/react/charts';
+```
+
+**Advanced**
+- `dropdown-menu`, `user-menu-dropdown`, `social-login-button`, `password-strength-indicator`, `session-card`
+
+Import from:
+
+```tsx
+import { DropdownMenu } from '@kala-ui/react/dropdown-menu';
+import { SocialLoginButton } from '@kala-ui/react/social-login-button';
+```
+
+**Utilities**
+
+Import utilities:
+
+```tsx
+import { cn } from '@kala-ui/react/lib/utils';
+```
+
+**Styles**
+
+Global styles:
+
+```css
+import '@kala-ui/react/styles';
+```
+
+## Key Components
+
+**DataTable** - Advanced data table with server-side support
+- Sorting, filtering, searching, pagination
+- Row selection and bulk actions
+- Server-side callbacks for large datasets (10,000+ records)
+- See [data-table README](./src/components/data-table/README.md) for details
+
+**Charts** - Data visualization components
+- Area, Bar, Line, Donut, Pie, Radial Bar charts
+- Built with ApexCharts
+- Dark mode support
+
+**DND** - Drag and drop components
+- Sortable lists and grids
+- Built with @hello-pangea/dnd
+
+See the [Storybook documentation](https://krr2020.com/kala-ui) for complete component catalog.
+
+## Development
+
+### Running Storybook
+
+Start the development server to view and test components interactively:
+
+```bash
+# From workspace root
+pnpm --filter @repo/ui storybook
+
+# Or from packages/ui
+pnpm storybook
+```
+
+This starts Storybook at http://localhost:6006
+
+### Building Storybook
+
+Build a static version for deployment:
+
+```bash
+pnpm --filter @repo/ui build-storybook
+```
+
+Output is in `storybook-static/` directory.
+
+## Scripts
+
+| Script | Description |
+|--------|-------------|
+| `pnpm storybook` | Run Storybook dev server on port 6006 |
+| `pnpm build-storybook` | Build static Storybook for production |
+| `pnpm test` | Run all component tests once |
+| `pnpm test:watch` | Run tests in watch mode |
+| `pnpm test:coverage` | Generate test coverage report |
+| `pnpm type-check` | Run TypeScript type checking |
+| `pnpm lint` | Run Biome linter |
+| `pnpm build` | type-check only (no build output) |
+
+## CI/CD Integration
+
+Storybook is built and validated in the CI pipeline:
+
+- **Workflow:** `.github/workflows/ci.yml` (storybook job)
+- **Triggers:** Pull requests and pushes to main branch
+- **Build Time:** ~2-4 minutes with cache
+- **Artifacts:** Static build available for 7 days
+
+The Storybook build must pass for PRs to be merged. This ensures component stories don't break.
+
+### Testing Before Push
+
+Before pushing changes, verify locally:
+
+```bash
+# Run same checks as CI
+pnpm type-check
+pnpm lint
+pnpm test
+pnpm build-storybook
+```
+
+Or use the full validation command:
+
+```bash
+pnpm validate:all
+```
+
+## Adding New Components
+
+1. **Create component directory**:
+   ```bash
+   packages/ui/src/components/my-component/
+   ├── index.ts              # Public exports
+   ├── my-component.tsx      # Component implementation
+   ├── my-component.test.tsx # Tests
+   └── my-component.stories.tsx # Storybook story
+   ```
+
+2. **Implement component** with:
+   - TypeScript for type safety
+   - React 19 features (use client/server as needed)
+   - Tailwind CSS classes for styling
+   - Radix UI primitives where applicable
+   - `cn()` utility for class merging
+
+3. **Write tests**:
+   - Use Vitest + Testing Library
+   - Test rendering, interactions, accessibility
+   - Aim for >80% coverage
+
+4. **Create Storybook story**:
+   - Document all component variants
+   - Add interactive controls for props
+   - Include usage examples
+   - See [`docs/STORYBOOK.md`](../../docs/STORYBOOK.md) for guidelines
+
+5. **Add package export** in `package.json`:
+   ```json
+   {
+     "exports": {
+       "./my-component": {
+         "types": "./src/components/my-component/index.ts",
+         "default": "./src/components/my-component/index.ts"
+       }
+     }
+   }
+   ```
+
+6. **Run validation**:
+   ```bash
+   pnpm type-check  # Check types
+   pnpm lint        # Check code style
+   pnpm test        # Run tests
+   pnpm storybook   # Verify story appears
+   ```
+
+## Package Structure
+
+```
+packages/ui/
+├── .storybook/          # Storybook configuration
+│   ├── main.ts          # Addons, builders, features
+│   └── preview.tsx      # Global decorators, parameters
+├── src/
+│   ├── components/      # All React components
+│   │   └── [component]/
+│   │       ├── index.ts              # Exports
+│   │       ├── [component].tsx       # Implementation
+│   │       ├── [component].test.tsx  # Tests
+│   │       └── [component].stories.tsx # Story
+│   ├── hooks/           # Shared React hooks
+│   ├── lib/             # Utility functions
+│   └── styles/          # Global styles, Tailwind CSS
+├── package.json         # Exports, scripts, dependencies
+├── tsconfig.json        # TypeScript config
+├── tailwind.config.ts   # Tailwind CSS config
+└── vitest.config.ts     # Vitest config
+```
+
+## Technologies
+
+- **React 19**: UI framework
+- **Radix UI**: Accessible component primitives
+- **Tailwind CSS**: Utility-first CSS framework
+- **TypeScript**: Type safety with strict mode
+- **Storybook 8**: Component development and documentation
+- **Vitest**: Fast unit testing
+- **Testing Library**: React component testing
+
+## Documentation
+
+📚 **[Live Storybook Documentation](https://krr2020.com/kala-ui)** - Interactive component examples and usage guides
+
+- **Main Storybook Guide**: [`docs/STORYBOOK.md`](../../docs/STORYBOOK.md)
+- **Architecture**: [`docs/ARCHITECTURE.md`](../../docs/ARCHITECTURE.md)
+- **Testing**: [`docs/TESTING.md`](../../docs/TESTING.md)
+- **Development Workflow**: [`docs/DEVELOPMENT.md`](../../docs/DEVELOPMENT.md)
+
+## Related Packages
+
+- `@kala-ui/design-tokens` - Design system tokens
+
+## Credits
+
+This component library is built using excellent open-source libraries. We'd like to thank the following projects:
+
+### Core Dependencies
+
+- **[Tailwind CSS](https://github.com/tailwindlabs/tailwindcss)** - Utility-first CSS framework for rapid UI development
+- **[Radix UI](https://github.com/radix-ui/primitives)** - Unstyled, accessible UI primitives for building high-quality design systems
+- **[shadcn/ui](https://github.com/shadcn-ui/ui)** - Beautifully designed components built with Radix UI and Tailwind CSS
+
+### Component Libraries
+
+- **[Vaul](https://github.com/emilkowalski/vaul)** - Drawer component with accessible primitives
+- **[Sonner](https://github.com/emilkowalski/sonner)** - Opinionated toast component for React
+- **[cmdk](https://github.com/pacocoursey/cmdk)** - Fast, composable command menu component for React
+
+### Data Visualization
+
+- **[ApexCharts](https://github.com/apexcharts/apexcharts.js)** - Modern and interactive JavaScript charts
+
+### Drag & Drop
+
+- **[@hello-pangea/dnd](https://github.com/hello-pangea/dnd)** - React Drag and Drop library
+
+---
+
+For detailed component usage, props, and examples, see the [Storybook documentation](../../docs/STORYBOOK.md) or run `pnpm storybook`.

package/dist/src/__tests__/button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=button.test.d.ts.map

package/dist/src/__tests__/button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/button.test.tsx"],"names":[],"mappings":""}

package/dist/src/__tests__/button.test.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { Button } from "../components/button";
+describe("Button", () => {
+    it("should render with default variant", () => {
+        render(_jsx(Button, { children: "Click me" }));
+        const button = screen.getByRole("button", { name: /click me/i });
+        expect(button).toBeInTheDocument();
+    });
+    it("should render with destructive variant", () => {
+        render(_jsx(Button, { variant: "destructive", children: "Delete" }));
+        const button = screen.getByRole("button", { name: /delete/i });
+        expect(button).toBeInTheDocument();
+    });
+    it("should render with outline variant", () => {
+        render(_jsx(Button, { variant: "outline", children: "Cancel" }));
+        const button = screen.getByRole("button", { name: /cancel/i });
+        expect(button).toBeInTheDocument();
+    });
+    it("should render with secondary variant", () => {
+        render(_jsx(Button, { variant: "secondary", children: "Secondary" }));
+        const button = screen.getByRole("button", { name: /secondary/i });
+        expect(button).toBeInTheDocument();
+    });
+    it("should render with ghost variant", () => {
+        render(_jsx(Button, { variant: "ghost", children: "Ghost" }));
+        const button = screen.getByRole("button", { name: /ghost/i });
+        expect(button).toBeInTheDocument();
+    });
+    it("should render with small size", () => {
+        render(_jsx(Button, { size: "sm", children: "Small" }));
+        const button = screen.getByRole("button", { name: /small/i });
+        expect(button).toBeInTheDocument();
+    });
+    it("should render with large size", () => {
+        render(_jsx(Button, { size: "lg", children: "Large" }));
+        const button = screen.getByRole("button", { name: /large/i });
+        expect(button).toBeInTheDocument();
+    });
+    it("should render with icon size", () => {
+        render(_jsx(Button, { size: "icon", "aria-label": "icon button", children: "X" }));
+        const button = screen.getByRole("button", { name: /icon button/i });
+        expect(button).toBeInTheDocument();
+    });
+    it("should be disabled when disabled prop is true", () => {
+        render(_jsx(Button, { disabled: true, children: "Disabled" }));
+        const button = screen.getByRole("button", { name: /disabled/i });
+        expect(button).toBeDisabled();
+    });
+    it("should accept custom className", () => {
+        render(_jsx(Button, { className: "custom-class", children: "Custom" }));
+        const button = screen.getByRole("button", { name: /custom/i });
+        expect(button).toHaveClass("custom-class");
+    });
+    it("should handle onClick events", () => {
+        let clicked = false;
+        render(_jsx(Button, { onClick: () => {
+                clicked = true;
+            }, children: "Click me" }));
+        const button = screen.getByRole("button", { name: /click me/i });
+        button.click();
+        expect(clicked).toBe(true);
+    });
+});
+//# sourceMappingURL=button.test.js.map

package/dist/src/__tests__/button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.test.js","sourceRoot":"","sources":["../../../src/__tests__/button.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/__tests__/setup.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom/vitest";
+//# sourceMappingURL=setup.d.ts.map

package/dist/src/__tests__/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../../src/__tests__/setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/src/__tests__/setup.js

@@ -0,0 +1,34 @@
+import "@testing-library/jest-dom/vitest";
+import { cleanup } from "@testing-library/react";
+import { afterEach } from "vitest";
+// Cleanup after each test
+afterEach(() => {
+    cleanup();
+});
+// Mock ResizeObserver for components that use it (Tooltip, Popover, etc.)
+global.ResizeObserver = class ResizeObserver {
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+};
+// Mock PointerEvent for Radix UI components
+global.PointerEvent = class PointerEvent extends Event {
+    button;
+    ctrlKey;
+    pointerType;
+    constructor(type, params = {}) {
+        super(type, params);
+        this.button = params.button || 0;
+        this.ctrlKey = params.ctrlKey || false;
+        this.pointerType = params.pointerType || "mouse";
+    }
+};
+// Mock hasPointerCapture for Radix UI Select
+if (typeof Element !== "undefined") {
+    Element.prototype.hasPointerCapture = () => false;
+    Element.prototype.setPointerCapture = () => { };
+    Element.prototype.releasePointerCapture = () => { };
+    // Mock scrollIntoView for Radix UI Select
+    Element.prototype.scrollIntoView = () => { };
+}
+//# sourceMappingURL=setup.js.map

package/dist/src/__tests__/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../src/__tests__/setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,0BAA0B;AAC1B,SAAS,CAAC,GAAG,EAAE;IACd,OAAO,EAAE,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,0EAA0E;AAC1E,MAAM,CAAC,cAAc,GAAG,MAAM,cAAc;IAC3C,OAAO,KAAI,CAAC;IACZ,SAAS,KAAI,CAAC;IACd,UAAU,KAAI,CAAC;CACf,CAAC;AAEF,4CAA4C;AAC5C,MAAM,CAAC,YAAY,GAAG,MAAM,YAAa,SAAQ,KAAK;IACrD,MAAM,CAAS;IACf,OAAO,CAAU;IACjB,WAAW,CAAS;IAEpB,YAAY,IAAY,EAAE,SAA2B,EAAE;QACtD,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC;QACvC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,IAAI,OAAO,CAAC;IAClD,CAAC;CACiC,CAAC;AAEpC,6CAA6C;AAC7C,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE,CAAC;IACpC,OAAO,CAAC,SAAS,CAAC,iBAAiB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;IAClD,OAAO,CAAC,SAAS,CAAC,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAC/C,OAAO,CAAC,SAAS,CAAC,qBAAqB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAEnD,0CAA0C;IAC1C,OAAO,CAAC,SAAS,CAAC,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAC7C,CAAC"}

package/dist/src/__tests__/utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.test.d.ts.map

package/dist/src/__tests__/utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/utils.test.ts"],"names":[],"mappings":""}

package/dist/src/__tests__/utils.test.js

@@ -0,0 +1,38 @@
+import { describe, expect, it } from "vitest";
+import { cn } from "../lib/utils";
+describe("cn utility", () => {
+    it("should merge class names", () => {
+        const result = cn("px-4", "py-2");
+        expect(result).toBe("px-4 py-2");
+    });
+    it("should handle conditional classes", () => {
+        const isActive = true;
+        const isInactive = false;
+        const result = cn("base", isActive && "active", isInactive && "inactive");
+        expect(result).toContain("base");
+        expect(result).toContain("active");
+        expect(result).not.toContain("inactive");
+    });
+    it("should override conflicting Tailwind CSS classes", () => {
+        const result = cn("px-4", "px-8");
+        expect(result).toBe("px-8");
+    });
+    it("should handle arrays of classes", () => {
+        const result = cn(["px-4", "py-2"], "rounded");
+        expect(result).toContain("px-4");
+        expect(result).toContain("py-2");
+        expect(result).toContain("rounded");
+    });
+    it("should handle undefined and null values", () => {
+        const result = cn("base", undefined, null, "active");
+        expect(result).toContain("base");
+        expect(result).toContain("active");
+    });
+    it("should handle objects with boolean values", () => {
+        const result = cn("base", { active: true, disabled: false });
+        expect(result).toContain("base");
+        expect(result).toContain("active");
+        expect(result).not.toContain("disabled");
+    });
+});
+//# sourceMappingURL=utils.test.js.map

package/dist/src/__tests__/utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../../src/__tests__/utils.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAClC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC;QACtB,MAAM,UAAU,GAAG,KAAK,CAAC;QACzB,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,QAAQ,EAAE,UAAU,IAAI,UAAU,CAAC,CAAC;QAC1E,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAClC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC1C,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC;QAC/C,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAClD,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACpD,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7D,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}