@ktnpm_devops/react-component 0.0.1 → 0.1.1

package/README.md

@@ -1,11 +1,11 @@
-# @kenmeitechnologies/react-component
+# @ktnpm_devops/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
+pnpm add @ktnpm_devops/react-component
 ```
 
 ### Peer Dependencies
@@ -30,13 +30,13 @@ Import the design tokens in your app entry point:
 
 ```tsx
 // main.tsx or App.tsx
-import '@kenmeitechnologies/react-component/tokens';
+import '@ktnpm_devops/react-component/tokens';
 ```
 
 ## Quick Start
 
 ```tsx
-import { Button, Card, CardHeader, CardContent, Badge } from '@kenmeitechnologies/react-component';
+import { Button, Card, CardHeader, CardContent, Badge } from '@ktnpm_devops/react-component';
 
 function App() {
   return (
@@ -81,6 +81,17 @@ All components automatically adapt — no additional configuration needed.
 | `Modal` | Dialog overlay with portal, ESC-to-close, focus management |
 | `Avatar` | Initials-based avatar with gradient background |
 
+### Composites
+
+| Component | Description |
+|-----------|-------------|
+| `MultiSelectDropdown` | Multi-select with search, select/deselect all, pending apply/cancel |
+| `SingleSelectDropdown` | Single-select with search and optional clear button |
+| `CustomRangePicker` | Date range picker with preset ranges and custom selection |
+| `ResizableSplitPanel` | Draggable split layout with keyboard support |
+| `ChartExpandModal` | Full-screen modal for expanded chart views, portal-based with resize |
+| `ContextMenu` | Right-click context menu with keyboard navigation, portal-based |
+
 ### Hooks
 
 | Hook | Description |
@@ -123,7 +134,7 @@ This project uses [OpenSpec](https://github.com/kenmeitechnologies/openspec) for
    Or create the file directly in `.changeset/<change-name>.md`:
    ```md
    ---
-   "@kenmeitechnologies/react-component": patch
+   "@ktnpm_devops/react-component": patch
    ---
 
    Description of what changed.

package/dist/composites/ChartExpandModal/ChartExpandModal.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+
+export interface ChartExpandModalProps {
+    /** Title displayed in the modal header. */
+    title: string;
+    /** Content to render inside the modal body. */
+    children: ReactNode;
+    /** Called when the modal should close. */
+    onClose: () => void;
+    /** Enable resize handles on the modal. */
+    resizable?: boolean;
+    /** Default modal dimensions in pixels. */
+    defaultSize?: {
+        width?: number;
+        height?: number;
+    };
+    /** Additional actions rendered in the header. */
+    actions?: ReactNode;
+}
+export declare const ChartExpandModal: ({ title, children, onClose, resizable, defaultSize, actions, }: ChartExpandModalProps) => import('react').ReactPortal | null;
+//# sourceMappingURL=ChartExpandModal.d.ts.map

package/dist/composites/ChartExpandModal/ChartExpandModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartExpandModal.d.ts","sourceRoot":"","sources":["../../../src/composites/ChartExpandModal/ChartExpandModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjF,MAAM,WAAW,qBAAqB;IACpC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAcD,eAAO,MAAM,gBAAgB,GAAI,gEAO9B,qBAAqB,uCA4FvB,CAAC"}

package/dist/composites/ChartExpandModal/index.d.ts

@@ -0,0 +1,3 @@
+export { ChartExpandModal } from './ChartExpandModal';
+export type { ChartExpandModalProps } from './ChartExpandModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/composites/ChartExpandModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composites/ChartExpandModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/composites/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+
+export interface ContextMenuItem {
+    label: string;
+    icon?: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export interface ContextMenuProps {
+    /** Horizontal position (px from left). */
+    x: number;
+    /** Vertical position (px from top). */
+    y: number;
+    /** Menu items to render. */
+    items: ContextMenuItem[];
+    /** Called when the menu should close. */
+    onClose: () => void;
+}
+export declare const ContextMenu: ({ x, y, items, onClose }: ContextMenuProps) => import('react').ReactPortal | null;
+//# sourceMappingURL=ContextMenu.d.ts.map

package/dist/composites/ContextMenu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/composites/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,CAAC,EAAE,MAAM,CAAC;IACV,uCAAuC;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,4BAA4B;IAC5B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,GAAI,0BAA0B,gBAAgB,uCAoFrE,CAAC"}

package/dist/composites/ContextMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { ContextMenu } from './ContextMenu';
+export type { ContextMenuProps, ContextMenuItem } from './ContextMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/composites/ContextMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composites/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/composites/CustomRangePicker/CustomRangePicker.d.ts

@@ -0,0 +1,13 @@
+export interface CustomRangePickerProps {
+    /** Start of the current range (ISO string). */
+    from?: string;
+    /** End of the current range (ISO string). */
+    to?: string;
+    /** Called when user applies a valid range. */
+    onApply: (range: {
+        from: string;
+        to: string;
+    }) => void;
+}
+export declare const CustomRangePicker: ({ from, to, onApply }: CustomRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomRangePicker.d.ts.map

package/dist/composites/CustomRangePicker/CustomRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomRangePicker.d.ts","sourceRoot":"","sources":["../../../src/composites/CustomRangePicker/CustomRangePicker.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,sBAAsB;IACrC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,OAAO,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACxD;AAqBD,eAAO,MAAM,iBAAiB,GAAI,uBAAuB,sBAAsB,4CAsG9E,CAAC"}

package/dist/composites/CustomRangePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { CustomRangePicker } from './CustomRangePicker';
+export type { CustomRangePickerProps } from './CustomRangePicker';
+//# sourceMappingURL=index.d.ts.map

package/dist/composites/CustomRangePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composites/CustomRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/composites/MultiSelectDropdown/MultiSelectDropdown.d.ts

@@ -0,0 +1,29 @@
+export interface MultiSelectOption {
+    value: string;
+    label?: string;
+    count?: number;
+}
+export interface MultiSelectDropdownProps {
+    /** Label displayed on the trigger button. */
+    label: string;
+    /** Available options. */
+    options: MultiSelectOption[];
+    /** Currently selected values (controlled). */
+    selected: string[];
+    /** Called when the user applies a new selection. */
+    onApply: (values: string[], metadata: {
+        selectionMode: 'all' | 'custom';
+    }) => void;
+    /** Show loading indicator and disable controls. */
+    isLoading?: boolean;
+    /** Error message to display in the option list. */
+    error?: string | null;
+    /** Allow creating options from the search term. */
+    allowCustomValues?: boolean;
+    /** Override the trigger value label. */
+    customTriggerLabel?: string;
+    /** Explicit selection mode override. */
+    selectionMode?: 'all' | 'custom';
+}
+export declare const MultiSelectDropdown: ({ label, options, selected, onApply, isLoading, error, allowCustomValues, customTriggerLabel, selectionMode, }: MultiSelectDropdownProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiSelectDropdown.d.ts.map

package/dist/composites/MultiSelectDropdown/MultiSelectDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/composites/MultiSelectDropdown/MultiSelectDropdown.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACvC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,oDAAoD;IACpD,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE;QAAE,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wCAAwC;IACxC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAClC;AAQD,eAAO,MAAM,mBAAmB,GAAI,gHAUjC,wBAAwB,4CAwP1B,CAAC"}

package/dist/composites/MultiSelectDropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { MultiSelectDropdown } from './MultiSelectDropdown';
+export type { MultiSelectDropdownProps, MultiSelectOption } from './MultiSelectDropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/composites/MultiSelectDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composites/MultiSelectDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/composites/ResizableSplitPanel/ResizableSplitPanel.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+
+export interface ResizableSplitPanelProps {
+    /** Content for the left panel. */
+    leftPanel: ReactNode;
+    /** Content for the right panel. */
+    rightPanel: ReactNode;
+    /** Default left panel width as a percentage (0-100). */
+    defaultLeftWidth?: number;
+    /** Minimum left panel width as a percentage. */
+    minLeftWidth?: number;
+    /** Minimum right panel width as a percentage. */
+    minRightWidth?: number;
+}
+export declare const ResizableSplitPanel: ({ leftPanel, rightPanel, defaultLeftWidth, minLeftWidth, minRightWidth, }: ResizableSplitPanelProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ResizableSplitPanel.d.ts.map

package/dist/composites/ResizableSplitPanel/ResizableSplitPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableSplitPanel.d.ts","sourceRoot":"","sources":["../../../src/composites/ResizableSplitPanel/ResizableSplitPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjF,MAAM,WAAW,wBAAwB;IACvC,kCAAkC;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,UAAU,EAAE,SAAS,CAAC;IACtB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,mBAAmB,GAAI,2EAMjC,wBAAwB,4CA+E1B,CAAC"}

package/dist/composites/ResizableSplitPanel/index.d.ts

@@ -0,0 +1,3 @@
+export { ResizableSplitPanel } from './ResizableSplitPanel';
+export type { ResizableSplitPanelProps } from './ResizableSplitPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/composites/ResizableSplitPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composites/ResizableSplitPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/composites/SingleSelectDropdown/SingleSelectDropdown.d.ts

@@ -0,0 +1,23 @@
+export interface SingleSelectOption {
+    value: string;
+    label?: string;
+    count?: number;
+}
+export interface SingleSelectDropdownProps {
+    /** Label displayed on the trigger. */
+    label: string;
+    /** Available options. */
+    options: SingleSelectOption[];
+    /** Currently selected value (controlled). `null` means no selection. */
+    selected: string | null;
+    /** Called when the user selects an option. */
+    onSelect: (value: string) => void;
+    /** Override the trigger value label. */
+    customTriggerLabel?: string;
+    /** Called when the user clears the selection. */
+    onClear?: () => void;
+    /** Show clear button when a value is selected. */
+    showClearButton?: boolean;
+}
+export declare const SingleSelectDropdown: ({ label, options, selected, onSelect, customTriggerLabel, onClear, showClearButton, }: SingleSelectDropdownProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SingleSelectDropdown.d.ts.map

package/dist/composites/SingleSelectDropdown/SingleSelectDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/composites/SingleSelectDropdown/SingleSelectDropdown.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,yBAAyB;IACxC,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,wEAAwE;IACxE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB,GAAI,uFAQlC,yBAAyB,4CA2I3B,CAAC"}

package/dist/composites/SingleSelectDropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { SingleSelectDropdown } from './SingleSelectDropdown';
+export type { SingleSelectDropdownProps, SingleSelectOption } from './SingleSelectDropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/composites/SingleSelectDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composites/SingleSelectDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Shared constants for the component library.
+ * Centralises magic numbers used across components.
+ */
+/** SVG icon rendered sizes (px — used as HTML/SVG attributes, not CSS). */
+export declare const ICON_SIZE: {
+    readonly SM: 14;
+    readonly MD: 16;
+    readonly LG: 18;
+};
+/** Standard SVG viewBox for 24×24 icon grid. */
+export declare const SVG_VIEWBOX = "0 0 24 24";
+/** Standard SVG stroke width. */
+export declare const SVG_STROKE_WIDTH = 2;
+/** Keyboard accessibility step (percentage points per arrow press). */
+export declare const KEYBOARD_STEP = 2;
+/** Viewport safety margin (px — used in JS calculations with DOM APIs). */
+export declare const VIEWPORT_MARGIN = 32;
+/** ContextMenu viewport margin (px). */
+export declare const CONTEXT_MENU_MARGIN = 10;
+/** ChartExpandModal dimension constraints (px — used with window.innerWidth). */
+export declare const CHART_MODAL: {
+    readonly MIN_WIDTH: 960;
+    readonly MIN_HEIGHT: 480;
+    readonly MAX_WIDTH: 2400;
+    readonly MAX_HEIGHT: 1300;
+    readonly DEFAULT_WIDTH: 1500;
+    readonly DEFAULT_HEIGHT: 820;
+    readonly FALLBACK_WIDTH: 1400;
+    readonly FALLBACK_HEIGHT: 800;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2EAA2E;AAC3E,eAAO,MAAM,SAAS;;;;CAIZ,CAAC;AAEX,gDAAgD;AAChD,eAAO,MAAM,WAAW,cAAc,CAAC;AAEvC,iCAAiC;AACjC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,uEAAuE;AACvE,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,2EAA2E;AAC3E,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,wCAAwC;AACxC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,iFAAiF;AACjF,eAAO,MAAM,WAAW;;;;;;;;;CASd,CAAC"}

package/dist/index.cjs

@@ -10,11 +10,17 @@ 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");
+const ChartExpandModal = require("./index12.cjs");
+const ContextMenu = require("./index13.cjs");
+const CustomRangePicker = require("./index14.cjs");
+const Input = require("./index15.cjs");
+const Modal = require("./index16.cjs");
+const MultiSelectDropdown = require("./index17.cjs");
+const ResizableSplitPanel = require("./index18.cjs");
+const Select = require("./index19.cjs");
+const SingleSelectDropdown = require("./index20.cjs");
+const Table = require("./index21.cjs");
+const Textarea = require("./index22.cjs");
 exports.orbitTokens = tokens.orbitTokens;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useEscapeKey = useEscapeKey.useEscapeKey;
@@ -39,9 +45,15 @@ exports.Card = Card.Card;
 exports.CardContent = Card.CardContent;
 exports.CardFooter = Card.CardFooter;
 exports.CardHeader = Card.CardHeader;
+exports.ChartExpandModal = ChartExpandModal.ChartExpandModal;
+exports.ContextMenu = ContextMenu.ContextMenu;
+exports.CustomRangePicker = CustomRangePicker.CustomRangePicker;
 exports.Input = Input.Input;
 exports.Modal = Modal.Modal;
+exports.MultiSelectDropdown = MultiSelectDropdown.MultiSelectDropdown;
+exports.ResizableSplitPanel = ResizableSplitPanel.ResizableSplitPanel;
 exports.Select = Select.Select;
+exports.SingleSelectDropdown = SingleSelectDropdown.SingleSelectDropdown;
 exports.Table = Table.Table;
 exports.TableContainer = Table.TableContainer;
 exports.Textarea = Textarea.Textarea;

package/dist/index.cjs.map

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

package/dist/index.d.ts

@@ -17,6 +17,18 @@ export { Modal } from './primitives/Modal';
 export type { ModalProps } from './primitives/Modal';
 export { Avatar } from './primitives/Avatar';
 export type { AvatarProps, AvatarSize } from './primitives/Avatar';
+export { MultiSelectDropdown } from './composites/MultiSelectDropdown';
+export type { MultiSelectDropdownProps, MultiSelectOption } from './composites/MultiSelectDropdown';
+export { SingleSelectDropdown } from './composites/SingleSelectDropdown';
+export type { SingleSelectDropdownProps, SingleSelectOption } from './composites/SingleSelectDropdown';
+export { CustomRangePicker } from './composites/CustomRangePicker';
+export type { CustomRangePickerProps } from './composites/CustomRangePicker';
+export { ResizableSplitPanel } from './composites/ResizableSplitPanel';
+export type { ResizableSplitPanelProps } from './composites/ResizableSplitPanel';
+export { ChartExpandModal } from './composites/ChartExpandModal';
+export type { ChartExpandModalProps } from './composites/ChartExpandModal';
+export { ContextMenu } from './composites/ContextMenu';
+export type { ContextMenuProps, ContextMenuItem } from './composites/ContextMenu';
 export { useClickOutside } from './hooks/useClickOutside';
 export { useEscapeKey } from './hooks/useEscapeKey';
 export { useResizeObserver } from './hooks/useResizeObserver';

package/dist/index.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -8,11 +8,17 @@ 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";
+import { ChartExpandModal } from "./index12.js";
+import { ContextMenu } from "./index13.js";
+import { CustomRangePicker } from "./index14.js";
+import { Input } from "./index15.js";
+import { Modal } from "./index16.js";
+import { MultiSelectDropdown } from "./index17.js";
+import { ResizableSplitPanel } from "./index18.js";
+import { Select } from "./index19.js";
+import { SingleSelectDropdown } from "./index20.js";
+import { Table, TableContainer } from "./index21.js";
+import { Textarea } from "./index22.js";
 export {
   Avatar,
   Badge,
@@ -21,9 +27,15 @@ export {
   CardContent,
   CardFooter,
   CardHeader,
+  ChartExpandModal,
+  ContextMenu,
+  CustomRangePicker,
   Input,
   Modal,
+  MultiSelectDropdown,
+  ResizableSplitPanel,
   Select,
+  SingleSelectDropdown,
   Table,
   TableContainer,
   Textarea,

package/dist/index.js.map

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

package/dist/index10.cjs

@@ -2,8 +2,8 @@
 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 clsx = require("./index23.cjs");
+const Button_module = require("./index24.cjs");
 const Button = react.forwardRef(
   ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",

package/dist/index10.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index17.js";
-import styles from "./index22.js";
+import { clsx } from "./index23.js";
+import styles from "./index24.js";
 const Button = forwardRef(
   ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
     "button",

package/dist/index11.cjs

@@ -1,8 +1,8 @@
 "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 clsx = require("./index23.cjs");
+const Card_module = require("./index29.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 });

package/dist/index11.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "./index17.js";
-import styles from "./index24.js";
+import { clsx } from "./index23.js";
+import styles from "./index29.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 });

package/dist/index12.cjs

@@ -2,11 +2,103 @@
 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;
+const reactDom = require("react-dom");
+const useEscapeKey = require("./index4.cjs");
+const constants = require("./index30.cjs");
+const clsx = require("./index23.cjs");
+const ChartExpandModal_module = require("./index35.cjs");
+const getInitialSize = (override) => {
+  if (typeof window === "undefined") {
+    return {
+      width: (override == null ? void 0 : override.width) ?? constants.CHART_MODAL.FALLBACK_WIDTH,
+      height: (override == null ? void 0 : override.height) ?? constants.CHART_MODAL.FALLBACK_HEIGHT
+    };
+  }
+  const w = Math.min((override == null ? void 0 : override.width) ?? constants.CHART_MODAL.DEFAULT_WIDTH, window.innerWidth - constants.VIEWPORT_MARGIN);
+  const h = Math.min((override == null ? void 0 : override.height) ?? constants.CHART_MODAL.DEFAULT_HEIGHT, window.innerHeight - constants.VIEWPORT_MARGIN);
+  return { width: Math.max(w, constants.CHART_MODAL.MIN_WIDTH), height: Math.max(h, constants.CHART_MODAL.MIN_HEIGHT) };
+};
+const ChartExpandModal = ({
+  title,
+  children,
+  onClose,
+  resizable = false,
+  defaultSize,
+  actions
+}) => {
+  const [size, setSize] = react.useState(() => getInitialSize(defaultSize));
+  const [isReady, setIsReady] = react.useState(false);
+  const bodyRef = react.useRef(null);
+  useEscapeKey.useEscapeKey(onClose);
+  react.useEffect(() => {
+    if (!resizable) return;
+    const handleResize = () => setSize(getInitialSize(defaultSize));
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [resizable, defaultSize]);
+  react.useEffect(() => {
+    const check = () => {
+      const body = bodyRef.current;
+      if (body && body.clientWidth > 0 && body.clientHeight > 0) {
+        setIsReady(true);
+      } else {
+        requestAnimationFrame(check);
+      }
+    };
+    requestAnimationFrame(check);
+  }, []);
+  const handleResizeStart = react.useCallback(
+    (e) => {
+      var _a, _b;
+      if (!resizable || typeof window === "undefined") return;
+      e.preventDefault();
+      const startX = "touches" in e ? ((_a = e.touches[0]) == null ? void 0 : _a.clientX) ?? 0 : e.clientX;
+      const startY = "touches" in e ? ((_b = e.touches[0]) == null ? void 0 : _b.clientY) ?? 0 : e.clientY;
+      const startW = size.width;
+      const startH = size.height;
+      const handleMove = (ev) => {
+        var _a2, _b2;
+        const cx = ev instanceof TouchEvent ? ((_a2 = ev.touches[0]) == null ? void 0 : _a2.clientX) ?? 0 : ev.clientX;
+        const cy = ev instanceof TouchEvent ? ((_b2 = ev.touches[0]) == null ? void 0 : _b2.clientY) ?? 0 : ev.clientY;
+        const maxW = Math.min(window.innerWidth - constants.VIEWPORT_MARGIN, constants.CHART_MODAL.MAX_WIDTH);
+        const maxH = Math.min(window.innerHeight - constants.VIEWPORT_MARGIN, constants.CHART_MODAL.MAX_HEIGHT);
+        setSize({
+          width: Math.min(Math.max(startW + (cx - startX), constants.CHART_MODAL.MIN_WIDTH), maxW),
+          height: Math.min(Math.max(startH + (cy - startY), constants.CHART_MODAL.MIN_HEIGHT), maxH)
+        });
+      };
+      const handleUp = () => {
+        window.removeEventListener("mousemove", handleMove);
+        window.removeEventListener("mouseup", handleUp);
+        window.removeEventListener("touchmove", handleMove);
+        window.removeEventListener("touchend", handleUp);
+      };
+      window.addEventListener("mousemove", handleMove);
+      window.addEventListener("mouseup", handleUp);
+      window.addEventListener("touchmove", handleMove, { passive: false });
+      window.addEventListener("touchend", handleUp);
+    },
+    [resizable, size]
+  );
+  if (typeof document === "undefined") return null;
+  const modalStyle = resizable ? { width: `${size.width}px`, height: `${size.height}px` } : void 0;
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChartExpandModal_module.default.overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(ChartExpandModal_module.default.modal, { [ChartExpandModal_module.default.resizable]: resizable }), style: modalStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("header", { className: ChartExpandModal_module.default.header, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: ChartExpandModal_module.default.title, children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ChartExpandModal_module.default.headerActions, children: [
+          actions,
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: ChartExpandModal_module.default.close, onClick: onClose, "aria-label": "Close expanded chart", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: constants.ICON_SIZE.LG, height: constants.ICON_SIZE.LG, viewBox: constants.SVG_VIEWBOX, fill: "none", stroke: "currentColor", strokeWidth: constants.SVG_STROKE_WIDTH, strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChartExpandModal_module.default.body, ref: bodyRef, children: isReady ? children : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChartExpandModal_module.default.loading, children: "Loading chart..." }) }),
+      resizable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChartExpandModal_module.default.resizeHandle, onMouseDown: handleResizeStart, onTouchStart: handleResizeStart, children: /* @__PURE__ */ jsxRuntime.jsx("span", {}) })
+    ] }) }),
+    document.body
+  );
+};
+exports.ChartExpandModal = ChartExpandModal;
 //# sourceMappingURL=index12.cjs.map

package/dist/index12.cjs.map

@@ -1 +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;;"}
+{"version":3,"file":"index12.cjs","sources":["../src/composites/ChartExpandModal/ChartExpandModal.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { CHART_MODAL, VIEWPORT_MARGIN, ICON_SIZE, SVG_VIEWBOX, SVG_STROKE_WIDTH } from '../../constants';\nimport clsx from 'clsx';\nimport styles from './ChartExpandModal.module.css';\n\nexport interface ChartExpandModalProps {\n  /** Title displayed in the modal header. */\n  title: string;\n  /** Content to render inside the modal body. */\n  children: ReactNode;\n  /** Called when the modal should close. */\n  onClose: () => void;\n  /** Enable resize handles on the modal. */\n  resizable?: boolean;\n  /** Default modal dimensions in pixels. */\n  defaultSize?: { width?: number; height?: number };\n  /** Additional actions rendered in the header. */\n  actions?: ReactNode;\n}\n\nconst getInitialSize = (override?: { width?: number; height?: number }) => {\n  if (typeof window === 'undefined') {\n    return {\n      width: override?.width ?? CHART_MODAL.FALLBACK_WIDTH,\n      height: override?.height ?? CHART_MODAL.FALLBACK_HEIGHT,\n    };\n  }\n  const w = Math.min(override?.width ?? CHART_MODAL.DEFAULT_WIDTH, window.innerWidth - VIEWPORT_MARGIN);\n  const h = Math.min(override?.height ?? CHART_MODAL.DEFAULT_HEIGHT, window.innerHeight - VIEWPORT_MARGIN);\n  return { width: Math.max(w, CHART_MODAL.MIN_WIDTH), height: Math.max(h, CHART_MODAL.MIN_HEIGHT) };\n};\n\nexport const ChartExpandModal = ({\n  title,\n  children,\n  onClose,\n  resizable = false,\n  defaultSize,\n  actions,\n}: ChartExpandModalProps) => {\n  const [size, setSize] = useState(() => getInitialSize(defaultSize));\n  const [isReady, setIsReady] = useState(false);\n  const bodyRef = useRef<HTMLDivElement>(null);\n\n  useEscapeKey(onClose);\n\n  useEffect(() => {\n    if (!resizable) return;\n    const handleResize = () => setSize(getInitialSize(defaultSize));\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [resizable, defaultSize]);\n\n  useEffect(() => {\n    const check = () => {\n      const body = bodyRef.current;\n      if (body && body.clientWidth > 0 && body.clientHeight > 0) {\n        setIsReady(true);\n      } else {\n        requestAnimationFrame(check);\n      }\n    };\n    requestAnimationFrame(check);\n  }, []);\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent | React.TouchEvent) => {\n      if (!resizable || typeof window === 'undefined') return;\n      e.preventDefault();\n      const startX = 'touches' in e ? e.touches[0]?.clientX ?? 0 : e.clientX;\n      const startY = 'touches' in e ? e.touches[0]?.clientY ?? 0 : e.clientY;\n      const startW = size.width;\n      const startH = size.height;\n\n      const handleMove = (ev: MouseEvent | TouchEvent) => {\n        const cx = ev instanceof TouchEvent ? ev.touches[0]?.clientX ?? 0 : (ev as MouseEvent).clientX;\n        const cy = ev instanceof TouchEvent ? ev.touches[0]?.clientY ?? 0 : (ev as MouseEvent).clientY;\n        const maxW = Math.min(window.innerWidth - VIEWPORT_MARGIN, CHART_MODAL.MAX_WIDTH);\n        const maxH = Math.min(window.innerHeight - VIEWPORT_MARGIN, CHART_MODAL.MAX_HEIGHT);\n        setSize({\n          width: Math.min(Math.max(startW + (cx - startX), CHART_MODAL.MIN_WIDTH), maxW),\n          height: Math.min(Math.max(startH + (cy - startY), CHART_MODAL.MIN_HEIGHT), maxH),\n        });\n      };\n\n      const handleUp = () => {\n        window.removeEventListener('mousemove', handleMove);\n        window.removeEventListener('mouseup', handleUp);\n        window.removeEventListener('touchmove', handleMove as EventListener);\n        window.removeEventListener('touchend', handleUp);\n      };\n\n      window.addEventListener('mousemove', handleMove);\n      window.addEventListener('mouseup', handleUp);\n      window.addEventListener('touchmove', handleMove as EventListener, { passive: false });\n      window.addEventListener('touchend', handleUp);\n    },\n    [resizable, size],\n  );\n\n  if (typeof document === 'undefined') return null;\n\n  const modalStyle = resizable ? { width: `${size.width}px`, height: `${size.height}px` } : undefined;\n\n  return createPortal(\n    <div className={styles.overlay} role=\"dialog\" aria-modal=\"true\">\n      <div className={clsx(styles.modal, { [styles.resizable]: resizable })} style={modalStyle}>\n        <header className={styles.header}>\n          <h2 className={styles.title}>{title}</h2>\n          <div className={styles.headerActions}>\n            {actions}\n            <button type=\"button\" className={styles.close} onClick={onClose} aria-label=\"Close expanded chart\">\n              <svg width={ICON_SIZE.LG} height={ICON_SIZE.LG} viewBox={SVG_VIEWBOX} fill=\"none\" stroke=\"currentColor\" strokeWidth={SVG_STROKE_WIDTH} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              </svg>\n            </button>\n          </div>\n        </header>\n        <div className={styles.body} ref={bodyRef}>\n          {isReady ? children : <div className={styles.loading}>Loading chart...</div>}\n        </div>\n        {resizable && (\n          <div className={styles.resizeHandle} onMouseDown={handleResizeStart} onTouchStart={handleResizeStart}>\n            <span />\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body,\n  );\n};\n"],"names":["CHART_MODAL","VIEWPORT_MARGIN","useState","useRef","useEscapeKey","useEffect","useCallback","_a","_b","createPortal","jsx","styles","jsxs","clsx","ICON_SIZE","SVG_VIEWBOX","SVG_STROKE_WIDTH"],"mappings":";;;;;;;;;AAsBA,MAAM,iBAAiB,CAAC,aAAmD;AACzE,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO;AAAA,MACL,QAAO,qCAAU,UAASA,UAAAA,YAAY;AAAA,MACtC,SAAQ,qCAAU,WAAUA,sBAAY;AAAA,IAAA;AAAA,EAE5C;AACA,QAAM,IAAI,KAAK,KAAI,qCAAU,UAASA,UAAAA,YAAY,eAAe,OAAO,aAAaC,yBAAe;AACpG,QAAM,IAAI,KAAK,KAAI,qCAAU,WAAUD,UAAAA,YAAY,gBAAgB,OAAO,cAAcC,yBAAe;AACvG,SAAO,EAAE,OAAO,KAAK,IAAI,GAAGD,UAAAA,YAAY,SAAS,GAAG,QAAQ,KAAK,IAAI,GAAGA,UAAAA,YAAY,UAAU,EAAA;AAChG;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,CAAC,MAAM,OAAO,IAAIE,MAAAA,SAAS,MAAM,eAAe,WAAW,CAAC;AAClE,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAM,UAAUC,MAAAA,OAAuB,IAAI;AAE3CC,eAAAA,aAAa,OAAO;AAEpBC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,UAAM,eAAe,MAAM,QAAQ,eAAe,WAAW,CAAC;AAC9D,WAAO,iBAAiB,UAAU,YAAY;AAC9C,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAC,WAAW,WAAW,CAAC;AAE3BA,QAAAA,UAAU,MAAM;AACd,UAAM,QAAQ,MAAM;AAClB,YAAM,OAAO,QAAQ;AACrB,UAAI,QAAQ,KAAK,cAAc,KAAK,KAAK,eAAe,GAAG;AACzD,mBAAW,IAAI;AAAA,MACjB,OAAO;AACL,8BAAsB,KAAK;AAAA,MAC7B;AAAA,IACF;AACA,0BAAsB,KAAK;AAAA,EAC7B,GAAG,CAAA,CAAE;AAEL,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,CAAC,MAA2C;;AAC1C,UAAI,CAAC,aAAa,OAAO,WAAW,YAAa;AACjD,QAAE,eAAA;AACF,YAAM,SAAS,aAAa,MAAI,OAAE,QAAQ,CAAC,MAAX,mBAAc,YAAW,IAAI,EAAE;AAC/D,YAAM,SAAS,aAAa,MAAI,OAAE,QAAQ,CAAC,MAAX,mBAAc,YAAW,IAAI,EAAE;AAC/D,YAAM,SAAS,KAAK;AACpB,YAAM,SAAS,KAAK;AAEpB,YAAM,aAAa,CAAC,OAAgC;;AAClD,cAAM,KAAK,cAAc,eAAaC,MAAA,GAAG,QAAQ,CAAC,MAAZ,gBAAAA,IAAe,YAAW,IAAK,GAAkB;AACvF,cAAM,KAAK,cAAc,eAAaC,MAAA,GAAG,QAAQ,CAAC,MAAZ,gBAAAA,IAAe,YAAW,IAAK,GAAkB;AACvF,cAAM,OAAO,KAAK,IAAI,OAAO,aAAaP,UAAAA,iBAAiBD,UAAAA,YAAY,SAAS;AAChF,cAAM,OAAO,KAAK,IAAI,OAAO,cAAcC,UAAAA,iBAAiBD,UAAAA,YAAY,UAAU;AAClF,gBAAQ;AAAA,UACN,OAAO,KAAK,IAAI,KAAK,IAAI,UAAU,KAAK,SAASA,UAAAA,YAAY,SAAS,GAAG,IAAI;AAAA,UAC7E,QAAQ,KAAK,IAAI,KAAK,IAAI,UAAU,KAAK,SAASA,sBAAY,UAAU,GAAG,IAAI;AAAA,QAAA,CAChF;AAAA,MACH;AAEA,YAAM,WAAW,MAAM;AACrB,eAAO,oBAAoB,aAAa,UAAU;AAClD,eAAO,oBAAoB,WAAW,QAAQ;AAC9C,eAAO,oBAAoB,aAAa,UAA2B;AACnE,eAAO,oBAAoB,YAAY,QAAQ;AAAA,MACjD;AAEA,aAAO,iBAAiB,aAAa,UAAU;AAC/C,aAAO,iBAAiB,WAAW,QAAQ;AAC3C,aAAO,iBAAiB,aAAa,YAA6B,EAAE,SAAS,OAAO;AACpF,aAAO,iBAAiB,YAAY,QAAQ;AAAA,IAC9C;AAAA,IACA,CAAC,WAAW,IAAI;AAAA,EAAA;AAGlB,MAAI,OAAO,aAAa,YAAa,QAAO;AAE5C,QAAM,aAAa,YAAY,EAAE,OAAO,GAAG,KAAK,KAAK,MAAM,QAAQ,GAAG,KAAK,MAAM,SAAS;AAE1F,SAAOS,SAAAA;AAAAA,IACLC,2BAAAA,IAAC,OAAA,EAAI,WAAWC,wBAAAA,QAAO,SAAS,MAAK,UAAS,cAAW,QACvD,UAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKF,gCAAO,OAAO,EAAE,CAACA,wBAAAA,QAAO,SAAS,GAAG,UAAA,CAAW,GAAG,OAAO,YAC5E,UAAA;AAAA,MAAAC,2BAAAA,KAAC,UAAA,EAAO,WAAWD,wBAAAA,QAAO,QACxB,UAAA;AAAA,QAAAD,2BAAAA,IAAC,MAAA,EAAG,WAAWC,wBAAAA,QAAO,OAAQ,UAAA,OAAM;AAAA,QACpCC,2BAAAA,KAAC,OAAA,EAAI,WAAWD,wBAAAA,QAAO,eACpB,UAAA;AAAA,UAAA;AAAA,UACDD,2BAAAA,IAAC,UAAA,EAAO,MAAK,UAAS,WAAWC,wBAAAA,QAAO,OAAO,SAAS,SAAS,cAAW,wBAC1E,UAAAC,2BAAAA,KAAC,SAAI,OAAOE,UAAAA,UAAU,IAAI,QAAQA,UAAAA,UAAU,IAAI,SAASC,UAAAA,aAAa,MAAK,QAAO,QAAO,gBAAe,aAAaC,UAAAA,kBAAkB,eAAc,SAAQ,gBAAe,SAC1K,UAAA;AAAA,YAAAN,2BAAAA,IAAC,QAAA,EAAK,IAAG,MAAK,IAAG,KAAI,IAAG,KAAI,IAAG,KAAA,CAAK;AAAA,YACpCA,2BAAAA,IAAC,UAAK,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,UAAA,EAAA,CACtC,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MACAA,+BAAC,OAAA,EAAI,WAAWC,wBAAAA,QAAO,MAAM,KAAK,SAC/B,UAAA,UAAU,0CAAY,OAAA,EAAI,WAAWA,wBAAAA,QAAO,SAAS,8BAAgB,GACxE;AAAA,MACC,aACCD,2BAAAA,IAAC,OAAA,EAAI,WAAWC,wBAAAA,QAAO,cAAc,aAAa,mBAAmB,cAAc,mBACjF,UAAAD,2BAAAA,IAAC,QAAA,CAAA,CAAK,EAAA,CACR;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAAA,IACA,SAAS;AAAA,EAAA;AAEb;;"}