@ktnpm_devops/react-component 0.7.1 → 0.9.0

package/dist/index93.js

@@ -0,0 +1,24 @@
+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,
+  sidebar,
+  sidebarCollapsed,
+  main,
+  filterBar,
+  content
+};
+export {
+  content,
+  styles as default,
+  filterBar,
+  main,
+  root,
+  sidebar,
+  sidebarCollapsed
+};
+//# sourceMappingURL=index93.js.map

package/dist/index93.js.map

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

package/dist/index94.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-0iK-T";
+const header = "krc-header-vLmNI";
+const title = "krc-title-J9FSG";
+const headerActions = "krc-headerActions-8Sd6i";
+const toolbar = "krc-toolbar-65kLR";
+const toolbarLabel = "krc-toolbarLabel-kmRLQ";
+const toolbarSelect = "krc-toolbarSelect-t7OKN";
+const chartContainer = "krc-chartContainer-1-iIe";
+const loading = "krc-loading-MRlom";
+const error = "krc-error-esslq";
+const retryButton = "krc-retryButton-js385";
+const empty = "krc-empty-qYFPa";
+const warning = "krc-warning-ll4Hc";
+const styles = {
+  root,
+  header,
+  title,
+  headerActions,
+  toolbar,
+  toolbarLabel,
+  toolbarSelect,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty,
+  warning
+};
+exports.chartContainer = chartContainer;
+exports.default = styles;
+exports.empty = empty;
+exports.error = error;
+exports.header = header;
+exports.headerActions = headerActions;
+exports.loading = loading;
+exports.retryButton = retryButton;
+exports.root = root;
+exports.title = title;
+exports.toolbar = toolbar;
+exports.toolbarLabel = toolbarLabel;
+exports.toolbarSelect = toolbarSelect;
+exports.warning = warning;
+//# sourceMappingURL=index94.cjs.map

package/dist/index94.cjs.map

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

package/dist/index94.js

@@ -0,0 +1,45 @@
+const root = "krc-root-0iK-T";
+const header = "krc-header-vLmNI";
+const title = "krc-title-J9FSG";
+const headerActions = "krc-headerActions-8Sd6i";
+const toolbar = "krc-toolbar-65kLR";
+const toolbarLabel = "krc-toolbarLabel-kmRLQ";
+const toolbarSelect = "krc-toolbarSelect-t7OKN";
+const chartContainer = "krc-chartContainer-1-iIe";
+const loading = "krc-loading-MRlom";
+const error = "krc-error-esslq";
+const retryButton = "krc-retryButton-js385";
+const empty = "krc-empty-qYFPa";
+const warning = "krc-warning-ll4Hc";
+const styles = {
+  root,
+  header,
+  title,
+  headerActions,
+  toolbar,
+  toolbarLabel,
+  toolbarSelect,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty,
+  warning
+};
+export {
+  chartContainer,
+  styles as default,
+  empty,
+  error,
+  header,
+  headerActions,
+  loading,
+  retryButton,
+  root,
+  title,
+  toolbar,
+  toolbarLabel,
+  toolbarSelect,
+  warning
+};
+//# sourceMappingURL=index94.js.map

package/dist/index94.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index94.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/primitives/RangeSlider/RangeSlider.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/primitives/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAS5D,eAAO,MAAM,WAAW,6GA8DvB,CAAC"}

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

@@ -0,0 +1,12 @@
+export interface RangeSliderProps {
+    min: number;
+    max: number;
+    step?: number;
+    value: [number, number];
+    onChange: (value: [number, number]) => void;
+    disabled?: boolean;
+    minAriaLabel?: string;
+    maxAriaLabel?: string;
+    showTicks?: boolean;
+}
+//# sourceMappingURL=RangeSlider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/RangeSlider/RangeSlider.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/RangeSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,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;
@@ -1406,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;
@@ -2164,6 +2195,126 @@
   color: var(--text-tertiary);
   user-select: none;
 }
+.krc-root-1fbld {
+  position: relative;
+  height: 1rem;
+  display: flex;
+  align-items: center;
+}
+
+.krc-rail-S-V5h {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0.25rem;
+  border-radius: 0.125rem;
+  background: var(--border-color);
+}
+
+.krc-fill-NAEy9 {
+  position: absolute;
+  height: 0.25rem;
+  border-radius: 0.125rem;
+  background: var(--accent-color);
+}
+
+.krc-tick-j75qi {
+  position: absolute;
+  width: var(--border-width);
+  height: 0.5rem;
+  transform: translateX(-50%);
+  background: var(--text-tertiary);
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.krc-disabled-DgBiL .krc-fill-NAEy9 {
+  background: var(--text-tertiary);
+}
+
+.krc-thumb-QVYVM {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 1rem;
+  margin: 0;
+  background: none;
+  pointer-events: none;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.krc-thumb-QVYVM::-webkit-slider-runnable-track {
+  background: transparent;
+}
+
+.krc-thumb-QVYVM::-moz-range-track {
+  background: transparent;
+  border: none;
+}
+
+.krc-thumb-QVYVM::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  pointer-events: auto;
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background: var(--accent-color);
+  border: var(--border-width) solid var(--surface-color);
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.4);
+  cursor: pointer;
+}
+
+.krc-thumb-QVYVM::-moz-range-thumb {
+  pointer-events: auto;
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background: var(--accent-color);
+  border: var(--border-width) solid var(--surface-color);
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.4);
+  cursor: pointer;
+}
+
+.krc-thumb-QVYVM:focus-visible::-webkit-slider-thumb {
+  box-shadow: var(--focus-ring-shadow);
+}
+
+.krc-thumb-QVYVM:focus-visible::-moz-range-thumb {
+  box-shadow: var(--focus-ring-shadow);
+}
+
+.krc-thumb-QVYVM:disabled::-webkit-slider-thumb {
+  background: var(--text-tertiary);
+  cursor: not-allowed;
+}
+
+.krc-thumb-QVYVM:disabled::-moz-range-thumb {
+  background: var(--text-tertiary);
+  cursor: not-allowed;
+}
+
+.krc-valueTooltip-Vuimh {
+  position: absolute;
+  bottom: calc(100% + 0.375rem);
+  transform: translateX(-50%);
+  background: var(--text-primary);
+  color: var(--surface-color);
+  font-size: var(--font-size-2xs);
+  line-height: 1;
+  padding: var(--spacing-2xs) var(--spacing-xs);
+  border-radius: var(--radius-sm);
+  box-shadow: var(--shadow-subtle);
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.12s ease;
+}
+
+.krc-thumb-QVYVM:not(:disabled):hover + .krc-valueTooltip-Vuimh,
+.krc-thumb-QVYVM:not(:disabled):focus + .krc-valueTooltip-Vuimh {
+  opacity: 1;
+}
 .krc-root-WL0sD {
   display: flex;
   width: 100%;

package/package.json

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