@ktnpm_devops/react-component 0.3.0 → 0.4.1

package/dist/index69.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-U8B4Y";
+const header = "krc-header-dy6xQ";
+const headerLeft = "krc-headerLeft-80jJu";
+const title = "krc-title--e-Ci";
+const subtitle = "krc-subtitle-63ixC";
+const headerRight = "krc-headerRight-3Vuls";
+const toolbar = "krc-toolbar-h6ALf";
+const chartTypeToggle = "krc-chartTypeToggle-6DRWb";
+const active = "krc-active-Un9q0";
+const chartContainer = "krc-chartContainer-2Oz2N";
+const loading = "krc-loading-hTkxl";
+const error = "krc-error--F7yO";
+const retryButton = "krc-retryButton-w0SS7";
+const empty = "krc-empty-HWTS-";
+const styles = {
+  root,
+  header,
+  headerLeft,
+  title,
+  subtitle,
+  headerRight,
+  toolbar,
+  chartTypeToggle,
+  active,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty
+};
+exports.active = active;
+exports.chartContainer = chartContainer;
+exports.chartTypeToggle = chartTypeToggle;
+exports.default = styles;
+exports.empty = empty;
+exports.error = error;
+exports.header = header;
+exports.headerLeft = headerLeft;
+exports.headerRight = headerRight;
+exports.loading = loading;
+exports.retryButton = retryButton;
+exports.root = root;
+exports.subtitle = subtitle;
+exports.title = title;
+exports.toolbar = toolbar;
+//# sourceMappingURL=index69.cjs.map

package/dist/index69.cjs.map

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

package/dist/index69.js

@@ -0,0 +1,48 @@
+const root = "krc-root-U8B4Y";
+const header = "krc-header-dy6xQ";
+const headerLeft = "krc-headerLeft-80jJu";
+const title = "krc-title--e-Ci";
+const subtitle = "krc-subtitle-63ixC";
+const headerRight = "krc-headerRight-3Vuls";
+const toolbar = "krc-toolbar-h6ALf";
+const chartTypeToggle = "krc-chartTypeToggle-6DRWb";
+const active = "krc-active-Un9q0";
+const chartContainer = "krc-chartContainer-2Oz2N";
+const loading = "krc-loading-hTkxl";
+const error = "krc-error--F7yO";
+const retryButton = "krc-retryButton-w0SS7";
+const empty = "krc-empty-HWTS-";
+const styles = {
+  root,
+  header,
+  headerLeft,
+  title,
+  subtitle,
+  headerRight,
+  toolbar,
+  chartTypeToggle,
+  active,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty
+};
+export {
+  active,
+  chartContainer,
+  chartTypeToggle,
+  styles as default,
+  empty,
+  error,
+  header,
+  headerLeft,
+  headerRight,
+  loading,
+  retryButton,
+  root,
+  subtitle,
+  title,
+  toolbar
+};
+//# sourceMappingURL=index69.js.map

package/dist/index69.js.map

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

package/dist/index9.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 AuthLayout_module = require("./index65.cjs");
+const clsx = require("./index38.cjs");
+const AuthLayout_module = require("./index59.cjs");
 const AuthLayout = ({
   children,
   logo,

package/dist/index9.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { clsx } from "./index36.js";
-import styles from "./index65.js";
+import { clsx } from "./index38.js";
+import styles from "./index59.js";
 const AuthLayout = ({
   children,
   logo,

package/dist/primitives/Col/Col.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Col.d.ts","sourceRoot":"","sources":["../../../src/primitives/Col/Col.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAW5C,eAAO,MAAM,GAAG,qGAqCf,CAAC"}

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

@@ -0,0 +1,13 @@
+export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Fractional width based on 12-column grid (1–12). */
+    span?: number;
+    /** Left margin offset based on 12-column grid (0–11). */
+    offset?: number;
+    /** Flex grow factor. `true` is equivalent to `1`. */
+    grow?: boolean | number;
+    /** Flex shrink factor. `true` is equivalent to `1`. */
+    shrink?: boolean | number;
+    /** Flex basis value. */
+    basis?: string;
+}
+//# sourceMappingURL=Col.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Col.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Col/Col.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Col/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/primitives/Row/Row.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/primitives/Row/Row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAgC5C,eAAO,MAAM,GAAG,qGA8Bf,CAAC"}

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

@@ -0,0 +1,16 @@
+export type RowGap = 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+export type RowAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type RowJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Gap between children. Maps to `var(--spacing-{value})`. */
+    gap?: RowGap;
+    /** Cross-axis alignment (`align-items`). */
+    align?: RowAlign;
+    /** Main-axis alignment (`justify-content`). */
+    justify?: RowJustify;
+    /** Whether children wrap to next line. */
+    wrap?: boolean;
+    /** Flex direction. */
+    direction?: 'row' | 'column';
+}
+//# sourceMappingURL=Row.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Row/Row.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GACd,MAAM,GACN,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3E,MAAM,MAAM,UAAU,GAClB,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sBAAsB;IACtB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B"}

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

@@ -0,0 +1,3 @@
+export { Row } from './Row';
+export type { RowProps, RowGap, RowAlign, RowJustify } from './Row.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/style.css

@@ -605,6 +605,10 @@
   border-top: var(--border-width) solid var(--border-color);
   padding: var(--spacing-md);
 }
+.krc-root-pJYpn {
+  box-sizing: border-box;
+  min-width: 0;
+}
 .krc-root-LQf3S {
   position: fixed;
   z-index: 10;
@@ -1717,6 +1721,43 @@
 .krc-dividerHandle-SoNqx {
   color: var(--text-secondary);
 }
+.krc-root-HS837 {
+  display: flex;
+}
+
+/* Gap */
+.krc-gapNone-MmCvp { gap: 0; }
+.krc-gap2xs-h-fXm { gap: var(--spacing-2xs); }
+.krc-gapXs-Jketq { gap: var(--spacing-xs); }
+.krc-gapSm-BFLhK { gap: var(--spacing-sm); }
+.krc-gapMd--7IRg { gap: var(--spacing-md); }
+.krc-gapLg-ehuIZ { gap: var(--spacing-lg); }
+.krc-gapXl-kNEyc { gap: var(--spacing-xl); }
+.krc-gap2xl-3QB9p { gap: var(--spacing-2xl); }
+.krc-gap3xl-0f-pz { gap: var(--spacing-3xl); }
+
+/* Align */
+.krc-alignStart-q6fMC { align-items: flex-start; }
+.krc-alignCenter-Py2Kt { align-items: center; }
+.krc-alignEnd-ialGn { align-items: flex-end; }
+.krc-alignStretch-J-rq4 { align-items: stretch; }
+.krc-alignBaseline-Hg-4L { align-items: baseline; }
+
+/* Justify */
+.krc-justifyStart-tBqbD { justify-content: flex-start; }
+.krc-justifyCenter-6QDaO { justify-content: center; }
+.krc-justifyEnd-2tbcB { justify-content: flex-end; }
+.krc-justifyBetween-5W1AJ { justify-content: space-between; }
+.krc-justifyAround-AMU1m { justify-content: space-around; }
+.krc-justifyEvenly-Vj3C- { justify-content: space-evenly; }
+
+/* Wrap */
+.krc-wrap-Q4txZ { flex-wrap: wrap; }
+.krc-nowrap-BUcfT { flex-wrap: nowrap; }
+
+/* Direction */
+.krc-dirRow-NBoPO { flex-direction: row; }
+.krc-dirColumn-gJ7qS { flex-direction: column; }
 .krc-root-0iK-T {
   background: var(--surface-color);
   border: var(--border-width) solid var(--border-color);

package/dist/styles.cjs

@@ -0,0 +1 @@
+import './style.css';

package/dist/styles.mjs

@@ -0,0 +1 @@
+import './style.css';

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "@ktnpm_devops/react-component",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "Kenmei Technologies React Component Library",
   "type": "module",
   "license": "MIT",
   "sideEffects": [
-    "**/*.css"
+    "**/*.css",
+    "./dist/styles.mjs",
+    "./dist/styles.cjs"
   ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -23,7 +25,11 @@
     },
     "./tokens": "./dist/tokens/index.css",
     "./tokens/orbit": "./dist/tokens/orbit-tokens.css",
-    "./tokens/semantic": "./dist/tokens/semantic-tokens.css"
+    "./tokens/semantic": "./dist/tokens/semantic-tokens.css",
+    "./styles": {
+      "import": "./dist/styles.mjs",
+      "require": "./dist/styles.cjs"
+    }
   },
   "files": [
     "dist",