@ktnpm_devops/react-component 0.3.0 → 0.4.0

package/dist/index.cjs

@@ -14,26 +14,28 @@ const Button = require("./index12.cjs");
 const Card = require("./index13.cjs");
 const ChartExpandModal = require("./index14.cjs");
 const ChatLayout = require("./index15.cjs");
-const ContextMenu = require("./index16.cjs");
-const CounterTimeseriesChart = require("./index17.cjs");
-const CountersAnalysisCard = require("./index18.cjs");
-const CustomRangePicker = require("./index19.cjs");
-const DashboardLayout = require("./index20.cjs");
-const Input = require("./index21.cjs");
-const LiveExplorerTable = require("./index22.cjs");
-const Modal = require("./index23.cjs");
-const MultiSelectDropdown = require("./index24.cjs");
-const NavItem = require("./index25.cjs");
-const ResizableSplitPanel = require("./index26.cjs");
-const SankeyChartCard = require("./index27.cjs");
-const Select = require("./index28.cjs");
-const SettingsLayout = require("./index29.cjs");
-const Sidebar = require("./index30.cjs");
-const SingleSelectDropdown = require("./index31.cjs");
-const StackedBarChartCard = require("./index32.cjs");
-const Table = require("./index33.cjs");
-const TemporalTrendChartCard = require("./index34.cjs");
-const Textarea = require("./index35.cjs");
+const Col = require("./index16.cjs");
+const ContextMenu = require("./index17.cjs");
+const CounterTimeseriesChart = require("./index18.cjs");
+const CountersAnalysisCard = require("./index19.cjs");
+const CustomRangePicker = require("./index20.cjs");
+const DashboardLayout = require("./index21.cjs");
+const Input = require("./index22.cjs");
+const LiveExplorerTable = require("./index23.cjs");
+const Modal = require("./index24.cjs");
+const MultiSelectDropdown = require("./index25.cjs");
+const NavItem = require("./index26.cjs");
+const ResizableSplitPanel = require("./index27.cjs");
+const Row = require("./index28.cjs");
+const SankeyChartCard = require("./index29.cjs");
+const Select = require("./index30.cjs");
+const SettingsLayout = require("./index31.cjs");
+const Sidebar = require("./index32.cjs");
+const SingleSelectDropdown = require("./index33.cjs");
+const StackedBarChartCard = require("./index34.cjs");
+const Table = require("./index35.cjs");
+const TemporalTrendChartCard = require("./index36.cjs");
+const Textarea = require("./index37.cjs");
 exports.orbitTokens = tokens.orbitTokens;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useEscapeKey = useEscapeKey.useEscapeKey;
@@ -61,6 +63,7 @@ exports.CardFooter = Card.CardFooter;
 exports.CardHeader = Card.CardHeader;
 exports.ChartExpandModal = ChartExpandModal.ChartExpandModal;
 exports.ChatLayout = ChatLayout.ChatLayout;
+exports.Col = Col.Col;
 exports.ContextMenu = ContextMenu.ContextMenu;
 exports.CounterTimeseriesChart = CounterTimeseriesChart.CounterTimeseriesChart;
 exports.CountersAnalysisCard = CountersAnalysisCard.CountersAnalysisCard;
@@ -72,6 +75,7 @@ exports.Modal = Modal.Modal;
 exports.MultiSelectDropdown = MultiSelectDropdown.MultiSelectDropdown;
 exports.NavItem = NavItem.NavItem;
 exports.ResizableSplitPanel = ResizableSplitPanel.ResizableSplitPanel;
+exports.Row = Row.Row;
 exports.SankeyChartCard = SankeyChartCard.SankeyChartCard;
 exports.Select = Select.Select;
 exports.SettingsLayout = SettingsLayout.SettingsLayout;

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

@@ -20,6 +20,10 @@ export { Avatar } from './primitives/Avatar';
 export type { AvatarProps, AvatarSize } from './primitives/Avatar';
 export { NavItem } from './primitives/NavItem';
 export type { NavItemProps } from './primitives/NavItem';
+export { Row } from './primitives/Row';
+export type { RowProps, RowGap, RowAlign, RowJustify } from './primitives/Row';
+export { Col } from './primitives/Col';
+export type { ColProps } from './primitives/Col';
 export { MultiSelectDropdown } from './composites/MultiSelectDropdown';
 export type { MultiSelectDropdownProps, MultiSelectOption } from './composites/MultiSelectDropdown';
 export { SingleSelectDropdown } from './composites/SingleSelectDropdown';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -12,26 +12,28 @@ import { Button } from "./index12.js";
 import { Card, CardContent, CardFooter, CardHeader } from "./index13.js";
 import { ChartExpandModal } from "./index14.js";
 import { ChatLayout } from "./index15.js";
-import { ContextMenu } from "./index16.js";
-import { CounterTimeseriesChart } from "./index17.js";
-import { CountersAnalysisCard } from "./index18.js";
-import { CustomRangePicker } from "./index19.js";
-import { DashboardLayout } from "./index20.js";
-import { Input } from "./index21.js";
-import { LiveExplorerTable } from "./index22.js";
-import { Modal } from "./index23.js";
-import { MultiSelectDropdown } from "./index24.js";
-import { NavItem } from "./index25.js";
-import { ResizableSplitPanel } from "./index26.js";
-import { SankeyChartCard } from "./index27.js";
-import { Select } from "./index28.js";
-import { SettingsLayout } from "./index29.js";
-import { Sidebar, useSidebarContext } from "./index30.js";
-import { SingleSelectDropdown } from "./index31.js";
-import { StackedBarChartCard } from "./index32.js";
-import { Table, TableContainer } from "./index33.js";
-import { TemporalTrendChartCard } from "./index34.js";
-import { Textarea } from "./index35.js";
+import { Col } from "./index16.js";
+import { ContextMenu } from "./index17.js";
+import { CounterTimeseriesChart } from "./index18.js";
+import { CountersAnalysisCard } from "./index19.js";
+import { CustomRangePicker } from "./index20.js";
+import { DashboardLayout } from "./index21.js";
+import { Input } from "./index22.js";
+import { LiveExplorerTable } from "./index23.js";
+import { Modal } from "./index24.js";
+import { MultiSelectDropdown } from "./index25.js";
+import { NavItem } from "./index26.js";
+import { ResizableSplitPanel } from "./index27.js";
+import { Row } from "./index28.js";
+import { SankeyChartCard } from "./index29.js";
+import { Select } from "./index30.js";
+import { SettingsLayout } from "./index31.js";
+import { Sidebar, useSidebarContext } from "./index32.js";
+import { SingleSelectDropdown } from "./index33.js";
+import { StackedBarChartCard } from "./index34.js";
+import { Table, TableContainer } from "./index35.js";
+import { TemporalTrendChartCard } from "./index36.js";
+import { Textarea } from "./index37.js";
 export {
   AuthLayout,
   Avatar,
@@ -43,6 +45,7 @@ export {
   CardHeader,
   ChartExpandModal,
   ChatLayout,
+  Col,
   ContextMenu,
   CounterTimeseriesChart,
   CountersAnalysisCard,
@@ -54,6 +57,7 @@ export {
   MultiSelectDropdown,
   NavItem,
   ResizableSplitPanel,
+  Row,
   SankeyChartCard,
   Select,
   SettingsLayout,

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index36.cjs");
-const Avatar_module = require("./index59.cjs");
+const clsx = require("./index38.cjs");
+const Avatar_module = require("./index41.cjs");
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/index10.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "./index36.js";
-import styles from "./index59.js";
+import { clsx } from "./index38.js";
+import styles from "./index41.js";
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsx(

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("./index36.cjs");
-const Badge_module = require("./index46.cjs");
+const clsx = require("./index38.cjs");
+const Badge_module = require("./index58.cjs");
 const Badge = ({ className, variant = "info", ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(Badge_module.default.root, Badge_module.default[variant], className), ...props });
 exports.Badge = Badge;
 //# sourceMappingURL=index11.cjs.map

package/dist/index11.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "./index36.js";
-import styles from "./index46.js";
+import { clsx } from "./index38.js";
+import styles from "./index58.js";
 const Badge = ({ className, variant = "info", ...props }) => /* @__PURE__ */ jsx("span", { className: clsx(styles.root, styles[variant], className), ...props });
 export {
   Badge

package/dist/index12.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("./index36.cjs");
-const Button_module = require("./index58.cjs");
+const clsx = require("./index38.cjs");
+const Button_module = require("./index44.cjs");
 const Button = react.forwardRef(
   ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",

package/dist/index12.js

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

package/dist/index13.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index36.cjs");
-const Card_module = require("./index38.cjs");
+const clsx = require("./index38.cjs");
+const Card_module = require("./index39.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/index13.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "./index36.js";
-import styles from "./index38.js";
+import { clsx } from "./index38.js";
+import styles from "./index39.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/index14.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactDom = require("react-dom");
 const useEscapeKey = require("./index5.cjs");
-const constants = require("./index39.cjs");
-const clsx = require("./index36.cjs");
-const ChartExpandModal_module = require("./index44.cjs");
+const constants = require("./index48.cjs");
+const clsx = require("./index38.cjs");
+const ChartExpandModal_module = require("./index51.cjs");
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index14.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { createPortal } from "react-dom";
 import { useEscapeKey } from "./index5.js";
-import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE, CHART_MODAL, VIEWPORT_MARGIN } from "./index39.js";
-import { clsx } from "./index36.js";
-import styles from "./index44.js";
+import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE, CHART_MODAL, VIEWPORT_MARGIN } from "./index48.js";
+import { clsx } from "./index38.js";
+import styles from "./index51.js";
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index15.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index36.cjs");
-const ChatLayout_module = require("./index64.cjs");
+const clsx = require("./index38.cjs");
+const ChatLayout_module = require("./index47.cjs");
 const ChatLayout = ({
   sidebar,
   conversationList,

package/dist/index15.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { clsx } from "./index36.js";
-import styles from "./index64.js";
+import { clsx } from "./index38.js";
+import styles from "./index47.js";
 const ChatLayout = ({
   sidebar,
   conversationList,

package/dist/index16.cjs

@@ -2,93 +2,46 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const reactDom = require("react-dom");
-const useEscapeKey = require("./index5.cjs");
-const constants = require("./index39.cjs");
-const clsx = require("./index36.cjs");
-const ContextMenu_module = require("./index45.cjs");
-const ContextMenu = ({ x, y, items, onClose }) => {
-  const menuRef = react.useRef(null);
-  const [focusedIndex, setFocusedIndex] = react.useState(-1);
-  useEscapeKey.useEscapeKey(onClose);
-  const adjustPosition = react.useCallback(() => {
-    if (!menuRef.current) return;
-    const rect = menuRef.current.getBoundingClientRect();
-    const vw = window.innerWidth;
-    const vh = window.innerHeight;
-    let ax = x;
-    let ay = y;
-    if (x + rect.width > vw - constants.CONTEXT_MENU_MARGIN) ax = vw - rect.width - constants.CONTEXT_MENU_MARGIN;
-    if (y + rect.height > vh - constants.CONTEXT_MENU_MARGIN) ay = vh - rect.height - constants.CONTEXT_MENU_MARGIN;
-    menuRef.current.style.left = `${ax}px`;
-    menuRef.current.style.top = `${ay}px`;
-  }, [x, y]);
-  react.useEffect(() => {
-    adjustPosition();
-  }, [adjustPosition]);
-  react.useEffect(() => {
-    const handleClick = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
-    };
-    const handleScroll = () => onClose();
-    document.addEventListener("mousedown", handleClick);
-    window.addEventListener("scroll", handleScroll, true);
-    return () => {
-      document.removeEventListener("mousedown", handleClick);
-      window.removeEventListener("scroll", handleScroll, true);
-    };
-  }, [onClose]);
-  const handleItemClick = (item) => {
-    if (item.disabled) return;
-    item.onClick();
-    onClose();
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      setFocusedIndex((prev) => Math.min(prev + 1, items.length - 1));
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      setFocusedIndex((prev) => Math.max(prev - 1, 0));
-    } else if (e.key === "Enter" && focusedIndex >= 0 && focusedIndex < items.length) {
-      e.preventDefault();
-      handleItemClick(items[focusedIndex]);
+const clsx = require("./index38.cjs");
+const Col_module = require("./index43.cjs");
+const GRID_COLUMNS = 12;
+function toFlexValue(value) {
+  if (value === true) return 1;
+  if (typeof value === "number") return value;
+  return void 0;
+}
+const Col = react.forwardRef(
+  ({ span, offset, grow, shrink, basis, className, style, children, ...props }, ref) => {
+    const inlineStyle = { ...style };
+    if (span !== void 0) {
+      inlineStyle.width = `${span / GRID_COLUMNS * 100}%`;
     }
-  };
-  if (typeof document === "undefined") return null;
-  return reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx(
+    if (offset !== void 0) {
+      inlineStyle.marginLeft = `${offset / GRID_COLUMNS * 100}%`;
+    }
+    const growValue = toFlexValue(grow);
+    if (growValue !== void 0) {
+      inlineStyle.flexGrow = growValue;
+    }
+    const shrinkValue = toFlexValue(shrink);
+    if (shrinkValue !== void 0) {
+      inlineStyle.flexShrink = shrinkValue;
+    }
+    if (basis !== void 0) {
+      inlineStyle.flexBasis = basis;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        ref: menuRef,
-        className: ContextMenu_module.default.root,
-        style: { left: x, top: y },
-        role: "menu",
-        "aria-label": "Context menu",
-        onKeyDown: handleKeyDown,
-        children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            className: clsx.clsx(ContextMenu_module.default.item, {
-              [ContextMenu_module.default.disabled]: item.disabled,
-              [ContextMenu_module.default.focused]: i === focusedIndex
-            }),
-            onClick: () => handleItemClick(item),
-            role: "menuitem",
-            "aria-disabled": item.disabled || void 0,
-            tabIndex: i === focusedIndex ? 0 : -1,
-            children: [
-              item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ContextMenu_module.default.icon, children: item.icon }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
-            ]
-          },
-          item.label
-        ))
+        ref,
+        className: clsx.clsx(Col_module.default.root, className),
+        style: inlineStyle,
+        ...props,
+        children
       }
-    ),
-    document.body
-  );
-};
-exports.ContextMenu = ContextMenu;
+    );
+  }
+);
+Col.displayName = "Col";
+exports.Col = Col;
 //# sourceMappingURL=index16.cjs.map

package/dist/index16.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index16.cjs","sources":["../src/composites/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useCallback, useState, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { CONTEXT_MENU_MARGIN } from '../../constants';\nimport clsx from 'clsx';\nimport styles from './ContextMenu.module.css';\n\nexport interface ContextMenuItem {\n  label: string;\n  icon?: ReactNode;\n  onClick: () => void;\n  disabled?: boolean;\n}\n\nexport interface ContextMenuProps {\n  /** Horizontal position (px from left). */\n  x: number;\n  /** Vertical position (px from top). */\n  y: number;\n  /** Menu items to render. */\n  items: ContextMenuItem[];\n  /** Called when the menu should close. */\n  onClose: () => void;\n}\n\nexport const ContextMenu = ({ x, y, items, onClose }: ContextMenuProps) => {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n\n  useEscapeKey(onClose);\n\n  const adjustPosition = useCallback(() => {\n    if (!menuRef.current) return;\n    const rect = menuRef.current.getBoundingClientRect();\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n    let ax = x;\n    let ay = y;\n    if (x + rect.width > vw - CONTEXT_MENU_MARGIN) ax = vw - rect.width - CONTEXT_MENU_MARGIN;\n    if (y + rect.height > vh - CONTEXT_MENU_MARGIN) ay = vh - rect.height - CONTEXT_MENU_MARGIN;\n    menuRef.current.style.left = `${ax}px`;\n    menuRef.current.style.top = `${ay}px`;\n  }, [x, y]);\n\n  useEffect(() => { adjustPosition(); }, [adjustPosition]);\n\n  useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) onClose();\n    };\n    const handleScroll = () => onClose();\n    document.addEventListener('mousedown', handleClick);\n    window.addEventListener('scroll', handleScroll, true);\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n      window.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [onClose]);\n\n  const handleItemClick = (item: ContextMenuItem) => {\n    if (item.disabled) return;\n    item.onClick();\n    onClose();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setFocusedIndex((prev) => Math.min(prev + 1, items.length - 1));\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      setFocusedIndex((prev) => Math.max(prev - 1, 0));\n    } else if (e.key === 'Enter' && focusedIndex >= 0 && focusedIndex < items.length) {\n      e.preventDefault();\n      handleItemClick(items[focusedIndex]);\n    }\n  };\n\n  if (typeof document === 'undefined') return null;\n\n  return createPortal(\n    <div\n      ref={menuRef}\n      className={styles.root}\n      style={{ left: x, top: y }}\n      role=\"menu\"\n      aria-label=\"Context menu\"\n      onKeyDown={handleKeyDown}\n    >\n      {items.map((item, i) => (\n        <button\n          key={item.label}\n          type=\"button\"\n          className={clsx(styles.item, {\n            [styles.disabled]: item.disabled,\n            [styles.focused]: i === focusedIndex,\n          })}\n          onClick={() => handleItemClick(item)}\n          role=\"menuitem\"\n          aria-disabled={item.disabled || undefined}\n          tabIndex={i === focusedIndex ? 0 : -1}\n        >\n          {item.icon && <span className={styles.icon}>{item.icon}</span>}\n          <span>{item.label}</span>\n        </button>\n      ))}\n    </div>,\n    document.body,\n  );\n};\n"],"names":["useRef","useState","useEscapeKey","useCallback","CONTEXT_MENU_MARGIN","useEffect","createPortal","jsx","styles","jsxs","clsx"],"mappings":"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"}
+{"version":3,"file":"index16.cjs","sources":["../src/primitives/Col/Col.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { ColProps } from './Col.types';\nimport styles from './Col.module.css';\n\nconst GRID_COLUMNS = 12;\n\nfunction toFlexValue(value: boolean | number | undefined): number | undefined {\n  if (value === true) return 1;\n  if (typeof value === 'number') return value;\n  return undefined;\n}\n\nexport const Col = forwardRef<HTMLDivElement, ColProps>(\n  ({ span, offset, grow, shrink, basis, className, style, children, ...props }, ref) => {\n    const inlineStyle: React.CSSProperties = { ...style };\n\n    if (span !== undefined) {\n      inlineStyle.width = `${(span / GRID_COLUMNS) * 100}%`;\n    }\n\n    if (offset !== undefined) {\n      inlineStyle.marginLeft = `${(offset / GRID_COLUMNS) * 100}%`;\n    }\n\n    const growValue = toFlexValue(grow);\n    if (growValue !== undefined) {\n      inlineStyle.flexGrow = growValue;\n    }\n\n    const shrinkValue = toFlexValue(shrink);\n    if (shrinkValue !== undefined) {\n      inlineStyle.flexShrink = shrinkValue;\n    }\n\n    if (basis !== undefined) {\n      inlineStyle.flexBasis = basis;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.root, className)}\n        style={inlineStyle}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCol.displayName = 'Col';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAKA,MAAM,eAAe;AAErB,SAAS,YAAY,OAAyD;AAC5E,MAAI,UAAU,KAAM,QAAO;AAC3B,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,SAAO;AACT;AAEO,MAAM,MAAMA,MAAAA;AAAAA,EACjB,CAAC,EAAE,MAAM,QAAQ,MAAM,QAAQ,OAAO,WAAW,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACpF,UAAM,cAAmC,EAAE,GAAG,MAAA;AAE9C,QAAI,SAAS,QAAW;AACtB,kBAAY,QAAQ,GAAI,OAAO,eAAgB,GAAG;AAAA,IACpD;AAEA,QAAI,WAAW,QAAW;AACxB,kBAAY,aAAa,GAAI,SAAS,eAAgB,GAAG;AAAA,IAC3D;AAEA,UAAM,YAAY,YAAY,IAAI;AAClC,QAAI,cAAc,QAAW;AAC3B,kBAAY,WAAW;AAAA,IACzB;AAEA,UAAM,cAAc,YAAY,MAAM;AACtC,QAAI,gBAAgB,QAAW;AAC7B,kBAAY,aAAa;AAAA,IAC3B;AAEA,QAAI,UAAU,QAAW;AACvB,kBAAY,YAAY;AAAA,IAC1B;AAEA,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,KAAAA,KAAKC,mBAAO,MAAM,SAAS;AAAA,QACtC,OAAO;AAAA,QACN,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA,IAAI,cAAc;;"}

package/dist/index16.js

@@ -1,94 +1,47 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useCallback, useEffect } from "react";
-import { createPortal } from "react-dom";
-import { useEscapeKey } from "./index5.js";
-import { CONTEXT_MENU_MARGIN } from "./index39.js";
-import { clsx } from "./index36.js";
-import styles from "./index45.js";
-const ContextMenu = ({ x, y, items, onClose }) => {
-  const menuRef = useRef(null);
-  const [focusedIndex, setFocusedIndex] = useState(-1);
-  useEscapeKey(onClose);
-  const adjustPosition = useCallback(() => {
-    if (!menuRef.current) return;
-    const rect = menuRef.current.getBoundingClientRect();
-    const vw = window.innerWidth;
-    const vh = window.innerHeight;
-    let ax = x;
-    let ay = y;
-    if (x + rect.width > vw - CONTEXT_MENU_MARGIN) ax = vw - rect.width - CONTEXT_MENU_MARGIN;
-    if (y + rect.height > vh - CONTEXT_MENU_MARGIN) ay = vh - rect.height - CONTEXT_MENU_MARGIN;
-    menuRef.current.style.left = `${ax}px`;
-    menuRef.current.style.top = `${ay}px`;
-  }, [x, y]);
-  useEffect(() => {
-    adjustPosition();
-  }, [adjustPosition]);
-  useEffect(() => {
-    const handleClick = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
-    };
-    const handleScroll = () => onClose();
-    document.addEventListener("mousedown", handleClick);
-    window.addEventListener("scroll", handleScroll, true);
-    return () => {
-      document.removeEventListener("mousedown", handleClick);
-      window.removeEventListener("scroll", handleScroll, true);
-    };
-  }, [onClose]);
-  const handleItemClick = (item) => {
-    if (item.disabled) return;
-    item.onClick();
-    onClose();
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      setFocusedIndex((prev) => Math.min(prev + 1, items.length - 1));
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      setFocusedIndex((prev) => Math.max(prev - 1, 0));
-    } else if (e.key === "Enter" && focusedIndex >= 0 && focusedIndex < items.length) {
-      e.preventDefault();
-      handleItemClick(items[focusedIndex]);
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "./index38.js";
+import styles from "./index43.js";
+const GRID_COLUMNS = 12;
+function toFlexValue(value) {
+  if (value === true) return 1;
+  if (typeof value === "number") return value;
+  return void 0;
+}
+const Col = forwardRef(
+  ({ span, offset, grow, shrink, basis, className, style, children, ...props }, ref) => {
+    const inlineStyle = { ...style };
+    if (span !== void 0) {
+      inlineStyle.width = `${span / GRID_COLUMNS * 100}%`;
     }
-  };
-  if (typeof document === "undefined") return null;
-  return createPortal(
-    /* @__PURE__ */ jsx(
+    if (offset !== void 0) {
+      inlineStyle.marginLeft = `${offset / GRID_COLUMNS * 100}%`;
+    }
+    const growValue = toFlexValue(grow);
+    if (growValue !== void 0) {
+      inlineStyle.flexGrow = growValue;
+    }
+    const shrinkValue = toFlexValue(shrink);
+    if (shrinkValue !== void 0) {
+      inlineStyle.flexShrink = shrinkValue;
+    }
+    if (basis !== void 0) {
+      inlineStyle.flexBasis = basis;
+    }
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        ref: menuRef,
-        className: styles.root,
-        style: { left: x, top: y },
-        role: "menu",
-        "aria-label": "Context menu",
-        onKeyDown: handleKeyDown,
-        children: items.map((item, i) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: clsx(styles.item, {
-              [styles.disabled]: item.disabled,
-              [styles.focused]: i === focusedIndex
-            }),
-            onClick: () => handleItemClick(item),
-            role: "menuitem",
-            "aria-disabled": item.disabled || void 0,
-            tabIndex: i === focusedIndex ? 0 : -1,
-            children: [
-              item.icon && /* @__PURE__ */ jsx("span", { className: styles.icon, children: item.icon }),
-              /* @__PURE__ */ jsx("span", { children: item.label })
-            ]
-          },
-          item.label
-        ))
+        ref,
+        className: clsx(styles.root, className),
+        style: inlineStyle,
+        ...props,
+        children
       }
-    ),
-    document.body
-  );
-};
+    );
+  }
+);
+Col.displayName = "Col";
 export {
-  ContextMenu
+  Col
 };
 //# sourceMappingURL=index16.js.map