@reapit/elements 5.0.0-beta.60 → 5.0.0-beta.61

package/dist/types/core/at-a-glance/card/card.stories.d.ts

@@ -0,0 +1,36 @@
+import { AtAGlanceCard } from './card';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta<typeof AtAGlanceCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * A static card for displaying at-a-glance information.
+ * Use this component when the card does not need to be interactive.
+ */
+export declare const Example: Story;
+/**
+ * Static cards support three layout variants:
+ * - `vertical`: Icon and content stacked vertically (default)
+ * - `compact`: Icon on left, label/description stacked, value on far right
+ * - `horizontal`: Icon on left, label/description stacked, value on right
+ */
+export declare const Layouts: Story;
+/**
+ * The icon prop is optional.
+ */
+export declare const NoIcon: Story;
+/**
+ * The description prop is optional.
+ */
+export declare const NoDescription: Story;
+/**
+ * The minimum and maximum width of the card can be specified. This is useful
+ * in the context of grid and carousel layouts.
+ */
+export declare const Width: Story;
+/**
+ * Card content is stretched to fill available space, allowing values within
+ * each card to be vertically aligned when displayed in a grid.
+ */
+export declare const Alignment: Story;
+//# sourceMappingURL=card.stories.d.ts.map

package/dist/types/core/at-a-glance/card/card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"/","sources":["core/at-a-glance/card/card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAKtC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAepC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAoEvB,CAAA"}

package/dist/types/core/at-a-glance/card/index.d.ts

@@ -0,0 +1,3 @@
+export * from './card';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/core/at-a-glance/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/at-a-glance/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA"}

package/dist/types/core/at-a-glance/card/styles.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Base card styling applied to all card variants (Card, LinkCard, ButtonCard).
+ */
+export declare const elAtAGlanceCard: import("@linaria/core").LinariaClassName;
+/**
+ * Icon styling. Grid-positioned via grid-area.
+ */
+export declare const elAtAGlanceCardIcon: import("@linaria/core").LinariaClassName;
+/**
+ * Label/heading styling. Grid-positioned via grid-area.
+ */
+export declare const elAtAGlanceCardLabel: import("@linaria/core").LinariaClassName;
+/**
+ * Description text styling. Grid-positioned via grid-area.
+ */
+export declare const elAtAGlanceCardDescription: import("@linaria/core").LinariaClassName;
+/**
+ * Value/metric styling. Grid-positioned via grid-area.
+ * Color can be customized via CSS variable --aag-card-value-colour.
+ */
+export declare const elAtAGlanceCardValue: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/core/at-a-glance/card/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/at-a-glance/card/styles.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,eAAe,0CAqE3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,0CAU/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,0CAMhC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,0BAA0B,0CAMtC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,0CAQhC,CAAA"}

package/dist/types/core/at-a-glance/carousel/__tests__/calculate-scroll-state.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=calculate-scroll-state.test.d.ts.map

package/dist/types/core/at-a-glance/carousel/__tests__/calculate-scroll-state.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate-scroll-state.test.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/__tests__/calculate-scroll-state.test.ts"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/carousel/__tests__/carousel.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=carousel.test.d.ts.map

package/dist/types/core/at-a-glance/carousel/__tests__/carousel.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.test.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/__tests__/carousel.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/carousel/__tests__/scroll-container-left.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scroll-container-left.test.d.ts.map

package/dist/types/core/at-a-glance/carousel/__tests__/scroll-container-left.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-container-left.test.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/__tests__/scroll-container-left.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/carousel/__tests__/scroll-container-right.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scroll-container-right.test.d.ts.map

package/dist/types/core/at-a-glance/carousel/__tests__/scroll-container-right.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-container-right.test.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/__tests__/scroll-container-right.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/carousel/__tests__/use-scroll-observer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-scroll-observer.test.d.ts.map

package/dist/types/core/at-a-glance/carousel/__tests__/use-scroll-observer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-observer.test.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/__tests__/use-scroll-observer.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/carousel/calculate-scroll-state.d.ts

@@ -0,0 +1,28 @@
+import type { useScrollObserver } from './use-scroll-observer';
+export declare namespace calculateScrollState {
+    interface Input {
+        /** Current horizontal scroll position */
+        scrollLeft: number;
+        /** Total scrollable width of the element */
+        scrollWidth: number;
+        /** Visible width of the element */
+        clientWidth: number;
+    }
+}
+/**
+ * Calculates the scroll state of a container based on its scroll dimensions.
+ *
+ * @param input - Object containing scroll metrics from an HTMLElement
+ * @returns Object containing scroll position state and scroll capability flags
+ *
+ * @example
+ * ```typescript
+ * const state = calculateScrollState({
+ *   scrollLeft: element.scrollLeft,
+ *   scrollWidth: element.scrollWidth,
+ *   clientWidth: element.clientWidth,
+ * })
+ * ```
+ */
+export declare function calculateScrollState(input: calculateScrollState.Input): useScrollObserver.Result;
+//# sourceMappingURL=calculate-scroll-state.d.ts.map

package/dist/types/core/at-a-glance/carousel/calculate-scroll-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate-scroll-state.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/calculate-scroll-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE9D,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,KAAK;QACpB,yCAAyC;QACzC,UAAU,EAAE,MAAM,CAAA;QAClB,4CAA4C;QAC5C,WAAW,EAAE,MAAM,CAAA;QACnB,mCAAmC;QACnC,WAAW,EAAE,MAAM,CAAA;KACpB;CACF;AAQD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,KAAK,GAAG,iBAAiB,CAAC,MAAM,CAehG"}

package/dist/types/core/at-a-glance/carousel/carousel.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes } from 'react';
+export declare namespace AtAGlanceCarousel {
+    interface Props extends HTMLAttributes<HTMLDivElement> {
+        /**
+         * The size of the carousel's columns. Accepts any valid
+         * [grid-auto-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-auto-columns)
+         * value.
+         */
+        columns?: string;
+        /**
+         * The gap between the grid's rows and columns. Defaults to `--spacing-4`.
+         */
+        gap?: `--spacing-${string}`;
+    }
+}
+/**
+ * A carousel component for displaying at-a-glance cards with horizontal scrolling.
+ * Navigation buttons show/hide based on scroll position.
+ */
+export declare function AtAGlanceCarousel({ children, className, columns, id, ...rest }: AtAGlanceCarousel.Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=carousel.d.ts.map

package/dist/types/core/at-a-glance/carousel/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/carousel.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,yBAAiB,iBAAiB,CAAC;IACjC,UAAiB,KAAM,SAAQ,cAAc,CAAC,cAAc,CAAC;QAC3D;;;;WAIG;QACH,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB;;WAEG;QACH,GAAG,CAAC,EAAE,aAAa,MAAM,EAAE,CAAA;KAC5B;CACF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAe,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,CAAC,KAAK,2CAwC/G"}

package/dist/types/core/at-a-glance/carousel/carousel.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=carousel.figma.d.ts.map

package/dist/types/core/at-a-glance/carousel/carousel.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.figma.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/carousel.figma.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/carousel/carousel.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof import("./carousel").AtAGlanceCarousel;
+    argTypes: {
+        children: {
+            control: false;
+        };
+        columns: {
+            control: "text";
+        };
+        gap: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;
+/**
+ * The carousel is only scrollable, and the next/previous buttons visible, when the cards
+ * overflow its containing block.
+ */
+export declare const NoOverflow: Story;
+//# sourceMappingURL=carousel.stories.d.ts.map

package/dist/types/core/at-a-glance/carousel/carousel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.stories.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/carousel.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAQiC,CAAA;AAE3C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA"}

package/dist/types/core/at-a-glance/carousel/index.d.ts

@@ -0,0 +1,5 @@
+export * from './calculate-scroll-state';
+export * from './carousel';
+export * from './styles';
+export * from './use-scroll-observer';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/core/at-a-glance/carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,uBAAuB,CAAA"}

package/dist/types/core/at-a-glance/carousel/scroll-container-left.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Scrolls a container element to the left by its visible width.
+ *
+ * This function finds an element by its ID and scrolls it left by the element's
+ * `clientWidth` using smooth scrolling behavior. If the element is not found,
+ * the function does nothing.
+ *
+ * @param containerId - The ID of the container element to scroll
+ *
+ * @example
+ * ```tsx
+ * <button onClick={() => scrollContainerLeft('my-carousel')}>
+ *   Previous
+ * </button>
+ * <div id="my-carousel">...</div>
+ * ```
+ */
+export declare function scrollContainerLeft(containerId: string): void;
+//# sourceMappingURL=scroll-container-left.d.ts.map

package/dist/types/core/at-a-glance/carousel/scroll-container-left.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-container-left.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/scroll-container-left.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAK7D"}

package/dist/types/core/at-a-glance/carousel/scroll-container-right.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Scrolls a container element to the right by its visible width.
+ *
+ * This function finds an element by its ID and scrolls it right by the element's
+ * `clientWidth` using smooth scrolling behavior. If the element is not found,
+ * the function does nothing.
+ *
+ * @param containerId - The ID of the container element to scroll
+ *
+ * @example
+ * ```tsx
+ * <button onClick={() => scrollContainerRight('my-carousel')}>
+ *   Next
+ * </button>
+ * <div id="my-carousel">...</div>
+ * ```
+ */
+export declare function scrollContainerRight(containerId: string): void;
+//# sourceMappingURL=scroll-container-right.d.ts.map

package/dist/types/core/at-a-glance/carousel/scroll-container-right.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-container-right.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/scroll-container-right.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAK9D"}

package/dist/types/core/at-a-glance/carousel/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ElAtAGlanceCarousel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const elAtAGlanceCarouselGrid: import("@linaria/core").LinariaClassName;
+export declare const elAtAGlanceCarouselButton: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/core/at-a-glance/carousel/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,qKAI/B,CAAA;AAED,eAAO,MAAM,uBAAuB,0CAyBnC,CAAA;AAED,eAAO,MAAM,yBAAyB,0CAoBrC,CAAA"}

package/dist/types/core/at-a-glance/carousel/use-scroll-observer.d.ts

@@ -0,0 +1,35 @@
+export declare namespace useScrollObserver {
+    interface Result {
+        /**
+         * Whether the container can scroll left (has content before current view)
+         */
+        canScrollLeft: boolean;
+        /**
+         * Whether the container can scroll right (has content after current view)
+         */
+        canScrollRight: boolean;
+    }
+}
+/**
+ * Observes the scroll state of a container and returns information about the current scroll position.
+ *
+ * The hook provides flags to determine if scrolling is possible in each direction.
+ *
+ * @param containerId - ID of the scrollable container element
+ * @returns Object containing scroll capability flags
+ *
+ * @example
+ * ```tsx
+ * const { canScrollLeft, canScrollRight } = useScrollObserver('carousel-container')
+ *
+ * return (
+ *   <div>
+ *     <button disabled={!canScrollLeft}>Previous</button>
+ *     <div id="carousel-container">{content}</div>
+ *     <button disabled={!canScrollRight}>Next</button>
+ *   </div>
+ * )
+ * ```
+ */
+export declare function useScrollObserver(containerId: string): useScrollObserver.Result;
+//# sourceMappingURL=use-scroll-observer.d.ts.map

package/dist/types/core/at-a-glance/carousel/use-scroll-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-observer.d.ts","sourceRoot":"/","sources":["core/at-a-glance/carousel/use-scroll-observer.tsx"],"names":[],"mappings":"AAGA,yBAAiB,iBAAiB,CAAC;IACjC,UAAiB,MAAM;QACrB;;WAEG;QACH,aAAa,EAAE,OAAO,CAAA;QACtB;;WAEG;QACH,cAAc,EAAE,OAAO,CAAA;KACxB;CACF;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAwE/E"}

package/dist/types/core/at-a-glance/grid/__tests__/grid-item.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=grid-item.test.d.ts.map

package/dist/types/core/at-a-glance/grid/__tests__/grid-item.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.test.d.ts","sourceRoot":"/","sources":["core/at-a-glance/grid/__tests__/grid-item.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/grid/__tests__/grid.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=grid.test.d.ts.map

package/dist/types/core/at-a-glance/grid/__tests__/grid.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.test.d.ts","sourceRoot":"/","sources":["core/at-a-glance/grid/__tests__/grid.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/grid/grid-item.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export declare namespace AtAGlanceGridItem {
+    interface Props extends HTMLAttributes<HTMLLIElement> {
+        /** The card to display in the grid item. */
+        children: ReactNode;
+    }
+}
+/**
+ * Wraps a card in a list item container for use within `AtAGlance.Grid`.
+ * Provides proper list semantics when cards are displayed in a grid layout.
+ *
+ * @example
+ * ```tsx
+ * <AtAGlance.Grid>
+ *   <AtAGlance.GridItem>
+ *     <AtAGlance.Card label="Sales" value="$12k" />
+ *   </AtAGlance.GridItem>
+ *   <AtAGlance.GridItem>
+ *     <AtAGlance.LinkCard href="/sales" label="Details" value="View" />
+ *   </AtAGlance.GridItem>
+ * </AtAGlance.Grid>
+ * ```
+ */
+export declare function AtAGlanceGridItem({ children, ...rest }: AtAGlanceGridItem.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace AtAGlanceGridItem {
+    var displayName: string;
+}
+//# sourceMappingURL=grid-item.d.ts.map

package/dist/types/core/at-a-glance/grid/grid-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"/","sources":["core/at-a-glance/grid/grid-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,yBAAiB,iBAAiB,CAAC;IACjC,UAAiB,KAAM,SAAQ,cAAc,CAAC,aAAa,CAAC;QAC1D,4CAA4C;QAC5C,QAAQ,EAAE,SAAS,CAAA;KACpB;CACF;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,CAAC,KAAK,2CAE/E;yBAFe,iBAAiB"}

package/dist/types/core/at-a-glance/grid/grid.d.ts

@@ -0,0 +1,39 @@
+import { AtAGlanceGridItem } from './grid-item';
+import type { HTMLAttributes, ReactNode } from 'react';
+export declare namespace AtAGlanceGrid {
+    interface Props extends HTMLAttributes<HTMLElement> {
+        /**
+         * Width of implicitly created grid columns. Applies only when `layout="auto"`.
+         * Accepts any valid [grid-auto-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-auto-columns) value.
+         */
+        autoColumns?: string;
+        /** The cards to display in the grid. */
+        children: ReactNode;
+        /**
+         * The gap between the grid's rows and columns. Defaults to `--spacing-4`.
+         */
+        gap?: `--spacing-${string}`;
+        /**
+         * Number and size of explicitly created grid columns. Applies only when `layout="template"`.
+         * Accepts any valid [grid-template-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) value.
+         * @default '1fr 1fr 1fr 1fr 1fr'
+         */
+        templateColumns?: string;
+        /**
+         * Layout mode for the grid. Use `"auto"` with `autoColumns` for implicit column sizing,
+         * or `"template"` (default) with `templateColumns` for explicit sizing.
+         * @default 'template'
+         */
+        layout?: 'auto' | 'template';
+    }
+}
+/**
+ * A grid container for at-a-glance cards. Access this component via `AtAGlance.Grid`.
+ * Renders as a `<ul>` element, so wrap each card in `AtAGlance.GridItem` (which renders as `<li>`).
+ */
+export declare function AtAGlanceGrid({ autoColumns, children, className, gap, templateColumns, layout, role, style, ...rest }: AtAGlanceGrid.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace AtAGlanceGrid {
+    var displayName: string;
+    var Item: typeof AtAGlanceGridItem;
+}
+//# sourceMappingURL=grid.d.ts.map

package/dist/types/core/at-a-glance/grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"/","sources":["core/at-a-glance/grid/grid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,KAAM,SAAQ,cAAc,CAAC,WAAW,CAAC;QACxD;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,wCAAwC;QACxC,QAAQ,EAAE,SAAS,CAAA;QACnB;;WAEG;QACH,GAAG,CAAC,EAAE,aAAa,MAAM,EAAE,CAAA;QAC3B;;;;WAIG;QACH,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB;;;;WAIG;QACH,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;KAC7B;CACF;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAmB,EACnB,eAAuC,EACvC,MAAmB,EACnB,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,KAAK,2CAsBrB;yBAhCe,aAAa"}

package/dist/types/core/at-a-glance/grid/grid.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=grid.figma.d.ts.map

package/dist/types/core/at-a-glance/grid/grid.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.figma.d.ts","sourceRoot":"/","sources":["core/at-a-glance/grid/grid.figma.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/grid/grid.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof import("./grid").AtAGlanceGrid;
+    argTypes: {
+        children: {
+            control: false;
+        };
+        gap: {
+            control: "text";
+        };
+        templateColumns: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * By default, content is laid out in a grid whose columns are explicitly defined by `templateColumns`.
+ */
+export declare const Example: Story;
+/**
+ * To layout content in a grid using implicitly created columns, use `layout="auto"` and `autoColumns`
+ * instead. This allows, for example, content to be laid out in a single row with N columns.
+ */
+export declare const Layout: Story;
+/**
+ * The gap between grid items can be adjusted using `gap`.
+ */
+export declare const Gap: Story;
+//# sourceMappingURL=grid.stories.d.ts.map

package/dist/types/core/at-a-glance/grid/grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.stories.d.ts","sourceRoot":"/","sources":["core/at-a-glance/grid/grid.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAc6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAA"}

package/dist/types/core/at-a-glance/grid/index.d.ts

@@ -0,0 +1,4 @@
+export * from './grid';
+export * from './grid-item';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/core/at-a-glance/grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/at-a-glance/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA"}

package/dist/types/core/at-a-glance/grid/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const elAtAGlanceGrid: import("@linaria/core").LinariaClassName;
+export declare const ElAtAGlanceGridItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & Record<never, unknown>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/core/at-a-glance/grid/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/at-a-glance/grid/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,0CAmB3B,CAAA;AAED,eAAO,MAAM,mBAAmB,qKAM/B,CAAA"}

package/dist/types/core/at-a-glance/header/__tests__/header.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=header.test.d.ts.map

package/dist/types/core/at-a-glance/header/__tests__/header.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.test.d.ts","sourceRoot":"/","sources":["core/at-a-glance/header/__tests__/header.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/header/header.d.ts

@@ -0,0 +1,35 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export declare namespace AtAGlanceHeader {
+    interface Props extends HTMLAttributes<HTMLElement> {
+        /** The heading text or content. Typically displays the section title like "At a glance". */
+        children?: ReactNode;
+        /** Element to display after the title (e.g., a settings button or switch). */
+        accessory?: ReactNode;
+    }
+}
+/**
+ * Displays a section header with a title and an optional accessory element. Use this component to
+ * introduce at-a-glance content sections.
+ *
+ * @example
+ * ```tsx
+ * <AtAGlance.Header
+ *   accessory={
+ *     <Button
+ *       aria-label="Configure"
+ *       variant="tertiary"
+ *       size="large"
+ *       hasNoPadding
+ *       iconRight={<SettingsAltIcon />}
+ *     />
+ *   }
+ * >
+ *   At a glance
+ * </AtAGlance.Header>
+ * ```
+ */
+export declare function AtAGlanceHeader({ accessory, children, ...rest }: AtAGlanceHeader.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace AtAGlanceHeader {
+    var displayName: string;
+}
+//# sourceMappingURL=header.d.ts.map

package/dist/types/core/at-a-glance/header/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"/","sources":["core/at-a-glance/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,KAAM,SAAQ,cAAc,CAAC,WAAW,CAAC;QACxD,4FAA4F;QAC5F,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,8EAA8E;QAC9E,SAAS,CAAC,EAAE,SAAS,CAAA;KACtB;CACF;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,CAAC,KAAK,2CAOtF;yBAPe,eAAe"}

package/dist/types/core/at-a-glance/header/header.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=header.figma.d.ts.map

package/dist/types/core/at-a-glance/header/header.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.figma.d.ts","sourceRoot":"/","sources":["core/at-a-glance/header/header.figma.tsx"],"names":[],"mappings":""}

package/dist/types/core/at-a-glance/header/header.stories.d.ts

@@ -0,0 +1,34 @@
+import { AtAGlanceHeader } from './header';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof AtAGlanceHeader;
+    argTypes: {
+        accessory: {
+            control: "radio";
+            options: string[];
+            mapping: {
+                None: null;
+                Button: import("react/jsx-runtime").JSX.Element;
+                Switch: import("react/jsx-runtime").JSX.Element;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;
+/**
+ * A header with an accessory button. The accessory can be a button, a selector, a switch or another
+ * suitable component.
+ */
+export declare const Accessory: Story;
+/**
+ * An accessory can be displayed without a title.
+ */
+export declare const NoTitle: Story;
+/**
+ * The header text will wrap to additional lines when there is not enough space.
+ */
+export declare const Wrapping: Story;
+//# sourceMappingURL=header.stories.d.ts.map

package/dist/types/core/at-a-glance/header/header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.stories.d.ts","sourceRoot":"/","sources":["core/at-a-glance/header/header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAO1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAsB8B,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAyCtB,CAAA"}

package/dist/types/core/at-a-glance/header/index.d.ts

@@ -0,0 +1,3 @@
+export * from './header';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/core/at-a-glance/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/at-a-glance/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}

package/dist/types/core/at-a-glance/header/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const ElAtAGlanceHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & Record<never, unknown>>;
+export declare const ElAtAGlanceHeaderTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/core/at-a-glance/header/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/at-a-glance/header/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,+JAM7B,CAAA;AAED,eAAO,MAAM,sBAAsB,6KAQlC,CAAA"}

package/dist/types/core/at-a-glance/index.d.ts

@@ -0,0 +1,9 @@
+export * from './anchor-card';
+export * from './at-a-glance';
+export * from './button-card';
+export * from './card';
+export * from './carousel';
+export * from './grid';
+export * from './header';
+export * from './listbox';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/core/at-a-glance/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/at-a-glance/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA"}

package/dist/types/core/at-a-glance/listbox/__tests__/listbox-option.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=listbox-option.test.d.ts.map

package/dist/types/core/at-a-glance/listbox/__tests__/listbox-option.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-option.test.d.ts","sourceRoot":"/","sources":["core/at-a-glance/listbox/__tests__/listbox-option.test.tsx"],"names":[],"mappings":""}