@ktnpm_devops/react-component 0.12.0 → 0.12.1

package/dist/index102.cjs

@@ -1,42 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pttoq";
-const header = "krc-header-npqnm";
-const title = "krc-title-Nho7q";
-const headerActions = "krc-headerActions-ealva";
-const toolbar = "krc-toolbar-JDGNF";
-const warning = "krc-warning-zk0fc";
-const chartContainer = "krc-chartContainer-9YPrR";
-const loading = "krc-loading-kZWgE";
-const empty = "krc-empty-JDNOq";
-const error = "krc-error-IULEe";
-const retryButton = "krc-retryButton-GvyS0";
-const compact = "krc-compact-bzibR";
+const root = "krc-root-rzEDE";
+const sidebar = "krc-sidebar-ediN2";
+const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
+const main = "krc-main-E8utR";
+const filterBar = "krc-filterBar-O8ajX";
+const content = "krc-content-lY5l-";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  chartContainer,
-  loading,
-  empty,
-  error,
-  retryButton,
-  compact
+  sidebar,
+  sidebarCollapsed,
+  main,
+  filterBar,
+  content
 };
-exports.chartContainer = chartContainer;
-exports.compact = compact;
+exports.content = content;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.loading = loading;
-exports.retryButton = retryButton;
+exports.filterBar = filterBar;
+exports.main = main;
 exports.root = root;
-exports.title = title;
-exports.toolbar = toolbar;
-exports.warning = warning;
+exports.sidebar = sidebar;
+exports.sidebarCollapsed = sidebarCollapsed;
 //# sourceMappingURL=index102.cjs.map

package/dist/index102.cjs.map

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

package/dist/index102.js

@@ -1,42 +1,24 @@
-const root = "krc-root-pttoq";
-const header = "krc-header-npqnm";
-const title = "krc-title-Nho7q";
-const headerActions = "krc-headerActions-ealva";
-const toolbar = "krc-toolbar-JDGNF";
-const warning = "krc-warning-zk0fc";
-const chartContainer = "krc-chartContainer-9YPrR";
-const loading = "krc-loading-kZWgE";
-const empty = "krc-empty-JDNOq";
-const error = "krc-error-IULEe";
-const retryButton = "krc-retryButton-GvyS0";
-const compact = "krc-compact-bzibR";
+const root = "krc-root-rzEDE";
+const sidebar = "krc-sidebar-ediN2";
+const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
+const main = "krc-main-E8utR";
+const filterBar = "krc-filterBar-O8ajX";
+const content = "krc-content-lY5l-";
 const styles = {
   root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  chartContainer,
-  loading,
-  empty,
-  error,
-  retryButton,
-  compact
+  sidebar,
+  sidebarCollapsed,
+  main,
+  filterBar,
+  content
 };
 export {
-  chartContainer,
-  compact,
+  content,
   styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  loading,
-  retryButton,
+  filterBar,
+  main,
   root,
-  title,
-  toolbar,
-  warning
+  sidebar,
+  sidebarCollapsed
 };
 //# sourceMappingURL=index102.js.map

package/dist/index102.js.map

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

package/dist/index103.cjs

@@ -1,21 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-oc0XP";
-const success = "krc-success-JzpGX";
-const warning = "krc-warning-lTskX";
-const danger = "krc-danger-zFPHk";
-const info = "krc-info-k9uTn";
+const throbber = "krc-throbber-sSMfc";
+const spinner = "krc-spinner-vmNIY";
+const loadingSpin = "krc-loading-spin-cFeV6";
+const titleRow = "krc-titleRow--Go1f";
+const titleSpinner = "krc-titleSpinner-BPUs5";
+const steps = "krc-steps-zu1EV";
+const step = "krc-step-hzz-Q";
+const pending = "krc-pending-sxbM4";
+const iconSlot = "krc-iconSlot-74ZD2";
+const stepSpinner = "krc-stepSpinner-0d1jM";
+const checkIcon = "krc-checkIcon-FhWlj";
+const nonClosable = "krc-nonClosable-7NB7j";
 const styles = {
-  root,
-  success,
-  warning,
-  danger,
-  info
+  throbber,
+  spinner,
+  loadingSpin,
+  titleRow,
+  titleSpinner,
+  steps,
+  step,
+  pending,
+  iconSlot,
+  stepSpinner,
+  checkIcon,
+  nonClosable
 };
-exports.danger = danger;
+exports.checkIcon = checkIcon;
 exports.default = styles;
-exports.info = info;
-exports.root = root;
-exports.success = success;
-exports.warning = warning;
+exports.iconSlot = iconSlot;
+exports.loadingSpin = loadingSpin;
+exports.nonClosable = nonClosable;
+exports.pending = pending;
+exports.spinner = spinner;
+exports.step = step;
+exports.stepSpinner = stepSpinner;
+exports.steps = steps;
+exports.throbber = throbber;
+exports.titleRow = titleRow;
+exports.titleSpinner = titleSpinner;
 //# sourceMappingURL=index103.cjs.map

package/dist/index103.cjs.map

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

package/dist/index103.js

@@ -1,21 +1,42 @@
-const root = "krc-root-oc0XP";
-const success = "krc-success-JzpGX";
-const warning = "krc-warning-lTskX";
-const danger = "krc-danger-zFPHk";
-const info = "krc-info-k9uTn";
+const throbber = "krc-throbber-sSMfc";
+const spinner = "krc-spinner-vmNIY";
+const loadingSpin = "krc-loading-spin-cFeV6";
+const titleRow = "krc-titleRow--Go1f";
+const titleSpinner = "krc-titleSpinner-BPUs5";
+const steps = "krc-steps-zu1EV";
+const step = "krc-step-hzz-Q";
+const pending = "krc-pending-sxbM4";
+const iconSlot = "krc-iconSlot-74ZD2";
+const stepSpinner = "krc-stepSpinner-0d1jM";
+const checkIcon = "krc-checkIcon-FhWlj";
+const nonClosable = "krc-nonClosable-7NB7j";
 const styles = {
-  root,
-  success,
-  warning,
-  danger,
-  info
+  throbber,
+  spinner,
+  loadingSpin,
+  titleRow,
+  titleSpinner,
+  steps,
+  step,
+  pending,
+  iconSlot,
+  stepSpinner,
+  checkIcon,
+  nonClosable
 };
 export {
-  danger,
+  checkIcon,
   styles as default,
-  info,
-  root,
-  success,
-  warning
+  iconSlot,
+  loadingSpin,
+  nonClosable,
+  pending,
+  spinner,
+  step,
+  stepSpinner,
+  steps,
+  throbber,
+  titleRow,
+  titleSpinner
 };
 //# sourceMappingURL=index103.js.map

package/dist/index103.js.map

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

package/dist/index104.cjs

@@ -1,9 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-jba0x";
+const root = "krc-root-wErEG";
+const list = "krc-list-Np3Qt";
+const page = "krc-page-znalz";
+const arrow = "krc-arrow-ruhgF";
+const isActive = "krc-isActive-azJrs";
+const ellipsis = "krc-ellipsis-vMrZ6";
 const styles = {
-  root
+  root,
+  list,
+  page,
+  arrow,
+  isActive,
+  ellipsis
 };
+exports.arrow = arrow;
 exports.default = styles;
+exports.ellipsis = ellipsis;
+exports.isActive = isActive;
+exports.list = list;
+exports.page = page;
 exports.root = root;
 //# sourceMappingURL=index104.cjs.map

package/dist/index104.cjs.map

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

package/dist/index104.js

@@ -1,9 +1,24 @@
-const root = "krc-root-jba0x";
+const root = "krc-root-wErEG";
+const list = "krc-list-Np3Qt";
+const page = "krc-page-znalz";
+const arrow = "krc-arrow-ruhgF";
+const isActive = "krc-isActive-azJrs";
+const ellipsis = "krc-ellipsis-vMrZ6";
 const styles = {
-  root
+  root,
+  list,
+  page,
+  arrow,
+  isActive,
+  ellipsis
 };
 export {
+  arrow,
   styles as default,
+  ellipsis,
+  isActive,
+  list,
+  page,
   root
 };
 //# sourceMappingURL=index104.js.map

package/dist/index104.js.map

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

package/dist/index105.cjs

@@ -1,33 +1,27 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrap = "krc-wrap-JRsc1";
-const root = "krc-root-k9ocd";
-const colh = "krc-colh-Fi0Kr";
-const rowh = "krc-rowh-bTG4G";
-const corner = "krc-corner-MNGJd";
-const cell = "krc-cell-i0lDG";
-const bad = "krc-bad-Hb1F3";
-const ok = "krc-ok-hx6Lc";
-const clickable = "krc-clickable-Q8fZg";
+const overlay = "krc-overlay-4gFc3";
+const root = "krc-root-eKDda";
+const header = "krc-header-YrzLd";
+const title = "krc-title-9rzEH";
+const closeBtn = "krc-closeBtn-vGJ7P";
+const body = "krc-body-g43Cd";
+const footer = "krc-footer-JRwi5";
 const styles = {
-  wrap,
+  overlay,
   root,
-  colh,
-  rowh,
-  corner,
-  cell,
-  bad,
-  ok,
-  clickable
+  header,
+  title,
+  closeBtn,
+  body,
+  footer
 };
-exports.bad = bad;
-exports.cell = cell;
-exports.clickable = clickable;
-exports.colh = colh;
-exports.corner = corner;
+exports.body = body;
+exports.closeBtn = closeBtn;
 exports.default = styles;
-exports.ok = ok;
+exports.footer = footer;
+exports.header = header;
+exports.overlay = overlay;
 exports.root = root;
-exports.rowh = rowh;
-exports.wrap = wrap;
+exports.title = title;
 //# sourceMappingURL=index105.cjs.map

package/dist/index105.cjs.map

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

package/dist/index105.js

@@ -1,33 +1,27 @@
-const wrap = "krc-wrap-JRsc1";
-const root = "krc-root-k9ocd";
-const colh = "krc-colh-Fi0Kr";
-const rowh = "krc-rowh-bTG4G";
-const corner = "krc-corner-MNGJd";
-const cell = "krc-cell-i0lDG";
-const bad = "krc-bad-Hb1F3";
-const ok = "krc-ok-hx6Lc";
-const clickable = "krc-clickable-Q8fZg";
+const overlay = "krc-overlay-4gFc3";
+const root = "krc-root-eKDda";
+const header = "krc-header-YrzLd";
+const title = "krc-title-9rzEH";
+const closeBtn = "krc-closeBtn-vGJ7P";
+const body = "krc-body-g43Cd";
+const footer = "krc-footer-JRwi5";
 const styles = {
-  wrap,
+  overlay,
   root,
-  colh,
-  rowh,
-  corner,
-  cell,
-  bad,
-  ok,
-  clickable
+  header,
+  title,
+  closeBtn,
+  body,
+  footer
 };
 export {
-  bad,
-  cell,
-  clickable,
-  colh,
-  corner,
+  body,
+  closeBtn,
   styles as default,
-  ok,
+  footer,
+  header,
+  overlay,
   root,
-  rowh,
-  wrap
+  title
 };
 //# sourceMappingURL=index105.js.map

package/dist/index105.js.map

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

package/dist/index11.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index55.cjs");
-const Avatar_module = require("./index76.cjs");
+const Avatar_module = require("./index101.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/index11.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "./index55.js";
-import styles from "./index76.js";
+import styles from "./index101.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/index12.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index55.cjs");
-const Badge_module = require("./index103.cjs");
+const Badge_module = require("./index64.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=index12.cjs.map

package/dist/index12.js

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

package/dist/index13.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index55.cjs");
-const Button_module = require("./index96.cjs");
+const Button_module = require("./index67.cjs");
 const Button = react.forwardRef(
   ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",

package/dist/index13.js

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

package/dist/index14.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index55.cjs");
-const Card_module = require("./index71.cjs");
+const Card_module = require("./index78.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/index14.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "./index55.js";
-import styles from "./index71.js";
+import styles from "./index78.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/index15.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("./index62.cjs");
+const constants = require("./index59.cjs");
 const clsx = require("./index55.cjs");
-const ChartExpandModal_module = require("./index66.cjs");
+const ChartExpandModal_module = require("./index77.cjs");
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index15.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 "./index62.js";
+import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE, CHART_MODAL, VIEWPORT_MARGIN } from "./index59.js";
 import { clsx } from "./index55.js";
-import styles from "./index66.js";
+import styles from "./index77.js";
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index16.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index55.cjs");
-const ChatLayout_module = require("./index88.cjs");
+const ChatLayout_module = require("./index89.cjs");
 const ChatLayout = ({
   sidebar,
   conversationList,

package/dist/index16.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { clsx } from "./index55.js";
-import styles from "./index88.js";
+import styles from "./index89.js";
 const ChatLayout = ({
   sidebar,
   conversationList,

package/dist/index17.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index55.cjs");
-const Checkbox_module = require("./index69.cjs");
+const Checkbox_module = require("./index63.cjs");
 const Checkbox = react.forwardRef(
   ({
     checked,

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useEffect, useCallback } from "react";
 import { clsx } from "./index55.js";
-import styles from "./index69.js";
+import styles from "./index63.js";
 const Checkbox = forwardRef(
   ({
     checked,

package/dist/index18.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index55.cjs");
-const Chip_module = require("./index86.cjs");
+const Chip_module = require("./index62.cjs");
 const Chip = react.forwardRef(
   ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",

package/dist/index18.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index55.js";
-import styles from "./index86.js";
+import styles from "./index62.js";
 const Chip = forwardRef(
   ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsx(
     "button",

package/dist/index19.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index55.cjs");
-const ChipGroup_module = require("./index56.cjs");
+const ChipGroup_module = require("./index85.cjs");
 const Chip = require("./index18.cjs");
 const ChipGroup = react.forwardRef(
   ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {

package/dist/index19.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
 import { clsx } from "./index55.js";
-import styles from "./index56.js";
+import styles from "./index85.js";
 import { Chip } from "./index18.js";
 const ChipGroup = forwardRef(
   ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {

package/dist/index20.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index55.cjs");
-const Col_module = require("./index59.cjs");
+const Col_module = require("./index100.cjs");
 const GRID_COLUMNS = 12;
 function toFlexValue(value) {
   if (value === true) return 1;

package/dist/index20.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index55.js";
-import styles from "./index59.js";
+import styles from "./index100.js";
 const GRID_COLUMNS = 12;
 function toFlexValue(value) {
   if (value === true) return 1;