@ktnpm_devops/react-component 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kenmei Technologies
+
+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,143 @@
+# @kenmeitechnologies/react-component
+
+Kenmei's Orbit design system as a tree-shakeable React component library with CSS Modules, full dark mode support, and Storybook documentation.
+
+## Installation
+
+```bash
+pnpm add @kenmeitechnologies/react-component
+```
+
+### Peer Dependencies
+
+Required:
+
+```bash
+pnpm add react react-dom
+```
+
+Optional (only needed for chart/table components):
+
+```bash
+pnpm add echarts echarts-for-react    # Chart components
+pnpm add @tanstack/react-table        # Advanced table features
+pnpm add lucide-react                 # Icon components
+```
+
+## Setup
+
+Import the design tokens in your app entry point:
+
+```tsx
+// main.tsx or App.tsx
+import '@kenmeitechnologies/react-component/tokens';
+```
+
+## Quick Start
+
+```tsx
+import { Button, Card, CardHeader, CardContent, Badge } from '@kenmeitechnologies/react-component';
+
+function App() {
+  return (
+    <Card>
+      <CardHeader>
+        <h2>Dashboard</h2>
+        <Badge variant="success">Active</Badge>
+      </CardHeader>
+      <CardContent>
+        <Button variant="primary" onClick={() => alert('Hello!')}>
+          Click Me
+        </Button>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+## Dark Mode
+
+Set `data-theme="dark"` on your root element:
+
+```tsx
+document.documentElement.setAttribute('data-theme', 'dark');
+```
+
+All components automatically adapt — no additional configuration needed.
+
+## Components
+
+### Primitives
+
+| Component | Description |
+|-----------|-------------|
+| `Button` | Variants: primary, secondary, outline, ghost, danger. Sizes: sm, md, lg |
+| `Badge` | Status indicator: success, warning, danger, info |
+| `Input` | Text input with focus ring |
+| `Textarea` | Multi-line text input |
+| `Select` | Native select dropdown |
+| `Card` | Compound: Card + CardHeader + CardContent + CardFooter |
+| `Table` | TableContainer + Table with styled headers/rows |
+| `Modal` | Dialog overlay with portal, ESC-to-close, focus management |
+| `Avatar` | Initials-based avatar with gradient background |
+
+### Hooks
+
+| Hook | Description |
+|------|-------------|
+| `useClickOutside` | Detect clicks outside a referenced element |
+| `useEscapeKey` | Listen for Escape key press |
+| `useResizeObserver` | Track element dimensions |
+
+### Utilities
+
+| Utility | Description |
+|---------|-------------|
+| `formatNumber` | Locale-aware number formatting |
+| `formatBytes` | Human-readable byte sizes |
+| `formatDataTimestamp` | Timezone-aware date formatting |
+| `exportTableToCsv` | Export table data as CSV |
+| `sanitizeFilename` | Safe filename generation |
+
+## Development
+
+```bash
+pnpm install       # Install dependencies
+pnpm dev           # Start Storybook (port 6006)
+pnpm test          # Run tests
+pnpm build         # Build library
+pnpm lint          # Lint code
+pnpm typecheck     # Type check
+```
+
+## OpenSpec + Changelog Workflow
+
+This project uses [OpenSpec](https://github.com/kenmeitechnologies/openspec) for spec-driven development and [Changesets](https://github.com/changesets/changesets) for versioning.
+
+**OpenSpec does not update the changelog.** After completing and archiving a change, manually sync both:
+
+1. **Create a changeset** for the automated release pipeline:
+   ```bash
+   pnpm changeset
+   ```
+   Or create the file directly in `.changeset/<change-name>.md`:
+   ```md
+   ---
+   "@kenmeitechnologies/react-component": patch
+   ---
+
+   Description of what changed.
+   ```
+   Use `patch` for docs/stories/fixes, `minor` for new components/features, `major` for breaking changes.
+
+2. **Update CHANGELOG.md** — add a `### Added` or `### Enhanced` entry under `[Unreleased]` and update the Status Board table if component status changed.
+
+3. **On release**, Changesets consumes the `.changeset/` files and versions the package:
+   ```bash
+   pnpm changeset version   # Bumps version, updates CHANGELOG
+   pnpm build && pnpm publish
+   ```
+
+## License
+
+MIT

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+
+/** Calls `handler` when a click occurs outside the element referenced by `ref`. */
+export declare function useClickOutside<T extends HTMLElement>(ref: RefObject<T | null>, handler: (event: MouseEvent | TouchEvent) => void): void;
+//# sourceMappingURL=useClickOutside.d.ts.map

package/dist/hooks/useClickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,mFAAmF;AACnF,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EACnD,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EACxB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,QAclD"}

package/dist/hooks/useEscapeKey.d.ts

@@ -0,0 +1,3 @@
+/** Calls `handler` when the Escape key is pressed while `enabled` is true. */
+export declare function useEscapeKey(handler: () => void, enabled?: boolean): void;
+//# sourceMappingURL=useEscapeKey.d.ts.map

package/dist/hooks/useEscapeKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeKey.d.ts","sourceRoot":"","sources":["../../src/hooks/useEscapeKey.ts"],"names":[],"mappings":"AAEA,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,OAAO,UAAO,QAS/D"}

package/dist/hooks/useEscapeKey.test.d.ts

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

package/dist/hooks/useEscapeKey.test.d.ts.map

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

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+
+interface Size {
+    width: number;
+    height: number;
+}
+/** Observes the size of the element referenced by `ref` via ResizeObserver. */
+export declare function useResizeObserver<T extends HTMLElement>(ref: RefObject<T | null>): Size;
+export {};
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/hooks/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,+EAA+E;AAC/E,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAoBvF"}

package/dist/index.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tokens = require("./index2.cjs");
+const useClickOutside = require("./index3.cjs");
+const useEscapeKey = require("./index4.cjs");
+const useResizeObserver = require("./index5.cjs");
+const format = require("./index6.cjs");
+const chartExport = require("./index7.cjs");
+const Avatar = require("./index8.cjs");
+const Badge = require("./index9.cjs");
+const Button = require("./index10.cjs");
+const Card = require("./index11.cjs");
+const Input = require("./index12.cjs");
+const Modal = require("./index13.cjs");
+const Select = require("./index14.cjs");
+const Table = require("./index15.cjs");
+const Textarea = require("./index16.cjs");
+exports.orbitTokens = tokens.orbitTokens;
+exports.useClickOutside = useClickOutside.useClickOutside;
+exports.useEscapeKey = useEscapeKey.useEscapeKey;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;
+exports.formatBytes = format.formatBytes;
+exports.formatDataTimestamp = format.formatDataTimestamp;
+exports.formatLocalISOString = format.formatLocalISOString;
+exports.formatNumber = format.formatNumber;
+exports.generateUUID = format.generateUUID;
+exports.truncateWithEllipsis = format.truncateWithEllipsis;
+exports.composeFilename = chartExport.composeFilename;
+exports.downloadImageDataUrl = chartExport.downloadImageDataUrl;
+exports.exportTableToCsv = chartExport.exportTableToCsv;
+exports.getChartPngDataUrl = chartExport.getChartPngDataUrl;
+exports.openPrintWindowWithChart = chartExport.openPrintWindowWithChart;
+exports.sanitizeFilename = chartExport.sanitizeFilename;
+exports.toStringTable = chartExport.toStringTable;
+exports.Avatar = Avatar.Avatar;
+exports.Badge = Badge.Badge;
+exports.Button = Button.Button;
+exports.Card = Card.Card;
+exports.CardContent = Card.CardContent;
+exports.CardFooter = Card.CardFooter;
+exports.CardHeader = Card.CardHeader;
+exports.Input = Input.Input;
+exports.Modal = Modal.Modal;
+exports.Select = Select.Select;
+exports.Table = Table.Table;
+exports.TableContainer = Table.TableContainer;
+exports.Textarea = Textarea.Textarea;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+export { orbitTokens } from './tokens/tokens';
+export { Button } from './primitives/Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './primitives/Button';
+export { Badge } from './primitives/Badge';
+export type { BadgeProps, BadgeVariant } from './primitives/Badge';
+export { Input } from './primitives/Input';
+export type { InputProps } from './primitives/Input';
+export { Textarea } from './primitives/Textarea';
+export type { TextareaProps } from './primitives/Textarea';
+export { Select } from './primitives/Select';
+export type { SelectProps } from './primitives/Select';
+export { Card, CardHeader, CardContent, CardFooter } from './primitives/Card';
+export type { CardProps } from './primitives/Card';
+export { TableContainer, Table } from './primitives/Table';
+export type { TableContainerProps, TableProps } from './primitives/Table';
+export { Modal } from './primitives/Modal';
+export type { ModalProps } from './primitives/Modal';
+export { Avatar } from './primitives/Avatar';
+export type { AvatarProps, AvatarSize } from './primitives/Avatar';
+export { useClickOutside } from './hooks/useClickOutside';
+export { useEscapeKey } from './hooks/useEscapeKey';
+export { useResizeObserver } from './hooks/useResizeObserver';
+export { truncateWithEllipsis, formatNumber, formatBytes, formatDataTimestamp, formatLocalISOString, generateUUID, } from './utils/format';
+export { exportTableToCsv, getChartPngDataUrl, downloadImageDataUrl, openPrintWindowWithChart, composeFilename, sanitizeFilename, toStringTable, } from './utils/chartExport';
+export type { TableData } from './utils/chartExport';
+export type { SelectOption, DateRange, ChartDataPoint, SankeyFlowRow, LiveExplorerRow, CounterTimeseriesPoint, ChartAnnotation, StackedBarCategory, TemporalTrendPoint, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAElF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9E,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,GACb,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,eAAe,EACf,gBAAgB,EAChB,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGrD,YAAY,EACV,YAAY,EACZ,SAAS,EACT,cAAc,EACd,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,48 @@
+import { orbitTokens } from "./index2.js";
+import { useClickOutside } from "./index3.js";
+import { useEscapeKey } from "./index4.js";
+import { useResizeObserver } from "./index5.js";
+import { formatBytes, formatDataTimestamp, formatLocalISOString, formatNumber, generateUUID, truncateWithEllipsis } from "./index6.js";
+import { composeFilename, downloadImageDataUrl, exportTableToCsv, getChartPngDataUrl, openPrintWindowWithChart, sanitizeFilename, toStringTable } from "./index7.js";
+import { Avatar } from "./index8.js";
+import { Badge } from "./index9.js";
+import { Button } from "./index10.js";
+import { Card, CardContent, CardFooter, CardHeader } from "./index11.js";
+import { Input } from "./index12.js";
+import { Modal } from "./index13.js";
+import { Select } from "./index14.js";
+import { Table, TableContainer } from "./index15.js";
+import { Textarea } from "./index16.js";
+export {
+  Avatar,
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  Input,
+  Modal,
+  Select,
+  Table,
+  TableContainer,
+  Textarea,
+  composeFilename,
+  downloadImageDataUrl,
+  exportTableToCsv,
+  formatBytes,
+  formatDataTimestamp,
+  formatLocalISOString,
+  formatNumber,
+  generateUUID,
+  getChartPngDataUrl,
+  openPrintWindowWithChart,
+  orbitTokens,
+  sanitizeFilename,
+  toStringTable,
+  truncateWithEllipsis,
+  useClickOutside,
+  useEscapeKey,
+  useResizeObserver
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/index10.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const clsx = require("./index17.cjs");
+const Button_module = require("./index22.cjs");
+const Button = react.forwardRef(
+  ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type,
+      className: clsx.clsx(Button_module.default.root, Button_module.default[variant], size !== "md" && Button_module.default[size], className),
+      ...props
+    }
+  )
+);
+Button.displayName = "Button";
+exports.Button = Button;
+//# sourceMappingURL=index10.cjs.map

package/dist/index10.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index10.cjs","sources":["../src/primitives/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Button.module.css';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'primary', size = 'md', type = 'button', ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      className={clsx(styles.root, styles[variant], size !== 'md' && styles[size], className)}\n      {...props}\n    />\n  ),\n);\n\nButton.displayName = 'Button';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAYO,MAAM,SAASA,MAAAA;AAAAA,EACpB,CAAC,EAAE,WAAW,UAAU,WAAW,OAAO,MAAM,OAAO,UAAU,GAAG,MAAA,GAAS,QAC3EC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAWC,KAAAA,KAAKC,sBAAO,MAAMA,cAAAA,QAAO,OAAO,GAAG,SAAS,QAAQA,cAAAA,QAAO,IAAI,GAAG,SAAS;AAAA,MACrF,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,OAAO,cAAc;;"}

package/dist/index10.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "./index17.js";
+import styles from "./index22.js";
+const Button = forwardRef(
+  ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      className: clsx(styles.root, styles[variant], size !== "md" && styles[size], className),
+      ...props
+    }
+  )
+);
+Button.displayName = "Button";
+export {
+  Button
+};
+//# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index10.js","sources":["../src/primitives/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Button.module.css';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'primary', size = 'md', type = 'button', ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      className={clsx(styles.root, styles[variant], size !== 'md' && styles[size], className)}\n      {...props}\n    />\n  ),\n);\n\nButton.displayName = 'Button';\n"],"names":[],"mappings":";;;;AAYO,MAAM,SAAS;AAAA,EACpB,CAAC,EAAE,WAAW,UAAU,WAAW,OAAO,MAAM,OAAO,UAAU,GAAG,MAAA,GAAS,QAC3E;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,OAAO,MAAM,OAAO,OAAO,GAAG,SAAS,QAAQ,OAAO,IAAI,GAAG,SAAS;AAAA,MACrF,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,OAAO,cAAc;"}

package/dist/index11.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("./index17.cjs");
+const Card_module = require("./index24.cjs");
+const Card = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.root, className), ...props });
+const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.header, className), ...props });
+const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.content, className), ...props });
+const CardFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.footer, className), ...props });
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+//# sourceMappingURL=index11.cjs.map

package/dist/index11.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index11.cjs","sources":["../src/primitives/Card/Card.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Card.module.css';\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const Card = ({ className, ...props }: CardProps) => (\n  <div className={clsx(styles.root, className)} {...props} />\n);\n\nexport const CardHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={clsx(styles.header, className)} {...props} />\n);\n\nexport const CardContent = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={clsx(styles.content, className)} {...props} />\n);\n\nexport const CardFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={clsx(styles.footer, className)} {...props} />\n);\n"],"names":["jsx","clsx","styles"],"mappings":";;;;;AAKO,MAAM,OAAO,CAAC,EAAE,WAAW,GAAG,YACnCA,2BAAAA,IAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKC,YAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAGpD,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YACzCF,2BAAAA,IAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKC,YAAAA,QAAO,QAAQ,SAAS,GAAI,GAAG,MAAA,CAAO;AAGtD,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,YAC1CF,2BAAAA,IAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKC,YAAAA,QAAO,SAAS,SAAS,GAAI,GAAG,MAAA,CAAO;AAGvD,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YACzCF,2BAAAA,IAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKC,YAAAA,QAAO,QAAQ,SAAS,GAAI,GAAG,MAAA,CAAO;;;;;"}

package/dist/index11.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "./index17.js";
+import styles from "./index24.js";
+const Card = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.root, className), ...props });
+const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.header, className), ...props });
+const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.content, className), ...props });
+const CardFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footer, className), ...props });
+export {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader
+};
+//# sourceMappingURL=index11.js.map

package/dist/index11.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index11.js","sources":["../src/primitives/Card/Card.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Card.module.css';\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const Card = ({ className, ...props }: CardProps) => (\n  <div className={clsx(styles.root, className)} {...props} />\n);\n\nexport const CardHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={clsx(styles.header, className)} {...props} />\n);\n\nexport const CardContent = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={clsx(styles.content, className)} {...props} />\n);\n\nexport const CardFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={clsx(styles.footer, className)} {...props} />\n);\n"],"names":[],"mappings":";;;AAKO,MAAM,OAAO,CAAC,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAGpD,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAI,GAAG,MAAA,CAAO;AAGtD,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,YAC1C,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,SAAS,SAAS,GAAI,GAAG,MAAA,CAAO;AAGvD,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAI,GAAG,MAAA,CAAO;"}

package/dist/index12.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const clsx = require("./index17.cjs");
+const Input_module = require("./index21.cjs");
+const Input = react.forwardRef(
+  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
+);
+Input.displayName = "Input";
+exports.Input = Input;
+//# sourceMappingURL=index12.cjs.map

package/dist/index12.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index12.cjs","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAMO,MAAM,QAAQA,MAAAA;AAAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvCC,2BAAAA,IAAC,WAAM,KAAU,MAAY,WAAWC,UAAKC,aAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;;"}

package/dist/index12.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "./index17.js";
+import styles from "./index21.js";
+const Input = forwardRef(
+  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
+);
+Input.displayName = "Input";
+export {
+  Input
+};
+//# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index12.js","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":[],"mappings":";;;;AAMO,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvC,oBAAC,WAAM,KAAU,MAAY,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;"}

package/dist/index13.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactDom = require("react-dom");
+const clsx = require("./index17.cjs");
+const useEscapeKey = require("./index4.cjs");
+const Modal_module = require("./index25.cjs");
+const Modal = ({
+  open,
+  title,
+  onClose,
+  children,
+  footer,
+  portalTarget,
+  className,
+  bodyClassName,
+  style,
+  closeLabel = "×"
+}) => {
+  useEscapeKey.useEscapeKey(onClose, open);
+  if (!open) return null;
+  const modalContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module.default.overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(Modal_module.default.root, className), style, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Modal_module.default.header, children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: Modal_module.default.title, children: title }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: Modal_module.default.closeBtn,
+          "aria-label": "Close modal",
+          children: closeLabel
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Modal_module.default.body, bodyClassName), children }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module.default.footer, children: footer })
+  ] }) });
+  return reactDom.createPortal(modalContent, portalTarget ?? document.body);
+};
+exports.Modal = Modal;
+//# sourceMappingURL=index13.cjs.map

package/dist/index13.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index13.cjs","sources":["../src/primitives/Modal/Modal.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport clsx from 'clsx';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport styles from './Modal.module.css';\n\nexport interface ModalProps {\n  open: boolean;\n  title?: ReactNode;\n  onClose: () => void;\n  children: ReactNode;\n  footer?: ReactNode;\n  portalTarget?: HTMLElement;\n  className?: string;\n  bodyClassName?: string;\n  style?: CSSProperties;\n  closeLabel?: ReactNode;\n}\n\nexport const Modal = ({\n  open,\n  title,\n  onClose,\n  children,\n  footer,\n  portalTarget,\n  className,\n  bodyClassName,\n  style,\n  closeLabel = '\\u00D7',\n}: ModalProps) => {\n  useEscapeKey(onClose, open);\n\n  if (!open) return null;\n\n  const modalContent = (\n    <div className={styles.overlay} role=\"dialog\" aria-modal=\"true\">\n      <div className={clsx(styles.root, className)} style={style}>\n        <div className={styles.header}>\n          {title ? <h2 className={styles.title}>{title}</h2> : <span />}\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className={styles.closeBtn}\n            aria-label=\"Close modal\"\n          >\n            {closeLabel}\n          </button>\n        </div>\n        <div className={clsx(styles.body, bodyClassName)}>{children}</div>\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  );\n\n  return createPortal(modalContent, portalTarget ?? document.body);\n};\n"],"names":["useEscapeKey","jsx","styles","jsxs","clsx","createPortal"],"mappings":";;;;;;;AAmBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAkB;AAChBA,eAAAA,aAAa,SAAS,IAAI;AAE1B,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,eACJC,+BAAC,OAAA,EAAI,WAAWC,aAAAA,QAAO,SAAS,MAAK,UAAS,cAAW,QACvD,UAAAC,gCAAC,SAAI,WAAWC,KAAAA,KAAKF,qBAAO,MAAM,SAAS,GAAG,OAC5C,UAAA;AAAA,IAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAWD,aAAAA,QAAO,QACpB,UAAA;AAAA,MAAA,QAAQD,2BAAAA,IAAC,QAAG,WAAWC,aAAAA,QAAO,OAAQ,UAAA,MAAA,CAAM,mCAAS,QAAA,CAAA,CAAK;AAAA,MAC3DD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAWC,aAAAA,QAAO;AAAA,UAClB,cAAW;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,IACAD,+BAAC,SAAI,WAAWG,KAAAA,KAAKF,aAAAA,QAAO,MAAM,aAAa,GAAI,UAAS;AAAA,IAC3D,UAAUD,2BAAAA,IAAC,OAAA,EAAI,WAAWC,aAAAA,QAAO,QAAS,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CACpD,EAAA,CACF;AAGF,SAAOG,SAAAA,aAAa,cAAc,gBAAgB,SAAS,IAAI;AACjE;;"}

package/dist/index13.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { clsx } from "./index17.js";
+import { useEscapeKey } from "./index4.js";
+import styles from "./index25.js";
+const Modal = ({
+  open,
+  title,
+  onClose,
+  children,
+  footer,
+  portalTarget,
+  className,
+  bodyClassName,
+  style,
+  closeLabel = "×"
+}) => {
+  useEscapeKey(onClose, open);
+  if (!open) return null;
+  const modalContent = /* @__PURE__ */ jsx("div", { className: styles.overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, className), style, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+      title ? /* @__PURE__ */ jsx("h2", { className: styles.title, children: title }) : /* @__PURE__ */ jsx("span", {}),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: styles.closeBtn,
+          "aria-label": "Close modal",
+          children: closeLabel
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: clsx(styles.body, bodyClassName), children }),
+    footer && /* @__PURE__ */ jsx("div", { className: styles.footer, children: footer })
+  ] }) });
+  return createPortal(modalContent, portalTarget ?? document.body);
+};
+export {
+  Modal
+};
+//# sourceMappingURL=index13.js.map

package/dist/index13.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index13.js","sources":["../src/primitives/Modal/Modal.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport clsx from 'clsx';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport styles from './Modal.module.css';\n\nexport interface ModalProps {\n  open: boolean;\n  title?: ReactNode;\n  onClose: () => void;\n  children: ReactNode;\n  footer?: ReactNode;\n  portalTarget?: HTMLElement;\n  className?: string;\n  bodyClassName?: string;\n  style?: CSSProperties;\n  closeLabel?: ReactNode;\n}\n\nexport const Modal = ({\n  open,\n  title,\n  onClose,\n  children,\n  footer,\n  portalTarget,\n  className,\n  bodyClassName,\n  style,\n  closeLabel = '\\u00D7',\n}: ModalProps) => {\n  useEscapeKey(onClose, open);\n\n  if (!open) return null;\n\n  const modalContent = (\n    <div className={styles.overlay} role=\"dialog\" aria-modal=\"true\">\n      <div className={clsx(styles.root, className)} style={style}>\n        <div className={styles.header}>\n          {title ? <h2 className={styles.title}>{title}</h2> : <span />}\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className={styles.closeBtn}\n            aria-label=\"Close modal\"\n          >\n            {closeLabel}\n          </button>\n        </div>\n        <div className={clsx(styles.body, bodyClassName)}>{children}</div>\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  );\n\n  return createPortal(modalContent, portalTarget ?? document.body);\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAkB;AAChB,eAAa,SAAS,IAAI;AAE1B,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,eACJ,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAS,MAAK,UAAS,cAAW,QACvD,UAAA,qBAAC,SAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,OAC5C,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,QACpB,UAAA;AAAA,MAAA,QAAQ,oBAAC,QAAG,WAAW,OAAO,OAAQ,UAAA,MAAA,CAAM,wBAAS,QAAA,CAAA,CAAK;AAAA,MAC3D;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW,OAAO;AAAA,UAClB,cAAW;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,IACA,oBAAC,SAAI,WAAW,KAAK,OAAO,MAAM,aAAa,GAAI,UAAS;AAAA,IAC3D,UAAU,oBAAC,OAAA,EAAI,WAAW,OAAO,QAAS,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CACpD,EAAA,CACF;AAGF,SAAO,aAAa,cAAc,gBAAgB,SAAS,IAAI;AACjE;"}

package/dist/index14.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const clsx = require("./index17.cjs");
+const Select_module = require("./index20.cjs");
+const Select = react.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("select", { ref, className: clsx.clsx(Select_module.default.root, className), ...props, children })
+);
+Select.displayName = "Select";
+exports.Select = Select;
+//# sourceMappingURL=index14.cjs.map

package/dist/index14.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index14.cjs","sources":["../src/primitives/Select/Select.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Select.module.css';\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  ({ className, children, ...props }, ref) => (\n    <select ref={ref} className={clsx(styles.root, className)} {...props}>\n      {children}\n    </select>\n  ),\n);\n\nSelect.displayName = 'Select';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAMO,MAAM,SAASA,MAAAA;AAAAA,EACpB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAClCC,2BAAAA,IAAC,YAAO,KAAU,WAAWC,KAAAA,KAAKC,sBAAO,MAAM,SAAS,GAAI,GAAG,OAC5D,SAAA,CACH;AAEJ;AAEA,OAAO,cAAc;;"}

package/dist/index14.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "./index17.js";
+import styles from "./index20.js";
+const Select = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("select", { ref, className: clsx(styles.root, className), ...props, children })
+);
+Select.displayName = "Select";
+export {
+  Select
+};
+//# sourceMappingURL=index14.js.map

package/dist/index14.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index14.js","sources":["../src/primitives/Select/Select.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Select.module.css';\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  ({ className, children, ...props }, ref) => (\n    <select ref={ref} className={clsx(styles.root, className)} {...props}>\n      {children}\n    </select>\n  ),\n);\n\nSelect.displayName = 'Select';\n"],"names":[],"mappings":";;;;AAMO,MAAM,SAAS;AAAA,EACpB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAClC,oBAAC,YAAO,KAAU,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,OAC5D,SAAA,CACH;AAEJ;AAEA,OAAO,cAAc;"}

package/dist/index15.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("./index17.cjs");
+const Table_module = require("./index19.cjs");
+const TableContainer = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Table_module.default.container, className), ...props });
+const Table = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("table", { className: clsx.clsx(Table_module.default.root, className), ...props });
+exports.Table = Table;
+exports.TableContainer = TableContainer;
+//# sourceMappingURL=index15.cjs.map