@scalewing/react 1.55.0 → 1.57.0

package/dist/css/css-fixture-score.js

@@ -0,0 +1,97 @@
+import { typographyVariants } from '@scalewing/tokens';
+import { breakpointQuery } from './breakpoints.js';
+import { coarsePointerQuery, touchTarget } from './touch-target.js';
+const body = typographyVariants.body;
+const caption = typographyVariants.caption;
+const belowMd = breakpointQuery('below', 'md');
+/*
+ * A box is a text input, so the canvas already draws it as a control
+ * (`[data-theme] :is(input[type='text'], …)`: the surface, the hairline,
+ * the focus ring and the disabled look). `input.sw-fixture-score-box`
+ * matches that rule's specificity and comes later in the sheet, so the
+ * box's own size and figures win. It is a square the sm control height
+ * (32 px) on a fine pointer, so the row keeps its 44 px height, and the
+ * 44 px touch target on a coarse one; two tabular digits at weight 700
+ * fit it centred.
+ */
+const box = '[data-theme] input.sw-fixture-score-box';
+function boxRules() {
+    return `.sw-fixture-score {
+  align-items: center;
+  display: inline-flex;
+  gap: var(--sw-space-1);
+}
+
+${box} {
+  block-size: var(--sw-control-sm-min-height);
+  font-size: ${body.fontSize}px;
+  font-variant-numeric: tabular-nums;
+  font-weight: 700;
+  inline-size: var(--sw-control-sm-min-height);
+  line-height: ${body.lineHeight}px;
+  min-height: 0;
+  padding: 0;
+  text-align: center;
+}
+
+@media ${coarsePointerQuery} {
+  ${box} {
+    block-size: ${touchTarget};
+    inline-size: ${touchTarget};
+  }
+}
+
+/* A phone's run is narrow: the boxes keep a space-2 margin, not the centre's space-3, so the names keep room. */
+@media ${belowMd} {
+  .sw-fixture-score { margin-inline: var(--sw-space-2); }
+}
+
+[data-theme] input.sw-fixture-score-box[aria-invalid='true'] {
+  border-color: var(--sw-color-danger);
+}
+
+.sw-fixture-score-dash {
+  color: var(--sw-color-muted);
+}`;
+}
+/*
+ * The score's message, under the row in the run's columns from the home
+ * side's start to the action's end, in caption type and the danger ink.
+ * Empty, it takes no room, but stays in place as the live region.
+ */
+function errorRules() {
+    return `.sw-fixture-score-error {
+  color: var(--sw-color-danger);
+  display: block;
+  font-family: var(--sw-font-sans);
+  font-size: ${caption.fontSize}px;
+  grid-column: 2 / -1;
+  grid-row: 2;
+  letter-spacing: ${caption.letterSpacing}px;
+  line-height: ${caption.lineHeight}px;
+  padding-inline: var(--sw-space-2);
+}
+
+.sw-fixture-score-error:not(:empty) {
+  padding-block-end: var(--sw-space-2);
+}
+
+@media (forced-colors: active) {
+  [data-theme] input.sw-fixture-score-box[aria-invalid='true'] { border-color: Mark; }
+  .sw-fixture-score-dash { color: CanvasText; }
+}`;
+}
+/* FixtureRow's score (see components/fixture/FixtureScoreBoxes.tsx); after the row rules. */
+export function cssFixtureScoreClasses() {
+    return `${boxRules()}
+
+${errorRules()}`;
+}
+export function fixtureScoreClassCatalog() {
+    return [
+        'sw-fixture-score',
+        'sw-fixture-score-box',
+        'sw-fixture-score-dash',
+        'sw-fixture-score-error',
+    ];
+}

package/dist/css/css-fixture-select.d.ts

@@ -0,0 +1,2 @@
+export declare function cssFixtureSelectClasses(): string;
+export declare function fixtureSelectClassCatalog(): string[];

package/dist/css/css-fixture-select.js

@@ -0,0 +1,47 @@
+import { coarsePointerQuery } from './touch-target.js';
+/*
+ * The select sits before the row in the run's first column, centred on
+ * the row's height, outside the row's press area, with the row's start
+ * padding before it (none on a coarse pointer, where the 44 px target
+ * already pads the box). The box is Checkbox's, its label visually hidden, so
+ * it is its own size on a fine pointer and 44 × 44 px on a coarse one
+ * (`.sw-checkbox-label-hidden`). The run's first column is `auto`, so a
+ * run without a select keeps no space for it.
+ */
+function selectRules() {
+    return `.sw-fixture-select {
+  align-items: center;
+  align-self: center;
+  display: inline-flex;
+  grid-column: 1;
+  grid-row: 1;
+  padding-inline-start: var(--sw-space-2);
+}
+
+@media ${coarsePointerQuery} {
+  .sw-fixture-select { padding-inline-start: 0; }
+}`;
+}
+/* Without subgrid each item is a flex row: the select, the row, the action. */
+function selectFallbackRules() {
+    return `@supports not (grid-template-columns: subgrid) {
+  .sw-fixture-item-select {
+    align-items: center;
+    display: flex;
+  }
+
+  .sw-fixture-item-select > .sw-fixture-row {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+}`;
+}
+/* FixtureRow's select (see components/FixtureRow.tsx); after the row rules. */
+export function cssFixtureSelectClasses() {
+    return `${selectRules()}
+
+${selectFallbackRules()}`;
+}
+export function fixtureSelectClassCatalog() {
+    return ['sw-fixture-item-select', 'sw-fixture-select'];
+}

package/dist/css/css-fixture.js

@@ -3,60 +3,17 @@ import { breakpointQuery } from './breakpoints.js';
 import { chevronStrokeIn } from './chevron.js';
 import { quietFill } from './quiet-fill.js';
 import { cssFixtureActionClasses, fixtureActionClassCatalog, } from './css-fixture-action.js';
+import { cssFixtureListRules } from './css-fixture-list.js';
+import { cssFixtureDetailClasses, fixtureDetailClassCatalog, } from './css-fixture-detail.js';
 import { cssFixtureFlagClasses, fixtureFlagClassCatalog, } from './css-fixture-flag.js';
+import { cssFixtureScoreClasses, fixtureScoreClassCatalog, } from './css-fixture-score.js';
+import { cssFixtureSelectClasses, fixtureSelectClassCatalog, } from './css-fixture-select.js';
 import { touchTarget } from './touch-target.js';
 const caption = typographyVariants.caption;
 const label = typographyVariants.label;
 export const fixtureCenterKinds = ['time', 'score'];
 export { fixtureFlagTones } from './css-fixture-flag.js';
 const belowMd = breakpointQuery('below', 'md');
-/*
- * The run: one grid whose columns are the home side, the centre, the away
- * side, the end (details and status), the chevron and the action. Each
- * item is a subgrid of it, and its row a subgrid of every column but the
- * action's, so every row's centre, end and action line up down the run.
- * The space between the columns is the centre's, the end's, the chevron's
- * and the action's own margin, so a run with none of them keeps no gap.
- */
-function listRules() {
-    return `.sw-fixture-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.sw-fixture-group-title {
-  color: var(--sw-color-muted);
-  font-family: var(--sw-font-sans);
-  font-size: ${caption.fontSize}px;
-  font-weight: 600;
-  letter-spacing: ${caption.letterSpacing}px;
-  line-height: ${caption.lineHeight}px;
-  padding-block: var(--sw-space-2) var(--sw-space-1);
-}
-
-.sw-fixture-list {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto auto auto;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.sw-fixture-item,
-.sw-fixture-row {
-  display: grid;
-  grid-column: 1 / -1;
-  grid-template-columns: subgrid;
-}
-
-.sw-fixture-row {
-  grid-column: 1 / -2;
-}
-
-.sw-fixture-item {
-  border-top: 1px solid var(--sw-color-border);
-}`;
-}
 /*
  * A row: the md control height (44 px), its parts centred on one line a
  * space-3 apart; a link or button row is the whole target, the text
@@ -200,7 +157,7 @@ function rowRules() {
 function narrowRules() {
     return `@media ${belowMd} {
   .sw-fixture-list {
-    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto auto;
+    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto auto;
   }
 
   .sw-fixture-end {
@@ -241,7 +198,7 @@ function fallbackRules() {
 }
 /* FixtureGroup and FixtureRow (see components/FixtureRow.tsx). */
 export function cssFixtureClasses() {
-    return `${listRules()}
+    return `${cssFixtureListRules()}
 
 ${rowRules()}
 
@@ -251,7 +208,13 @@ ${fallbackRules()}
 
 ${cssFixtureFlagClasses()}
 
-${cssFixtureActionClasses()}`;
+${cssFixtureSelectClasses()}
+
+${cssFixtureActionClasses()}
+
+${cssFixtureScoreClasses()}
+
+${cssFixtureDetailClasses()}`;
 }
 export function fixtureClassCatalog() {
     return [
@@ -271,6 +234,9 @@ export function fixtureClassCatalog() {
         'sw-fixture-end',
         'sw-fixture-chevron',
         ...fixtureFlagClassCatalog(),
+        ...fixtureSelectClassCatalog(),
         ...fixtureActionClassCatalog(),
+        ...fixtureScoreClassCatalog(),
+        ...fixtureDetailClassCatalog(),
     ];
 }

package/dist/css/css-table-ledger.d.ts

@@ -7,7 +7,11 @@ export type TableCellTone = (typeof tableCellTones)[number];
  */
 export declare const tableRowVariants: readonly ["default", "sub", "total"];
 export type TableRowVariant = (typeof tableRowVariants)[number];
+/** A rule a row draws: `after`, a line under it, such as a cut. */
+export declare const tableRowRules: readonly ["after"];
+export type TableRowRule = (typeof tableRowRules)[number];
 export declare function assertTableCellTone(tone: unknown): void;
 export declare function assertTableRowVariant(variant: unknown): void;
+export declare function assertTableRowRule(rule: unknown): void;
 export declare function cssTableLedgerClasses(): string;
 export declare function tableLedgerClassCatalog(): string[];

package/dist/css/css-table-ledger.js

@@ -5,6 +5,8 @@ export const tableCellTones = ['success', 'danger', 'muted', 'accent'];
  * or a total of the rows above it, mid-table.
  */
 export const tableRowVariants = ['default', 'sub', 'total'];
+/** A rule a row draws: `after`, a line under it, such as a cut. */
+export const tableRowRules = ['after'];
 export function assertTableCellTone(tone) {
     if (tone !== undefined && !tableCellTones.includes(tone))
         throw new RangeError(`Unknown TableCell tone: ${String(tone)}`);
@@ -13,6 +15,10 @@ export function assertTableRowVariant(variant) {
     if (!tableRowVariants.includes(variant))
         throw new RangeError(`Unknown TableRow variant: ${String(variant)}`);
 }
+export function assertTableRowRule(rule) {
+    if (rule !== undefined && !tableRowRules.includes(rule))
+        throw new RangeError(`Unknown TableRow rule: ${String(rule)}`);
+}
 function toneRules() {
     return tableCellTones
         .map((tone) => `.sw-table .sw-table-tone-${tone} {

package/dist/css/css-table-row-rule.d.ts

@@ -0,0 +1,2 @@
+export declare function cssTableRowRuleClasses(): string;
+export declare function tableRowRuleClassCatalog(): string[];

package/dist/css/css-table-row-rule.js

@@ -0,0 +1,22 @@
+/*
+ * A rule under a row (`TableRow rule="after"`), such as the cut under the
+ * last playoff place: its cells' bottom border 2 px in the muted grey, a
+ * line that reads stronger than the 1 px hairlines between rows (3:1 on
+ * the surface, as a line that carries meaning needs) without taking a
+ * colour's meaning. The collapsed-border model resolves it over the next
+ * row's top, and a border, so forced colours keep it (in `CanvasText`) and
+ * right-to-left needs nothing. The row's words and fill are unchanged; say
+ * what the line means in words beside the table.
+ */
+export function cssTableRowRuleClasses() {
+    return `.sw-table .sw-table-row-rule-after > :is(th, td) {
+  border-bottom: 2px solid var(--sw-color-muted);
+}
+
+@media (forced-colors: active) {
+  .sw-table .sw-table-row-rule-after > :is(th, td) { border-bottom-color: CanvasText; }
+}`;
+}
+export function tableRowRuleClassCatalog() {
+    return ['sw-table-row-rule-after'];
+}

package/dist/css/css-table.js

@@ -6,6 +6,7 @@ import { cssTableLayoutClasses, tableLayoutClassCatalog, } from './css-table-lay
 import { cssTableLedgerClasses, tableLedgerClassCatalog, } from './css-table-ledger.js';
 import { cssTableFooterClasses, tableFooterClassCatalog, } from './css-table-footer.js';
 import { cssTablePagePinClasses, tablePagePinClassCatalog, } from './css-table-page-pin.js';
+import { cssTableRowRuleClasses, tableRowRuleClassCatalog, } from './css-table-row-rule.js';
 import { cssTableTotalRowClasses, tableTotalRowClassCatalog, } from './css-table-total-row.js';
 import { cssTableSelectClasses, tableSelectClassCatalog, } from './css-table-select.js';
 import { cssTablePressClasses, tablePressClassCatalog, } from './css-table-press.js';
@@ -96,6 +97,8 @@ ${cssTableLedgerClasses()}
 
 ${cssTableTotalRowClasses()}
 
+${cssTableRowRuleClasses()}
+
 ${cssTableFooterClasses()}
 
 ${cssTablePagePinClasses()}
@@ -122,6 +125,7 @@ export function tableClassCatalog() {
         ...tableSortClassCatalog(),
         ...tableLedgerClassCatalog(),
         ...tableTotalRowClassCatalog(),
+        ...tableRowRuleClassCatalog(),
         ...tableFooterClassCatalog(),
         ...tablePagePinClassCatalog(),
         ...tableBoundedClassCatalog(),

package/dist/index.d.ts

@@ -59,8 +59,8 @@ export type { SplitProps } from './components/Split.js';
 export { Nav, navAppearances, type NavAppearance, type NavProps, } from './components/Nav.js';
 export { NavCount, navCountTones, type NavCountProps, type NavCountTone, } from './components/NavCount.js';
 export { FixtureGroup, type FixtureGroupProps, } from './components/FixtureGroup.js';
-export { FixtureRow, type FixtureRowProps, type FixtureFlag, type FixtureSide, type FixtureStatus, } from './components/FixtureRow.js';
-export { defaultScheduleGridLabels, ScheduleGrid, type ScheduleGridAxisEntry, type ScheduleGridDisabledCell, type ScheduleGridDropCheck, type ScheduleGridItem, type ScheduleGridLabels, type ScheduleGridProps, type ScheduleGridSlot, type ScheduleGridTarget, } from './components/ScheduleGrid.js';
+export { FixtureRow, type FixtureRowProps, type FixtureFlag, type FixtureScore, type FixtureScoreBox, type FixtureScoreSide, type FixtureSelect, type FixtureSide, type FixtureStatus, } from './components/FixtureRow.js';
+export { defaultScheduleGridLabels, ScheduleGrid, type ScheduleGridAxisEntry, type ScheduleGridCarryMode, type ScheduleGridDisabledCell, type ScheduleGridDropCheck, type ScheduleGridItem, type ScheduleGridLabels, type ScheduleGridProps, type ScheduleGridSlot, type ScheduleGridTarget, } from './components/ScheduleGrid.js';
 export { DateToggleCalendar, type DateToggleCalendarProps, } from './components/DateToggleCalendar.js';
 export { CommandPalette, commandPaletteShortcuts, type CommandPaletteGroup, type CommandPaletteItem, type CommandPaletteProps, type CommandPaletteShortcut, } from './components/CommandPalette.js';
 export { CommandPaletteTrigger, type CommandPaletteTriggerProps, } from './components/CommandPaletteTrigger.js';
@@ -73,7 +73,7 @@ export { Select } from './components/Select.js';
 export type { SelectAction, SelectOption, SelectProps, SelectWidth, } from './components/Select.js';
 export { MultiSelect, type MultiSelectAlign, type MultiSelectOption, type MultiSelectProps, } from './components/MultiSelect.js';
 export { Stack, type Align, type Justify, type StackProps, } from './components/Stack.js';
-export { Table, TableBody, TableCell, TableFooter, TableHeader, TableRow, TableSelectCell, tableCellTones, tableRowVariants, type TableBodyProps, type TableCellProps, type TableCellTone, type TableColumnWidth, type TableDensity, type TableFooterProps, type TableHeaderProps, type TableLayout, type TableMaxHeight, type TableProps, type TableRowProps, type TableRowVariant, type TableSelectCellProps, type TableSort, type TableStickyHeader, type TableVerticalAlign, } from './components/Table.js';
+export { Table, TableBody, TableCell, TableFooter, TableHeader, TableRow, TableSelectCell, tableCellTones, tableRowRules, tableRowVariants, type TableBodyProps, type TableCellProps, type TableCellTone, type TableColumnWidth, type TableDensity, type TableFooterProps, type TableHeaderProps, type TableLayout, type TableMaxHeight, type TableProps, type TableRowProps, type TableRowRule, type TableRowVariant, type TableSelectCellProps, type TableSort, type TableStickyHeader, type TableVerticalAlign, } from './components/Table.js';
 export { Text, type TextAlign, type TextElement, type TextProps, } from './components/Text.js';
 export { ThemeProvider, useTheme, type ThemeProviderProps, } from './theme/ThemeProvider.js';
 export { themeCanvases, type ThemeCanvas } from './css/css-canvas-grouped.js';

package/dist/index.js

@@ -69,7 +69,7 @@ export { Combobox, comboboxSizes, } from './components/Combobox.js';
 export { Select } from './components/Select.js';
 export { MultiSelect, } from './components/MultiSelect.js';
 export { Stack, } from './components/Stack.js';
-export { Table, TableBody, TableCell, TableFooter, TableHeader, TableRow, TableSelectCell, tableCellTones, tableRowVariants, } from './components/Table.js';
+export { Table, TableBody, TableCell, TableFooter, TableHeader, TableRow, TableSelectCell, tableCellTones, tableRowRules, tableRowVariants, } from './components/Table.js';
 export { Text, } from './components/Text.js';
 export { ThemeProvider, useTheme, } from './theme/ThemeProvider.js';
 export { themeCanvases } from './css/css-canvas-grouped.js';

package/dist/styles.css

@@ -2021,6 +2021,14 @@ body {
   .sw-table .sw-table-row-total > :is(th, td) { border-top-color: CanvasText; }
 }
 
+.sw-table .sw-table-row-rule-after > :is(th, td) {
+  border-bottom: 2px solid var(--sw-color-muted);
+}
+
+@media (forced-colors: active) {
+  .sw-table .sw-table-row-rule-after > :is(th, td) { border-bottom-color: CanvasText; }
+}
+
 .sw-table tfoot :is(th, td) {
   font-weight: 600;
   position: relative;
@@ -3302,7 +3310,7 @@ button.sw-date-toggle-day[aria-disabled='true'] {
 
 .sw-fixture-list {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto auto auto;
+  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto auto auto;
   list-style: none;
   margin: 0;
   padding: 0;
@@ -3316,7 +3324,7 @@ button.sw-date-toggle-day[aria-disabled='true'] {
 }
 
 .sw-fixture-row {
-  grid-column: 1 / -2;
+  grid-column: 2 / -2;
 }
 
 .sw-fixture-item {
@@ -3456,7 +3464,7 @@ button.sw-date-toggle-day[aria-disabled='true'] {
 
 @media not all and (min-width: 48rem) {
   .sw-fixture-list {
-    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto auto;
+    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto auto;
   }
 
   .sw-fixture-end {
@@ -3539,6 +3547,37 @@ button.sw-date-toggle-day[aria-disabled='true'] {
   .sw-fixture-row-flagged .sw-fixture-end {
     padding-inline-start: calc(var(--sw-space-4) + var(--sw-space-2));
   }
+
+  .sw-fixture-row-flag-inline .sw-fixture-flag { grid-row: 1; }
+
+  .sw-fixture-row-flag-inline .sw-fixture-team-home {
+    padding-inline-start: calc(var(--sw-space-4) + var(--sw-space-2));
+  }
+}
+
+.sw-fixture-select {
+  align-items: center;
+  align-self: center;
+  display: inline-flex;
+  grid-column: 1;
+  grid-row: 1;
+  padding-inline-start: var(--sw-space-2);
+}
+
+@media (pointer: coarse) {
+  .sw-fixture-select { padding-inline-start: 0; }
+}
+
+@supports not (grid-template-columns: subgrid) {
+  .sw-fixture-item-select {
+    align-items: center;
+    display: flex;
+  }
+
+  .sw-fixture-item-select > .sw-fixture-row {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
 }
 
 .sw-fixture-action {
@@ -3552,11 +3591,11 @@ button.sw-date-toggle-day[aria-disabled='true'] {
 
 @supports selector(:has(*)) {
   @media (hover: hover) {
-    .sw-fixture-item-action:has(> .sw-fixture-row-pressable:hover) {
+    :is(.sw-fixture-item-action, .sw-fixture-item-select):has(> .sw-fixture-row-pressable:hover) {
       background: color-mix(in srgb, var(--sw-color-muted) 16%, transparent);
     }
 
-    .sw-fixture-item-action > .sw-fixture-row-pressable:hover {
+    :is(.sw-fixture-item-action, .sw-fixture-item-select) > .sw-fixture-row-pressable:hover {
       background: transparent;
     }
   }
@@ -3574,6 +3613,87 @@ button.sw-date-toggle-day[aria-disabled='true'] {
   }
 }
 
+.sw-fixture-score {
+  align-items: center;
+  display: inline-flex;
+  gap: var(--sw-space-1);
+}
+
+[data-theme] input.sw-fixture-score-box {
+  block-size: var(--sw-control-sm-min-height);
+  font-size: 17px;
+  font-variant-numeric: tabular-nums;
+  font-weight: 700;
+  inline-size: var(--sw-control-sm-min-height);
+  line-height: 25px;
+  min-height: 0;
+  padding: 0;
+  text-align: center;
+}
+
+@media (pointer: coarse) {
+  [data-theme] input.sw-fixture-score-box {
+    block-size: var(--sw-control-md-min-height);
+    inline-size: var(--sw-control-md-min-height);
+  }
+}
+
+/* A phone's run is narrow: the boxes keep a space-2 margin, not the centre's space-3, so the names keep room. */
+@media not all and (min-width: 48rem) {
+  .sw-fixture-score { margin-inline: var(--sw-space-2); }
+}
+
+[data-theme] input.sw-fixture-score-box[aria-invalid='true'] {
+  border-color: var(--sw-color-danger);
+}
+
+.sw-fixture-score-dash {
+  color: var(--sw-color-muted);
+}
+
+.sw-fixture-score-error {
+  color: var(--sw-color-danger);
+  display: block;
+  font-family: var(--sw-font-sans);
+  font-size: 13px;
+  grid-column: 2 / -1;
+  grid-row: 2;
+  letter-spacing: -0.08px;
+  line-height: 18px;
+  padding-inline: var(--sw-space-2);
+}
+
+.sw-fixture-score-error:not(:empty) {
+  padding-block-end: var(--sw-space-2);
+}
+
+@media (forced-colors: active) {
+  [data-theme] input.sw-fixture-score-box[aria-invalid='true'] { border-color: Mark; }
+  .sw-fixture-score-dash { color: CanvasText; }
+}
+
+.sw-fixture-item-below > .sw-fixture-row {
+  grid-row: 1;
+}
+
+.sw-fixture-detail {
+  grid-column: 2 / -1;
+  grid-row: 3;
+  min-width: 0;
+  padding: 0 var(--sw-space-2) var(--sw-space-2);
+}
+
+@supports not (grid-template-columns: subgrid) {
+  .sw-fixture-item-below {
+    flex-wrap: wrap;
+  }
+
+  .sw-fixture-item-below > :is(.sw-fixture-score-error, .sw-fixture-detail) {
+    flex: 1 0 100%;
+    order: 1;
+  }
+}
+
 .sw-schedule-grid {
   max-width: 100%;
   overflow-x: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalewing/react",
-  "version": "1.55.0",
+  "version": "1.57.0",
   "description": "Scalewing DOM components and package-owned CSS utilities.",
   "type": "module",
   "license": "MIT",