photon-grid-core 0.0.1 → 0.0.3

package/styles/base/photon-ai.css.js

@@ -0,0 +1,200 @@
+/**
+ * Photon Grid base styles — photon-ai section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export const photonAiCss = `/* ──────────────────── Photon AI ────────────────────
+   Floating command bar, anchored to the grid body's bottom-right corner.
+   Mounted as a sibling of the pinned-column panels (see PhotonAIPanel.mount /
+   GridRenderer.buildLayout) so it floats independently of virtualization and
+   scroll; the grid body's own overflow: hidden is what keeps it inside the
+   grid container per spec, without this component needing to enforce that
+   itself. */
+.pg-ai-launcher {
+  position: absolute;
+  bottom: 16px;
+  right: 16px;
+  z-index: 201;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  border: none;
+  border-radius: var(--pg-borders-radius-pill, 9999px);
+  background: var(--pg-colors-primary, #2563eb);
+  color: var(--pg-colors-primary-text, #ffffff);
+  box-shadow: var(--pg-shadows-lg, 0 8px 24px rgba(15, 23, 42, 0.16));
+  cursor: pointer;
+  transition:
+    transform var(--pg-transitions-duration-base, 150ms) var(--pg-transitions-easing-base, ease),
+    opacity var(--pg-transitions-duration-base, 150ms) var(--pg-transitions-easing-base, ease),
+    background var(--pg-transitions-duration-fast, 100ms);
+}
+.pg-ai-launcher:hover {
+  background: var(--pg-colors-primary-hover, #1d4ed8);
+  transform: scale(1.06);
+}
+.pg-ai-launcher:active {
+  background: var(--pg-colors-primary-active, #1e40af);
+  transform: scale(0.97);
+}
+.pg-ai-launcher--hidden {
+  opacity: 0;
+  transform: scale(0.7);
+  pointer-events: none;
+}
+
+.pg-ai-panel {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  bottom: 12px;
+  z-index: 201;
+  width: min(360px, calc(100% - 24px));
+  display: none;
+  flex-direction: column;
+  background: var(--pg-colors-surface, #ffffff);
+  border: var(--pg-borders-width-thin, 1px) solid var(--pg-colors-border, #e2e8f0);
+  border-radius: var(--pg-borders-radius-lg, 10px);
+  box-shadow: var(--pg-shadows-dropdown, 0 16px 48px rgba(15, 23, 42, 0.24));
+  font-family: var(--pg-typography-font-family, system-ui, sans-serif);
+  color: var(--pg-colors-text-primary, #0f172a);
+}
+.pg-ai-panel--open {
+  display: flex;
+}
+
+.pg-ai-panel__header {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px;
+  border-bottom: var(--pg-borders-width-thin, 1px) solid var(--pg-colors-border, #e2e8f0);
+}
+.pg-ai-panel__title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: var(--pg-typography-font-size-sm, 13px);
+  font-weight: var(--pg-typography-font-weight-semi-bold, 600);
+  color: var(--pg-colors-primary, #2563eb);
+}
+.pg-ai-panel__close {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border: none;
+  border-radius: var(--pg-borders-radius-sm, 4px);
+  background: transparent;
+  color: var(--pg-colors-text-secondary, #64748b);
+  cursor: pointer;
+  transition: background var(--pg-transitions-duration-fast, 100ms);
+}
+.pg-ai-panel__close:hover {
+  background: var(--pg-colors-background-alt, #f1f5f9);
+}
+
+.pg-ai-panel__log {
+  flex: 1 1 0;
+  min-height: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 14px;
+}
+
+.pg-ai-panel__message {
+  max-width: 85%;
+  padding: 8px 12px;
+  border-radius: var(--pg-borders-radius-lg, 10px);
+  font-size: var(--pg-typography-font-size-sm, 13px);
+  line-height: 1.45;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.pg-ai-panel__message--user {
+  align-self: flex-end;
+  background: var(--pg-colors-primary, #2563eb);
+  color: var(--pg-colors-primary-text, #ffffff);
+  border-bottom-right-radius: var(--pg-borders-radius-sm, 4px);
+}
+.pg-ai-panel__message--assistant {
+  align-self: flex-start;
+  background: var(--pg-colors-background-alt, #f1f5f9);
+  color: var(--pg-colors-text-primary, #0f172a);
+  border-bottom-left-radius: var(--pg-borders-radius-sm, 4px);
+}
+.pg-ai-panel__message--assistant.pg-ai-panel__message--error {
+  background: var(--pg-colors-error-subtle, #fef2f2);
+  color: var(--pg-colors-error, #dc2626);
+}
+
+.pg-ai-panel__input-wrap {
+  position: relative;
+  flex-shrink: 0;
+  display: flex;
+  padding: 10px 12px 12px;
+  border-top: var(--pg-borders-width-thin, 1px) solid var(--pg-colors-border, #e2e8f0);
+}
+.pg-ai-panel__input {
+  flex: 1 1 0;
+  width: 100%;
+  min-height: 36px;
+  max-height: 120px;
+  padding: 8px 40px 8px 12px;
+  border: var(--pg-borders-width-thin, 1px) solid var(--pg-colors-border, #e2e8f0);
+  border-radius: var(--pg-borders-radius-md, 6px);
+  background: var(--pg-colors-surface, #ffffff);
+  color: var(--pg-colors-text-primary, #0f172a);
+  font-family: var(--pg-typography-font-family, system-ui, sans-serif);
+  font-size: var(--pg-typography-font-size-sm, 13px);
+  line-height: 1.4;
+  resize: none;
+  outline: none;
+  transition: border-color var(--pg-transitions-duration-fast, 100ms);
+}
+.pg-ai-panel__input::placeholder {
+  color: var(--pg-colors-text-disabled, #94a3b8);
+}
+.pg-ai-panel__input:focus {
+  border-color: var(--pg-colors-border-focus, #2563eb);
+}
+.pg-ai-panel__send {
+  position: absolute;
+  right: 20px;
+  bottom: 17px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  flex-shrink: 0;
+  border: none;
+  border-radius: var(--pg-borders-radius-pill, 9999px);
+  background: var(--pg-colors-primary, #2563eb);
+  color: var(--pg-colors-primary-text, #ffffff);
+  cursor: pointer;
+  transition:
+    background var(--pg-transitions-duration-fast, 100ms),
+    transform var(--pg-transitions-duration-fast, 100ms),
+    opacity var(--pg-transitions-duration-fast, 100ms);
+}
+.pg-ai-panel__send:hover:not(:disabled) {
+  background: var(--pg-colors-primary-hover, #1d4ed8);
+  transform: scale(1.08);
+}
+.pg-ai-panel__send:disabled {
+  background: var(--pg-colors-text-disabled, #94a3b8);
+  opacity: 0.5;
+  cursor: default;
+}
+
+`;
+//# sourceMappingURL=photon-ai.css.js.map

package/styles/base/photon-ai.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"photon-ai.css.js","sourceRoot":"","sources":["../../../src/styles/base/photon-ai.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+L1B,CAAC"}

package/styles/base/root.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Photon Grid base styles — root section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export declare const rootCss = "\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Root \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-grid {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  background: var(--pg-colors-row-background, #fff);\n  color: var(--pg-colors-text-primary, #0f172a);\n  font-family: var(--pg-typography-font-family, \"Inter\", system-ui, sans-serif);\n  font-size: var(--pg-typography-font-size-md, 0.8rem);\n  text-fit: width; \n  font-weight: var(--pg-typography-font-weight-normal, 400);\n  box-sizing: border-box;\n  position: relative;\n  --pg-scroll-x: 0px;\n  --pg-scroll-y: 0px;\n  --pg-content-height: 0px;\n  --pg-center-content-width: 0px;\n  --pg-left-panel-width: auto;\n  --pg-right-panel-width: auto;\n  --pg-header-row-height: 44px;\n  --pg-filter-row-height: 36px;\n}\n.pg-grid *, .pg-grid *::before, .pg-grid *::after { box-sizing: border-box; }\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Outer flex-row / main flex-col wrappers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-grid-outer {\n  display: flex;\n  flex-direction: row;\n  flex: 1 1 0;\n  min-height: 0;\n  overflow: hidden;\n}\n.pg-grid-main {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 0;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n\n";
+//# sourceMappingURL=root.css.d.ts.map

package/styles/base/root.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.css.d.ts","sourceRoot":"","sources":["../../../src/styles/base/root.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,utDA+CnB,CAAC"}

package/styles/base/root.css.js

@@ -0,0 +1,56 @@
+/**
+ * Photon Grid base styles — root section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export const rootCss = `
+/* ──────────────────── Root ──────────────────── */
+.pg-grid {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border: 1px solid var(--pg-colors-border, #e2e8f0);
+  border-radius: var(--pg-borders-radius-md, 6px);
+  background: var(--pg-colors-row-background, #fff);
+  color: var(--pg-colors-text-primary, #0f172a);
+  font-family: var(--pg-typography-font-family, "Inter", system-ui, sans-serif);
+  font-size: var(--pg-typography-font-size-md, 0.8rem);
+  text-fit: width; 
+  font-weight: var(--pg-typography-font-weight-normal, 400);
+  box-sizing: border-box;
+  position: relative;
+  --pg-scroll-x: 0px;
+  --pg-scroll-y: 0px;
+  --pg-content-height: 0px;
+  --pg-center-content-width: 0px;
+  --pg-left-panel-width: auto;
+  --pg-right-panel-width: auto;
+  --pg-header-row-height: 44px;
+  --pg-filter-row-height: 36px;
+}
+.pg-grid *, .pg-grid *::before, .pg-grid *::after { box-sizing: border-box; }
+
+/* ──────────────────── Outer flex-row / main flex-col wrappers ──────────────────── */
+.pg-grid-outer {
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 0;
+  min-height: 0;
+  overflow: hidden;
+}
+.pg-grid-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+  position: relative;
+}
+
+`;
+//# sourceMappingURL=root.css.js.map

package/styles/base/root.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.css.js","sourceRoot":"","sources":["../../../src/styles/base/root.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CtB,CAAC"}

package/styles/base/row-drag.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Photon Grid base styles — row-drag section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export declare const rowDragCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Row Drag \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-grid__body { position: relative; }\n\n.pg-row-drag-handle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  cursor: grab;\n  opacity: 0.35;\n  color: var(--pg-colors-text-secondary, #475569);\n  margin-right: 4px;\n}\n.pg-row-drag-handle:hover { opacity: 0.7; }\n.pg-row-drag-handle:active { cursor: grabbing; }\n\n.pg-row-drag-ghost {\n  position: fixed;\n  pointer-events: none;\n  z-index: 9999;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 10px;\n  border-radius: var(--pg-borders-radius-md, 6px);\n  border: 1.5px solid var(--pg-colors-primary, #2563eb);\n  background: var(--pg-colors-surface, #fff);\n  color: var(--pg-colors-primary, #2563eb);\n  font-size: var(--pg-typography-font-size-sm, 12px);\n  font-weight: 500;\n  box-shadow: 0 6px 24px rgba(37,99,235,0.13), 0 2px 8px rgba(37,99,235,0.12);\n  transform: translate(12px, -50%);\n  white-space: nowrap;\n  max-width: 240px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.pg-row-drag-ghost__icon { display: inline-flex; align-items: center; opacity: 0.8; }\n.pg-row-drag-ghost__icon--block { display: none; }\n.pg-row-drag-ghost__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n\n.pg-row-drag-ghost--outside {\n  border-color: var(--pg-colors-danger, #ef4444);\n  box-shadow: 0 6px 24px rgba(239,68,68,0.13), 0 2px 8px rgba(239,68,68,0.12);\n  color: var(--pg-colors-danger, #ef4444);\n}\n.pg-row-drag-ghost--outside .pg-row-drag-ghost__icon--drag { display: none; }\n.pg-row-drag-ghost--outside .pg-row-drag-ghost__icon--block { display: inline-flex; }\n\n.pg-row-drop-indicator {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: var(--pg-colors-primary, #2563eb);\n  pointer-events: none;\n  z-index: 100;\n  border-radius: 1px;\n}\n.pg-row-drop-indicator::before {\n  content: '';\n  position: absolute;\n  left: -3px;\n  top: -3px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--pg-colors-primary, #2563eb);\n}\n\n/* The dragged row: semi-transparent, moves to virtual landing position */\n.pg-row--row-dragging { opacity: 0.4; }\n\n/* During row drag: kill hover/click on all rows; animate top changes.\n   Uses top (not transform) so rows stay within panel overflow:hidden bounds. */\n.pg-grid--row-dragging .pg-row {\n  pointer-events: none;\n  will-change: top;\n  transition: background var(--pg-transitions-duration-fast, 100ms),\n              top 130ms cubic-bezier(0.2, 0, 0, 1);\n}\n\n";
+//# sourceMappingURL=row-drag.css.d.ts.map

package/styles/base/row-drag.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-drag.css.d.ts","sourceRoot":"","sources":["../../../src/styles/base/row-drag.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,0xFAoFtB,CAAC"}

package/styles/base/row-drag.css.js

@@ -0,0 +1,93 @@
+/**
+ * Photon Grid base styles — row-drag section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export const rowDragCss = `/* ──────────────────── Row Drag ──────────────────── */
+.pg-grid__body { position: relative; }
+
+.pg-row-drag-handle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 100%;
+  flex-shrink: 0;
+  cursor: grab;
+  opacity: 0.35;
+  color: var(--pg-colors-text-secondary, #475569);
+  margin-right: 4px;
+}
+.pg-row-drag-handle:hover { opacity: 0.7; }
+.pg-row-drag-handle:active { cursor: grabbing; }
+
+.pg-row-drag-ghost {
+  position: fixed;
+  pointer-events: none;
+  z-index: 9999;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 10px;
+  border-radius: var(--pg-borders-radius-md, 6px);
+  border: 1.5px solid var(--pg-colors-primary, #2563eb);
+  background: var(--pg-colors-surface, #fff);
+  color: var(--pg-colors-primary, #2563eb);
+  font-size: var(--pg-typography-font-size-sm, 12px);
+  font-weight: 500;
+  box-shadow: 0 6px 24px rgba(37,99,235,0.13), 0 2px 8px rgba(37,99,235,0.12);
+  transform: translate(12px, -50%);
+  white-space: nowrap;
+  max-width: 240px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.pg-row-drag-ghost__icon { display: inline-flex; align-items: center; opacity: 0.8; }
+.pg-row-drag-ghost__icon--block { display: none; }
+.pg-row-drag-ghost__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+
+.pg-row-drag-ghost--outside {
+  border-color: var(--pg-colors-danger, #ef4444);
+  box-shadow: 0 6px 24px rgba(239,68,68,0.13), 0 2px 8px rgba(239,68,68,0.12);
+  color: var(--pg-colors-danger, #ef4444);
+}
+.pg-row-drag-ghost--outside .pg-row-drag-ghost__icon--drag { display: none; }
+.pg-row-drag-ghost--outside .pg-row-drag-ghost__icon--block { display: inline-flex; }
+
+.pg-row-drop-indicator {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background: var(--pg-colors-primary, #2563eb);
+  pointer-events: none;
+  z-index: 100;
+  border-radius: 1px;
+}
+.pg-row-drop-indicator::before {
+  content: '';
+  position: absolute;
+  left: -3px;
+  top: -3px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--pg-colors-primary, #2563eb);
+}
+
+/* The dragged row: semi-transparent, moves to virtual landing position */
+.pg-row--row-dragging { opacity: 0.4; }
+
+/* During row drag: kill hover/click on all rows; animate top changes.
+   Uses top (not transform) so rows stay within panel overflow:hidden bounds. */
+.pg-grid--row-dragging .pg-row {
+  pointer-events: none;
+  will-change: top;
+  transition: background var(--pg-transitions-duration-fast, 100ms),
+              top 130ms cubic-bezier(0.2, 0, 0, 1);
+}
+
+`;
+//# sourceMappingURL=row-drag.css.js.map

package/styles/base/row-drag.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-drag.css.js","sourceRoot":"","sources":["../../../src/styles/base/row-drag.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFzB,CAAC"}

package/styles/base/row-group.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Photon Grid base styles — row-group section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export declare const rowGroupCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Checkbox \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-checkbox {\n  width: var(--pg-sizing-checkbox-size, 16px);\n  height: var(--pg-sizing-checkbox-size, 16px);\n  accent-color: var(--pg-colors-primary, #2563eb);\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Row Group \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Inner layout cell \u2014 carries level-based left padding */\n.pg-row-group__cell {\n  display: flex;\n  align-items: center;\n  gap: var(--pg-group-row-gap, 6px);\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  padding-right: var(--pg-group-row-padding-right, 16px);\n}\n\n/* Level-based indentation (data-level set by the renderer, no inline style) */\n.pg-row--group[data-level=\"0\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-0, 8px); }\n.pg-row--group[data-level=\"1\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-1, 28px); }\n.pg-row--group[data-level=\"2\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-2, 48px); }\n.pg-row--group[data-level=\"3\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-3, 68px); }\n.pg-row--group[data-level=\"4\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-4, 88px); }\n.pg-row--group[data-level=\"5\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-5, 108px); }\n\n/* Toggle button \u2014 a themed wrapper, not the raw icon element */\n.pg-row-group__toggle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: var(--pg-group-toggle-size, 24px);\n  height: var(--pg-group-toggle-size, 24px);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  color: var(--pg-colors-text-secondary, #64748b);\n  background: transparent;\n  transition:\n    background var(--pg-transitions-duration-fast, 100ms),\n    color var(--pg-transitions-duration-fast, 100ms);\n}\n\n.pg-row-group__label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--pg-colors-group-row-text, inherit);\n}\n\n.pg-row-group__count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--pg-group-count-min-width, 24px);\n  padding: var(--pg-group-count-padding, 1px 8px);\n  border-radius: var(--pg-borders-radius-pill, 9999px);\n  background: var(--pg-colors-badge-background, #dbeafe);\n  color: var(--pg-colors-badge-text, #1e40af);\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  flex-shrink: 0;\n  letter-spacing: 0.02em;\n}\n\n";
+//# sourceMappingURL=row-group.css.d.ts.map

package/styles/base/row-group.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-group.css.d.ts","sourceRoot":"","sources":["../../../src/styles/base/row-group.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,o7FAsEvB,CAAC"}

package/styles/base/row-group.css.js

@@ -0,0 +1,79 @@
+/**
+ * Photon Grid base styles — row-group section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export const rowGroupCss = `/* ──────────────────── Checkbox ──────────────────── */
+.pg-checkbox {
+  width: var(--pg-sizing-checkbox-size, 16px);
+  height: var(--pg-sizing-checkbox-size, 16px);
+  accent-color: var(--pg-colors-primary, #2563eb);
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+/* ──────────────────── Row Group ──────────────────── */
+
+/* Inner layout cell — carries level-based left padding */
+.pg-row-group__cell {
+  display: flex;
+  align-items: center;
+  gap: var(--pg-group-row-gap, 6px);
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  padding-right: var(--pg-group-row-padding-right, 16px);
+}
+
+/* Level-based indentation (data-level set by the renderer, no inline style) */
+.pg-row--group[data-level="0"] .pg-row-group__cell { padding-left: var(--pg-group-indent-0, 8px); }
+.pg-row--group[data-level="1"] .pg-row-group__cell { padding-left: var(--pg-group-indent-1, 28px); }
+.pg-row--group[data-level="2"] .pg-row-group__cell { padding-left: var(--pg-group-indent-2, 48px); }
+.pg-row--group[data-level="3"] .pg-row-group__cell { padding-left: var(--pg-group-indent-3, 68px); }
+.pg-row--group[data-level="4"] .pg-row-group__cell { padding-left: var(--pg-group-indent-4, 88px); }
+.pg-row--group[data-level="5"] .pg-row-group__cell { padding-left: var(--pg-group-indent-5, 108px); }
+
+/* Toggle button — a themed wrapper, not the raw icon element */
+.pg-row-group__toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--pg-group-toggle-size, 24px);
+  height: var(--pg-group-toggle-size, 24px);
+  border-radius: var(--pg-borders-radius-sm, 4px);
+  color: var(--pg-colors-text-secondary, #64748b);
+  background: transparent;
+  transition:
+    background var(--pg-transitions-duration-fast, 100ms),
+    color var(--pg-transitions-duration-fast, 100ms);
+}
+
+.pg-row-group__label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--pg-colors-group-row-text, inherit);
+}
+
+.pg-row-group__count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--pg-group-count-min-width, 24px);
+  padding: var(--pg-group-count-padding, 1px 8px);
+  border-radius: var(--pg-borders-radius-pill, 9999px);
+  background: var(--pg-colors-badge-background, #dbeafe);
+  color: var(--pg-colors-badge-text, #1e40af);
+  font-size: var(--pg-typography-font-size-xs, 11px);
+  font-weight: var(--pg-typography-font-weight-semi-bold, 600);
+  flex-shrink: 0;
+  letter-spacing: 0.02em;
+}
+
+`;
+//# sourceMappingURL=row-group.css.js.map

package/styles/base/row-group.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-group.css.js","sourceRoot":"","sources":["../../../src/styles/base/row-group.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsE1B,CAAC"}

package/styles/base/rows.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Photon Grid base styles — rows section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export declare const rowsCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Rows \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-row {\n  display: flex;\n  align-items: stretch;\n  position: absolute;\n  left: 0;\n  width: 100%;\n  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);\n  background: var(--pg-colors-row-background, #fff);\n  transition: background var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-row--hover { background: var(--pg-colors-row-hover, #f0f7ff) !important; }\n.pg-row--alt { background: var(--pg-colors-row-background-alt, #f8fafc); }\n.pg-row--selected {\n  background: var(--pg-colors-row-selected, #eff6ff) !important;\n  outline: none;\n}\n.pg-row--selected .pg-cell { color: inherit; }\n.pg-row--group {\n  background: var(--pg-colors-group-row-background, #f8fafc);\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  // border-left: var(--pg-group-row-border-width, 3px) solid var(--pg-colors-primary, #2563eb);\n  cursor: pointer;\n}\n.pg-row--group:hover,\n.pg-row--group.pg-row--hover {\n  background: var(--pg-colors-group-row-hover, #eff2ff) !important;\n}\n.pg-row--group:hover .pg-row-group__toggle,\n.pg-row--group.pg-row--hover .pg-row-group__toggle {\n  background: var(--pg-colors-group-toggle-hover, rgba(37, 99, 235, 0.1));\n  color: var(--pg-colors-primary, #2563eb);\n}\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Group footer row \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n/*\n * Appears below the last leaf child of each expanded group.\n * Shows the same aggregate values as the group header row (AG Grid groupIncludeFooter).\n * Cells are fully selectable and copyable; editing is blocked because values are computed.\n */\n.pg-row--group-footer {\n  background: var(--pg-colors-group-footer-background, #eef2fa);\n  font-style: italic;\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  border-bottom: 2px solid var(--pg-colors-primary-light, #bfdbfe);\n  cursor: default;\n}\n.pg-row--group-footer:hover,\n.pg-row--group-footer.pg-row--hover {\n  background: var(--pg-colors-group-footer-hover, #e0e9f8) !important;\n}\n/* Level-based indentation mirrors the group header rules */\n.pg-row--group-footer[data-level=\"0\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-0, 8px); }\n.pg-row--group-footer[data-level=\"1\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-1, 28px); }\n.pg-row--group-footer[data-level=\"2\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-2, 48px); }\n.pg-row--group-footer[data-level=\"3\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-3, 68px); }\n.pg-row--group-footer[data-level=\"4\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-4, 88px); }\n.pg-row--group-footer[data-level=\"5\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-5, 108px); }\n.pg-row--group-footer .pg-row-group__label {\n  color: var(--pg-colors-text-secondary, #475569);\n}\n/* Dark-mode overrides */\n.pg-grid[data-theme=\"dark\"] .pg-row--group-footer {\n  background: var(--pg-colors-group-footer-background, rgba(37, 99, 235, 0.06));\n  border-bottom-color: rgba(96, 165, 250, 0.28);\n}\n.pg-grid[data-theme=\"dark\"] .pg-row--group-footer:hover,\n.pg-grid[data-theme=\"dark\"] .pg-row--group-footer.pg-row--hover {\n  background: var(--pg-colors-group-footer-hover, rgba(37, 99, 235, 0.11)) !important;\n}\n.pg-grid[data-theme=\"dark\"] .pg-row--group-footer .pg-row-group__label {\n  color: var(--pg-colors-text-secondary, #94a3b8);\n}\n\n";
+//# sourceMappingURL=rows.css.d.ts.map

package/styles/base/rows.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows.css.d.ts","sourceRoot":"","sources":["../../../src/styles/base/rows.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,0uHA0EnB,CAAC"}

package/styles/base/rows.css.js

@@ -0,0 +1,83 @@
+/**
+ * Photon Grid base styles — rows section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export const rowsCss = `/* ──────────────────── Rows ──────────────────── */
+.pg-row {
+  display: flex;
+  align-items: stretch;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);
+  background: var(--pg-colors-row-background, #fff);
+  transition: background var(--pg-transitions-duration-fast, 100ms);
+}
+.pg-row--hover { background: var(--pg-colors-row-hover, #f0f7ff) !important; }
+.pg-row--alt { background: var(--pg-colors-row-background-alt, #f8fafc); }
+.pg-row--selected {
+  background: var(--pg-colors-row-selected, #eff6ff) !important;
+  outline: none;
+}
+.pg-row--selected .pg-cell { color: inherit; }
+.pg-row--group {
+  background: var(--pg-colors-group-row-background, #f8fafc);
+  font-weight: var(--pg-typography-font-weight-semi-bold, 600);
+  // border-left: var(--pg-group-row-border-width, 3px) solid var(--pg-colors-primary, #2563eb);
+  cursor: pointer;
+}
+.pg-row--group:hover,
+.pg-row--group.pg-row--hover {
+  background: var(--pg-colors-group-row-hover, #eff2ff) !important;
+}
+.pg-row--group:hover .pg-row-group__toggle,
+.pg-row--group.pg-row--hover .pg-row-group__toggle {
+  background: var(--pg-colors-group-toggle-hover, rgba(37, 99, 235, 0.1));
+  color: var(--pg-colors-primary, #2563eb);
+}
+
+/* ──────────────────── Group footer row ──────────────────── */
+/*
+ * Appears below the last leaf child of each expanded group.
+ * Shows the same aggregate values as the group header row (AG Grid groupIncludeFooter).
+ * Cells are fully selectable and copyable; editing is blocked because values are computed.
+ */
+.pg-row--group-footer {
+  background: var(--pg-colors-group-footer-background, #eef2fa);
+  font-style: italic;
+  font-weight: var(--pg-typography-font-weight-semi-bold, 600);
+  border-bottom: 2px solid var(--pg-colors-primary-light, #bfdbfe);
+  cursor: default;
+}
+.pg-row--group-footer:hover,
+.pg-row--group-footer.pg-row--hover {
+  background: var(--pg-colors-group-footer-hover, #e0e9f8) !important;
+}
+/* Level-based indentation mirrors the group header rules */
+.pg-row--group-footer[data-level="0"] .pg-row-group__cell { padding-left: var(--pg-group-indent-0, 8px); }
+.pg-row--group-footer[data-level="1"] .pg-row-group__cell { padding-left: var(--pg-group-indent-1, 28px); }
+.pg-row--group-footer[data-level="2"] .pg-row-group__cell { padding-left: var(--pg-group-indent-2, 48px); }
+.pg-row--group-footer[data-level="3"] .pg-row-group__cell { padding-left: var(--pg-group-indent-3, 68px); }
+.pg-row--group-footer[data-level="4"] .pg-row-group__cell { padding-left: var(--pg-group-indent-4, 88px); }
+.pg-row--group-footer[data-level="5"] .pg-row-group__cell { padding-left: var(--pg-group-indent-5, 108px); }
+.pg-row--group-footer .pg-row-group__label {
+  color: var(--pg-colors-text-secondary, #475569);
+}
+/* Dark-mode overrides */
+.pg-grid[data-theme="dark"] .pg-row--group-footer {
+  background: var(--pg-colors-group-footer-background, rgba(37, 99, 235, 0.06));
+  border-bottom-color: rgba(96, 165, 250, 0.28);
+}
+.pg-grid[data-theme="dark"] .pg-row--group-footer:hover,
+.pg-grid[data-theme="dark"] .pg-row--group-footer.pg-row--hover {
+  background: var(--pg-colors-group-footer-hover, rgba(37, 99, 235, 0.11)) !important;
+}
+.pg-grid[data-theme="dark"] .pg-row--group-footer .pg-row-group__label {
+  color: var(--pg-colors-text-secondary, #94a3b8);
+}
+
+`;
+//# sourceMappingURL=rows.css.js.map

package/styles/base/rows.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows.css.js","sourceRoot":"","sources":["../../../src/styles/base/rows.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EtB,CAAC"}

package/styles/base/scrollbars.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Photon Grid base styles — scrollbars section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export declare const scrollbarsCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Scrollbars \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Native vertical scrollbar \u2014 flex item that lives beside the center panel.\n   It is NOT absolutely positioned so it never overlaps cell content; the center\n   panel shrinks to make room for it, keeping every cell border fully visible. */\n.pg-scrollbar-v-native {\n  flex-shrink: 0;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  background: var(--pg-colors-scrollbar-bg, #fff);\n}\n.pg-scrollbar-v-spacer {\n  width: 1px;\n  pointer-events: none;\n}\n/* Horizontal row: sits below the body */\n.pg-scrollbar-h-row {\n  display: flex;\n  flex-direction: row;\n  flex-shrink: 0;\n  border-top: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n.pg-scrollbar-h-spacer { flex-shrink: 0; background: var(--pg-colors-scrollbar-bg, #fff); }\n.pg-scrollbar-h-spacer--left  { width: var(--pg-left-panel-width, 0px); overflow: scroll; }\n.pg-scrollbar-h-spacer--right { width: var(--pg-right-panel-width, 0px); overflow: scroll; }\n/* Aligns the h-scroll track with the narrowed center panel (which is now\n   offset by the vertical scrollbar width captured in --pg-scrollbar-v-width). */\n.pg-scrollbar-h-spacer--vscroll {\n  flex-shrink: 0;\n  width: 0px;\n  background: var(--pg-colors-scrollbar-bg, #fff);\n}\n/* Native horizontal scrollbar container */\n.pg-scrollbar-h-native {\n  flex: 1 1 0;\n  min-width: 0;\n  overflow-x: scroll;\n  overflow-y: hidden;\n  background: var(--pg-colors-scrollbar-bg, #fff);\n}\n.pg-scrollbar-h-content {\n  height: 1px;\n  pointer-events: none;\n}\n/* Hidden state \u2014 applied to wraps */\n.pg-scrollbar--hidden { display: none; }\n\n";
+//# sourceMappingURL=scrollbars.css.d.ts.map

package/styles/base/scrollbars.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbars.css.d.ts","sourceRoot":"","sources":["../../../src/styles/base/scrollbars.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,qzDA+CzB,CAAC"}