@ktnpm_devops/react-component 0.7.0 → 0.8.0

package/dist/index88.cjs

@@ -1,45 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-xM3Jn";
-const header = "krc-header-Pg9ER";
-const title = "krc-title-MRZQn";
-const headerRight = "krc-headerRight-b0xzW";
-const toolbar = "krc-toolbar--rsIi";
-const select = "krc-select-79sIN";
-const legendToggle = "krc-legendToggle--ofSS";
-const legendToggleActive = "krc-legendToggleActive-14gdq";
-const chartContainer = "krc-chartContainer-tDTrg";
-const loading = "krc-loading-WkgGt";
-const error = "krc-error-yzAKV";
-const retryButton = "krc-retryButton-wTkWq";
-const empty = "krc-empty-1EZzg";
+const root = "krc-root-0ZI82";
 const styles = {
-  root,
-  header,
-  title,
-  headerRight,
-  toolbar,
-  select,
-  legendToggle,
-  legendToggleActive,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty
+  root
 };
-exports.chartContainer = chartContainer;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerRight = headerRight;
-exports.legendToggle = legendToggle;
-exports.legendToggleActive = legendToggleActive;
-exports.loading = loading;
-exports.retryButton = retryButton;
 exports.root = root;
-exports.select = select;
-exports.title = title;
-exports.toolbar = toolbar;
 //# sourceMappingURL=index88.cjs.map

package/dist/index88.cjs.map

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

package/dist/index88.js

@@ -1,45 +1,9 @@
-const root = "krc-root-xM3Jn";
-const header = "krc-header-Pg9ER";
-const title = "krc-title-MRZQn";
-const headerRight = "krc-headerRight-b0xzW";
-const toolbar = "krc-toolbar--rsIi";
-const select = "krc-select-79sIN";
-const legendToggle = "krc-legendToggle--ofSS";
-const legendToggleActive = "krc-legendToggleActive-14gdq";
-const chartContainer = "krc-chartContainer-tDTrg";
-const loading = "krc-loading-WkgGt";
-const error = "krc-error-yzAKV";
-const retryButton = "krc-retryButton-wTkWq";
-const empty = "krc-empty-1EZzg";
+const root = "krc-root-0ZI82";
 const styles = {
-  root,
-  header,
-  title,
-  headerRight,
-  toolbar,
-  select,
-  legendToggle,
-  legendToggleActive,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty
+  root
 };
 export {
-  chartContainer,
   styles as default,
-  empty,
-  error,
-  header,
-  headerRight,
-  legendToggle,
-  legendToggleActive,
-  loading,
-  retryButton,
-  root,
-  select,
-  title,
-  toolbar
+  root
 };
 //# sourceMappingURL=index88.js.map

package/dist/index88.js.map

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

package/dist/index89.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-xM3Jn";
+const header = "krc-header-Pg9ER";
+const title = "krc-title-MRZQn";
+const headerRight = "krc-headerRight-b0xzW";
+const toolbar = "krc-toolbar--rsIi";
+const select = "krc-select-79sIN";
+const legendToggle = "krc-legendToggle--ofSS";
+const legendToggleActive = "krc-legendToggleActive-14gdq";
+const chartContainer = "krc-chartContainer-tDTrg";
+const loading = "krc-loading-WkgGt";
+const error = "krc-error-yzAKV";
+const retryButton = "krc-retryButton-wTkWq";
+const empty = "krc-empty-1EZzg";
+const styles = {
+  root,
+  header,
+  title,
+  headerRight,
+  toolbar,
+  select,
+  legendToggle,
+  legendToggleActive,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty
+};
+exports.chartContainer = chartContainer;
+exports.default = styles;
+exports.empty = empty;
+exports.error = error;
+exports.header = header;
+exports.headerRight = headerRight;
+exports.legendToggle = legendToggle;
+exports.legendToggleActive = legendToggleActive;
+exports.loading = loading;
+exports.retryButton = retryButton;
+exports.root = root;
+exports.select = select;
+exports.title = title;
+exports.toolbar = toolbar;
+//# sourceMappingURL=index89.cjs.map

package/dist/index89.cjs.map

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

package/dist/index89.js

@@ -0,0 +1,45 @@
+const root = "krc-root-xM3Jn";
+const header = "krc-header-Pg9ER";
+const title = "krc-title-MRZQn";
+const headerRight = "krc-headerRight-b0xzW";
+const toolbar = "krc-toolbar--rsIi";
+const select = "krc-select-79sIN";
+const legendToggle = "krc-legendToggle--ofSS";
+const legendToggleActive = "krc-legendToggleActive-14gdq";
+const chartContainer = "krc-chartContainer-tDTrg";
+const loading = "krc-loading-WkgGt";
+const error = "krc-error-yzAKV";
+const retryButton = "krc-retryButton-wTkWq";
+const empty = "krc-empty-1EZzg";
+const styles = {
+  root,
+  header,
+  title,
+  headerRight,
+  toolbar,
+  select,
+  legendToggle,
+  legendToggleActive,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty
+};
+export {
+  chartContainer,
+  styles as default,
+  empty,
+  error,
+  header,
+  headerRight,
+  legendToggle,
+  legendToggleActive,
+  loading,
+  retryButton,
+  root,
+  select,
+  title,
+  toolbar
+};
+//# sourceMappingURL=index89.js.map

package/dist/index89.js.map

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

package/dist/index9.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("./index48.cjs");
-const Accordion_module = require("./index73.cjs");
+const clsx = require("./index50.cjs");
+const Accordion_module = require("./index59.cjs");
 const Accordion = react.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx.clsx(Accordion_module.default.root, className), ...props, children })
 );

package/dist/index9.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useId } from "react";
-import { clsx } from "./index48.js";
-import styles from "./index73.js";
+import { clsx } from "./index50.js";
+import styles from "./index59.js";
 const Accordion = forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: clsx(styles.root, className), ...props, children })
 );

package/dist/index90.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-la9-1";
+const logo = "krc-logo-b73UT";
+const card = "krc-card-1ev-q";
+const footer = "krc-footer-E0B15";
+const styles = {
+  root,
+  logo,
+  card,
+  footer
+};
+exports.card = card;
+exports.default = styles;
+exports.footer = footer;
+exports.logo = logo;
+exports.root = root;
+//# sourceMappingURL=index90.cjs.map

package/dist/index90.cjs.map

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

package/dist/index90.js

@@ -0,0 +1,18 @@
+const root = "krc-root-la9-1";
+const logo = "krc-logo-b73UT";
+const card = "krc-card-1ev-q";
+const footer = "krc-footer-E0B15";
+const styles = {
+  root,
+  logo,
+  card,
+  footer
+};
+export {
+  card,
+  styles as default,
+  footer,
+  logo,
+  root
+};
+//# sourceMappingURL=index90.js.map

package/dist/index90.js.map

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

package/dist/index91.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-uKAJr";
+const header = "krc-header-BWJPo";
+const body = "krc-body-LCUxY";
+const footer = "krc-footer-z4n8R";
+const toggle = "krc-toggle-9T9IZ";
+const section = "krc-section-us0Me";
+const sectionTitle = "krc-sectionTitle-On1X-";
+const sectionToggle = "krc-sectionToggle-eriVJ";
+const sectionChevron = "krc-sectionChevron-cgn7M";
+const sectionChevronOpen = "krc-sectionChevronOpen-Ja5Y3";
+const sectionItems = "krc-sectionItems-iwvxo";
+const collapsed = "krc-collapsed-JRXBy";
+const styles = {
+  root,
+  header,
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
+};
+exports.body = body;
+exports.collapsed = collapsed;
+exports.default = styles;
+exports.footer = footer;
+exports.header = header;
+exports.root = root;
+exports.section = section;
+exports.sectionChevron = sectionChevron;
+exports.sectionChevronOpen = sectionChevronOpen;
+exports.sectionItems = sectionItems;
+exports.sectionTitle = sectionTitle;
+exports.sectionToggle = sectionToggle;
+exports.toggle = toggle;
+//# sourceMappingURL=index91.cjs.map

package/dist/index91.cjs.map

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

package/dist/index91.js

@@ -0,0 +1,42 @@
+const root = "krc-root-uKAJr";
+const header = "krc-header-BWJPo";
+const body = "krc-body-LCUxY";
+const footer = "krc-footer-z4n8R";
+const toggle = "krc-toggle-9T9IZ";
+const section = "krc-section-us0Me";
+const sectionTitle = "krc-sectionTitle-On1X-";
+const sectionToggle = "krc-sectionToggle-eriVJ";
+const sectionChevron = "krc-sectionChevron-cgn7M";
+const sectionChevronOpen = "krc-sectionChevronOpen-Ja5Y3";
+const sectionItems = "krc-sectionItems-iwvxo";
+const collapsed = "krc-collapsed-JRXBy";
+const styles = {
+  root,
+  header,
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
+};
+export {
+  body,
+  collapsed,
+  styles as default,
+  footer,
+  header,
+  root,
+  section,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  sectionTitle,
+  sectionToggle,
+  toggle
+};
+//# sourceMappingURL=index91.js.map

package/dist/index91.js.map

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

package/dist/index92.cjs

@@ -0,0 +1,33 @@
+"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 styles = {
+  wrap,
+  root,
+  colh,
+  rowh,
+  corner,
+  cell,
+  bad,
+  ok,
+  clickable
+};
+exports.bad = bad;
+exports.cell = cell;
+exports.clickable = clickable;
+exports.colh = colh;
+exports.corner = corner;
+exports.default = styles;
+exports.ok = ok;
+exports.root = root;
+exports.rowh = rowh;
+exports.wrap = wrap;
+//# sourceMappingURL=index92.cjs.map

package/dist/index92.cjs.map

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

package/dist/index92.js

@@ -0,0 +1,33 @@
+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 styles = {
+  wrap,
+  root,
+  colh,
+  rowh,
+  corner,
+  cell,
+  bad,
+  ok,
+  clickable
+};
+export {
+  bad,
+  cell,
+  clickable,
+  colh,
+  corner,
+  styles as default,
+  ok,
+  root,
+  rowh,
+  wrap
+};
+//# sourceMappingURL=index92.js.map

package/dist/index92.js.map

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

package/dist/primitives/Chip/Chip.d.ts

@@ -0,0 +1,4 @@
+import { ChipProps } from './Chip.types';
+
+export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/primitives/Chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/primitives/Chip/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,yGAWhB,CAAC"}

package/dist/primitives/Chip/Chip.types.d.ts

@@ -0,0 +1,12 @@
+export type ChipSize = 'sm' | 'md' | 'lg';
+export interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'value'> {
+    /** Value passed to `onToggle` when the chip is activated. */
+    value: string;
+    /** Whether the chip is in its active/pressed state (controlled). */
+    selected?: boolean;
+    /** Visual density. */
+    size?: ChipSize;
+    /** Called with `value` when the chip is clicked. */
+    onToggle?: (value: string) => void;
+}
+//# sourceMappingURL=Chip.types.d.ts.map

package/dist/primitives/Chip/Chip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChF,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC"}

package/dist/primitives/Chip/index.d.ts

@@ -0,0 +1,3 @@
+export { Chip } from './Chip';
+export type { ChipProps, ChipSize } from './Chip.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/dist/style.css

@@ -661,6 +661,55 @@
   border-top: var(--border-width) solid var(--border-color);
   padding: var(--spacing-md);
 }
+.krc-root-XLK9Q {
+  display: inline-flex;
+  align-items: center;
+  border: var(--border-width) solid var(--border-color);
+  border-radius: var(--radius-pill);
+  background: var(--surface-color);
+  color: var(--text-secondary);
+  font-family: inherit;
+  cursor: pointer;
+  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
+}
+
+.krc-root-XLK9Q:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring-shadow);
+}
+
+.krc-root-XLK9Q:disabled {
+  color: var(--text-disabled);
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.krc-selected-1CnTu {
+  background: var(--accent-color-soft);
+  border-color: var(--accent-color);
+  color: var(--accent-color-strong);
+  font-weight: 600;
+}
+
+.krc-sm-MR9Wa {
+  padding: 0.1875rem 0.5625rem;
+  font-size: var(--font-size-xs);
+}
+
+.krc-md-Q8uX7 {
+  padding: var(--spacing-2xs) var(--spacing-sm);
+  font-size: var(--font-size-sm);
+}
+
+.krc-lg-bMnPn {
+  padding: var(--spacing-xs) var(--spacing-md);
+  font-size: var(--font-size-md);
+}
+.krc-root-0ZI82 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-xs) var(--spacing-2xs);
+}
 .krc-root-pJYpn {
   box-sizing: border-box;
   min-width: 0;
@@ -1331,18 +1380,22 @@
 }
 
 .krc-trigger-2YW6R {
-  display: inline-flex;
+  display: flex;
   align-items: center;
-  gap: 0.4375rem;
-  border: var(--border-width) solid var(--border-color);
+  gap: var(--spacing-xs);
+  padding: var(--spacing-xs) var(--spacing-sm);
   background: var(--surface-color);
-  color: var(--text-secondary);
+  border: var(--border-width) solid var(--border-color);
   border-radius: var(--radius-md);
-  padding: 0.5rem 0.875rem;
+  color: var(--text-primary);
   font-family: inherit;
   font-size: var(--font-size-sm);
-  font-weight: 600;
   cursor: pointer;
+  transition: border-color 0.2s ease, background-color 0.2s ease;
+}
+
+.krc-trigger-2YW6R:hover {
+  border-color: var(--accent-color);
 }
 
 .krc-trigger-2YW6R:focus-visible {
@@ -1350,23 +1403,36 @@
   box-shadow: var(--focus-ring-shadow);
 }
 
-.krc-isActive-HSFfq {
-  border-color: var(--accent-color);
-  color: var(--accent-color-strong);
-  background: var(--accent-color-soft);
+.krc-triggerContent-Nfhff {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
 }
 
-.krc-arrow-3UdEd {
-  width: 0.75rem;
-  height: 0.75rem;
-  color: var(--text-muted);
+.krc-chevron-otnpb {
+  flex-shrink: 0;
+  color: var(--text-secondary);
   transition: transform 0.2s ease;
 }
 
-.krc-arrowOpen-DvGky {
+.krc-chevronOpen-UoLND {
   transform: rotate(180deg);
 }
 
+.krc-badge-dN-p- {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  padding: 0 var(--spacing-xs);
+  background: var(--accent-color);
+  color: #fff;
+  border-radius: var(--radius-sm);
+  font-size: var(--font-size-xs);
+  font-weight: 600;
+}
+
 .krc-pop-IfyfL {
   position: absolute;
   top: calc(100% + 0.375rem);
@@ -1389,24 +1455,6 @@
   max-width: 21.25rem;
 }
 
-.krc-chip-HbgDr {
-  font-size: var(--font-size-xs);
-  padding: 0.1875rem 0.5625rem;
-  border-radius: var(--radius-pill);
-  border: var(--border-width) solid var(--border-color);
-  background: var(--surface-color);
-  color: var(--text-secondary);
-  font-family: inherit;
-  cursor: pointer;
-}
-
-.krc-chipOn--fbh8 {
-  background: var(--accent-color-soft);
-  border-color: var(--accent-color);
-  color: var(--accent-color-strong);
-  font-weight: 600;
-}
-
 .krc-clear--yvPZ {
   display: block;
   margin-top: 0.625rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktnpm_devops/react-component",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Kenmei Technologies React Component Library",
   "type": "module",
   "license": "MIT",