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

package/dist/js/use-match-media-3UiitAUD.js

@@ -0,0 +1,20 @@
+import { useState as n, useEffect as r } from "react";
+function i(e) {
+  const [c, a] = n(() => globalThis.matchMedia(e).matches);
+  return r(
+    function() {
+      const t = globalThis.matchMedia(e);
+      a(t.matches);
+      const s = (h) => {
+        a(h.matches);
+      };
+      return t.addEventListener("change", s), () => {
+        t.removeEventListener("change", s);
+      };
+    },
+    [e]
+  ), c;
+}
+export {
+  i as u
+};

package/dist/js/use-match-media-BfoAxEfC.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react");function r(e){const[h,a]=c.useState(()=>globalThis.matchMedia(e).matches);return c.useEffect(function(){const t=globalThis.matchMedia(e);a(t.matches);const s=n=>{a(n.matches)};return t.addEventListener("change",s),()=>{t.removeEventListener("change",s)}},[e]),h}exports.useMatchMedia=r;

package/dist/js/use-mutation-observer-BBugqUeF.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react");function u(e,n,s){r.useEffect(function(){const o=typeof e=="string"?document.getElementById(e):e.current;if(o instanceof HTMLElement){const t=new MutationObserver(n);return t.observe(o,s),function(){const i=t.takeRecords();t.disconnect(),i.length>0&&n(i,t)}}},[e,n,s])}exports.useMutationObserver=u;

package/dist/js/use-mutation-observer-hOVGFYZQ.js

@@ -0,0 +1,19 @@
+import { useEffect as r } from "react";
+function f(e, n, o) {
+  r(
+    function() {
+      const s = typeof e == "string" ? document.getElementById(e) : e.current;
+      if (s instanceof HTMLElement) {
+        const t = new MutationObserver(n);
+        return t.observe(s, o), function() {
+          const i = t.takeRecords();
+          t.disconnect(), i.length > 0 && n(i, t);
+        };
+      }
+    },
+    [e, n, o]
+  );
+}
+export {
+  f as u
+};

package/dist/js/utils/anchor-positioning.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../anchor-positioning-CLE_h1Lf.cjs");exports.AnchorPositioning=n.AnchorPositioning;exports.buildAnchorPositioningCSS=n.buildAnchorPositioningCSS;exports.mapPlacementToCSS=n.mapPlacementToCSS;exports.placements=n.placements;

package/dist/js/utils/anchor-positioning.js

@@ -0,0 +1,7 @@
+import { A as a, b as i, m as s, p as e } from "../anchor-positioning-B1GaMHJG.js";
+export {
+  a as AnchorPositioning,
+  i as buildAnchorPositioningCSS,
+  s as mapPlacementToCSS,
+  e as placements
+};

package/dist/js/utils/keyboard-navigation.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(e,{selectors:n="a, button"}={}){const t=e.key;if(!a(t))return;const o=e.currentTarget.querySelectorAll(n),r=s(o);if(r===null||r===0&&(t==="ArrowUp"||t==="ArrowLeft")||r===o.length-1&&(t==="ArrowDown"||t==="ArrowRight"))return;e.preventDefault();const l=f(t,r),i=o.item(l);i instanceof HTMLElement&&(i.focus(),i.scrollIntoView({block:"nearest"}))}function a(e){return["ArrowUp","ArrowDown","ArrowRight","ArrowLeft"].includes(e)}function f(e,n){switch(e){case"ArrowUp":case"ArrowLeft":return n-1;case"ArrowDown":case"ArrowRight":return n+1}}function s(e){let n=null;return e.forEach((t,c)=>{t===document.activeElement&&(n=c)}),n}function A(e){e.key===" "&&e.target instanceof HTMLAnchorElement&&e.target.click()}exports.handleArrowNavigation=u;exports.handleLinkActivation=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../handle-arrow-navigation-CKkGc2A5.cjs");function t(i){i.key===" "&&i.target instanceof HTMLAnchorElement&&i.target.click()}exports.handleArrowNavigation=n.handleArrowNavigation;exports.handleLinkActivation=t;

package/dist/js/utils/keyboard-navigation.js

@@ -1,37 +1,8 @@
-function a(e, { selectors: n = "a, button" } = {}) {
-  const t = e.key;
-  if (!u(t))
-    return;
-  const o = e.currentTarget.querySelectorAll(n), r = s(o);
-  if (r === null || r === 0 && (t === "ArrowUp" || t === "ArrowLeft") || r === o.length - 1 && (t === "ArrowDown" || t === "ArrowRight"))
-    return;
-  e.preventDefault();
-  const f = l(t, r), c = o.item(f);
-  c instanceof HTMLElement && (c.focus(), c.scrollIntoView({ block: "nearest" }));
-}
-function u(e) {
-  return ["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft"].includes(e);
-}
-function l(e, n) {
-  switch (e) {
-    case "ArrowUp":
-    case "ArrowLeft":
-      return n - 1;
-    case "ArrowDown":
-    case "ArrowRight":
-      return n + 1;
-  }
-}
-function s(e) {
-  let n = null;
-  return e.forEach((t, i) => {
-    t === document.activeElement && (n = i);
-  }), n;
-}
-function A(e) {
-  e.key === " " && e.target instanceof HTMLAnchorElement && e.target.click();
+import { h as a } from "../handle-arrow-navigation-r7GKm-no.js";
+function i(t) {
+  t.key === " " && t.target instanceof HTMLAnchorElement && t.target.click();
 }
 export {
   a as handleArrowNavigation,
-  A as handleLinkActivation
+  i as handleLinkActivation
 };

package/dist/js/utils/listbox.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../listbox-KFMBDR-S.cjs");function o(e){return e.ariaChecked==="true"||e.ariaSelected==="true"}exports.Listbox=t.Listbox;exports.ListboxContext=t.ListboxContext;exports.ListboxOptgroup=t.ListboxOptgroup;exports.ListboxOption=t.ListboxOption;exports.ListboxRenderContext=t.ListboxRenderContext;exports.OPTION_SELECTOR=t.OPTION_SELECTOR;exports.SELECTED_OPTION_SELECTOR=t.SELECTED_OPTION_SELECTOR;exports.clearListboxValue=t.clearListboxValue;exports.getListboxSelectedOptions=t.getListboxSelectedOptions;exports.getListboxValue=t.getListboxValue;exports.setListboxOptionSelectedState=t.setListboxOptionSelectedState;exports.useFocusManagement=t.useFocusManagement;exports.useListboxContext=t.useListboxContext;exports.useListboxRenderContext=t.useListboxRenderContext;exports.useListboxSelectionObserver=t.useListboxSelectionObserver;exports.useListboxState=t.useListboxState;exports.isListboxOptionSelected=o;

package/dist/js/utils/listbox.js

@@ -0,0 +1,23 @@
+import { b as o, L as i, d as x, e as L, f as b, O as n, S as r, c as u, a as O, g as S, s as c, i as d, u as l, h as C, j as p, k as E } from "../listbox-CpjeARsg.js";
+function t(e) {
+  return e.ariaChecked === "true" || e.ariaSelected === "true";
+}
+export {
+  o as Listbox,
+  i as ListboxContext,
+  x as ListboxOptgroup,
+  L as ListboxOption,
+  b as ListboxRenderContext,
+  n as OPTION_SELECTOR,
+  r as SELECTED_OPTION_SELECTOR,
+  u as clearListboxValue,
+  O as getListboxSelectedOptions,
+  S as getListboxValue,
+  t as isListboxOptionSelected,
+  c as setListboxOptionSelectedState,
+  d as useFocusManagement,
+  l as useListboxContext,
+  C as useListboxRenderContext,
+  p as useListboxSelectionObserver,
+  E as useListboxState
+};

package/dist/js/utils/match-media.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../match-media-BEA-ogMA.cjs");exports.MatchMedia=e.MatchMedia;exports.useMatchMedia=e.useMatchMedia;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../match-media-CbN_J5GN.cjs"),a=require("../use-match-media-BfoAxEfC.cjs");exports.MatchMedia=e.MatchMedia;exports.useMatchMedia=a.useMatchMedia;

package/dist/js/utils/match-media.js

@@ -1,5 +1,6 @@
-import { M as e, u as s } from "../match-media-DGLjaFrm.js";
+import { M } from "../match-media-BhV24ZxC.js";
+import { u as r } from "../use-match-media-3UiitAUD.js";
 export {
-  e as MatchMedia,
-  s as useMatchMedia
+  M as MatchMedia,
+  r as useMatchMedia
 };

package/dist/js/utils/mutation-observer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../use-mutation-observer-BBugqUeF.cjs");exports.useMutationObserver=e.useMutationObserver;

package/dist/js/utils/mutation-observer.js

@@ -0,0 +1,4 @@
+import { u as o } from "../use-mutation-observer-hOVGFYZQ.js";
+export {
+  o as useMutationObserver
+};

package/dist/js/utils/popover.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../popover-Y-ha5ifI.cjs");exports.Popover=e.Popover;exports.elPopover=e.elPopover;exports.getPopoverTriggerProps=e.getPopoverTriggerProps;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../popover-CbOEj92d.cjs");require("react/jsx-runtime");const o=require("../anchor-positioning-CLE_h1Lf.cjs");require("react");exports.Popover=e.Popover;exports.elPopover=e.elPopover;exports.getPopoverTriggerProps=e.getPopoverTriggerProps;exports.popoverPlacements=o.placements;

package/dist/js/utils/popover.js

@@ -1,6 +1,10 @@
-import { P as r, e as p, g as P } from "../popover-bBQLwPua.js";
+import { P as s, e as t, g as P } from "../popover-CBn3dqXl.js";
+import "react/jsx-runtime";
+import { p as m } from "../anchor-positioning-B1GaMHJG.js";
+import "react";
 export {
-  r as Popover,
-  p as elPopover,
-  P as getPopoverTriggerProps
+  s as Popover,
+  t as elPopover,
+  P as getPopoverTriggerProps,
+  m as popoverPlacements
 };

package/dist/types/core/at-a-glance/__story__/build-cards.d.ts

@@ -0,0 +1,12 @@
+export declare namespace buildCards {
+    interface Input {
+        /** The number of cards to generate. */
+        count?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
+        /** The layout of the card content. */
+        layout?: 'vertical' | 'compact' | 'horizontal';
+        /** The kind of card to generate. */
+        variant?: 'simple' | 'with-link' | 'selectable';
+    }
+}
+export declare function buildCards({ count, layout, variant }?: buildCards.Input): import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=build-cards.d.ts.map

package/dist/types/core/at-a-glance/__story__/build-cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-cards.d.ts","sourceRoot":"/","sources":["core/at-a-glance/__story__/build-cards.tsx"],"names":[],"mappings":"AAGA,yBAAiB,UAAU,CAAC;IAC1B,UAAiB,KAAK;QACpB,uCAAuC;QACvC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACjC,sCAAsC;QACtC,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,YAAY,CAAA;QAC9C,oCAAoC;QACpC,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,YAAY,CAAA;KAChD;CACF;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAS,EAAE,MAAmB,EAAE,OAAkB,EAAE,GAAE,UAAU,CAAC,KAAU,6CA6CvG"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+import type { AnchorHTMLAttributes, ReactNode } from 'react';
+export declare namespace AtAGlanceAnchorCard {
+    interface Props extends AnchorHTMLAttributes<HTMLAnchorElement> {
+        /** Indicates the link represents the current page. */
+        'aria-current'?: 'page' | false;
+        /** Optional description text. */
+        description?: ReactNode;
+        /** The display value/metric to show. */
+        displayValue: ReactNode;
+        /** The URL to link to. */
+        href: string;
+        /** Optional icon to display. */
+        icon?: ReactNode;
+        /** The label text for the card content. */
+        label: ReactNode;
+        /** The layout for the card content. */
+        layout?: 'vertical' | 'horizontal' | 'compact';
+        /** Maximum width of the card. */
+        maxWidth?: string;
+        /** Minimum width of the card. */
+        minWidth?: string;
+    }
+}
+/**
+ * A navigable card that links to a URL. The entire card is clickable.
+ * Use this component when the card should navigate to another page or section.
+ * The value text is displayed in the action color to indicate interactivity.
+ */
+export declare function AtAGlanceAnchorCard({ 'aria-current': ariaCurrent, className, description, displayValue, icon, label, layout, maxWidth, minWidth, style, ...rest }: AtAGlanceAnchorCard.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace AtAGlanceAnchorCard {
+    var displayName: string;
+}
+//# sourceMappingURL=anchor-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-card.d.ts","sourceRoot":"/","sources":["core/at-a-glance/anchor-card/anchor-card.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,sDAAsD;QACtD,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;QAC/B,iCAAiC;QACjC,WAAW,CAAC,EAAE,SAAS,CAAA;QACvB,wCAAwC;QACxC,YAAY,EAAE,SAAS,CAAA;QACvB,0BAA0B;QAC1B,IAAI,EAAE,MAAM,CAAA;QACZ,gCAAgC;QAChC,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,2CAA2C;QAC3C,KAAK,EAAE,SAAS,CAAA;QAChB,uCAAuC;QACvC,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAA;QAC9C,iCAAiC;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,iCAAiC;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB;CACF;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,EAAE,WAAW,EAC3B,SAAS,EACT,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,MAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,KAAK,2CA4B3B;yBAxCe,mBAAmB"}

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { AtAGlanceAnchorCard } from './anchor-card';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta<typeof AtAGlanceAnchorCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * A navigable card that links to a URL. The entire card is clickable
+ * and navigates to the specified URL. The display value is shown in the action color
+ * to indicate interactivity.
+ *
+ * Use this component when the card should navigate to another page or section.
+ */
+export declare const Example: Story;
+/**
+ * Link 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;
+/**
+ * Use `aria-current="page"` to indicate the link represents the current page (i.e. it's "selected").
+ * This applies special styling to highlight the current context.
+ */
+export declare const Selected: 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;
+/**
+ * Link 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=anchor-card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-card.stories.d.ts","sourceRoot":"/","sources":["core/at-a-glance/anchor-card/anchor-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAoB1C,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAIlC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,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,KAQnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA+EvB,CAAA"}

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

@@ -0,0 +1,2 @@
+export { AtAGlanceAnchorCard } from './anchor-card';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/at-a-glance/anchor-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const elAtAGlanceAnchorCard: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/at-a-glance/anchor-card/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,0CAcjC,CAAA"}

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

@@ -0,0 +1,30 @@
+import { AtAGlanceCard } from './card';
+import { AtAGlanceAnchorCard } from './anchor-card';
+import { AtAGlanceButtonCard } from './button-card';
+import { AtAGlanceCarousel } from './carousel';
+import { AtAGlanceGrid } from './grid';
+import { AtAGlanceHeader } from './header';
+import type { HTMLAttributes } from 'react';
+import { AtAGlanceListbox } from './listbox';
+export declare namespace AtAGlance {
+    interface Props extends HTMLAttributes<HTMLElement> {
+    }
+}
+/**
+ * At a glance is a set of cards used to summarise key information from a dataset.
+ * Optionally, it can be used as a way to filter the dataset or link to another section
+ * or page for additional information.
+ */
+export declare function AtAGlance(props: AtAGlance.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace AtAGlance {
+    var AnchorCard: typeof AtAGlanceAnchorCard;
+    var ButtonCard: typeof AtAGlanceButtonCard;
+    var Card: typeof AtAGlanceCard;
+    var Carousel: typeof AtAGlanceCarousel;
+    var Grid: typeof AtAGlanceGrid;
+    var GridItem: typeof import("./grid").AtAGlanceGridItem;
+    var Header: typeof AtAGlanceHeader;
+    var Listbox: typeof AtAGlanceListbox;
+    var ListboxOption: typeof import("./listbox").AtAGlanceListboxOption;
+}
+//# sourceMappingURL=at-a-glance.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"at-a-glance.d.ts","sourceRoot":"/","sources":["core/at-a-glance/at-a-glance.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,yBAAiB,SAAS,CAAC;IACzB,UAAiB,KAAM,SAAQ,cAAc,CAAC,WAAW,CAAC;KAAG;CAC9D;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,2CAE/C;yBAFe,SAAS"}

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

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

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

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

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

@@ -0,0 +1,57 @@
+import { AtAGlance } from './at-a-glance';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof AtAGlance;
+    argTypes: {
+        children: {
+            control: "select";
+            options: string[];
+            mapping: {
+                Carousel: import("react/jsx-runtime").JSX.Element;
+                Header: import("react/jsx-runtime").JSX.Element;
+                Grid: import("react/jsx-runtime").JSX.Element;
+                Links: import("react/jsx-runtime").JSX.Element;
+                'Listbox with Carousel': import("react/jsx-runtime").JSX.Element;
+                'Listbox with Grid': import("react/jsx-runtime").JSX.Element;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Grid layout displays cards in a responsive grid pattern.
+ * Use this when you want cards to wrap and fill available space.
+ */
+export declare const Example: Story;
+/**
+ * A header can be included to title the at-a-glance section and provide an accessory action.
+ */
+export declare const Header: Story;
+/**
+ * Carousel layout displays cards in a horizontal scrolling container with navigation buttons.
+ * Use this when you have many cards and want to save vertical space.
+ */
+export declare const Carousel: Story;
+/**
+ * Linked cards allow users to navigate to other pages when clicked. They can also be used to update
+ * URL search params. If the card represents the current URL, it can be marked as selected using
+ * `aria-current="page"`.
+ */
+export declare const Links: Story;
+/**
+ * Selectable cards allow users to select options. Only single-selection is currently supported.
+ * Cards can be deselected by clicking on them again. `AtAGlance.Listbox` is polymorphic
+ * and can be used with either `AtAGlance.Grid` or `AtAGlance.Carousel` via its `as` prop.
+ *
+ * ```tsx
+ * <AtAGlance.Listbox as={AtAGlance.Carousel} columns="200px">
+ *   <AtAGlance.ListboxOption displayValue="32" label="Apple" value="apple" />
+ *   <AtAGlance.ListboxOption displayValue="25" label="Banana" value="banana" />
+ *   ...
+ * </AtAGlance.Listbox>
+ * ```
+ */
+export declare const Selectable: Story;
+//# sourceMappingURL=at-a-glance.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"at-a-glance.stories.d.ts","sourceRoot":"/","sources":["core/at-a-glance/at-a-glance.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAIzC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAgDwB,CAAA;AAElC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA"}

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

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

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

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

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

@@ -0,0 +1,31 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+export declare namespace AtAGlanceButtonCard {
+    interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+        /** Optional description text. */
+        description?: ReactNode;
+        /** The display value/metric to show. */
+        displayValue: ReactNode;
+        /** Optional icon to display. */
+        icon?: ReactNode;
+        /** The label text for the card content. */
+        label: ReactNode;
+        /** The layout for the card content. */
+        layout?: 'vertical' | 'horizontal' | 'compact';
+        /** Maximum width of the card. */
+        maxWidth?: string;
+        /** Minimum width of the card. */
+        minWidth?: string;
+    }
+}
+/**
+ * A button card that triggers an action when clicked. The entire card is clickable.
+ * Use this component when the card should trigger an action (onClick handler).
+ * The value text is displayed in the action color to indicate interactivity.
+ *
+ * This component can be used standalone or integrated with Listbox via `AtAGlance.ListboxButtonCard`.
+ */
+export declare function AtAGlanceButtonCard({ 'aria-checked': ariaChecked, 'aria-pressed': ariaPressed, 'aria-selected': ariaSelected, className, description, displayValue, icon, label, layout, maxWidth, minWidth, style, type, ...rest }: AtAGlanceButtonCard.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace AtAGlanceButtonCard {
+    var displayName: string;
+}
+//# sourceMappingURL=button-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-card.d.ts","sourceRoot":"/","sources":["core/at-a-glance/button-card/button-card.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,iCAAiC;QACjC,WAAW,CAAC,EAAE,SAAS,CAAA;QACvB,wCAAwC;QACxC,YAAY,EAAE,SAAS,CAAA;QACvB,gCAAgC;QAChC,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,2CAA2C;QAC3C,KAAK,EAAE,SAAS,CAAA;QAChB,uCAAuC;QACvC,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAA;QAC9C,iCAAiC;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,iCAAiC;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB;CACF;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,EAAE,WAAW,EAC3B,cAAc,EAAE,WAAW,EAC3B,eAAe,EAAE,YAAY,EAC7B,SAAS,EACT,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,MAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAe,EACf,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,KAAK,2CA+B3B;yBA9Ce,mBAAmB"}

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

@@ -0,0 +1,39 @@
+import { AtAGlanceButtonCard } from './button-card';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta<typeof AtAGlanceButtonCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * A button card that triggers an action when clicked. The entire card is clickable
+ * and triggers an onClick handler. The display value is shown in the action color
+ * to indicate interactivity.
+ *
+ * Use this component when the card should trigger a standalone action rather than navigate.
+ */
+export declare const Example: Story;
+/**
+ * Button 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;
+/**
+ * Button 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=button-card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-card.stories.d.ts","sourceRoot":"/","sources":["core/at-a-glance/button-card/button-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAgB1C,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,KASrB,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,KAQnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA+EvB,CAAA"}

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

@@ -0,0 +1,2 @@
+export { AtAGlanceButtonCard } from './button-card';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/at-a-glance/button-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const elAtAGlanceButtonCard: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/at-a-glance/button-card/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,0CAejC,CAAA"}

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

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

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

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

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

@@ -0,0 +1,29 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export declare namespace AtAGlanceCard {
+    interface Props extends HTMLAttributes<HTMLElement> {
+        /** Optional description text. */
+        description?: ReactNode;
+        /** The display value/metric to show. */
+        displayValue: ReactNode;
+        /** Optional icon to display. */
+        icon?: ReactNode;
+        /** The label text for the card content. */
+        label: ReactNode;
+        /** The layout for the card content. */
+        layout?: 'vertical' | 'horizontal' | 'compact';
+        /** Maximum width of the card. */
+        maxWidth?: string;
+        /** Minimum width of the card. */
+        minWidth?: string;
+    }
+}
+/**
+ * A static card for displaying at-a-glance information.
+ * Use this component when the card does not need to be interactive (no link or button behavior).
+ * For interactive cards, use `AtAGlance.LinkCard` or `AtAGlance.ButtonCard`.
+ */
+export declare function AtAGlanceCard({ className, description, displayValue, icon, label, layout, maxWidth, minWidth, style, ...rest }: AtAGlanceCard.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace AtAGlanceCard {
+    var displayName: string;
+}
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"/","sources":["core/at-a-glance/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUtD,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,KAAM,SAAQ,cAAc,CAAC,WAAW,CAAC;QACxD,iCAAiC;QACjC,WAAW,CAAC,EAAE,SAAS,CAAA;QACvB,wCAAwC;QACxC,YAAY,EAAE,SAAS,CAAA;QACvB,gCAAgC;QAChC,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,2CAA2C;QAC3C,KAAK,EAAE,SAAS,CAAA;QAChB,uCAAuC;QACvC,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAA;QAC9C,iCAAiC;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,iCAAiC;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB;CACF;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,MAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,KAAK,2CAcrB;yBAzBe,aAAa"}

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

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

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

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