@ktnpm_devops/react-component 0.12.1 → 0.13.1

package/dist/index68.js

@@ -1,27 +1,27 @@
-const root = "krc-root-cQSdQ";
-const disabled = "krc-disabled-mXUpZ";
-const active = "krc-active-c6Qv6";
-const collapsed = "krc-collapsed-zZjr3";
-const icon = "krc-icon-dmCQi";
-const label = "krc-label-ohVFC";
-const badge = "krc-badge-D8UnW";
+const root = "krc-root-vqaJ6";
+const pill = "krc-pill-8z557";
+const square = "krc-square-g0EM3";
+const segment = "krc-segment-5-V31";
+const isOn = "krc-isOn-7tAhJ";
+const md = "krc-md-pA-Ck";
+const sm = "krc-sm-VMB3s";
 const styles = {
   root,
-  disabled,
-  active,
-  collapsed,
-  icon,
-  label,
-  badge
+  pill,
+  square,
+  segment,
+  isOn,
+  md,
+  sm
 };
 export {
-  active,
-  badge,
-  collapsed,
   styles as default,
-  disabled,
-  icon,
-  label,
-  root
+  isOn,
+  md,
+  pill,
+  root,
+  segment,
+  sm,
+  square
 };
 //# sourceMappingURL=index68.js.map

package/dist/index69.cjs

@@ -1,12 +1,27 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const container = "krc-container-cpDoQ";
-const root = "krc-root-20TMP";
+const root = "krc-root-1fbld";
+const rail = "krc-rail-S-V5h";
+const fill = "krc-fill-NAEy9";
+const tick = "krc-tick-j75qi";
+const disabled = "krc-disabled-DgBiL";
+const thumb = "krc-thumb-QVYVM";
+const valueTooltip = "krc-valueTooltip-Vuimh";
 const styles = {
-  container,
-  root
+  root,
+  rail,
+  fill,
+  tick,
+  disabled,
+  thumb,
+  valueTooltip
 };
-exports.container = container;
 exports.default = styles;
+exports.disabled = disabled;
+exports.fill = fill;
+exports.rail = rail;
 exports.root = root;
+exports.thumb = thumb;
+exports.tick = tick;
+exports.valueTooltip = valueTooltip;
 //# sourceMappingURL=index69.cjs.map

package/dist/index69.cjs.map

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

package/dist/index69.js

@@ -1,12 +1,27 @@
-const container = "krc-container-cpDoQ";
-const root = "krc-root-20TMP";
+const root = "krc-root-1fbld";
+const rail = "krc-rail-S-V5h";
+const fill = "krc-fill-NAEy9";
+const tick = "krc-tick-j75qi";
+const disabled = "krc-disabled-DgBiL";
+const thumb = "krc-thumb-QVYVM";
+const valueTooltip = "krc-valueTooltip-Vuimh";
 const styles = {
-  container,
-  root
+  root,
+  rail,
+  fill,
+  tick,
+  disabled,
+  thumb,
+  valueTooltip
 };
 export {
-  container,
   styles as default,
-  root
+  disabled,
+  fill,
+  rail,
+  root,
+  thumb,
+  tick,
+  valueTooltip
 };
 //# sourceMappingURL=index69.js.map

package/dist/index69.js.map

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

package/dist/index7.cjs

@@ -1,68 +1,36 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const truncateWithEllipsis = (value, maxLength = 36) => {
-  if (value.length <= maxLength) return value;
-  if (maxLength <= 3) return value.slice(0, maxLength);
-  return `${value.slice(0, maxLength - 3)}...`;
+const react = require("react");
+const THEME_ATTRIBUTE = "data-theme";
+const DARK_QUERY = "(prefers-color-scheme: dark)";
+const readThemeMode = () => {
+  var _a;
+  if (typeof document === "undefined") return "light";
+  const explicit = document.documentElement.getAttribute(THEME_ATTRIBUTE);
+  if (explicit === "dark" || explicit === "light") return explicit;
+  return typeof window !== "undefined" && ((_a = window.matchMedia) == null ? void 0 : _a.call(window, DARK_QUERY).matches) ? "dark" : "light";
 };
-const formatNumber = (value, options) => Number.isFinite(value) ? value.toLocaleString(void 0, options) : "0";
-const formatBytes = (value) => {
-  if (!Number.isFinite(value) || value === 0) return "0 B";
-  const units = ["B", "KB", "MB", "GB", "TB", "PB"];
-  let index = 0;
-  let current = Math.abs(value);
-  while (current >= 1024 && index < units.length - 1) {
-    current /= 1024;
-    index += 1;
-  }
-  const formatted = current.toFixed(current >= 10 || index === 0 ? 0 : 1);
-  return `${value < 0 ? "-" : ""}${formatted} ${units[index]}`;
-};
-const DATETIME_FORMATTERS = /* @__PURE__ */ new Map();
-const getDateTimeFormatter = (timeZone, withSeconds) => {
-  const key = `${timeZone}-${withSeconds ? "s" : "n"}`;
-  const cached = DATETIME_FORMATTERS.get(key);
-  if (cached) return cached;
-  const formatter = new Intl.DateTimeFormat(void 0, {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: withSeconds ? "2-digit" : void 0,
-    hour12: false,
-    timeZone
-  });
-  DATETIME_FORMATTERS.set(key, formatter);
-  return formatter;
-};
-const formatDataTimestamp = (value, options = {}) => {
-  const { fallback = "Unknown", withSeconds = false, timeZone = "UTC", showTimeZoneLabel = false } = options;
-  if (!value) return fallback;
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return typeof value === "string" ? value : fallback;
-  const formatter = getDateTimeFormatter(timeZone, withSeconds);
-  const formatted = formatter.format(date);
-  return showTimeZoneLabel ? `${formatted} ${timeZone}` : formatted;
-};
-const formatLocalISOString = (date) => {
-  const pad = (n) => `${n}`.padStart(2, "0");
-  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
-};
-const generateUUID = () => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-    const r = Math.random() * 16 | 0;
-    const v = c === "x" ? r : r & 3 | 8;
-    return v.toString(16);
-  });
-};
-exports.formatBytes = formatBytes;
-exports.formatDataTimestamp = formatDataTimestamp;
-exports.formatLocalISOString = formatLocalISOString;
-exports.formatNumber = formatNumber;
-exports.generateUUID = generateUUID;
-exports.truncateWithEllipsis = truncateWithEllipsis;
+function useThemeMode() {
+  const [mode, setMode] = react.useState(readThemeMode);
+  react.useEffect(() => {
+    var _a, _b;
+    if (typeof document === "undefined") return;
+    const sync = () => setMode(readThemeMode());
+    sync();
+    const observer = new MutationObserver(sync);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: [THEME_ATTRIBUTE]
+    });
+    const media = (_a = window.matchMedia) == null ? void 0 : _a.call(window, DARK_QUERY);
+    (_b = media == null ? void 0 : media.addEventListener) == null ? void 0 : _b.call(media, "change", sync);
+    return () => {
+      var _a2;
+      observer.disconnect();
+      (_a2 = media == null ? void 0 : media.removeEventListener) == null ? void 0 : _a2.call(media, "change", sync);
+    };
+  }, []);
+  return mode;
+}
+exports.useThemeMode = useThemeMode;
 //# sourceMappingURL=index7.cjs.map

package/dist/index7.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index7.cjs","sources":["../src/utils/format.ts"],"sourcesContent":["export const truncateWithEllipsis = (value: string, maxLength = 36) => {\n  if (value.length <= maxLength) return value;\n  if (maxLength <= 3) return value.slice(0, maxLength);\n  return `${value.slice(0, maxLength - 3)}...`;\n};\n\nexport const formatNumber = (value: number, options?: Intl.NumberFormatOptions) =>\n  Number.isFinite(value) ? value.toLocaleString(undefined, options) : '0';\n\nexport const formatBytes = (value: number): string => {\n  if (!Number.isFinite(value) || value === 0) return '0 B';\n  const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];\n  let index = 0;\n  let current = Math.abs(value);\n  while (current >= 1024 && index < units.length - 1) {\n    current /= 1024;\n    index += 1;\n  }\n  const formatted = current.toFixed(current >= 10 || index === 0 ? 0 : 1);\n  return `${value < 0 ? '-' : ''}${formatted} ${units[index]}`;\n};\n\ninterface FormatDataTimestampOptions {\n  fallback?: string;\n  withSeconds?: boolean;\n  timeZone?: string;\n  showTimeZoneLabel?: boolean;\n}\n\nconst DATETIME_FORMATTERS = new Map<string, Intl.DateTimeFormat>();\n\nconst getDateTimeFormatter = (timeZone: string, withSeconds: boolean) => {\n  const key = `${timeZone}-${withSeconds ? 's' : 'n'}`;\n  const cached = DATETIME_FORMATTERS.get(key);\n  if (cached) return cached;\n  const formatter = new Intl.DateTimeFormat(undefined, {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    second: withSeconds ? '2-digit' : undefined,\n    hour12: false,\n    timeZone,\n  });\n  DATETIME_FORMATTERS.set(key, formatter);\n  return formatter;\n};\n\nexport const formatDataTimestamp = (\n  value: string | null | undefined,\n  options: FormatDataTimestampOptions = {},\n): string => {\n  const { fallback = 'Unknown', withSeconds = false, timeZone = 'UTC', showTimeZoneLabel = false } =\n    options;\n  if (!value) return fallback;\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return typeof value === 'string' ? value : fallback;\n  const formatter = getDateTimeFormatter(timeZone, withSeconds);\n  const formatted = formatter.format(date);\n  return showTimeZoneLabel ? `${formatted} ${timeZone}` : formatted;\n};\n\nexport const formatLocalISOString = (date: Date): string => {\n  const pad = (n: number) => `${n}`.padStart(2, '0');\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;\n};\n\nexport const generateUUID = (): string => {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n    return crypto.randomUUID();\n  }\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n};\n"],"names":[],"mappings":";;AAAO,MAAM,uBAAuB,CAAC,OAAe,YAAY,OAAO;AACrE,MAAI,MAAM,UAAU,UAAW,QAAO;AACtC,MAAI,aAAa,EAAG,QAAO,MAAM,MAAM,GAAG,SAAS;AACnD,SAAO,GAAG,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC;AACzC;AAEO,MAAM,eAAe,CAAC,OAAe,YAC1C,OAAO,SAAS,KAAK,IAAI,MAAM,eAAe,QAAW,OAAO,IAAI;AAE/D,MAAM,cAAc,CAAC,UAA0B;AACpD,MAAI,CAAC,OAAO,SAAS,KAAK,KAAK,UAAU,EAAG,QAAO;AACnD,QAAM,QAAQ,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,IAAI;AAChD,MAAI,QAAQ;AACZ,MAAI,UAAU,KAAK,IAAI,KAAK;AAC5B,SAAO,WAAW,QAAQ,QAAQ,MAAM,SAAS,GAAG;AAClD,eAAW;AACX,aAAS;AAAA,EACX;AACA,QAAM,YAAY,QAAQ,QAAQ,WAAW,MAAM,UAAU,IAAI,IAAI,CAAC;AACtE,SAAO,GAAG,QAAQ,IAAI,MAAM,EAAE,GAAG,SAAS,IAAI,MAAM,KAAK,CAAC;AAC5D;AASA,MAAM,0CAA0B,IAAA;AAEhC,MAAM,uBAAuB,CAAC,UAAkB,gBAAyB;AACvE,QAAM,MAAM,GAAG,QAAQ,IAAI,cAAc,MAAM,GAAG;AAClD,QAAM,SAAS,oBAAoB,IAAI,GAAG;AAC1C,MAAI,OAAQ,QAAO;AACnB,QAAM,YAAY,IAAI,KAAK,eAAe,QAAW;AAAA,IACnD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,cAAc,YAAY;AAAA,IAClC,QAAQ;AAAA,IACR;AAAA,EAAA,CACD;AACD,sBAAoB,IAAI,KAAK,SAAS;AACtC,SAAO;AACT;AAEO,MAAM,sBAAsB,CACjC,OACA,UAAsC,OAC3B;AACX,QAAM,EAAE,WAAW,WAAW,cAAc,OAAO,WAAW,OAAO,oBAAoB,MAAA,IACvF;AACF,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAA,CAAS,EAAG,QAAO,OAAO,UAAU,WAAW,QAAQ;AAC7E,QAAM,YAAY,qBAAqB,UAAU,WAAW;AAC5D,QAAM,YAAY,UAAU,OAAO,IAAI;AACvC,SAAO,oBAAoB,GAAG,SAAS,IAAI,QAAQ,KAAK;AAC1D;AAEO,MAAM,uBAAuB,CAAC,SAAuB;AAC1D,QAAM,MAAM,CAAC,MAAc,GAAG,CAAC,GAAG,SAAS,GAAG,GAAG;AACjD,SAAO,GAAG,KAAK,YAAA,CAAa,IAAI,IAAI,KAAK,SAAA,IAAa,CAAC,CAAC,IAAI,IAAI,KAAK,SAAS,CAAC,IAAI,IAAI,KAAK,SAAA,CAAU,CAAC,IAAI,IAAI,KAAK,WAAA,CAAY,CAAC,IAAI,IAAI,KAAK,WAAA,CAAY,CAAC;AAC7J;AAEO,MAAM,eAAe,MAAc;AACxC,MAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY;AAC5E,WAAO,OAAO,WAAA;AAAA,EAChB;AACA,SAAO,uCAAuC,QAAQ,SAAS,CAAC,MAAM;AACpE,UAAM,IAAK,KAAK,OAAA,IAAW,KAAM;AACjC,UAAM,IAAI,MAAM,MAAM,IAAK,IAAI,IAAO;AACtC,WAAO,EAAE,SAAS,EAAE;AAAA,EACtB,CAAC;AACH;;;;;;;"}
+{"version":3,"file":"index7.cjs","sources":["../src/hooks/useThemeMode.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type ThemeMode = 'light' | 'dark';\n\nconst THEME_ATTRIBUTE = 'data-theme';\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\n/**\n * An explicit `data-theme` on `<html>` wins; otherwise the OS preference decides.\n * Server-side there is neither, so `light` is the answer.\n */\nconst readThemeMode = (): ThemeMode => {\n  if (typeof document === 'undefined') return 'light';\n\n  const explicit = document.documentElement.getAttribute(THEME_ATTRIBUTE);\n  if (explicit === 'dark' || explicit === 'light') return explicit;\n\n  return typeof window !== 'undefined' && window.matchMedia?.(DARK_QUERY).matches ? 'dark' : 'light';\n};\n\n/**\n * Current theme, for the components that must hand colours to something the CSS\n * custom properties cannot reach — a canvas, an SVG drawn by a third party, a\n * remote tile server. Anything styled with CSS should use the tokens instead.\n */\nexport function useThemeMode(): ThemeMode {\n  const [mode, setMode] = useState<ThemeMode>(readThemeMode);\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const sync = () => setMode(readThemeMode());\n    sync();\n\n    const observer = new MutationObserver(sync);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [THEME_ATTRIBUTE],\n    });\n\n    const media = window.matchMedia?.(DARK_QUERY);\n    media?.addEventListener?.('change', sync);\n\n    return () => {\n      observer.disconnect();\n      media?.removeEventListener?.('change', sync);\n    };\n  }, []);\n\n  return mode;\n}\n"],"names":["useState","useEffect","_a"],"mappings":";;;AAIA,MAAM,kBAAkB;AACxB,MAAM,aAAa;AAMnB,MAAM,gBAAgB,MAAiB;;AACrC,MAAI,OAAO,aAAa,YAAa,QAAO;AAE5C,QAAM,WAAW,SAAS,gBAAgB,aAAa,eAAe;AACtE,MAAI,aAAa,UAAU,aAAa,QAAS,QAAO;AAExD,SAAO,OAAO,WAAW,iBAAe,YAAO,eAAP,gCAAoB,YAAY,WAAU,SAAS;AAC7F;AAOO,SAAS,eAA0B;AACxC,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAoB,aAAa;AAEzDC,QAAAA,UAAU,MAAM;;AACd,QAAI,OAAO,aAAa,YAAa;AAErC,UAAM,OAAO,MAAM,QAAQ,eAAe;AAC1C,SAAA;AAEA,UAAM,WAAW,IAAI,iBAAiB,IAAI;AAC1C,aAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,eAAe;AAAA,IAAA,CAClC;AAED,UAAM,SAAQ,YAAO,eAAP,gCAAoB;AAClC,yCAAO,qBAAP,+BAA0B,UAAU;AAEpC,WAAO,MAAM;;AACX,eAAS,WAAA;AACT,OAAAC,MAAA,+BAAO,wBAAP,gBAAAA,IAAA,YAA6B,UAAU;AAAA,IACzC;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO;AACT;;"}

package/dist/index7.js

@@ -1,68 +1,36 @@
-const truncateWithEllipsis = (value, maxLength = 36) => {
-  if (value.length <= maxLength) return value;
-  if (maxLength <= 3) return value.slice(0, maxLength);
-  return `${value.slice(0, maxLength - 3)}...`;
-};
-const formatNumber = (value, options) => Number.isFinite(value) ? value.toLocaleString(void 0, options) : "0";
-const formatBytes = (value) => {
-  if (!Number.isFinite(value) || value === 0) return "0 B";
-  const units = ["B", "KB", "MB", "GB", "TB", "PB"];
-  let index = 0;
-  let current = Math.abs(value);
-  while (current >= 1024 && index < units.length - 1) {
-    current /= 1024;
-    index += 1;
-  }
-  const formatted = current.toFixed(current >= 10 || index === 0 ? 0 : 1);
-  return `${value < 0 ? "-" : ""}${formatted} ${units[index]}`;
-};
-const DATETIME_FORMATTERS = /* @__PURE__ */ new Map();
-const getDateTimeFormatter = (timeZone, withSeconds) => {
-  const key = `${timeZone}-${withSeconds ? "s" : "n"}`;
-  const cached = DATETIME_FORMATTERS.get(key);
-  if (cached) return cached;
-  const formatter = new Intl.DateTimeFormat(void 0, {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: withSeconds ? "2-digit" : void 0,
-    hour12: false,
-    timeZone
-  });
-  DATETIME_FORMATTERS.set(key, formatter);
-  return formatter;
-};
-const formatDataTimestamp = (value, options = {}) => {
-  const { fallback = "Unknown", withSeconds = false, timeZone = "UTC", showTimeZoneLabel = false } = options;
-  if (!value) return fallback;
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return typeof value === "string" ? value : fallback;
-  const formatter = getDateTimeFormatter(timeZone, withSeconds);
-  const formatted = formatter.format(date);
-  return showTimeZoneLabel ? `${formatted} ${timeZone}` : formatted;
-};
-const formatLocalISOString = (date) => {
-  const pad = (n) => `${n}`.padStart(2, "0");
-  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
-};
-const generateUUID = () => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-    const r = Math.random() * 16 | 0;
-    const v = c === "x" ? r : r & 3 | 8;
-    return v.toString(16);
-  });
+import { useState, useEffect } from "react";
+const THEME_ATTRIBUTE = "data-theme";
+const DARK_QUERY = "(prefers-color-scheme: dark)";
+const readThemeMode = () => {
+  var _a;
+  if (typeof document === "undefined") return "light";
+  const explicit = document.documentElement.getAttribute(THEME_ATTRIBUTE);
+  if (explicit === "dark" || explicit === "light") return explicit;
+  return typeof window !== "undefined" && ((_a = window.matchMedia) == null ? void 0 : _a.call(window, DARK_QUERY).matches) ? "dark" : "light";
 };
+function useThemeMode() {
+  const [mode, setMode] = useState(readThemeMode);
+  useEffect(() => {
+    var _a, _b;
+    if (typeof document === "undefined") return;
+    const sync = () => setMode(readThemeMode());
+    sync();
+    const observer = new MutationObserver(sync);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: [THEME_ATTRIBUTE]
+    });
+    const media = (_a = window.matchMedia) == null ? void 0 : _a.call(window, DARK_QUERY);
+    (_b = media == null ? void 0 : media.addEventListener) == null ? void 0 : _b.call(media, "change", sync);
+    return () => {
+      var _a2;
+      observer.disconnect();
+      (_a2 = media == null ? void 0 : media.removeEventListener) == null ? void 0 : _a2.call(media, "change", sync);
+    };
+  }, []);
+  return mode;
+}
 export {
-  formatBytes,
-  formatDataTimestamp,
-  formatLocalISOString,
-  formatNumber,
-  generateUUID,
-  truncateWithEllipsis
+  useThemeMode
 };
 //# sourceMappingURL=index7.js.map

package/dist/index7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index7.js","sources":["../src/utils/format.ts"],"sourcesContent":["export const truncateWithEllipsis = (value: string, maxLength = 36) => {\n  if (value.length <= maxLength) return value;\n  if (maxLength <= 3) return value.slice(0, maxLength);\n  return `${value.slice(0, maxLength - 3)}...`;\n};\n\nexport const formatNumber = (value: number, options?: Intl.NumberFormatOptions) =>\n  Number.isFinite(value) ? value.toLocaleString(undefined, options) : '0';\n\nexport const formatBytes = (value: number): string => {\n  if (!Number.isFinite(value) || value === 0) return '0 B';\n  const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];\n  let index = 0;\n  let current = Math.abs(value);\n  while (current >= 1024 && index < units.length - 1) {\n    current /= 1024;\n    index += 1;\n  }\n  const formatted = current.toFixed(current >= 10 || index === 0 ? 0 : 1);\n  return `${value < 0 ? '-' : ''}${formatted} ${units[index]}`;\n};\n\ninterface FormatDataTimestampOptions {\n  fallback?: string;\n  withSeconds?: boolean;\n  timeZone?: string;\n  showTimeZoneLabel?: boolean;\n}\n\nconst DATETIME_FORMATTERS = new Map<string, Intl.DateTimeFormat>();\n\nconst getDateTimeFormatter = (timeZone: string, withSeconds: boolean) => {\n  const key = `${timeZone}-${withSeconds ? 's' : 'n'}`;\n  const cached = DATETIME_FORMATTERS.get(key);\n  if (cached) return cached;\n  const formatter = new Intl.DateTimeFormat(undefined, {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    second: withSeconds ? '2-digit' : undefined,\n    hour12: false,\n    timeZone,\n  });\n  DATETIME_FORMATTERS.set(key, formatter);\n  return formatter;\n};\n\nexport const formatDataTimestamp = (\n  value: string | null | undefined,\n  options: FormatDataTimestampOptions = {},\n): string => {\n  const { fallback = 'Unknown', withSeconds = false, timeZone = 'UTC', showTimeZoneLabel = false } =\n    options;\n  if (!value) return fallback;\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return typeof value === 'string' ? value : fallback;\n  const formatter = getDateTimeFormatter(timeZone, withSeconds);\n  const formatted = formatter.format(date);\n  return showTimeZoneLabel ? `${formatted} ${timeZone}` : formatted;\n};\n\nexport const formatLocalISOString = (date: Date): string => {\n  const pad = (n: number) => `${n}`.padStart(2, '0');\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;\n};\n\nexport const generateUUID = (): string => {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n    return crypto.randomUUID();\n  }\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n};\n"],"names":[],"mappings":"AAAO,MAAM,uBAAuB,CAAC,OAAe,YAAY,OAAO;AACrE,MAAI,MAAM,UAAU,UAAW,QAAO;AACtC,MAAI,aAAa,EAAG,QAAO,MAAM,MAAM,GAAG,SAAS;AACnD,SAAO,GAAG,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC;AACzC;AAEO,MAAM,eAAe,CAAC,OAAe,YAC1C,OAAO,SAAS,KAAK,IAAI,MAAM,eAAe,QAAW,OAAO,IAAI;AAE/D,MAAM,cAAc,CAAC,UAA0B;AACpD,MAAI,CAAC,OAAO,SAAS,KAAK,KAAK,UAAU,EAAG,QAAO;AACnD,QAAM,QAAQ,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,IAAI;AAChD,MAAI,QAAQ;AACZ,MAAI,UAAU,KAAK,IAAI,KAAK;AAC5B,SAAO,WAAW,QAAQ,QAAQ,MAAM,SAAS,GAAG;AAClD,eAAW;AACX,aAAS;AAAA,EACX;AACA,QAAM,YAAY,QAAQ,QAAQ,WAAW,MAAM,UAAU,IAAI,IAAI,CAAC;AACtE,SAAO,GAAG,QAAQ,IAAI,MAAM,EAAE,GAAG,SAAS,IAAI,MAAM,KAAK,CAAC;AAC5D;AASA,MAAM,0CAA0B,IAAA;AAEhC,MAAM,uBAAuB,CAAC,UAAkB,gBAAyB;AACvE,QAAM,MAAM,GAAG,QAAQ,IAAI,cAAc,MAAM,GAAG;AAClD,QAAM,SAAS,oBAAoB,IAAI,GAAG;AAC1C,MAAI,OAAQ,QAAO;AACnB,QAAM,YAAY,IAAI,KAAK,eAAe,QAAW;AAAA,IACnD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,cAAc,YAAY;AAAA,IAClC,QAAQ;AAAA,IACR;AAAA,EAAA,CACD;AACD,sBAAoB,IAAI,KAAK,SAAS;AACtC,SAAO;AACT;AAEO,MAAM,sBAAsB,CACjC,OACA,UAAsC,OAC3B;AACX,QAAM,EAAE,WAAW,WAAW,cAAc,OAAO,WAAW,OAAO,oBAAoB,MAAA,IACvF;AACF,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAA,CAAS,EAAG,QAAO,OAAO,UAAU,WAAW,QAAQ;AAC7E,QAAM,YAAY,qBAAqB,UAAU,WAAW;AAC5D,QAAM,YAAY,UAAU,OAAO,IAAI;AACvC,SAAO,oBAAoB,GAAG,SAAS,IAAI,QAAQ,KAAK;AAC1D;AAEO,MAAM,uBAAuB,CAAC,SAAuB;AAC1D,QAAM,MAAM,CAAC,MAAc,GAAG,CAAC,GAAG,SAAS,GAAG,GAAG;AACjD,SAAO,GAAG,KAAK,YAAA,CAAa,IAAI,IAAI,KAAK,SAAA,IAAa,CAAC,CAAC,IAAI,IAAI,KAAK,SAAS,CAAC,IAAI,IAAI,KAAK,SAAA,CAAU,CAAC,IAAI,IAAI,KAAK,WAAA,CAAY,CAAC,IAAI,IAAI,KAAK,WAAA,CAAY,CAAC;AAC7J;AAEO,MAAM,eAAe,MAAc;AACxC,MAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY;AAC5E,WAAO,OAAO,WAAA;AAAA,EAChB;AACA,SAAO,uCAAuC,QAAQ,SAAS,CAAC,MAAM;AACpE,UAAM,IAAK,KAAK,OAAA,IAAW,KAAM;AACjC,UAAM,IAAI,MAAM,MAAM,IAAK,IAAI,IAAO;AACtC,WAAO,EAAE,SAAS,EAAE;AAAA,EACtB,CAAC;AACH;"}
+{"version":3,"file":"index7.js","sources":["../src/hooks/useThemeMode.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type ThemeMode = 'light' | 'dark';\n\nconst THEME_ATTRIBUTE = 'data-theme';\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\n/**\n * An explicit `data-theme` on `<html>` wins; otherwise the OS preference decides.\n * Server-side there is neither, so `light` is the answer.\n */\nconst readThemeMode = (): ThemeMode => {\n  if (typeof document === 'undefined') return 'light';\n\n  const explicit = document.documentElement.getAttribute(THEME_ATTRIBUTE);\n  if (explicit === 'dark' || explicit === 'light') return explicit;\n\n  return typeof window !== 'undefined' && window.matchMedia?.(DARK_QUERY).matches ? 'dark' : 'light';\n};\n\n/**\n * Current theme, for the components that must hand colours to something the CSS\n * custom properties cannot reach — a canvas, an SVG drawn by a third party, a\n * remote tile server. Anything styled with CSS should use the tokens instead.\n */\nexport function useThemeMode(): ThemeMode {\n  const [mode, setMode] = useState<ThemeMode>(readThemeMode);\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const sync = () => setMode(readThemeMode());\n    sync();\n\n    const observer = new MutationObserver(sync);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [THEME_ATTRIBUTE],\n    });\n\n    const media = window.matchMedia?.(DARK_QUERY);\n    media?.addEventListener?.('change', sync);\n\n    return () => {\n      observer.disconnect();\n      media?.removeEventListener?.('change', sync);\n    };\n  }, []);\n\n  return mode;\n}\n"],"names":["_a"],"mappings":";AAIA,MAAM,kBAAkB;AACxB,MAAM,aAAa;AAMnB,MAAM,gBAAgB,MAAiB;;AACrC,MAAI,OAAO,aAAa,YAAa,QAAO;AAE5C,QAAM,WAAW,SAAS,gBAAgB,aAAa,eAAe;AACtE,MAAI,aAAa,UAAU,aAAa,QAAS,QAAO;AAExD,SAAO,OAAO,WAAW,iBAAe,YAAO,eAAP,gCAAoB,YAAY,WAAU,SAAS;AAC7F;AAOO,SAAS,eAA0B;AACxC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAoB,aAAa;AAEzD,YAAU,MAAM;;AACd,QAAI,OAAO,aAAa,YAAa;AAErC,UAAM,OAAO,MAAM,QAAQ,eAAe;AAC1C,SAAA;AAEA,UAAM,WAAW,IAAI,iBAAiB,IAAI;AAC1C,aAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,eAAe;AAAA,IAAA,CAClC;AAED,UAAM,SAAQ,YAAO,eAAP,gCAAoB;AAClC,yCAAO,qBAAP,+BAA0B,UAAU;AAEpC,WAAO,MAAM;;AACX,eAAS,WAAA;AACT,OAAAA,MAAA,+BAAO,wBAAP,gBAAAA,IAAA,YAA6B,UAAU;AAAA,IACzC;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO;AACT;"}

package/dist/index70.cjs

@@ -1,24 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-jkFwM";
-const sidebar = "krc-sidebar-g7vxQ";
-const sidebarCollapsed = "krc-sidebarCollapsed-Xiswa";
-const main = "krc-main-B4HyG";
-const content = "krc-content-72sFf";
-const title = "krc-title-pe-1P";
+const root = "krc-root-p3Y59";
+const plain = "krc-plain-VC-9I";
+const icon = "krc-icon-ix2Mi";
+const title = "krc-title--QtUj";
+const description = "krc-description-Qrtj7";
+const action = "krc-action-NBNpI";
 const styles = {
   root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  content,
-  title
+  plain,
+  icon,
+  title,
+  description,
+  action
 };
-exports.content = content;
+exports.action = action;
 exports.default = styles;
-exports.main = main;
+exports.description = description;
+exports.icon = icon;
+exports.plain = plain;
 exports.root = root;
-exports.sidebar = sidebar;
-exports.sidebarCollapsed = sidebarCollapsed;
 exports.title = title;
 //# sourceMappingURL=index70.cjs.map

package/dist/index70.js

@@ -1,24 +1,24 @@
-const root = "krc-root-jkFwM";
-const sidebar = "krc-sidebar-g7vxQ";
-const sidebarCollapsed = "krc-sidebarCollapsed-Xiswa";
-const main = "krc-main-B4HyG";
-const content = "krc-content-72sFf";
-const title = "krc-title-pe-1P";
+const root = "krc-root-p3Y59";
+const plain = "krc-plain-VC-9I";
+const icon = "krc-icon-ix2Mi";
+const title = "krc-title--QtUj";
+const description = "krc-description-Qrtj7";
+const action = "krc-action-NBNpI";
 const styles = {
   root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  content,
-  title
+  plain,
+  icon,
+  title,
+  description,
+  action
 };
 export {
-  content,
+  action,
   styles as default,
-  main,
+  description,
+  icon,
+  plain,
   root,
-  sidebar,
-  sidebarCollapsed,
   title
 };
 //# sourceMappingURL=index70.js.map

package/dist/index71.cjs

@@ -1,36 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-oXC0g";
-const trigger = "krc-trigger-2YW6R";
-const triggerContent = "krc-triggerContent-Nfhff";
-const chevron = "krc-chevron-otnpb";
-const chevronOpen = "krc-chevronOpen-UoLND";
-const badge = "krc-badge-dN-p-";
-const pop = "krc-pop-IfyfL";
-const chips = "krc-chips-J7YEf";
-const clear = "krc-clear--yvPZ";
-const input = "krc-input--QI2U";
+const root = "krc-root-WL0sD";
+const left = "krc-left-9KFDB";
+const right = "krc-right-YmUbX";
+const divider = "krc-divider-jNOSU";
+const dividerHandle = "krc-dividerHandle-SoNqx";
 const styles = {
   root,
-  trigger,
-  triggerContent,
-  chevron,
-  chevronOpen,
-  badge,
-  pop,
-  chips,
-  clear,
-  input
+  left,
+  right,
+  divider,
+  dividerHandle
 };
-exports.badge = badge;
-exports.chevron = chevron;
-exports.chevronOpen = chevronOpen;
-exports.chips = chips;
-exports.clear = clear;
 exports.default = styles;
-exports.input = input;
-exports.pop = pop;
+exports.divider = divider;
+exports.dividerHandle = dividerHandle;
+exports.left = left;
+exports.right = right;
 exports.root = root;
-exports.trigger = trigger;
-exports.triggerContent = triggerContent;
 //# sourceMappingURL=index71.cjs.map

package/dist/index71.cjs.map

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

package/dist/index71.js

@@ -1,36 +1,21 @@
-const root = "krc-root-oXC0g";
-const trigger = "krc-trigger-2YW6R";
-const triggerContent = "krc-triggerContent-Nfhff";
-const chevron = "krc-chevron-otnpb";
-const chevronOpen = "krc-chevronOpen-UoLND";
-const badge = "krc-badge-dN-p-";
-const pop = "krc-pop-IfyfL";
-const chips = "krc-chips-J7YEf";
-const clear = "krc-clear--yvPZ";
-const input = "krc-input--QI2U";
+const root = "krc-root-WL0sD";
+const left = "krc-left-9KFDB";
+const right = "krc-right-YmUbX";
+const divider = "krc-divider-jNOSU";
+const dividerHandle = "krc-dividerHandle-SoNqx";
 const styles = {
   root,
-  trigger,
-  triggerContent,
-  chevron,
-  chevronOpen,
-  badge,
-  pop,
-  chips,
-  clear,
-  input
+  left,
+  right,
+  divider,
+  dividerHandle
 };
 export {
-  badge,
-  chevron,
-  chevronOpen,
-  chips,
-  clear,
   styles as default,
-  input,
-  pop,
-  root,
-  trigger,
-  triggerContent
+  divider,
+  dividerHandle,
+  left,
+  right,
+  root
 };
 //# sourceMappingURL=index71.js.map

package/dist/index71.js.map

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

package/dist/index72.cjs

@@ -1,27 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-xKc1n";
-const item = "krc-item-Omuyb";
-const head = "krc-head-ePoJ-";
-const headContent = "krc-headContent-wymxG";
-const chev = "krc-chev-yPNHx";
-const isOpen = "krc-isOpen-wp7DR";
-const body = "krc-body-pZ1Bk";
+const root = "krc-root-0ZI82";
 const styles = {
-  root,
-  item,
-  head,
-  headContent,
-  chev,
-  isOpen,
-  body
+  root
 };
-exports.body = body;
-exports.chev = chev;
 exports.default = styles;
-exports.head = head;
-exports.headContent = headContent;
-exports.isOpen = isOpen;
-exports.item = item;
 exports.root = root;
 //# sourceMappingURL=index72.cjs.map

package/dist/index72.cjs.map

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