@gridui/grid 2.1.4 → 2.3.0

package/dist/styles.css

@@ -5,6 +5,9 @@
   .\@container {
     container-type: inline-size;
   }
+  .fixed {
+    position: fixed;
+  }
   .relative {
     position: relative;
   }
@@ -110,6 +113,66 @@
   .text-muted {
     color: var(--gridui-muted);
   }
+  .\[--gridui-dashboard-compact-end-minimum\:0px\] {
+    --gridui-dashboard-compact-end-minimum: 0px;
+  }
+  .\[--gridui-dashboard-compact-end\:0px\] {
+    --gridui-dashboard-compact-end: 0px;
+  }
+  .\[--gridui-dashboard-compact-end\:var\(--gridui-space-8\)\] {
+    --gridui-dashboard-compact-end: var(--gridui-space-8);
+  }
+  .\[--gridui-dashboard-compact-end\:var\(--gridui-space-16\)\] {
+    --gridui-dashboard-compact-end: var(--gridui-space-16);
+  }
+  .\[--gridui-dashboard-compact-end\:var\(--gridui-space-24\)\] {
+    --gridui-dashboard-compact-end: var(--gridui-space-24);
+  }
+  .\[--gridui-dashboard-compact-start-minimum\:0px\] {
+    --gridui-dashboard-compact-start-minimum: 0px;
+  }
+  .\[--gridui-dashboard-compact-start\:0px\] {
+    --gridui-dashboard-compact-start: 0px;
+  }
+  .\[--gridui-dashboard-compact-start\:var\(--gridui-space-8\)\] {
+    --gridui-dashboard-compact-start: var(--gridui-space-8);
+  }
+  .\[--gridui-dashboard-compact-start\:var\(--gridui-space-16\)\] {
+    --gridui-dashboard-compact-start: var(--gridui-space-16);
+  }
+  .\[--gridui-dashboard-compact-start\:var\(--gridui-space-24\)\] {
+    --gridui-dashboard-compact-start: var(--gridui-space-24);
+  }
+  .\[--gridui-dashboard-end-minimum\:0px\] {
+    --gridui-dashboard-end-minimum: 0px;
+  }
+  .\[--gridui-dashboard-end\:0px\] {
+    --gridui-dashboard-end: 0px;
+  }
+  .\[--gridui-dashboard-end\:var\(--gridui-space-8\)\] {
+    --gridui-dashboard-end: var(--gridui-space-8);
+  }
+  .\[--gridui-dashboard-end\:var\(--gridui-space-16\)\] {
+    --gridui-dashboard-end: var(--gridui-space-16);
+  }
+  .\[--gridui-dashboard-end\:var\(--gridui-space-24\)\] {
+    --gridui-dashboard-end: var(--gridui-space-24);
+  }
+  .\[--gridui-dashboard-start-minimum\:0px\] {
+    --gridui-dashboard-start-minimum: 0px;
+  }
+  .\[--gridui-dashboard-start\:0px\] {
+    --gridui-dashboard-start: 0px;
+  }
+  .\[--gridui-dashboard-start\:var\(--gridui-space-8\)\] {
+    --gridui-dashboard-start: var(--gridui-space-8);
+  }
+  .\[--gridui-dashboard-start\:var\(--gridui-space-16\)\] {
+    --gridui-dashboard-start: var(--gridui-space-16);
+  }
+  .\[--gridui-dashboard-start\:var\(--gridui-space-24\)\] {
+    --gridui-dashboard-start: var(--gridui-space-24);
+  }
   .\[\&\>\.gridui-frame-rail-content\]\:sticky > .gridui-frame-rail-content {
     position: sticky;
   }
@@ -140,6 +203,65 @@
   }
 }
 @layer components {
+  .gridui-dashboard-frame {
+    --gridui-dashboard-outline-clearance: max(calc(var(--gridui-hover-width) + var(--gridui-hover-offset)), calc(var(--gridui-focus-width) + var(--gridui-focus-offset)));
+    --gridui-dashboard-start-minimum: var(--gridui-dashboard-outline-clearance);
+    --gridui-dashboard-end-minimum: var(--gridui-dashboard-outline-clearance);
+    --gridui-dashboard-compact-start-minimum: var(--gridui-dashboard-outline-clearance);
+    --gridui-dashboard-compact-end-minimum: var(--gridui-dashboard-outline-clearance);
+    --gridui-dashboard-start-gutter: var(--gridui-dashboard-compact-start);
+    --gridui-dashboard-end-gutter: var(--gridui-dashboard-compact-end);
+    --gridui-dashboard-start-floor: var(--gridui-dashboard-compact-start-minimum);
+    --gridui-dashboard-end-floor: var(--gridui-dashboard-compact-end-minimum);
+    --gridui-dashboard-effective-start: max(var(--gridui-dashboard-start-gutter), var(--gridui-dashboard-start-floor));
+    --gridui-dashboard-effective-end: max(var(--gridui-dashboard-end-gutter), var(--gridui-dashboard-end-floor));
+    --gridui-frame-outset-left: var(--gridui-dashboard-effective-start);
+    --gridui-frame-outset-right: var(--gridui-dashboard-effective-end);
+    display: flex;
+    min-width: 0;
+    min-height: 0;
+    height: 100%;
+    padding-inline: var(--gridui-dashboard-effective-start) var(--gridui-dashboard-effective-end);
+    color: var(--gridui-foreground);
+    background: var(--gridui-background);
+    isolation: isolate;
+  }
+  .gridui-dashboard-frame:dir(rtl) {
+    --gridui-frame-outset-left: var(--gridui-dashboard-effective-end);
+    --gridui-frame-outset-right: var(--gridui-dashboard-effective-start);
+  }
+  .gridui-dashboard-frame-body {
+    --gridui-frame-bleed-left: calc(var(--gridui-frame-outset-left) + 1px);
+    --gridui-frame-bleed-right: calc(var(--gridui-frame-outset-right) + 1px);
+    --gridui-frame-decoration-left-clearance: max(0px, calc(var(--gridui-frame-outset-left) - 1px));
+    --gridui-frame-decoration-right-clearance: max(0px, calc(var(--gridui-frame-outset-right) - 1px));
+    --gridui-frame-decoration-block-clearance: 0px;
+    position: relative;
+    display: flex;
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+    border-inline: 1px solid var(--gridui-border);
+  }
+  .gridui-dashboard-frame-body > * {
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+  }
+  .gridui-dashboard-frame > .gridui-dashboard-frame-body > .gridui-frame-decoration {
+    display: none;
+  }
+  @media (min-width: 40rem) {
+    .gridui-dashboard-frame {
+      --gridui-dashboard-start-gutter: var(--gridui-dashboard-start);
+      --gridui-dashboard-start-floor: var(--gridui-dashboard-start-minimum);
+      --gridui-dashboard-end-floor: var(--gridui-dashboard-end-minimum);
+      --gridui-dashboard-end-gutter: var(--gridui-dashboard-end);
+    }
+    .gridui-dashboard-frame > .gridui-dashboard-frame-body > .gridui-frame-decoration {
+      display: block;
+    }
+  }
   .gridui-frame-rail-body, .gridui-frame-page-header, .gridui-frame-page-footer, .gridui-frame-main, .gridui-frame-sections {
     display: grid;
     min-width: 0;
@@ -250,6 +372,31 @@
       --gridui-frame-rail-display: var(--gridui-rail-display-lg);
     }
   }
+  .gridui-frame-boundary {
+    position: relative;
+    flex-shrink: 0;
+    min-width: 0;
+    z-index: var(--gridui-z-boundary);
+    border-top: 1px solid var(--gridui-frame-previous-border, var(--gridui-border));
+    pointer-events: none;
+  }
+  .gridui-frame-divider {
+    box-sizing: border-box;
+    height: var(--gridui-band-size);
+    border-bottom: 1px solid var(--gridui-border);
+    background: var(--gridui-brand-tint);
+    pointer-events: none;
+  }
+  .gridui-frame-stripe {
+    background: repeating-linear-gradient( 135deg, var(--gridui-brand-art) 0 2px, var(--gridui-brand-tint) 2px 8px );
+  }
+  .gridui-frame-space {
+    height: var(--gridui-boundary-space-size);
+    border: 0;
+  }
+  .gridui-frame-boundary[data-boundary-extent="frame"] {
+    grid-column: 1 / -1;
+  }
   :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections) {
     --gridui-frame-previous-border: initial;
   }
@@ -266,26 +413,7 @@
     --gridui-frame-previous-border: var(--gridui-danger-border);
   }
   .gridui-container > .gridui-frame-boundary {
-    position: relative;
-    z-index: var(--gridui-z-boundary);
-    grid-column: full-start / full-end;
-    border-top: 1px solid var(--gridui-frame-previous-border, var(--gridui-border));
-    pointer-events: none;
-  }
-  .gridui-container > .gridui-frame-divider {
-    box-sizing: border-box;
     grid-column: full-start / full-end;
-    height: var(--gridui-band-size);
-    border-bottom: 1px solid var(--gridui-border);
-    background: var(--gridui-brand-tint);
-    pointer-events: none;
-  }
-  .gridui-container > .gridui-frame-stripe {
-    background: repeating-linear-gradient( 135deg, var(--gridui-brand-art) 0 2px, var(--gridui-brand-tint) 2px 8px );
-  }
-  .gridui-container > .gridui-frame-space {
-    height: var(--gridui-boundary-space-size);
-    border: 0;
   }
   .gridui-frame-surface {
     position: relative;
@@ -295,39 +423,54 @@
     z-index: var(--gridui-z-interaction);
   }
   .gridui-frame-decoration {
+    --gridui-frame-decoration-width: 0px;
+    --gridui-frame-decoration-outset: 0px;
     position: absolute;
     z-index: var(--gridui-z-content);
     display: none;
-    inset: 0 0 0 calc(0px - var(--gridui-frame-rail-width, 0px));
+    inset-block: 0;
+    width: min(var(--gridui-frame-decoration-width), var(--gridui-frame-decoration-clearance));
     pointer-events: none;
   }
+  .gridui-frame-decoration[data-side="start"]:dir(ltr), .gridui-frame-decoration[data-side="end"]:dir(rtl) {
+    --gridui-frame-decoration-clearance: var(--gridui-frame-decoration-left-clearance, max(var(--gridui-frame-decoration-width), var(--gridui-frame-decoration-outset)));
+    --gridui-frame-decoration-anchor: left;
+    left: calc(0px - var(--gridui-frame-rail-width, 0px) - min(var(--gridui-frame-decoration-outset), var(--gridui-frame-decoration-clearance)));
+  }
+  .gridui-frame-decoration[data-side="end"]:dir(ltr), .gridui-frame-decoration[data-side="start"]:dir(rtl) {
+    --gridui-frame-decoration-clearance: var(--gridui-frame-decoration-right-clearance, max(var(--gridui-frame-decoration-width), var(--gridui-frame-decoration-outset)));
+    --gridui-frame-decoration-anchor: right;
+    right: calc(0px - min(var(--gridui-frame-decoration-outset), var(--gridui-frame-decoration-clearance)));
+  }
   .gridui-frame-decoration[data-decoration="nodes"] {
+    --gridui-frame-decoration-width: 5px;
+    --gridui-frame-decoration-outset: 3px;
     display: block;
-    inset-block: -3px auto;
+    inset-block: calc(0px - min(3px, var(--gridui-frame-decoration-block-clearance, 3px))) auto;
     height: 5px;
-    margin-inline: -3px;
-    background: linear-gradient(var(--gridui-border), var(--gridui-border)) left / 5px 5px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) right / 5px 5px no-repeat;
+    background: linear-gradient(var(--gridui-border), var(--gridui-border));
   }
   @media (min-width: 40rem) {
     .gridui-frame-decoration {
       display: block;
     }
     .gridui-frame-decoration[data-decoration="marks"] {
+      --gridui-frame-decoration-width: 11px;
+      --gridui-frame-decoration-outset: 12px;
       inset-block: 24px auto;
       height: 36px;
-      margin-inline: -12px;
-      background: linear-gradient(var(--gridui-border), var(--gridui-border)) top left / 11px 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) bottom left / 11px 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) top right / 11px 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) bottom right / 11px 1px no-repeat;
+      background: linear-gradient(var(--gridui-border), var(--gridui-border)) top / 100% 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) bottom / 100% 1px no-repeat;
     }
     .gridui-frame-decoration[data-decoration="corners"] {
-      margin: -4px;
-      background: linear-gradient(var(--gridui-border), var(--gridui-border)) top left / 9px 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) top left / 1px 9px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) top right / 9px 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) top right / 1px 9px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) bottom left / 9px 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) bottom left / 1px 9px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) bottom right / 9px 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) bottom right / 1px 9px no-repeat;
+      --gridui-frame-decoration-width: 9px;
+      --gridui-frame-decoration-outset: 4px;
+      inset-block: calc(0px - min(4px, var(--gridui-frame-decoration-block-clearance, 4px)));
+      background: linear-gradient(var(--gridui-border), var(--gridui-border)) top / 100% 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) top var(--gridui-frame-decoration-anchor) / 1px 9px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) bottom / 100% 1px no-repeat, linear-gradient(var(--gridui-border), var(--gridui-border)) bottom var(--gridui-frame-decoration-anchor) / 1px 9px no-repeat;
     }
     .gridui-frame-decoration[data-decoration="ticks"] {
-      margin-inline: -13px;
-      background-image: linear-gradient(to bottom, transparent calc(50% - 0.5px), var(--gridui-decoration) calc(50% - 0.5px), var(--gridui-decoration) calc(50% + 0.5px), transparent calc(50% + 0.5px)), linear-gradient(to bottom, transparent calc(50% - 0.5px), var(--gridui-decoration) calc(50% - 0.5px), var(--gridui-decoration) calc(50% + 0.5px), transparent calc(50% + 0.5px));
-      background-position: left center, right center;
-      background-size: 12px 12px;
-      background-repeat: no-repeat round;
+      --gridui-frame-decoration-width: 12px;
+      --gridui-frame-decoration-outset: 13px;
+      background: linear-gradient(to bottom, transparent calc(50% - 0.5px), var(--gridui-decoration) calc(50% - 0.5px), var(--gridui-decoration) calc(50% + 0.5px), transparent calc(50% + 0.5px)) center / 100% 12px no-repeat round;
     }
   }
   .gridui-frame-texture {
@@ -463,55 +606,8 @@
       padding: var(--gridui-chrome-padding-lg);
     }
   }
-  .gridui-frame-brand {
-    --gridui-background: var(--gridui-brand-background);
-    --gridui-foreground: var(--gridui-brand-foreground);
-    --gridui-muted: var(--gridui-brand-muted);
-    --gridui-border: var(--gridui-brand-border);
-    --gridui-link: var(--gridui-brand-link);
-    --gridui-accent-background: var(--gridui-brand-accent-background);
-    --gridui-accent-foreground: var(--gridui-brand-accent-foreground);
-  }
-  .gridui-frame-warning {
-    --gridui-background: var(--gridui-warning-background);
-    --gridui-foreground: var(--gridui-warning-foreground);
-    --gridui-muted: var(--gridui-warning-muted);
-    --gridui-border: var(--gridui-warning-border);
-    --gridui-link: var(--gridui-warning-link);
-    --gridui-accent-background: var(--gridui-warning-accent-background);
-    --gridui-accent-foreground: var(--gridui-warning-accent-foreground);
-  }
-  .gridui-frame-danger {
-    --gridui-background: var(--gridui-danger-background);
-    --gridui-foreground: var(--gridui-danger-foreground);
-    --gridui-muted: var(--gridui-danger-muted);
-    --gridui-border: var(--gridui-danger-border);
-    --gridui-link: var(--gridui-danger-link);
-    --gridui-accent-background: var(--gridui-danger-accent-background);
-    --gridui-accent-foreground: var(--gridui-danger-accent-foreground);
-  }
   .gridui-frame-brand, .gridui-frame-warning, .gridui-frame-danger {
     --gridui-frame-previous-border: initial;
-    --gridui-control-border: var(--gridui-foreground);
-    --gridui-focus-color: var(--gridui-foreground);
-    --gridui-decoration: var(--gridui-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      --gridui-decoration: color-mix(in srgb, var(--gridui-foreground) 9%, transparent);
-    }
-    --gridui-brand-tint: var(--gridui-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      --gridui-brand-tint: color-mix(in srgb, var(--gridui-foreground) 8%, transparent);
-    }
-    --gridui-surface: var(--gridui-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      --gridui-surface: color-mix(in srgb, var(--gridui-foreground) 8%, var(--gridui-background));
-    }
-    --gridui-surface-hover: var(--gridui-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      --gridui-surface-hover: color-mix(in srgb, var(--gridui-foreground) 12%, var(--gridui-background));
-    }
-    color: var(--gridui-foreground);
-    background: var(--gridui-background);
   }
   .gridui-split {
     display: flex;
@@ -549,6 +645,20 @@
   .gridui-split[data-direction="column-reverse"][data-seam="line"] > :where(:not([hidden]) ~ :not([hidden])) {
     border-block-end-width: 1px;
   }
+  .gridui-split[data-direction="row"]:where([data-order="physical"]:dir(rtl)) {
+    flex-direction: row-reverse;
+  }
+  .gridui-split[data-direction="row"]:where([data-order="physical"]:dir(rtl))[data-seam="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+    border: 0 solid var(--gridui-border);
+    border-left-width: 1px;
+  }
+  .gridui-split[data-direction="row-reverse"]:where([data-order="physical"]:dir(rtl)) {
+    flex-direction: row;
+  }
+  .gridui-split[data-direction="row-reverse"]:where([data-order="physical"]:dir(rtl))[data-seam="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+    border: 0 solid var(--gridui-border);
+    border-right-width: 1px;
+  }
   @media (min-width: 40rem) {
     .gridui-split[data-direction-md="row"] {
       flex-direction: row;
@@ -577,6 +687,20 @@
     .gridui-split[data-direction-md="column-reverse"][data-seam-md="line"] > :where(:not([hidden]) ~ :not([hidden])) {
       border-block-end-width: 1px;
     }
+    .gridui-split[data-direction-md="row"]:where([data-order="physical"]:dir(rtl)) {
+      flex-direction: row-reverse;
+    }
+    .gridui-split[data-direction-md="row"]:where([data-order="physical"]:dir(rtl))[data-seam-md="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border: 0 solid var(--gridui-border);
+      border-left-width: 1px;
+    }
+    .gridui-split[data-direction-md="row-reverse"]:where([data-order="physical"]:dir(rtl)) {
+      flex-direction: row;
+    }
+    .gridui-split[data-direction-md="row-reverse"]:where([data-order="physical"]:dir(rtl))[data-seam-md="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border: 0 solid var(--gridui-border);
+      border-right-width: 1px;
+    }
   }
   @media (min-width: 64rem) {
     .gridui-split[data-direction-lg="row"] {
@@ -606,6 +730,49 @@
     .gridui-split[data-direction-lg="column-reverse"][data-seam-lg="line"] > :where(:not([hidden]) ~ :not([hidden])) {
       border-block-end-width: 1px;
     }
+    .gridui-split[data-direction-lg="row"]:where([data-order="physical"]:dir(rtl)) {
+      flex-direction: row-reverse;
+    }
+    .gridui-split[data-direction-lg="row"]:where([data-order="physical"]:dir(rtl))[data-seam-lg="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border: 0 solid var(--gridui-border);
+      border-left-width: 1px;
+    }
+    .gridui-split[data-direction-lg="row-reverse"]:where([data-order="physical"]:dir(rtl)) {
+      flex-direction: row;
+    }
+    .gridui-split[data-direction-lg="row-reverse"]:where([data-order="physical"]:dir(rtl))[data-seam-lg="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border: 0 solid var(--gridui-border);
+      border-right-width: 1px;
+    }
+  }
+  .gridui-frame-region {
+    --gridui-frame-region-left: 0px;
+    --gridui-frame-region-right: 0px;
+  }
+  .gridui-frame-region[data-frame-edge="left"], .gridui-frame-region[data-frame-edge="both"] {
+    --gridui-frame-region-left: var(--gridui-frame-bleed-left, 0px);
+  }
+  .gridui-frame-region[data-frame-edge="right"], .gridui-frame-region[data-frame-edge="both"] {
+    --gridui-frame-region-right: var(--gridui-frame-bleed-right, 0px);
+  }
+  :where(.gridui-frame-region) > :where(*) {
+    --gridui-frame-bleed-left: 0px;
+    --gridui-frame-bleed-right: 0px;
+  }
+  .gridui-frame-region-row {
+    --gridui-frame-region-leading-inset: max(0px, calc(var(--gridui-frame-region-inset) - var(--gridui-frame-region-left, 0px)));
+    display: grid;
+    grid-template-columns: [frame-left] var(--gridui-frame-region-left, 0px) [surface-left] var(--gridui-frame-region-leading-inset) [content-left] minmax(0, 1fr) [content-right] var(--gridui-frame-region-inset) [accessory-left] auto [surface-right] var(--gridui-frame-region-right, 0px) [frame-right];
+    margin-left: calc(0px - var(--gridui-frame-region-left, 0px));
+    margin-right: calc(0px - var(--gridui-frame-region-right, 0px));
+    min-width: 0;
+  }
+  .gridui-frame-region-row:dir(rtl) {
+    grid-template-columns: [frame-right] var(--gridui-frame-region-right, 0px) [surface-right] auto [accessory-left] var(--gridui-frame-region-inset) [content-right] minmax(0, 1fr) [content-left] var(--gridui-frame-region-leading-inset) [surface-left] var(--gridui-frame-region-left, 0px) [frame-left];
+  }
+  :where(.gridui-frame-region-row) > :where(*) {
+    grid-column: content-left / content-right;
+    min-width: 0;
   }
 }
 @property --tw-border-style {

package/package.json

@@ -1,14 +1,9 @@
 {
   "name": "@gridui/grid",
-  "version": "2.1.4",
+  "version": "2.3.0",
   "description": "GridUI React grid",
   "license": "UNLICENSED",
   "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/sudo-ui/GridUI-React-Monorepo.git",
-    "directory": "packages/grid"
-  },
   "files": [
     "dist",
     "README.md"
@@ -27,17 +22,17 @@
     "access": "public"
   },
   "dependencies": {
-    "@gridui/style-utils": "^2.1.2",
-    "@gridui/theme": "^2.1.2",
+    "@gridui/style-utils": "^2.1.3",
+    "@gridui/theme": "^2.3.0",
     "@radix-ui/react-slot": "1.5.0",
     "class-variance-authority": "0.7.1"
   },
   "devDependencies": {
-    "@gridui-internal/configuration": "0.0.0",
+    "@gridui-internal/configuration": "0.0.0-internal",
     "@jest/globals": "30.5.2",
     "@storybook/react-vite": "10.6.5",
     "@types/jest": "30.0.0",
-    "@types/node": "26.6.5",
+    "@types/node": "26.6.6",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
     "jest": "30.5.2",

package/dist/frame/boundary/boundary.d.ts

@@ -1,12 +0,0 @@
-/**
- * @author WMXPY
- * @package Grid
- * @namespace Frame_Boundary
- * @description Boundary
- */
-import type { FC } from "react";
-export type FrameBoundaryStyle = "none" | "line" | "band" | "stripe" | "space";
-export type FrameBoundaryProps = {
-    readonly boundary: FrameBoundaryStyle;
-};
-export declare const FrameBoundary: FC<FrameBoundaryProps>;

package/dist/frame/chrome/chrome.d.ts

@@ -1,29 +0,0 @@
-/**
- * @author WMXPY
- * @package Grid
- * @namespace Frame_Chrome
- * @description Chrome
- */
-import type { FrameBoundaryStyle } from "../boundary/boundary";
-import type { FrameDecorationStyle } from "../decoration/decoration";
-import type { FrameTone } from "../style";
-import type { Responsive, Space } from "@gridui/style-utils/responsive";
-import type { ComponentPropsWithRef, FC, ReactNode } from "react";
-export type ChromeProps = {
-    readonly padding?: Responsive<Space>;
-};
-export type FrameHeaderProps = ComponentPropsWithRef<"header"> & ChromeProps & {
-    readonly wrap?: boolean;
-    readonly gap?: Space;
-    readonly justify?: "start" | "between";
-};
-export declare const FrameHeader: FC<FrameHeaderProps>;
-export type FrameFooterProps = ComponentPropsWithRef<"footer"> & ChromeProps & {
-    readonly contentLayout?: "flex" | "block";
-    readonly tone?: FrameTone;
-    readonly boundary?: FrameBoundaryStyle;
-    readonly decoration?: FrameDecorationStyle;
-    readonly signature?: ReactNode;
-    readonly signatureAppearance?: "standard" | "cropped";
-};
-export declare const FrameFooter: FC<FrameFooterProps>;

package/dist/frame/export.d.ts

@@ -1,19 +0,0 @@
-/**
- * @author WMXPY
- * @package Grid
- * @namespace Frame
- * @description Export
- */
-export type { FrameBoundaryStyle } from "./boundary/boundary";
-export type { FrameFooterProps, FrameHeaderProps } from "./chrome/chrome";
-export { FrameFooter, FrameHeader } from "./chrome/chrome";
-export type { FrameDecorationStyle } from "./decoration/decoration";
-export type { FrameSectionsProps, PageFrameProps } from "./page/page";
-export { FrameSections, PageFrame } from "./page/page";
-export type { FrameRailGroupProps, FrameRailProps } from "./rail/rail";
-export { FrameRail, FrameRailGroup } from "./rail/rail";
-export type { FrameSectionProps } from "./section";
-export { FrameSection } from "./section";
-export type { FrameTone } from "./style";
-export type { FrameTextureProps, FrameTextureStyle } from "./texture/texture";
-export { FrameTexture } from "./texture/texture";

package/dist/frame/page/page.d.ts

@@ -1,20 +0,0 @@
-/**
- * @author WMXPY
- * @package Grid
- * @namespace Frame_Page
- * @description Page
- */
-import type { ContainerProps } from "../../primitives/container/container";
-import type { FrameRailGroupProps } from "../rail/rail";
-import type { Responsive, Space } from "@gridui/style-utils/responsive";
-import type { ComponentPropsWithRef, FC, ReactNode } from "react";
-export type PageFrameProps = FrameRailGroupProps & {
-    readonly width?: ContainerProps["width"];
-    readonly header?: ReactNode;
-    readonly footer?: ReactNode;
-    readonly railScope?: "page" | "main";
-    readonly mainGutterStart?: Responsive<Space>;
-};
-export type FrameSectionsProps = ComponentPropsWithRef<"div">;
-export declare const FrameSections: FC<FrameSectionsProps>;
-export declare const PageFrame: FC<PageFrameProps>;

package/dist/frame/style.d.ts

@@ -1,11 +0,0 @@
-/**
- * @author WMXPY
- * @package Grid
- * @namespace Frame
- * @description Style
- */
-export type FrameTone = "neutral" | "brand" | "warning" | "danger";
-export declare const frameToneStyles: (props?: ({
-    tone?: "neutral" | "brand" | "warning" | "danger" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const frameContentStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/primitives/export.d.ts

@@ -1,19 +0,0 @@
-/**
- * @author WMXPY
- * @package Grid
- * @namespace Primitives
- * @description Export
- */
-export type { ContainerProps } from "./container/container";
-export { Container } from "./container/container";
-export type { GridProps } from "./grid/grid";
-export { Grid } from "./grid/grid";
-export type { GridItemProps } from "./grid/grid-item";
-export { GridItem } from "./grid/grid-item";
-export type { Columns, GridColumns, GridTrack, Span } from "./responsive";
-export type { RowProps } from "./row/row";
-export { Row } from "./row/row";
-export type { SplitDirection, SplitProps } from "./split/split";
-export { Split } from "./split/split";
-export type { StackProps } from "./stack/stack";
-export { Stack } from "./stack/stack";

package/dist/primitives/grid/grid.d.ts

@@ -1,21 +0,0 @@
-/**
- * @author WMXPY
- * @package Grid
- * @namespace Primitives_Grid
- * @description Grid
- */
-import type { GridColumns } from "../responsive";
-import type { ElementProps } from "../types";
-import type { Responsive, Space } from "@gridui/style-utils/responsive";
-import type { FC } from "react";
-export type GridProps = ElementProps & {
-    readonly columns?: Responsive<GridColumns>;
-    readonly fillLastRow?: boolean;
-} & ({
-    readonly frame?: "none";
-    readonly gap?: Responsive<Space>;
-} | {
-    readonly frame: "cells" | "internal";
-    readonly gap?: never;
-});
-export declare const Grid: FC<GridProps>;

package/dist/primitives/responsive.d.ts

@@ -1,11 +0,0 @@
-/**
- * @author WMXPY
- * @package Grid
- * @namespace Primitives
- * @description Responsive
- */
-export type Columns = 1 | 2 | 3 | 4 | 6 | 12;
-export type GridTrack = "1fr" | "auto";
-export type GridColumns = Columns | readonly [GridTrack, ...GridTrack[]];
-export type Span = Columns | 5 | 7 | 8 | 9 | 10 | 11 | "full";
-export declare const spanValue: (value: Span) => string;