@backstage/ui 0.14.2 → 0.15.0-next.0

package/dist/components/DateRangePicker/DateRangePicker.esm.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useEffect } from 'react';
+import { DateRangePicker as DateRangePicker$1 } from 'react-aria-components';
+import { FieldLabel } from '../FieldLabel/FieldLabel.esm.js';
+import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
+import '../FieldLabel/FieldLabel.module.css.esm.js';
+import { FieldError } from '../FieldError/FieldError.esm.js';
+import '../FieldError/FieldError.module.css.esm.js';
+import { Popover } from '../Popover/Popover.esm.js';
+import '../Popover/Popover.module.css.esm.js';
+import { DateRangePickerGroup } from './DateRangePickerGroup.esm.js';
+import { DateRangePickerCalendar } from './DateRangePickerCalendar.esm.js';
+import { DateRangePickerDefinition } from './definition.esm.js';
+
+const DateRangePicker = forwardRef(
+  (props, ref) => {
+    const { ownProps, restProps, dataAttributes } = useDefinition(
+      DateRangePickerDefinition,
+      props
+    );
+    const { classes, label, description, secondaryLabel } = ownProps;
+    const ariaLabel = restProps["aria-label"];
+    const ariaLabelledBy = restProps["aria-labelledby"];
+    useEffect(() => {
+      if (!label && !ariaLabel && !ariaLabelledBy) {
+        console.warn(
+          "DateRangePicker requires either a visible label, aria-label, or aria-labelledby for accessibility"
+        );
+      }
+    }, [label, ariaLabel, ariaLabelledBy]);
+    const secondaryLabelText = secondaryLabel || (restProps.isRequired ? "Required" : null);
+    return /* @__PURE__ */ jsxs(
+      DateRangePicker$1,
+      {
+        className: classes.root,
+        ...dataAttributes,
+        ...restProps,
+        ref,
+        children: [
+          /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              label,
+              secondaryLabel: secondaryLabelText,
+              description,
+              descriptionSlot: "description"
+            }
+          ),
+          /* @__PURE__ */ jsx(DateRangePickerGroup, { dataSize: dataAttributes["data-size"] }),
+          /* @__PURE__ */ jsx(FieldError, {}),
+          /* @__PURE__ */ jsx(Popover, { hideArrow: true, children: /* @__PURE__ */ jsx(DateRangePickerCalendar, {}) })
+        ]
+      }
+    );
+  }
+);
+DateRangePicker.displayName = "DateRangePicker";
+
+export { DateRangePicker };
+//# sourceMappingURL=DateRangePicker.esm.js.map

package/dist/components/DateRangePicker/DateRangePicker.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.esm.js","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, useEffect } from 'react';\nimport { DateRangePicker as AriaDateRangePicker } from 'react-aria-components';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldError } from '../FieldError';\nimport { Popover } from '../Popover';\nimport { DateRangePickerGroup } from './DateRangePickerGroup';\nimport { DateRangePickerCalendar } from './DateRangePickerCalendar';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { DateRangePickerDefinition } from './definition';\nimport type { DateRangePickerProps } from './types';\n\n/**\n * A date range picker that combines two date fields and a calendar popover,\n * allowing users to enter or select a date range with full keyboard and\n * screen reader accessibility.\n *\n * @public\n */\nexport const DateRangePicker = forwardRef<HTMLDivElement, DateRangePickerProps>(\n  (props, ref) => {\n    const { ownProps, restProps, dataAttributes } = useDefinition(\n      DateRangePickerDefinition,\n      props,\n    );\n\n    const { classes, label, description, secondaryLabel } = ownProps;\n\n    const ariaLabel = restProps['aria-label'];\n    const ariaLabelledBy = restProps['aria-labelledby'];\n\n    useEffect(() => {\n      if (!label && !ariaLabel && !ariaLabelledBy) {\n        console.warn(\n          'DateRangePicker requires either a visible label, aria-label, or aria-labelledby for accessibility',\n        );\n      }\n    }, [label, ariaLabel, ariaLabelledBy]);\n\n    const secondaryLabelText =\n      secondaryLabel || (restProps.isRequired ? 'Required' : null);\n\n    return (\n      <AriaDateRangePicker\n        className={classes.root}\n        {...dataAttributes}\n        {...restProps}\n        ref={ref}\n      >\n        <FieldLabel\n          label={label}\n          secondaryLabel={secondaryLabelText}\n          description={description}\n          descriptionSlot=\"description\"\n        />\n        <DateRangePickerGroup dataSize={dataAttributes['data-size']} />\n        <FieldError />\n        <Popover hideArrow>\n          <DateRangePickerCalendar />\n        </Popover>\n      </AriaDateRangePicker>\n    );\n  },\n);\n\nDateRangePicker.displayName = 'DateRangePicker';\n"],"names":["AriaDateRangePicker"],"mappings":";;;;;;;;;;;;;;AAkCO,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,MAC9C,yBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAO,WAAA,EAAa,gBAAe,GAAI,QAAA;AAExD,IAAA,MAAM,SAAA,GAAY,UAAU,YAAY,CAAA;AACxC,IAAA,MAAM,cAAA,GAAiB,UAAU,iBAAiB,CAAA;AAElD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,KAAA,IAAS,CAAC,SAAA,IAAa,CAAC,cAAA,EAAgB;AAC3C,QAAA,OAAA,CAAQ,IAAA;AAAA,UACN;AAAA,SACF;AAAA,MACF;AAAA,IACF,CAAA,EAAG,CAAC,KAAA,EAAO,SAAA,EAAW,cAAc,CAAC,CAAA;AAErC,IAAA,MAAM,kBAAA,GACJ,cAAA,KAAmB,SAAA,CAAU,UAAA,GAAa,UAAA,GAAa,IAAA,CAAA;AAEzD,IAAA,uBACE,IAAA;AAAA,MAACA,iBAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,IAAA;AAAA,QAClB,GAAG,cAAA;AAAA,QACH,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cACA,cAAA,EAAgB,kBAAA;AAAA,cAChB,WAAA;AAAA,cACA,eAAA,EAAgB;AAAA;AAAA,WAClB;AAAA,0BACA,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAU,cAAA,CAAe,WAAW,CAAA,EAAG,CAAA;AAAA,8BAC5D,UAAA,EAAA,EAAW,CAAA;AAAA,8BACX,OAAA,EAAA,EAAQ,SAAA,EAAS,IAAA,EAChB,QAAA,kBAAA,GAAA,CAAC,2BAAwB,CAAA,EAC3B;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;;;;"}

package/dist/components/DateRangePicker/DateRangePicker.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  /* ============================================================\n     Root\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePicker__723456065f {\n    display: flex;\n    flex-direction: column;\n    font-family: var(--bui-font-regular);\n    width: 100%;\n    flex-shrink: 0;\n  }\n\n  /* ============================================================\n     Field group — custom container (not reusing any BUI field)\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePickerGroup__723456065f {\n    display: flex;\n    align-items: center;\n    background-color: var(--bui-bg-neutral-1);\n    border-radius: var(--bui-radius-2);\n    padding: 0 var(--bui-space-1) 0 var(--bui-space-3);\n    width: fit-content;\n    min-width: 280px;\n    max-width: 100%;\n    overflow: clip;\n    transition: box-shadow 0.2s ease-in-out;\n    cursor: text;\n\n    /* bg consumer — auto-increment background based on parent context */\n    &[data-on-bg='neutral-1'] {\n      background-color: var(--bui-bg-neutral-2);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      background-color: var(--bui-bg-neutral-3);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      background-color: var(--bui-bg-neutral-4);\n    }\n\n    &[data-focus-within] {\n      outline: none;\n      box-shadow: inset 0 0 0 1px var(--bui-ring);\n    }\n\n    &[data-invalid] {\n      box-shadow: inset 0 0 0 1px var(--bui-border-danger);\n    }\n\n    &[data-disabled] {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Sizes */\n    &[data-size='small'] {\n      height: 2rem;\n      padding-inline-start: var(--bui-space-2);\n    }\n\n    &[data-size='medium'] {\n      height: 2.5rem;\n      min-width: 290px;\n      padding-inline-end: var(--bui-space-1);\n\n      & .DateRangePicker_bui-DateRangePickerButton__723456065f {\n        width: 2rem;\n        height: 2rem;\n      }\n    }\n  }\n\n  /* ============================================================\n     Date fields wrapper — scrollable row of inputs + separator\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePickerDateFields__723456065f {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    width: fit-content;\n    overflow-x: auto;\n    overflow-y: clip;\n    scrollbar-width: none;\n  }\n\n  /* ============================================================\n     Date inputs\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePickerDateInput__723456065f {\n    display: inline-flex;\n    align-items: center;\n    width: unset;\n    min-width: unset;\n    padding: unset;\n    border: unset;\n    box-shadow: none;\n    background: none;\n    height: auto;\n\n    &[slot='end'] {\n      flex: 1;\n    }\n  }\n\n  /* ============================================================\n     Date segments (month, day, year literals and placeholders)\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePickerSegment__723456065f {\n    display: inline-block;\n    padding: var(--bui-space-0_5) var(--bui-space-1);\n    border-radius: var(--bui-radius-1);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    color: var(--bui-fg-primary);\n    caret-color: transparent;\n    outline: none;\n    font-variant-numeric: tabular-nums;\n\n    &[data-placeholder] {\n      color: var(--bui-fg-secondary);\n    }\n\n    &[data-type='literal'] {\n      color: var(--bui-fg-secondary);\n      padding: 0;\n    }\n\n    &[data-focused] {\n      background-color: var(--bui-bg-solid);\n      color: var(--bui-fg-solid);\n      border-radius: var(--bui-radius-1);\n\n      &[data-placeholder] {\n        color: var(--bui-fg-solid);\n      }\n    }\n\n    &[data-disabled] {\n      color: var(--bui-fg-disabled);\n    }\n  }\n\n  /* ============================================================\n     Separator between start and end\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePickerSeparator__723456065f {\n    color: var(--bui-fg-secondary);\n    font-size: var(--bui-font-size-3);\n    flex-shrink: 0;\n    user-select: none;\n    padding: 0 var(--bui-space-1);\n  }\n\n  /* ============================================================\n     Calendar trigger button\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePickerButton__723456065f {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1.5rem;\n    height: 1.5rem;\n    padding: 0;\n    background: none;\n    border: none;\n    border-radius: var(--bui-radius-2);\n    color: var(--bui-fg-secondary);\n    cursor: pointer;\n    margin-left: auto;\n    transition: color 0.15s ease-in-out;\n    outline: none;\n\n    &[data-hovered] {\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-focus-visible] {\n      box-shadow: inset 0 0 0 1px var(--bui-ring);\n    }\n\n    &[data-pressed] {\n      color: var(--bui-fg-primary);\n    }\n  }\n\n  /* ============================================================\n     Calendar (inside Popover)\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePickerCalendar__723456065f {\n    width: fit-content;\n    outline: none;\n  }\n\n  .DateRangePicker_bui-DateRangePickerCalendarHeader__723456065f {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: var(--bui-space-3);\n  }\n\n  .DateRangePicker_bui-DateRangePickerCalendarHeading__723456065f {\n    font-size: var(--bui-font-size-3);\n    font-weight: var(--bui-font-weight-bold);\n    font-family: var(--bui-font-regular);\n    color: var(--bui-fg-primary);\n    flex: 1;\n    text-align: center;\n  }\n\n  .DateRangePicker_bui-DateRangePickerCalendarNavButton__723456065f {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: var(--bui-space-8);\n    height: var(--bui-space-8);\n    background: none;\n    border: none;\n    border-radius: var(--bui-radius-2);\n    color: var(--bui-fg-secondary);\n    cursor: pointer;\n    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;\n\n    &[data-hovered] {\n      background-color: var(--bui-bg-neutral-2);\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 1px;\n    }\n\n    &[data-pressed] {\n      background-color: var(--bui-bg-neutral-2);\n    }\n  }\n\n  /* ============================================================\n     Calendar grid\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePickerCalendarGrid__723456065f {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0 2px;\n  }\n\n  .DateRangePicker_bui-DateRangePickerCalendarHeaderCell__723456065f {\n    font-size: var(--bui-font-size-2);\n    font-weight: var(--bui-font-weight-regular);\n    color: var(--bui-fg-secondary);\n    text-align: center;\n    padding-bottom: var(--bui-space-2);\n    width: 40px;\n  }\n\n  /* ============================================================\n     Calendar cells\n     \n     Technique: isolation: isolate creates a stacking context so\n     that ::before (range fill, z-index: -2) and ::after (circle,\n     z-index: -1) paint behind the cell's text content while still\n     rendering on top of the page background.\n  ============================================================ */\n\n  .DateRangePicker_bui-DateRangePickerCalendarCell__723456065f {\n    isolation: isolate;\n    position: relative;\n    width: 40px;\n    height: 40px;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: none;\n    cursor: default;\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    color: var(--bui-fg-primary);\n\n    &[data-outside-month] {\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-disabled] {\n      color: var(--bui-fg-disabled);\n      cursor: not-allowed;\n    }\n\n    &[data-unavailable] {\n      color: var(--bui-fg-disabled);\n      cursor: not-allowed;\n      text-decoration: line-through;\n    }\n\n    &[data-hovered]:not([data-disabled]):not([data-unavailable]):not(\n        [data-selected]\n      ) {\n      background-color: var(--bui-bg-neutral-2);\n      border-radius: var(--bui-radius-full);\n    }\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: -2px;\n      border-radius: var(--bui-radius-full);\n    }\n\n    /* Today marker */\n    &[data-today]:not([data-selected]):not([data-selection-start]):not(\n        [data-selection-end]\n      ) {\n      font-weight: var(--bui-font-weight-bold);\n    }\n\n    /* ── Range fill via ::before ─────────────────────────────── */\n\n    &[data-selected]::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: color-mix(in srgb, var(--bui-bg-solid) 15%, transparent);\n      z-index: -2;\n    }\n\n    /* Start cell: fill only the right half to connect forward */\n    &[data-selection-start]::before {\n      left: 50%;\n    }\n\n    /* End cell: fill only the left half to connect backward */\n    &[data-selection-end]::before {\n      right: 50%;\n    }\n\n    /* Same-day selection: no range fill needed */\n    &[data-selection-start][data-selection-end]::before {\n      display: none;\n    }\n\n    /* ── Solid circle for start / end via ::after ────────────── */\n\n    &[data-selection-start]::after,\n    &[data-selection-end]::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: var(--bui-bg-solid);\n      border-radius: var(--bui-radius-full);\n      z-index: -1;\n    }\n\n    /* Text color on top of the solid circle */\n    &[data-selection-start],\n    &[data-selection-end] {\n      color: var(--bui-fg-solid);\n    }\n  }\n\n  /* Round the left edge of ::before when the cell is the first in its row\n     (our class is on an inner element inside <td>, hence td:first-child > *) */\n  .DateRangePicker_bui-DateRangePickerCalendarCell__723456065f[data-selected]:not(\n      [data-selection-start]\n    ):is(td:first-child > *, [aria-disabled] + td > *)::before {\n    border-start-start-radius: var(--bui-radius-full);\n    border-end-start-radius: var(--bui-radius-full);\n  }\n\n  /* Round the right edge of ::before when the cell is the last in its row */\n  .DateRangePicker_bui-DateRangePickerCalendarCell__723456065f[data-selected]:not([data-selection-end]):is(\n      td:last-child > *\n    )::before {\n    border-start-end-radius: var(--bui-radius-full);\n    border-end-end-radius: var(--bui-radius-full);\n  }\n}\n";
+var styles = {"bui-DateRangePicker":"DateRangePicker_bui-DateRangePicker__723456065f","bui-DateRangePickerGroup":"DateRangePicker_bui-DateRangePickerGroup__723456065f","bui-DateRangePickerButton":"DateRangePicker_bui-DateRangePickerButton__723456065f","bui-DateRangePickerDateFields":"DateRangePicker_bui-DateRangePickerDateFields__723456065f","bui-DateRangePickerDateInput":"DateRangePicker_bui-DateRangePickerDateInput__723456065f","bui-DateRangePickerSegment":"DateRangePicker_bui-DateRangePickerSegment__723456065f","bui-DateRangePickerSeparator":"DateRangePicker_bui-DateRangePickerSeparator__723456065f","bui-DateRangePickerCalendar":"DateRangePicker_bui-DateRangePickerCalendar__723456065f","bui-DateRangePickerCalendarHeader":"DateRangePicker_bui-DateRangePickerCalendarHeader__723456065f","bui-DateRangePickerCalendarHeading":"DateRangePicker_bui-DateRangePickerCalendarHeading__723456065f","bui-DateRangePickerCalendarNavButton":"DateRangePicker_bui-DateRangePickerCalendarNavButton__723456065f","bui-DateRangePickerCalendarGrid":"DateRangePicker_bui-DateRangePickerCalendarGrid__723456065f","bui-DateRangePickerCalendarHeaderCell":"DateRangePicker_bui-DateRangePickerCalendarHeaderCell__723456065f","bui-DateRangePickerCalendarCell":"DateRangePicker_bui-DateRangePickerCalendarCell__723456065f"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=DateRangePicker.module.css.esm.js.map

package/dist/components/DateRangePicker/DateRangePicker.module.css.esm.js.map

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

package/dist/components/DateRangePicker/DateRangePickerCalendar.esm.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { RangeCalendar, Button, Heading, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell } from 'react-aria-components';
+import { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react';
+import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
+import { DateRangePickerCalendarDefinition } from './definition.esm.js';
+
+const DateRangePickerCalendar = () => {
+  const { ownProps } = useDefinition(DateRangePickerCalendarDefinition, {});
+  const { classes } = ownProps;
+  return /* @__PURE__ */ jsxs(RangeCalendar, { className: classes.root, children: [
+    /* @__PURE__ */ jsxs("header", { className: classes.header, children: [
+      /* @__PURE__ */ jsx(Button, { slot: "previous", className: classes.navButton, children: /* @__PURE__ */ jsx(RiArrowLeftSLine, { size: 16, "aria-hidden": "true" }) }),
+      /* @__PURE__ */ jsx(Heading, { className: classes.heading }),
+      /* @__PURE__ */ jsx(Button, { slot: "next", className: classes.navButton, children: /* @__PURE__ */ jsx(RiArrowRightSLine, { size: 16, "aria-hidden": "true" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(CalendarGrid, { className: classes.grid, children: [
+      /* @__PURE__ */ jsx(CalendarGridHeader, { className: classes.gridHeader, children: (day) => /* @__PURE__ */ jsx(CalendarHeaderCell, { className: classes.headerCell, children: day }) }),
+      /* @__PURE__ */ jsx(CalendarGridBody, { className: classes.gridBody, children: (date) => /* @__PURE__ */ jsx(CalendarCell, { className: classes.cell, date }) })
+    ] })
+  ] });
+};
+
+export { DateRangePickerCalendar };
+//# sourceMappingURL=DateRangePickerCalendar.esm.js.map

package/dist/components/DateRangePicker/DateRangePickerCalendar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerCalendar.esm.js","sources":["../../../src/components/DateRangePicker/DateRangePickerCalendar.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  RangeCalendar,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  Heading,\n  Button,\n} from 'react-aria-components';\nimport { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { DateRangePickerCalendarDefinition } from './definition';\n\n/**\n * Calendar popover content for DateRangePicker — renders the RangeCalendar\n * with navigation and a full calendar grid.\n *\n * @internal\n */\nexport const DateRangePickerCalendar = () => {\n  const { ownProps } = useDefinition(DateRangePickerCalendarDefinition, {});\n  const { classes } = ownProps;\n\n  return (\n    <RangeCalendar className={classes.root}>\n      <header className={classes.header}>\n        <Button slot=\"previous\" className={classes.navButton}>\n          <RiArrowLeftSLine size={16} aria-hidden=\"true\" />\n        </Button>\n        <Heading className={classes.heading} />\n        <Button slot=\"next\" className={classes.navButton}>\n          <RiArrowRightSLine size={16} aria-hidden=\"true\" />\n        </Button>\n      </header>\n      <CalendarGrid className={classes.grid}>\n        <CalendarGridHeader className={classes.gridHeader}>\n          {day => (\n            <CalendarHeaderCell className={classes.headerCell}>\n              {day}\n            </CalendarHeaderCell>\n          )}\n        </CalendarGridHeader>\n        <CalendarGridBody className={classes.gridBody}>\n          {date => <CalendarCell className={classes.cell} date={date} />}\n        </CalendarGridBody>\n      </CalendarGrid>\n    </RangeCalendar>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAoCO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,CAAc,iCAAA,EAAmC,EAAE,CAAA;AACxE,EAAA,MAAM,EAAE,SAAQ,GAAI,QAAA;AAEpB,EAAA,uBACE,IAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAW,OAAA,CAAQ,IAAA,EAChC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,MAAA,EACzB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,UAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,SAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAM,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,CAAA,EACjD,CAAA;AAAA,sBACA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,OAAA,EAAS,CAAA;AAAA,sBACrC,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,MAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,SAAA,EACrC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,IAAA,EAAM,EAAA,EAAI,aAAA,EAAY,QAAO,CAAA,EAClD;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAW,OAAA,CAAQ,IAAA,EAC/B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAW,OAAA,CAAQ,UAAA,EACpC,QAAA,EAAA,CAAA,GAAA,qBACC,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAW,OAAA,CAAQ,UAAA,EACpC,QAAA,EAAA,GAAA,EACH,CAAA,EAEJ,CAAA;AAAA,sBACA,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAW,OAAA,CAAQ,QAAA,EAClC,QAAA,EAAA,CAAA,IAAA,qBAAQ,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,IAAA,EAAY,CAAA,EAC9D;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/DateRangePicker/DateRangePickerGroup.esm.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Group, DateInput, DateSegment, Button } from 'react-aria-components';
+import { RiCalendarLine } from '@remixicon/react';
+import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
+import { DateRangePickerGroupDefinition } from './definition.esm.js';
+
+const DateRangePickerGroup = ({ dataSize }) => {
+  const { ownProps, dataAttributes } = useDefinition(
+    DateRangePickerGroupDefinition,
+    {}
+  );
+  const { classes } = ownProps;
+  return /* @__PURE__ */ jsxs(
+    Group,
+    {
+      className: classes.root,
+      ...dataAttributes,
+      ...dataSize ? { "data-size": dataSize } : {},
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: classes.dateFields, children: [
+          /* @__PURE__ */ jsx(DateInput, { slot: "start", className: classes.dateInput, children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment, className: classes.segment }) }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: classes.separator, children: "\u2013" }),
+          /* @__PURE__ */ jsx(DateInput, { slot: "end", className: classes.dateInput, children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment, className: classes.segment }) })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { className: classes.button, "aria-label": "Open calendar", children: /* @__PURE__ */ jsx(RiCalendarLine, { size: 16, "aria-hidden": "true" }) })
+      ]
+    }
+  );
+};
+
+export { DateRangePickerGroup };
+//# sourceMappingURL=DateRangePickerGroup.esm.js.map

package/dist/components/DateRangePicker/DateRangePickerGroup.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerGroup.esm.js","sources":["../../../src/components/DateRangePicker/DateRangePickerGroup.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Group, DateInput, DateSegment, Button } from 'react-aria-components';\nimport { RiCalendarLine } from '@remixicon/react';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { DateRangePickerGroupDefinition } from './definition';\n\n/**\n * Custom field group for DateRangePicker — renders two DateInput fields,\n * a separator, and a calendar trigger button.\n *\n * @internal\n */\nexport const DateRangePickerGroup = ({ dataSize }: { dataSize?: string }) => {\n  const { ownProps, dataAttributes } = useDefinition(\n    DateRangePickerGroupDefinition,\n    {},\n  );\n  const { classes } = ownProps;\n\n  return (\n    <Group\n      className={classes.root}\n      {...dataAttributes}\n      {...(dataSize ? { 'data-size': dataSize } : {})}\n    >\n      <div className={classes.dateFields}>\n        <DateInput slot=\"start\" className={classes.dateInput}>\n          {segment => (\n            <DateSegment segment={segment} className={classes.segment} />\n          )}\n        </DateInput>\n        <span aria-hidden=\"true\" className={classes.separator}>\n          –\n        </span>\n        <DateInput slot=\"end\" className={classes.dateInput}>\n          {segment => (\n            <DateSegment segment={segment} className={classes.segment} />\n          )}\n        </DateInput>\n      </div>\n      <Button className={classes.button} aria-label=\"Open calendar\">\n        <RiCalendarLine size={16} aria-hidden=\"true\" />\n      </Button>\n    </Group>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA2BO,MAAM,oBAAA,GAAuB,CAAC,EAAE,QAAA,EAAS,KAA6B;AAC3E,EAAA,MAAM,EAAE,QAAA,EAAU,cAAA,EAAe,GAAI,aAAA;AAAA,IACnC,8BAAA;AAAA,IACA;AAAC,GACH;AACA,EAAA,MAAM,EAAE,SAAQ,GAAI,QAAA;AAEpB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,IAAA;AAAA,MAClB,GAAG,cAAA;AAAA,MACH,GAAI,QAAA,GAAW,EAAE,WAAA,EAAa,QAAA,KAAa,EAAC;AAAA,MAE7C,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,UAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,SAAA,EACxC,QAAA,EAAA,CAAA,OAAA,qBACC,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAkB,SAAA,EAAW,OAAA,CAAQ,SAAS,CAAA,EAE/D,CAAA;AAAA,8BACC,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAW,OAAA,CAAQ,WAAW,QAAA,EAAA,QAAA,EAEvD,CAAA;AAAA,0BACA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,KAAA,EAAM,WAAW,OAAA,CAAQ,SAAA,EACtC,QAAA,EAAA,CAAA,OAAA,qBACC,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAkB,SAAA,EAAW,OAAA,CAAQ,SAAS,CAAA,EAE/D;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,MAAA,EAAQ,YAAA,EAAW,eAAA,EAC5C,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,EAAA,EAAI,aAAA,EAAY,QAAO,CAAA,EAC/C;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/DateRangePicker/definition.esm.js

@@ -0,0 +1,54 @@
+import 'react/jsx-runtime';
+import 'clsx';
+import '../../hooks/useBreakpoint.esm.js';
+import '../../hooks/useBg.esm.js';
+import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
+import 'react-router-dom';
+import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
+import styles from './DateRangePicker.module.css.esm.js';
+
+const DateRangePickerDefinition = defineComponent()({
+  styles,
+  classNames: {
+    root: "bui-DateRangePicker"
+  },
+  propDefs: {
+    size: { dataAttribute: true, default: "small" },
+    className: {},
+    label: {},
+    description: {},
+    secondaryLabel: {}
+  }
+});
+const DateRangePickerGroupDefinition = defineComponent()({
+  styles,
+  classNames: {
+    root: "bui-DateRangePickerGroup",
+    dateFields: "bui-DateRangePickerDateFields",
+    dateInput: "bui-DateRangePickerDateInput",
+    segment: "bui-DateRangePickerSegment",
+    separator: "bui-DateRangePickerSeparator",
+    button: "bui-DateRangePickerButton"
+  },
+  bg: "consumer",
+  propDefs: {}
+});
+const DateRangePickerCalendarDefinition = defineComponent()({
+  styles,
+  classNames: {
+    root: "bui-DateRangePickerCalendar",
+    header: "bui-DateRangePickerCalendarHeader",
+    heading: "bui-DateRangePickerCalendarHeading",
+    navButton: "bui-DateRangePickerCalendarNavButton",
+    grid: "bui-DateRangePickerCalendarGrid",
+    gridHeader: "bui-DateRangePickerCalendarGridHeader",
+    headerCell: "bui-DateRangePickerCalendarHeaderCell",
+    gridBody: "bui-DateRangePickerCalendarGridBody",
+    cell: "bui-DateRangePickerCalendarCell"
+  },
+  propDefs: {}
+});
+
+export { DateRangePickerCalendarDefinition, DateRangePickerDefinition, DateRangePickerGroupDefinition };
+//# sourceMappingURL=definition.esm.js.map

package/dist/components/DateRangePicker/definition.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/DateRangePicker/definition.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { DateRangePickerOwnProps } from './types';\nimport styles from './DateRangePicker.module.css';\n\n/**\n * Component definition for DateRangePicker\n * @public\n */\nexport const DateRangePickerDefinition =\n  defineComponent<DateRangePickerOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-DateRangePicker',\n    },\n    propDefs: {\n      size: { dataAttribute: true, default: 'small' },\n      className: {},\n      label: {},\n      description: {},\n      secondaryLabel: {},\n    },\n  });\n\n/**\n * Component definition for DateRangePickerGroup\n * @internal\n */\nexport const DateRangePickerGroupDefinition = defineComponent<\n  Record<string, never>\n>()({\n  styles,\n  classNames: {\n    root: 'bui-DateRangePickerGroup',\n    dateFields: 'bui-DateRangePickerDateFields',\n    dateInput: 'bui-DateRangePickerDateInput',\n    segment: 'bui-DateRangePickerSegment',\n    separator: 'bui-DateRangePickerSeparator',\n    button: 'bui-DateRangePickerButton',\n  },\n  bg: 'consumer',\n  propDefs: {},\n});\n\n/**\n * Component definition for DateRangePickerCalendar\n * @internal\n */\nexport const DateRangePickerCalendarDefinition = defineComponent<\n  Record<string, never>\n>()({\n  styles,\n  classNames: {\n    root: 'bui-DateRangePickerCalendar',\n    header: 'bui-DateRangePickerCalendarHeader',\n    heading: 'bui-DateRangePickerCalendarHeading',\n    navButton: 'bui-DateRangePickerCalendarNavButton',\n    grid: 'bui-DateRangePickerCalendarGrid',\n    gridHeader: 'bui-DateRangePickerCalendarGridHeader',\n    headerCell: 'bui-DateRangePickerCalendarHeaderCell',\n    gridBody: 'bui-DateRangePickerCalendarGridBody',\n    cell: 'bui-DateRangePickerCalendarCell',\n  },\n  propDefs: {},\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,yBAAA,GACX,iBAAyC,CAAE;AAAA,EACzC,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,WAAW,EAAC;AAAA,IACZ,OAAO,EAAC;AAAA,IACR,aAAa,EAAC;AAAA,IACd,gBAAgB;AAAC;AAErB,CAAC;AAMI,MAAM,8BAAA,GAAiC,iBAE5C,CAAE;AAAA,EACF,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,0BAAA;AAAA,IACN,UAAA,EAAY,+BAAA;AAAA,IACZ,SAAA,EAAW,8BAAA;AAAA,IACX,OAAA,EAAS,4BAAA;AAAA,IACT,SAAA,EAAW,8BAAA;AAAA,IACX,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,UAAU;AACZ,CAAC;AAMM,MAAM,iCAAA,GAAoC,iBAE/C,CAAE;AAAA,EACF,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,6BAAA;AAAA,IACN,MAAA,EAAQ,mCAAA;AAAA,IACR,OAAA,EAAS,oCAAA;AAAA,IACT,SAAA,EAAW,sCAAA;AAAA,IACX,IAAA,EAAM,iCAAA;AAAA,IACN,UAAA,EAAY,uCAAA;AAAA,IACZ,UAAA,EAAY,uCAAA;AAAA,IACZ,QAAA,EAAU,qCAAA;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,UAAU;AACZ,CAAC;;;;"}

package/dist/components/Dialog/Dialog.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Dialog_bui-DialogOverlay__29f72477a2 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: color-mix(in srgb, var(--bui-bg-neutral-2) 80%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n  }\n\n  [data-theme='dark'] .Dialog_bui-Dialog__29f72477a2 {\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .Dialog_bui-DialogOverlay__29f72477a2[data-entering] {\n    animation: Dialog_fade-in__29f72477a2 200ms ease-out forwards;\n  }\n\n  .Dialog_bui-DialogOverlay__29f72477a2[data-exiting] {\n    animation: Dialog_fade-out__29f72477a2 150ms ease-out forwards;\n  }\n\n  .Dialog_bui-Dialog__29f72477a2 {\n    --dialog-border-radius: 0.5rem;\n    background: var(--bui-bg-app);\n    box-shadow: var(--bui-shadow);\n    border-radius: var(--dialog-border-radius);\n    border: 1px solid var(--bui-border-1);\n    color: var(--bui-fg-primary);\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: min(var(--bui-dialog-min-width, 400px), calc(100vw - 3rem));\n    max-width: calc(100vw - 3rem);\n    height: var(--bui-dialog-height, auto);\n    max-height: calc(100vh - 3rem);\n  }\n\n  .Dialog_bui-DialogInner__29f72477a2 {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    outline: none;\n  }\n\n  .Dialog_bui-DialogContent__29f72477a2 {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--dialog-border-radius);\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  /* Dialog entering animation */\n  .Dialog_bui-DialogOverlay__29f72477a2[data-entering] .Dialog_bui-Dialog__29f72477a2 {\n    animation: Dialog_dialog-enter__29f72477a2 150ms ease-out forwards;\n  }\n\n  /* Dialog exiting animation */\n  .Dialog_bui-DialogOverlay__29f72477a2[data-exiting] .Dialog_bui-Dialog__29f72477a2 {\n    animation: Dialog_dialog-exit__29f72477a2 150ms ease-out forwards;\n  }\n\n  .Dialog_bui-DialogHeader__29f72477a2 {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    border-bottom: 1px solid var(--bui-border-1);\n  }\n\n  .Dialog_bui-DialogHeaderTitle__29f72477a2 {\n    font-size: var(--bui-font-size-3);\n    font-weight: var(--bui-font-weight-bold);\n    margin: 0;\n  }\n\n  .Dialog_bui-DialogFooter__29f72477a2 {\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    gap: var(--bui-space-2);\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-3);\n    border-top: 1px solid var(--bui-border-1);\n  }\n\n  .Dialog_bui-DialogBody__29f72477a2 {\n    padding: var(--bui-space-3);\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n  }\n\n  /* Keyframe animations */\n  @keyframes Dialog_fade-in__29f72477a2 {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes Dialog_fade-out__29f72477a2 {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  @keyframes Dialog_dialog-enter__29f72477a2 {\n    from {\n      opacity: 0.5;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes Dialog_dialog-exit__29f72477a2 {\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n  }\n}\n";
-var styles = {"bui-DialogOverlay":"Dialog_bui-DialogOverlay__29f72477a2","bui-Dialog":"Dialog_bui-Dialog__29f72477a2","fade-in":"Dialog_fade-in__29f72477a2","fade-out":"Dialog_fade-out__29f72477a2","bui-DialogInner":"Dialog_bui-DialogInner__29f72477a2","bui-DialogContent":"Dialog_bui-DialogContent__29f72477a2","dialog-enter":"Dialog_dialog-enter__29f72477a2","dialog-exit":"Dialog_dialog-exit__29f72477a2","bui-DialogHeader":"Dialog_bui-DialogHeader__29f72477a2","bui-DialogHeaderTitle":"Dialog_bui-DialogHeaderTitle__29f72477a2","bui-DialogFooter":"Dialog_bui-DialogFooter__29f72477a2","bui-DialogBody":"Dialog_bui-DialogBody__29f72477a2"};
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Dialog_bui-DialogOverlay__509cc8c7af {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: color-mix(in srgb, var(--bui-bg-neutral-2) 80%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n  }\n\n  [data-theme-mode='dark'] .Dialog_bui-Dialog__509cc8c7af {\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .Dialog_bui-DialogOverlay__509cc8c7af[data-entering] {\n    animation: Dialog_fade-in__509cc8c7af 200ms ease-out forwards;\n  }\n\n  .Dialog_bui-DialogOverlay__509cc8c7af[data-exiting] {\n    animation: Dialog_fade-out__509cc8c7af 150ms ease-out forwards;\n  }\n\n  .Dialog_bui-Dialog__509cc8c7af {\n    --dialog-border-radius: 0.5rem;\n    background: var(--bui-bg-app);\n    box-shadow: var(--bui-shadow);\n    border-radius: var(--dialog-border-radius);\n    border: 1px solid var(--bui-border-1);\n    color: var(--bui-fg-primary);\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: min(var(--bui-dialog-min-width, 400px), calc(100vw - 3rem));\n    max-width: calc(100vw - 3rem);\n    height: var(--bui-dialog-height, auto);\n    max-height: calc(100vh - 3rem);\n  }\n\n  .Dialog_bui-DialogInner__509cc8c7af {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    outline: none;\n  }\n\n  .Dialog_bui-DialogContent__509cc8c7af {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--dialog-border-radius);\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  /* Dialog entering animation */\n  .Dialog_bui-DialogOverlay__509cc8c7af[data-entering] .Dialog_bui-Dialog__509cc8c7af {\n    animation: Dialog_dialog-enter__509cc8c7af 150ms ease-out forwards;\n  }\n\n  /* Dialog exiting animation */\n  .Dialog_bui-DialogOverlay__509cc8c7af[data-exiting] .Dialog_bui-Dialog__509cc8c7af {\n    animation: Dialog_dialog-exit__509cc8c7af 150ms ease-out forwards;\n  }\n\n  .Dialog_bui-DialogHeader__509cc8c7af {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    border-bottom: 1px solid var(--bui-border-1);\n  }\n\n  .Dialog_bui-DialogHeaderTitle__509cc8c7af {\n    font-size: var(--bui-font-size-3);\n    font-weight: var(--bui-font-weight-bold);\n    margin: 0;\n  }\n\n  .Dialog_bui-DialogFooter__509cc8c7af {\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    gap: var(--bui-space-2);\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-3);\n    border-top: 1px solid var(--bui-border-1);\n  }\n\n  .Dialog_bui-DialogBody__509cc8c7af {\n    padding: var(--bui-space-3);\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n  }\n\n  /* Keyframe animations */\n  @keyframes Dialog_fade-in__509cc8c7af {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes Dialog_fade-out__509cc8c7af {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  @keyframes Dialog_dialog-enter__509cc8c7af {\n    from {\n      opacity: 0.5;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes Dialog_dialog-exit__509cc8c7af {\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n  }\n}\n";
+var styles = {"bui-DialogOverlay":"Dialog_bui-DialogOverlay__509cc8c7af","bui-Dialog":"Dialog_bui-Dialog__509cc8c7af","fade-in":"Dialog_fade-in__509cc8c7af","fade-out":"Dialog_fade-out__509cc8c7af","bui-DialogInner":"Dialog_bui-DialogInner__509cc8c7af","bui-DialogContent":"Dialog_bui-DialogContent__509cc8c7af","dialog-enter":"Dialog_dialog-enter__509cc8c7af","dialog-exit":"Dialog_dialog-exit__509cc8c7af","bui-DialogHeader":"Dialog_bui-DialogHeader__509cc8c7af","bui-DialogHeaderTitle":"Dialog_bui-DialogHeaderTitle__509cc8c7af","bui-DialogFooter":"Dialog_bui-DialogFooter__509cc8c7af","bui-DialogBody":"Dialog_bui-DialogBody__509cc8c7af"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/Flex/definition.esm.js

@@ -38,7 +38,10 @@ const FlexDefinition = defineComponent()({
     "gap",
     "align",
     "justify",
-    "direction"
+    "direction",
+    "grow",
+    "shrink",
+    "basis"
   ]
 });
 

package/dist/components/Flex/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Flex/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { FlexOwnProps } from './types';\nimport styles from './Flex.module.css';\n\n/**\n * Component definition for Flex\n * @public\n */\nexport const FlexDefinition = defineComponent<FlexOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Flex',\n  },\n  bg: 'provider',\n  propDefs: {\n    bg: { dataAttribute: true },\n    children: {},\n    className: {},\n    style: {},\n  },\n  utilityProps: [\n    'm',\n    'mb',\n    'ml',\n    'mr',\n    'mt',\n    'mx',\n    'my',\n    'p',\n    'pb',\n    'pl',\n    'pr',\n    'pt',\n    'px',\n    'py',\n    'gap',\n    'align',\n    'justify',\n    'direction',\n  ],\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,EAAA,EAAI,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAC1B,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC,GACV;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,GAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Flex/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { FlexOwnProps } from './types';\nimport styles from './Flex.module.css';\n\n/**\n * Component definition for Flex\n * @public\n */\nexport const FlexDefinition = defineComponent<FlexOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Flex',\n  },\n  bg: 'provider',\n  propDefs: {\n    bg: { dataAttribute: true },\n    children: {},\n    className: {},\n    style: {},\n  },\n  utilityProps: [\n    'm',\n    'mb',\n    'ml',\n    'mr',\n    'mt',\n    'mx',\n    'my',\n    'p',\n    'pb',\n    'pl',\n    'pr',\n    'pt',\n    'px',\n    'py',\n    'gap',\n    'align',\n    'justify',\n    'direction',\n    'grow',\n    'shrink',\n    'basis',\n  ],\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,EAAA,EAAI,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAC1B,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC,GACV;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,GAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}

package/dist/components/Grid/definition.esm.js

@@ -36,7 +36,10 @@ const GridDefinition = defineComponent()({
     "pr",
     "pt",
     "px",
-    "py"
+    "py",
+    "grow",
+    "shrink",
+    "basis"
   ]
 });
 const GridItemDefinition = defineComponent()({

package/dist/components/Grid/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Grid/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { GridOwnProps, GridItemOwnProps } from './types';\nimport styles from './Grid.module.css';\n\n/**\n * Component definition for Grid\n * @public\n */\nexport const GridDefinition = defineComponent<GridOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Grid',\n  },\n  bg: 'provider',\n  propDefs: {\n    bg: { dataAttribute: true },\n    children: {},\n    className: {},\n    style: {},\n  },\n  utilityProps: [\n    'columns',\n    'gap',\n    'm',\n    'mb',\n    'ml',\n    'mr',\n    'mt',\n    'mx',\n    'my',\n    'p',\n    'pb',\n    'pl',\n    'pr',\n    'pt',\n    'px',\n    'py',\n  ],\n});\n\n/**\n * Component definition for GridItem\n * @public\n */\nexport const GridItemDefinition = defineComponent<GridItemOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-GridItem',\n  },\n  bg: 'provider',\n  propDefs: {\n    bg: { dataAttribute: true },\n    children: {},\n    className: {},\n    style: {},\n  },\n  utilityProps: ['colSpan', 'colEnd', 'colStart', 'rowSpan'],\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,EAAA,EAAI,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAC1B,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC,GACV;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA;AAEJ,CAAC;AAMM,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,EAAA,EAAI,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAC1B,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC,GACV;AAAA,EACA,YAAA,EAAc,CAAC,SAAA,EAAW,QAAA,EAAU,YAAY,SAAS;AAC3D,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Grid/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { GridOwnProps, GridItemOwnProps } from './types';\nimport styles from './Grid.module.css';\n\n/**\n * Component definition for Grid\n * @public\n */\nexport const GridDefinition = defineComponent<GridOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Grid',\n  },\n  bg: 'provider',\n  propDefs: {\n    bg: { dataAttribute: true },\n    children: {},\n    className: {},\n    style: {},\n  },\n  utilityProps: [\n    'columns',\n    'gap',\n    'm',\n    'mb',\n    'ml',\n    'mr',\n    'mt',\n    'mx',\n    'my',\n    'p',\n    'pb',\n    'pl',\n    'pr',\n    'pt',\n    'px',\n    'py',\n    'grow',\n    'shrink',\n    'basis',\n  ],\n});\n\n/**\n * Component definition for GridItem\n * @public\n */\nexport const GridItemDefinition = defineComponent<GridItemOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-GridItem',\n  },\n  bg: 'provider',\n  propDefs: {\n    bg: { dataAttribute: true },\n    children: {},\n    className: {},\n    style: {},\n  },\n  utilityProps: ['colSpan', 'colEnd', 'colStart', 'rowSpan'],\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,EAAA,EAAI,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAC1B,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC,GACV;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA;AAEJ,CAAC;AAMM,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,EAAA,EAAI,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAC1B,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC,GACV;AAAA,EACA,YAAA,EAAc,CAAC,SAAA,EAAW,QAAA,EAAU,YAAY,SAAS;AAC3D,CAAC;;;;"}

package/dist/components/Table/Table.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Table_bui-TableWrapper__b7a883a8dd {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .Table_bui-TableResizableContainer__b7a883a8dd {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  .Table_bui-Table__b7a883a8dd {\n    width: 100%;\n    caption-side: bottom;\n    border-collapse: collapse;\n    table-layout: fixed;\n    transition: opacity 0.2s ease-in-out;\n    overflow: auto;\n    flex: 1;\n    min-height: 0;\n\n    &[data-stale='true'],\n    &[data-loading='true'] {\n      opacity: 0.6;\n    }\n  }\n\n  .Table_bui-TableHeader__b7a883a8dd {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n  }\n\n  .Table_bui-TableHead__b7a883a8dd {\n    text-align: left;\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableHeadSelection__b7a883a8dd {\n    width: 40px;\n  }\n\n  .Table_bui-TableHeadContent__b7a883a8dd {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-1);\n  }\n\n  .Table_bui-TableHeadLabel__b7a883a8dd {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n  }\n\n  .Table_bui-TableHeadSortButton__b7a883a8dd {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    opacity: 0;\n    transition: opacity 0.1s ease-in-out;\n    color: var(--bui-fg-secondary);\n\n    .Table_bui-TableHead__b7a883a8dd:hover &,\n    [data-sort-direction='ascending'] &,\n    [data-sort-direction='descending'] & {\n      opacity: 1;\n    }\n\n    & svg {\n      transition: transform 0.1s ease-in-out;\n    }\n    [data-sort-direction='descending'] & svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  .Table_bui-TableBody__b7a883a8dd {\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableRow__b7a883a8dd {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n    cursor: default;\n\n    &:hover {\n      background-color: var(--bui-bg-neutral-1-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--bui-bg-neutral-1-pressed);\n    }\n\n    &[data-pressed] {\n      background-color: var(--bui-bg-neutral-1-pressed);\n    }\n\n    &[data-on-bg='neutral-1'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-2-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-2-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-2-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-2-disabled);\n      }\n    }\n\n    &[data-on-bg='neutral-2'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-3-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-3-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-3-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-3-disabled);\n      }\n    }\n\n    &[data-on-bg='neutral-3'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-4-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-4-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-4-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-4-disabled);\n      }\n    }\n\n    &[data-href],\n    &[data-selection-mode],\n    &[data-react-aria-pressable='true'] {\n      cursor: pointer;\n    }\n\n    &[data-disabled] {\n      background-color: var(--bui-bg-neutral-1-disabled);\n      cursor: not-allowed;\n    }\n  }\n\n  .Table_bui-TableCell__b7a883a8dd {\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .Table_bui-TableCellSelection__b7a883a8dd {\n    width: 40px;\n  }\n\n  .Table_bui-TableCellContentWrapper__b7a883a8dd {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellIcon__b7a883a8dd,\n  .Table_bui-TableCellIcon__b7a883a8dd svg {\n    display: inline-flex;\n    align-items: center;\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableCellContent__b7a883a8dd {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-0_5);\n    min-width: 0;\n    flex: 1;\n    overflow: hidden;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellContent__b7a883a8dd > * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellProfile__b7a883a8dd {\n    display: flex;\n    flex-direction: row;\n    gap: var(--bui-space-2);\n    align-items: center;\n  }\n}\n";
-var styles = {"bui-TableWrapper":"Table_bui-TableWrapper__b7a883a8dd","bui-TableResizableContainer":"Table_bui-TableResizableContainer__b7a883a8dd","bui-Table":"Table_bui-Table__b7a883a8dd","bui-TableHeader":"Table_bui-TableHeader__b7a883a8dd","bui-TableHead":"Table_bui-TableHead__b7a883a8dd","bui-TableHeadSelection":"Table_bui-TableHeadSelection__b7a883a8dd","bui-TableHeadContent":"Table_bui-TableHeadContent__b7a883a8dd","bui-TableHeadLabel":"Table_bui-TableHeadLabel__b7a883a8dd","bui-TableHeadSortButton":"Table_bui-TableHeadSortButton__b7a883a8dd","bui-TableBody":"Table_bui-TableBody__b7a883a8dd","bui-TableRow":"Table_bui-TableRow__b7a883a8dd","bui-TableCell":"Table_bui-TableCell__b7a883a8dd","bui-TableCellSelection":"Table_bui-TableCellSelection__b7a883a8dd","bui-TableCellContentWrapper":"Table_bui-TableCellContentWrapper__b7a883a8dd","bui-TableCellIcon":"Table_bui-TableCellIcon__b7a883a8dd","bui-TableCellContent":"Table_bui-TableCellContent__b7a883a8dd","bui-TableCellProfile":"Table_bui-TableCellProfile__b7a883a8dd"};
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Table_bui-TableWrapper__1e8e8291a0 {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .Table_bui-TableResizableContainer__1e8e8291a0 {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  .Table_bui-Table__1e8e8291a0 {\n    width: 100%;\n    caption-side: bottom;\n    border-collapse: collapse;\n    table-layout: fixed;\n    transition: opacity 0.2s ease-in-out;\n    overflow: auto;\n    flex: 1;\n    min-height: 0;\n\n    &[data-stale='true'],\n    &[data-ispending='true'] {\n      opacity: 0.6;\n    }\n  }\n\n  .Table_bui-TableHeader__1e8e8291a0 {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n  }\n\n  .Table_bui-TableHead__1e8e8291a0 {\n    text-align: left;\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableHeadSelection__1e8e8291a0 {\n    width: 40px;\n  }\n\n  .Table_bui-TableHeadContent__1e8e8291a0 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-1);\n  }\n\n  .Table_bui-TableHeadLabel__1e8e8291a0 {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n  }\n\n  .Table_bui-TableHeadSortButton__1e8e8291a0 {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    opacity: 0;\n    transition: opacity 0.1s ease-in-out;\n    color: var(--bui-fg-secondary);\n\n    .Table_bui-TableHead__1e8e8291a0:hover &,\n    [data-sort-direction='ascending'] &,\n    [data-sort-direction='descending'] & {\n      opacity: 1;\n    }\n\n    & svg {\n      transition: transform 0.1s ease-in-out;\n    }\n    [data-sort-direction='descending'] & svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  .Table_bui-TableBody__1e8e8291a0 {\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableRow__1e8e8291a0 {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n    cursor: default;\n\n    &:hover {\n      background-color: var(--bui-bg-neutral-1-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--bui-bg-neutral-1-pressed);\n    }\n\n    &[data-pressed] {\n      background-color: var(--bui-bg-neutral-1-pressed);\n    }\n\n    &[data-on-bg='neutral-1'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-2-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-2-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-2-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-2-disabled);\n      }\n    }\n\n    &[data-on-bg='neutral-2'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-3-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-3-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-3-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-3-disabled);\n      }\n    }\n\n    &[data-on-bg='neutral-3'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-4-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-4-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-4-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-4-disabled);\n      }\n    }\n\n    &[data-href],\n    &[data-selection-mode],\n    &[data-react-aria-pressable='true'] {\n      cursor: pointer;\n    }\n\n    &[data-disabled] {\n      background-color: var(--bui-bg-neutral-1-disabled);\n      cursor: not-allowed;\n    }\n  }\n\n  .Table_bui-TableCell__1e8e8291a0 {\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .Table_bui-TableCellSelection__1e8e8291a0 {\n    width: 40px;\n  }\n\n  .Table_bui-TableCellContentWrapper__1e8e8291a0 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellIcon__1e8e8291a0,\n  .Table_bui-TableCellIcon__1e8e8291a0 svg {\n    display: inline-flex;\n    align-items: center;\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableCellContent__1e8e8291a0 {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-0_5);\n    min-width: 0;\n    flex: 1;\n    overflow: hidden;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellContent__1e8e8291a0 > * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellProfile__1e8e8291a0 {\n    display: flex;\n    flex-direction: row;\n    gap: var(--bui-space-2);\n    align-items: center;\n  }\n}\n";
+var styles = {"bui-TableWrapper":"Table_bui-TableWrapper__1e8e8291a0","bui-TableResizableContainer":"Table_bui-TableResizableContainer__1e8e8291a0","bui-Table":"Table_bui-Table__1e8e8291a0","bui-TableHeader":"Table_bui-TableHeader__1e8e8291a0","bui-TableHead":"Table_bui-TableHead__1e8e8291a0","bui-TableHeadSelection":"Table_bui-TableHeadSelection__1e8e8291a0","bui-TableHeadContent":"Table_bui-TableHeadContent__1e8e8291a0","bui-TableHeadLabel":"Table_bui-TableHeadLabel__1e8e8291a0","bui-TableHeadSortButton":"Table_bui-TableHeadSortButton__1e8e8291a0","bui-TableBody":"Table_bui-TableBody__1e8e8291a0","bui-TableRow":"Table_bui-TableRow__1e8e8291a0","bui-TableCell":"Table_bui-TableCell__1e8e8291a0","bui-TableCellSelection":"Table_bui-TableCellSelection__1e8e8291a0","bui-TableCellContentWrapper":"Table_bui-TableCellContentWrapper__1e8e8291a0","bui-TableCellIcon":"Table_bui-TableCellIcon__1e8e8291a0","bui-TableCellContent":"Table_bui-TableCellContent__1e8e8291a0","bui-TableCellProfile":"Table_bui-TableCellProfile__1e8e8291a0"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/Table/components/Table.esm.js

@@ -62,6 +62,7 @@ function useLiveRegionLabel(pagination, isStale, isLoading, hasData) {
 function Table({
   columnConfig,
   data,
+  isPending = false,
   loading = false,
   isStale = false,
   error,
@@ -74,6 +75,7 @@ function Table({
   style,
   virtualized
 }) {
+  const pending = isPending || loading;
   const {
     ownProps: { classes }
   } = useDefinition(TableWrapperDefinition, { className });
@@ -89,7 +91,7 @@ function Table({
     behavior: selectionBehavior,
     onSelectionChange
   } = selection || {};
-  const isInitialLoading = loading && !data;
+  const isInitialLoading = pending && !data;
   if (error) {
     return /* @__PURE__ */ jsxs("div", { className: classes.root, style, children: [
       "Error: ",
@@ -125,7 +127,7 @@ function Table({
             onSortChange: sort?.onSortChange,
             disabledKeys: disabledRows,
             stale: isStale,
-            loading: isInitialLoading,
+            isPending: isInitialLoading,
             "aria-describedby": liveRegionId,
             children: [
               /* @__PURE__ */ jsx(TableHeader, { columns: visibleColumns, children: (column) => column.header ? column.header() : /* @__PURE__ */ jsx(

package/dist/components/Table/components/Table.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.esm.js","sources":["../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useId } from 'react-aria';\nimport {\n  type Key,\n  ResizableTableContainer,\n  Virtualizer,\n} from 'react-aria-components';\nimport { TableLayout } from 'react-stately';\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { TableWrapperDefinition } from '../definition';\nimport { TableRoot } from './TableRoot';\nimport { TableHeader } from './TableHeader';\nimport { TableBody } from './TableBody';\nimport { Row } from './Row';\nimport { Column } from './Column';\nimport { TablePagination } from '../../TablePagination';\nimport type {\n  TableProps,\n  TableItem,\n  RowConfig,\n  RowRenderFn,\n  TablePaginationType,\n} from '../types';\nimport { useMemo } from 'react';\nimport { VisuallyHidden } from '../../VisuallyHidden';\nimport { Flex } from '../../Flex';\nimport { TableBodySkeleton } from './TableBodySkeleton';\n\nfunction isRowRenderFn<T extends TableItem>(\n  rowConfig: RowConfig<T> | RowRenderFn<T> | undefined,\n): rowConfig is RowRenderFn<T> {\n  return typeof rowConfig === 'function';\n}\n\nfunction useDisabledRows<T extends TableItem>({\n  data,\n  rowConfig,\n}: Pick<TableProps<T>, 'data' | 'rowConfig'>): Set<Key> | undefined {\n  return useMemo(() => {\n    if (!data || typeof rowConfig === 'function' || !rowConfig?.getIsDisabled) {\n      return;\n    }\n\n    return data.reduce<Set<Key>>((set, item) => {\n      const isDisabled = rowConfig.getIsDisabled?.(item);\n      if (isDisabled) {\n        set.add(String(item.id));\n      }\n      return set;\n    }, new Set<Key>());\n  }, [data, rowConfig]);\n}\n\nfunction useLiveRegionLabel(\n  pagination: TablePaginationType,\n  isStale: boolean,\n  isLoading: boolean,\n  hasData: boolean,\n): string {\n  if (isLoading) {\n    return 'Loading table data.';\n  }\n\n  if (!hasData || pagination.type === 'none') {\n    return '';\n  }\n\n  const { pageSize, offset, totalCount, getLabel } = pagination;\n\n  if (isStale) {\n    return 'Loading table data.';\n  }\n\n  let liveRegionLabel = 'Table page loaded. ';\n\n  if (getLabel) {\n    liveRegionLabel += getLabel({ pageSize, offset, totalCount });\n  } else if (offset !== undefined) {\n    const fromCount = offset + 1;\n    const toCount = Math.min(offset + pageSize, totalCount ?? 0);\n    liveRegionLabel += `Showing ${fromCount} to ${toCount} of ${totalCount}`;\n  }\n  return liveRegionLabel;\n}\n\n/**\n * A full-featured data table with built-in pagination, sorting, row selection, loading and error states, and optional virtualization.\n * Pair with `useTable` to manage data fetching and state, or pass `data`, `columnConfig`, and `pagination` directly for manual control.\n *\n * @public\n */\nexport function Table<T extends TableItem>({\n  columnConfig,\n  data,\n  loading = false,\n  isStale = false,\n  error,\n  pagination,\n  sort,\n  rowConfig,\n  selection,\n  emptyState,\n  className,\n  style,\n  virtualized,\n}: TableProps<T>) {\n  const {\n    ownProps: { classes },\n  } = useDefinition(TableWrapperDefinition, { className });\n  const liveRegionId = useId();\n\n  const visibleColumns = useMemo(\n    () => columnConfig.filter(col => !col.isHidden),\n    [columnConfig],\n  );\n  const disabledRows = useDisabledRows({ data, rowConfig });\n\n  const {\n    mode: selectionMode,\n    selected: selectedKeys,\n    behavior: selectionBehavior,\n    onSelectionChange,\n  } = selection || {};\n\n  const isInitialLoading = loading && !data;\n\n  if (error) {\n    return (\n      <div className={classes.root} style={style}>\n        Error: {error.message}\n      </div>\n    );\n  }\n\n  const liveRegionLabel = useLiveRegionLabel(\n    pagination,\n    isStale,\n    isInitialLoading,\n    data !== undefined,\n  );\n\n  const manualColumnSizing = columnConfig.some(\n    col =>\n      col.width != null ||\n      col.minWidth != null ||\n      col.maxWidth != null ||\n      col.defaultWidth != null,\n  );\n\n  const wrapResizable = manualColumnSizing\n    ? (elem: React.ReactNode) => (\n        <ResizableTableContainer className={classes.resizableContainer}>\n          {elem}\n        </ResizableTableContainer>\n      )\n    : (elem: React.ReactNode) => <>{elem}</>;\n\n  const layoutOptions =\n    typeof virtualized === 'object' ? virtualized : undefined;\n\n  const wrapVirtualized = (elem: React.ReactNode) =>\n    virtualized ? (\n      <Virtualizer layout={TableLayout} layoutOptions={layoutOptions}>\n        {elem}\n      </Virtualizer>\n    ) : (\n      elem\n    );\n\n  return (\n    <div className={classes.root} style={style}>\n      <VisuallyHidden aria-live=\"polite\" id={liveRegionId}>\n        {liveRegionLabel}\n      </VisuallyHidden>\n      {wrapResizable(\n        wrapVirtualized(\n          <TableRoot\n            {...(isInitialLoading\n              ? {}\n              : {\n                  selectionMode,\n                  selectionBehavior,\n                  selectedKeys,\n                  onSelectionChange,\n                })}\n            sortDescriptor={sort?.descriptor ?? undefined}\n            onSortChange={sort?.onSortChange}\n            disabledKeys={disabledRows}\n            stale={isStale}\n            loading={isInitialLoading}\n            aria-describedby={liveRegionId}\n          >\n            <TableHeader columns={visibleColumns}>\n              {column =>\n                column.header ? (\n                  column.header()\n                ) : (\n                  <Column\n                    id={column.id}\n                    isRowHeader={column.isRowHeader}\n                    allowsSorting={column.isSortable}\n                    width={column.width}\n                    defaultWidth={column.defaultWidth}\n                    minWidth={column.minWidth}\n                    maxWidth={column.maxWidth}\n                  >\n                    {column.label}\n                  </Column>\n                )\n              }\n            </TableHeader>\n            {isInitialLoading ? (\n              <TableBodySkeleton columns={visibleColumns} />\n            ) : (\n              <TableBody\n                items={data}\n                dependencies={[visibleColumns]}\n                renderEmptyState={\n                  emptyState ? () => <Flex p=\"3\">{emptyState}</Flex> : undefined\n                }\n              >\n                {item => {\n                  const itemIndex = data?.indexOf(item) ?? -1;\n\n                  if (isRowRenderFn(rowConfig)) {\n                    return rowConfig({\n                      item,\n                      index: itemIndex,\n                    });\n                  }\n\n                  return (\n                    <Row\n                      id={String(item.id)}\n                      columns={visibleColumns}\n                      href={rowConfig?.getHref?.(item)}\n                      onAction={\n                        rowConfig?.onClick\n                          ? () => rowConfig?.onClick?.(item)\n                          : undefined\n                      }\n                    >\n                      {column => column.cell(item)}\n                    </Row>\n                  );\n                }}\n              </TableBody>\n            )}\n          </TableRoot>,\n        ),\n      )}\n      {pagination.type === 'page' && (\n        <TablePagination\n          pageSize={pagination.pageSize}\n          pageSizeOptions={pagination.pageSizeOptions}\n          offset={pagination.offset}\n          totalCount={pagination.totalCount}\n          hasNextPage={pagination.hasNextPage}\n          hasPreviousPage={pagination.hasPreviousPage}\n          onNextPage={pagination.onNextPage}\n          onPreviousPage={pagination.onPreviousPage}\n          onPageSizeChange={pagination.onPageSizeChange}\n          showPageSizeOptions={pagination.showPageSizeOptions}\n          getLabel={pagination.getLabel}\n          showPaginationLabel={pagination.showPaginationLabel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.esm.js","sources":["../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useId } from 'react-aria';\nimport {\n  type Key,\n  ResizableTableContainer,\n  Virtualizer,\n} from 'react-aria-components';\nimport { TableLayout } from 'react-stately';\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { TableWrapperDefinition } from '../definition';\nimport { TableRoot } from './TableRoot';\nimport { TableHeader } from './TableHeader';\nimport { TableBody } from './TableBody';\nimport { Row } from './Row';\nimport { Column } from './Column';\nimport { TablePagination } from '../../TablePagination';\nimport type {\n  TableProps,\n  TableItem,\n  RowConfig,\n  RowRenderFn,\n  TablePaginationType,\n} from '../types';\nimport { useMemo } from 'react';\nimport { VisuallyHidden } from '../../VisuallyHidden';\nimport { Flex } from '../../Flex';\nimport { TableBodySkeleton } from './TableBodySkeleton';\n\nfunction isRowRenderFn<T extends TableItem>(\n  rowConfig: RowConfig<T> | RowRenderFn<T> | undefined,\n): rowConfig is RowRenderFn<T> {\n  return typeof rowConfig === 'function';\n}\n\nfunction useDisabledRows<T extends TableItem>({\n  data,\n  rowConfig,\n}: Pick<TableProps<T>, 'data' | 'rowConfig'>): Set<Key> | undefined {\n  return useMemo(() => {\n    if (!data || typeof rowConfig === 'function' || !rowConfig?.getIsDisabled) {\n      return;\n    }\n\n    return data.reduce<Set<Key>>((set, item) => {\n      const isDisabled = rowConfig.getIsDisabled?.(item);\n      if (isDisabled) {\n        set.add(String(item.id));\n      }\n      return set;\n    }, new Set<Key>());\n  }, [data, rowConfig]);\n}\n\nfunction useLiveRegionLabel(\n  pagination: TablePaginationType,\n  isStale: boolean,\n  isLoading: boolean,\n  hasData: boolean,\n): string {\n  if (isLoading) {\n    return 'Loading table data.';\n  }\n\n  if (!hasData || pagination.type === 'none') {\n    return '';\n  }\n\n  const { pageSize, offset, totalCount, getLabel } = pagination;\n\n  if (isStale) {\n    return 'Loading table data.';\n  }\n\n  let liveRegionLabel = 'Table page loaded. ';\n\n  if (getLabel) {\n    liveRegionLabel += getLabel({ pageSize, offset, totalCount });\n  } else if (offset !== undefined) {\n    const fromCount = offset + 1;\n    const toCount = Math.min(offset + pageSize, totalCount ?? 0);\n    liveRegionLabel += `Showing ${fromCount} to ${toCount} of ${totalCount}`;\n  }\n  return liveRegionLabel;\n}\n\n/**\n * A full-featured data table with built-in pagination, sorting, row selection, loading and error states, and optional virtualization.\n * Pair with `useTable` to manage data fetching and state, or pass `data`, `columnConfig`, and `pagination` directly for manual control.\n *\n * @public\n */\nexport function Table<T extends TableItem>({\n  columnConfig,\n  data,\n  isPending = false,\n  loading = false,\n  isStale = false,\n  error,\n  pagination,\n  sort,\n  rowConfig,\n  selection,\n  emptyState,\n  className,\n  style,\n  virtualized,\n}: TableProps<T>) {\n  const pending = isPending || loading;\n  const {\n    ownProps: { classes },\n  } = useDefinition(TableWrapperDefinition, { className });\n  const liveRegionId = useId();\n\n  const visibleColumns = useMemo(\n    () => columnConfig.filter(col => !col.isHidden),\n    [columnConfig],\n  );\n  const disabledRows = useDisabledRows({ data, rowConfig });\n\n  const {\n    mode: selectionMode,\n    selected: selectedKeys,\n    behavior: selectionBehavior,\n    onSelectionChange,\n  } = selection || {};\n\n  const isInitialLoading = pending && !data;\n\n  if (error) {\n    return (\n      <div className={classes.root} style={style}>\n        Error: {error.message}\n      </div>\n    );\n  }\n\n  const liveRegionLabel = useLiveRegionLabel(\n    pagination,\n    isStale,\n    isInitialLoading,\n    data !== undefined,\n  );\n\n  const manualColumnSizing = columnConfig.some(\n    col =>\n      col.width != null ||\n      col.minWidth != null ||\n      col.maxWidth != null ||\n      col.defaultWidth != null,\n  );\n\n  const wrapResizable = manualColumnSizing\n    ? (elem: React.ReactNode) => (\n        <ResizableTableContainer className={classes.resizableContainer}>\n          {elem}\n        </ResizableTableContainer>\n      )\n    : (elem: React.ReactNode) => <>{elem}</>;\n\n  const layoutOptions =\n    typeof virtualized === 'object' ? virtualized : undefined;\n\n  const wrapVirtualized = (elem: React.ReactNode) =>\n    virtualized ? (\n      <Virtualizer layout={TableLayout} layoutOptions={layoutOptions}>\n        {elem}\n      </Virtualizer>\n    ) : (\n      elem\n    );\n\n  return (\n    <div className={classes.root} style={style}>\n      <VisuallyHidden aria-live=\"polite\" id={liveRegionId}>\n        {liveRegionLabel}\n      </VisuallyHidden>\n      {wrapResizable(\n        wrapVirtualized(\n          <TableRoot\n            {...(isInitialLoading\n              ? {}\n              : {\n                  selectionMode,\n                  selectionBehavior,\n                  selectedKeys,\n                  onSelectionChange,\n                })}\n            sortDescriptor={sort?.descriptor ?? undefined}\n            onSortChange={sort?.onSortChange}\n            disabledKeys={disabledRows}\n            stale={isStale}\n            isPending={isInitialLoading}\n            aria-describedby={liveRegionId}\n          >\n            <TableHeader columns={visibleColumns}>\n              {column =>\n                column.header ? (\n                  column.header()\n                ) : (\n                  <Column\n                    id={column.id}\n                    isRowHeader={column.isRowHeader}\n                    allowsSorting={column.isSortable}\n                    width={column.width}\n                    defaultWidth={column.defaultWidth}\n                    minWidth={column.minWidth}\n                    maxWidth={column.maxWidth}\n                  >\n                    {column.label}\n                  </Column>\n                )\n              }\n            </TableHeader>\n            {isInitialLoading ? (\n              <TableBodySkeleton columns={visibleColumns} />\n            ) : (\n              <TableBody\n                items={data}\n                dependencies={[visibleColumns]}\n                renderEmptyState={\n                  emptyState ? () => <Flex p=\"3\">{emptyState}</Flex> : undefined\n                }\n              >\n                {item => {\n                  const itemIndex = data?.indexOf(item) ?? -1;\n\n                  if (isRowRenderFn(rowConfig)) {\n                    return rowConfig({\n                      item,\n                      index: itemIndex,\n                    });\n                  }\n\n                  return (\n                    <Row\n                      id={String(item.id)}\n                      columns={visibleColumns}\n                      href={rowConfig?.getHref?.(item)}\n                      onAction={\n                        rowConfig?.onClick\n                          ? () => rowConfig?.onClick?.(item)\n                          : undefined\n                      }\n                    >\n                      {column => column.cell(item)}\n                    </Row>\n                  );\n                }}\n              </TableBody>\n            )}\n          </TableRoot>,\n        ),\n      )}\n      {pagination.type === 'page' && (\n        <TablePagination\n          pageSize={pagination.pageSize}\n          pageSizeOptions={pagination.pageSizeOptions}\n          offset={pagination.offset}\n          totalCount={pagination.totalCount}\n          hasNextPage={pagination.hasNextPage}\n          hasPreviousPage={pagination.hasPreviousPage}\n          onNextPage={pagination.onNextPage}\n          onPreviousPage={pagination.onPreviousPage}\n          onPageSizeChange={pagination.onPageSizeChange}\n          showPageSizeOptions={pagination.showPageSizeOptions}\n          getLabel={pagination.getLabel}\n          showPaginationLabel={pagination.showPaginationLabel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Table/components/TableRoot.esm.js

@@ -6,14 +6,19 @@ import { Table } from 'react-aria-components';
 const TableRoot = (props) => {
   const { ownProps, restProps, dataAttributes } = useDefinition(
     TableDefinition,
-    props
+    // Merge deprecated `loading` into `isPending` so data attributes and
+    // internal logic only need to check a single prop.
+    {
+      ...props,
+      isPending: props.isPending || props.loading ? true : props.isPending ?? props.loading
+    }
   );
   return /* @__PURE__ */ jsx(
     Table,
     {
       className: ownProps.classes.root,
       "aria-label": "Data table",
-      "aria-busy": ownProps.stale || ownProps.loading,
+      "aria-busy": ownProps.stale || ownProps.isPending,
       ...dataAttributes,
       ...restProps
     }

package/dist/components/Table/components/TableRoot.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRoot.esm.js","sources":["../../../../src/components/Table/components/TableRoot.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { TableDefinition } from '../definition';\nimport { Table as ReactAriaTable } from 'react-aria-components';\nimport { TableRootProps } from '../types';\n\n/**\n * The low-level table root element for building custom table layouts from atomic components.\n * For most use cases, prefer the `Table` convenience wrapper.\n *\n * @public\n */\nexport const TableRoot = (props: TableRootProps) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    TableDefinition,\n    props,\n  );\n\n  return (\n    <ReactAriaTable\n      className={ownProps.classes.root}\n      aria-label=\"Data table\"\n      aria-busy={ownProps.stale || ownProps.loading}\n      {...dataAttributes}\n      {...restProps}\n    />\n  );\n};\n"],"names":["ReactAriaTable"],"mappings":";;;;;AA2BO,MAAM,SAAA,GAAY,CAAC,KAAA,KAA0B;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,eAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAACA,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,SAAS,OAAA,CAAQ,IAAA;AAAA,MAC5B,YAAA,EAAW,YAAA;AAAA,MACX,WAAA,EAAW,QAAA,CAAS,KAAA,IAAS,QAAA,CAAS,OAAA;AAAA,MACrC,GAAG,cAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
+{"version":3,"file":"TableRoot.esm.js","sources":["../../../../src/components/Table/components/TableRoot.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { TableDefinition } from '../definition';\nimport { Table as ReactAriaTable } from 'react-aria-components';\nimport { TableRootProps } from '../types';\n\n/**\n * The low-level table root element for building custom table layouts from atomic components.\n * For most use cases, prefer the `Table` convenience wrapper.\n *\n * @public\n */\nexport const TableRoot = (props: TableRootProps) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    TableDefinition,\n    // Merge deprecated `loading` into `isPending` so data attributes and\n    // internal logic only need to check a single prop.\n    {\n      ...props,\n      isPending:\n        props.isPending || props.loading\n          ? true\n          : props.isPending ?? props.loading,\n    },\n  );\n\n  return (\n    <ReactAriaTable\n      className={ownProps.classes.root}\n      aria-label=\"Data table\"\n      aria-busy={ownProps.stale || ownProps.isPending}\n      {...dataAttributes}\n      {...restProps}\n    />\n  );\n};\n"],"names":["ReactAriaTable"],"mappings":";;;;;AA2BO,MAAM,SAAA,GAAY,CAAC,KAAA,KAA0B;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,eAAA;AAAA;AAAA;AAAA,IAGA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,SAAA,EACE,MAAM,SAAA,IAAa,KAAA,CAAM,UACrB,IAAA,GACA,KAAA,CAAM,aAAa,KAAA,CAAM;AAAA;AACjC,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAACA,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,SAAS,OAAA,CAAQ,IAAA;AAAA,MAC5B,YAAA,EAAW,YAAA;AAAA,MACX,WAAA,EAAW,QAAA,CAAS,KAAA,IAAS,QAAA,CAAS,SAAA;AAAA,MACrC,GAAG,cAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/components/Table/definition.esm.js

@@ -25,6 +25,7 @@ const TableDefinition = defineComponent()({
   },
   propDefs: {
     stale: { dataAttribute: true },
+    isPending: { dataAttribute: true },
     loading: { dataAttribute: true }
   }
 });

package/dist/components/Table/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Table/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  TableRootOwnProps,\n  TableHeaderOwnProps,\n  TableBodyOwnProps,\n  RowOwnProps,\n  ColumnOwnProps,\n  CellOwnProps,\n  CellTextOwnProps,\n  CellProfileOwnProps,\n} from './types';\nimport styles from './Table.module.css';\n\n/** @internal */\nexport const TableWrapperDefinition = defineComponent<{\n  className?: string;\n}>()({\n  styles,\n  classNames: {\n    root: 'bui-TableWrapper',\n    resizableContainer: 'bui-TableResizableContainer',\n  },\n  propDefs: {\n    className: {},\n  },\n});\n\n/**\n * Component definition for Table\n * @public\n */\nexport const TableDefinition = defineComponent<TableRootOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Table',\n  },\n  propDefs: {\n    stale: { dataAttribute: true },\n    loading: { dataAttribute: true },\n  },\n});\n\n/**\n * Component definition for TableHeader\n * @internal\n */\nexport const TableHeaderDefinition = defineComponent<TableHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableHeader',\n    headSelection: 'bui-TableHeadSelection',\n  },\n  propDefs: {\n    columns: {},\n    children: {},\n  },\n});\n\n/**\n * Component definition for TableBody\n * @internal\n */\nexport const TableBodyDefinition = defineComponent<TableBodyOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableBody',\n  },\n  propDefs: {},\n});\n\n/**\n * Component definition for Row\n * @internal\n */\nexport const RowDefinition = defineComponent<RowOwnProps>()({\n  styles,\n  analytics: true,\n  bg: 'consumer',\n  classNames: {\n    root: 'bui-TableRow',\n    cell: 'bui-TableCell',\n    cellSelection: 'bui-TableCellSelection',\n  },\n  propDefs: {\n    columns: {},\n    children: {},\n    href: {},\n    noTrack: {},\n  },\n});\n\n/**\n * Component definition for Column\n * @internal\n */\nexport const ColumnDefinition = defineComponent<ColumnOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableHead',\n    headContent: 'bui-TableHeadContent',\n    headLabel: 'bui-TableHeadLabel',\n    headSortButton: 'bui-TableHeadSortButton',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for Cell\n * @internal\n */\nexport const CellDefinition = defineComponent<CellOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n  },\n  propDefs: {\n    className: {},\n  },\n});\n\n/**\n * Component definition for CellText\n * @internal\n */\nexport const CellTextDefinition = defineComponent<CellTextOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n    cellIcon: 'bui-TableCellIcon',\n  },\n  propDefs: {\n    title: {},\n    description: {},\n    color: { default: 'primary' },\n    leadingIcon: {},\n    href: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for CellProfile\n * @internal\n */\nexport const CellProfileDefinition = defineComponent<CellProfileOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n  },\n  propDefs: {\n    src: {},\n    name: {},\n    href: {},\n    description: {},\n    color: { default: 'primary' },\n    className: {},\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Table/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  TableRootOwnProps,\n  TableHeaderOwnProps,\n  TableBodyOwnProps,\n  RowOwnProps,\n  ColumnOwnProps,\n  CellOwnProps,\n  CellTextOwnProps,\n  CellProfileOwnProps,\n} from './types';\nimport styles from './Table.module.css';\n\n/** @internal */\nexport const TableWrapperDefinition = defineComponent<{\n  className?: string;\n}>()({\n  styles,\n  classNames: {\n    root: 'bui-TableWrapper',\n    resizableContainer: 'bui-TableResizableContainer',\n  },\n  propDefs: {\n    className: {},\n  },\n});\n\n/**\n * Component definition for Table\n * @public\n */\nexport const TableDefinition = defineComponent<TableRootOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Table',\n  },\n  propDefs: {\n    stale: { dataAttribute: true },\n    isPending: { dataAttribute: true },\n    loading: { dataAttribute: true },\n  },\n});\n\n/**\n * Component definition for TableHeader\n * @internal\n */\nexport const TableHeaderDefinition = defineComponent<TableHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableHeader',\n    headSelection: 'bui-TableHeadSelection',\n  },\n  propDefs: {\n    columns: {},\n    children: {},\n  },\n});\n\n/**\n * Component definition for TableBody\n * @internal\n */\nexport const TableBodyDefinition = defineComponent<TableBodyOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableBody',\n  },\n  propDefs: {},\n});\n\n/**\n * Component definition for Row\n * @internal\n */\nexport const RowDefinition = defineComponent<RowOwnProps>()({\n  styles,\n  analytics: true,\n  bg: 'consumer',\n  classNames: {\n    root: 'bui-TableRow',\n    cell: 'bui-TableCell',\n    cellSelection: 'bui-TableCellSelection',\n  },\n  propDefs: {\n    columns: {},\n    children: {},\n    href: {},\n    noTrack: {},\n  },\n});\n\n/**\n * Component definition for Column\n * @internal\n */\nexport const ColumnDefinition = defineComponent<ColumnOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableHead',\n    headContent: 'bui-TableHeadContent',\n    headLabel: 'bui-TableHeadLabel',\n    headSortButton: 'bui-TableHeadSortButton',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for Cell\n * @internal\n */\nexport const CellDefinition = defineComponent<CellOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n  },\n  propDefs: {\n    className: {},\n  },\n});\n\n/**\n * Component definition for CellText\n * @internal\n */\nexport const CellTextDefinition = defineComponent<CellTextOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n    cellIcon: 'bui-TableCellIcon',\n  },\n  propDefs: {\n    title: {},\n    description: {},\n    color: { default: 'primary' },\n    leadingIcon: {},\n    href: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for CellProfile\n * @internal\n */\nexport const CellProfileDefinition = defineComponent<CellProfileOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n  },\n  propDefs: {\n    src: {},\n    name: {},\n    href: {},\n    description: {},\n    color: { default: 'primary' },\n    className: {},\n  },\n});\n"],"names":[],"mappings":"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"}