@aggc/ui 0.4.0 → 0.4.1

package/dist/components/StatusBadge.styles.d.ts

@@ -0,0 +1,24 @@
+export declare const statusBadgeClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    tone: {
+        success: {
+            bg: "badge.successBg";
+            color: "badge.successText";
+            borderColor: "badge.successBorder";
+        };
+        warning: {
+            bg: "badge.warningBg";
+            color: "badge.warningText";
+            borderColor: "badge.warningBorder";
+        };
+        info: {
+            bg: "badge.infoBg";
+            color: "badge.infoText";
+            borderColor: "badge.infoBorder";
+        };
+        neutral: {
+            bg: "badge.neutralBg";
+            color: "badge.neutralText";
+            borderColor: "badge.neutralBorder";
+        };
+    };
+}>;

package/dist/components/StatusBadge.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    tone?: "success" | "warning" | "info" | "neutral";
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    tone: "success" | "warning" | "info" | "neutral";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UiButton.styles.d.ts

@@ -0,0 +1,54 @@
+export declare const uiButtonClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    variant: {
+        solid: {
+            bg: "linear-gradient(135deg, rgba(31,67,182,0.96) 0%, rgba(49,94,255,0.92) 100%)";
+            color: "text.inverse";
+            borderWidth: "1px";
+            borderColor: "rgba(255,255,255,0.18)";
+            boxShadow: "0 22px 36px -24px rgba(49,94,255,0.78), inset 0 1px 0 rgba(255,255,255,0.24)";
+            _dark: {
+                color: "#f7f9fd";
+                borderColor: "rgba(255,255,255,0.06)";
+                boxShadow: "0 22px 40px -24px rgba(71,121,255,0.55), inset 0 1px 0 rgba(255,255,255,0.18)";
+            };
+        };
+        outline: {
+            bg: "bg.buttonOutline";
+            color: "text.secondary";
+            borderWidth: "1px";
+            borderColor: "border.default";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.18)";
+            _dark: {
+                boxShadow: "inset 0 1px 0 rgba(255,255,255,0.04)";
+            };
+        };
+        subtle: {
+            bg: "bg.accentSoft";
+            color: "text.accent";
+            borderWidth: "1px";
+            borderColor: "badge.infoBorder";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)";
+            _dark: {
+                boxShadow: "inset 0 1px 0 rgba(255,255,255,0.04)";
+            };
+        };
+    };
+    disabled: {
+        true: {
+            cursor: "not-allowed";
+            opacity: number;
+        };
+        false: {
+            cursor: "pointer";
+        };
+    };
+    loading: {
+        true: {
+            cursor: "not-allowed";
+            opacity: number;
+        };
+    };
+}>;
+export declare const uiButtonContentClass: string;
+export declare const uiButtonHiddenContentClass: string;
+export declare const uiButtonBusyContentClass: string;

package/dist/components/UiButton.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    variant?: "solid" | "outline" | "subtle";
+    loading?: boolean;
+    loadingLabel?: string;
+    disabled?: boolean;
+    type?: "button" | "submit";
+    ariaLabel?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "solid" | "outline" | "subtle";
+    disabled: boolean;
+    loading: boolean;
+    type: "button" | "submit";
+    loadingLabel: string;
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UiCheckbox.styles.d.ts

@@ -0,0 +1,42 @@
+export declare const uiCheckboxRootClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    checked: {
+        true: {
+            borderColor: "border.accent";
+            bg: "bg.selected";
+            boxShadow: "0 18px 40px -30px rgba(49,94,255,0.56)";
+        };
+        false: {
+            borderColor: "border.default";
+            bg: "bg.input";
+            boxShadow: "0 14px 32px -30px rgba(15,23,42,0.42)";
+        };
+    };
+    disabled: {
+        true: {
+            cursor: "not-allowed";
+            opacity: number;
+        };
+        false: {
+            cursor: "pointer";
+        };
+    };
+}>;
+export declare const uiCheckboxIndicatorClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    checked: {
+        true: {
+            borderColor: "border.accent";
+            bg: "bg.accentStrong";
+            color: "text.inverse";
+            boxShadow: "0 12px 24px -16px rgba(49,94,255,0.7)";
+        };
+        false: {
+            borderColor: "border.default";
+            bg: "bg.buttonOutline";
+            color: "transparent";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.32)";
+        };
+    };
+}>;
+export declare const uiCheckboxContentClass: string;
+export declare const uiCheckboxLabelClass: string;
+export declare const uiCheckboxDescriptionClass: string;

package/dist/components/UiCheckbox.vue.d.ts

@@ -0,0 +1,37 @@
+type __VLS_Props = {
+    modelValue: boolean;
+    id?: string;
+    name?: string;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    ariaDescribedby?: string;
+};
+declare var __VLS_6: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    description?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    description: string;
+    label: string;
+    id: string;
+    name: string;
+    invalid: boolean;
+    ariaDescribedby: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UiField.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const uiFieldRootClass: string;
+export declare const uiFieldTopRowClass: string;
+export declare const uiFieldLabelWrapClass: string;
+export declare const uiFieldEyebrowClass: string;
+export declare const uiFieldLabelClass: string;
+export declare const uiFieldHintClass: string;
+export declare const uiFieldMetaClass: string;

package/dist/components/UiField.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    id?: string;
+    forId?: string;
+    label?: string;
+    hint?: string;
+    eyebrow?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    meta?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UiLoadingState.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const uiLoadingStateRootClass: string;
+export declare const uiLoadingStatePulseClass: string;
+export declare const uiLoadingStateContentClass: string;
+export declare const uiLoadingStateTitleClass: string;

package/dist/components/UiLoadingState.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    title: string;
+    description: string;
+    live?: "polite" | "assertive" | "off";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    live: "polite" | "assertive" | "off";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiSegmentedControl.styles.d.ts

@@ -0,0 +1,23 @@
+export declare const segmentedControlContainerClass: string;
+export declare const segmentedControlOptionClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    active: {
+        true: {
+            borderColor: "border.accent";
+            bg: "bg.accentStrong";
+            color: "text.inverse";
+            boxShadow: "0 14px 26px -16px rgba(49,94,255,0.68)";
+            _hover: {
+                bg: "bg.accentStrong";
+            };
+        };
+        false: {
+            borderColor: "transparent";
+            bg: "transparent";
+            color: "text.secondary";
+            boxShadow: "none";
+            _hover: {
+                bg: "bg.hover";
+            };
+        };
+    };
+}>;

package/dist/components/UiSegmentedControl.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    modelValue: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiSelect.styles.d.ts

@@ -0,0 +1,104 @@
+export declare const uiSelectRootClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    open: {
+        true: {
+            zIndex: "30";
+        };
+        false: {
+            zIndex: "1";
+        };
+    };
+}>;
+export declare const uiSelectTriggerClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    size: {
+        sm: {
+            minHeight: "40px";
+            borderRadius: "lg";
+            px: "3";
+            py: "2.5";
+        };
+        md: {
+            minHeight: "48px";
+            borderRadius: "xl";
+            px: "4";
+            py: "3";
+        };
+    };
+    open: {
+        true: {
+            borderColor: "border.accent";
+            bg: "bg.cardStrong";
+            boxShadow: "0 18px 42px -28px rgba(49,94,255,0.42)";
+        };
+        false: {
+            borderColor: "border.default";
+            bg: "bg.input";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)";
+        };
+    };
+    selected: {
+        true: {
+            color: "text.primary";
+        };
+        false: {
+            color: "text.muted";
+        };
+    };
+    disabled: {
+        true: {
+            cursor: "not-allowed";
+            opacity: number;
+        };
+        false: {
+            cursor: "pointer";
+        };
+    };
+}>;
+export declare const uiSelectMenuClass: string;
+export declare const uiSelectMenuClassExtra: string;
+export declare const uiSelectValueWrapClass: string;
+export declare const uiSelectValueTextClass: string;
+export declare const uiSelectChevronClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    open: {
+        true: {
+            transform: "rotate(180deg)";
+        };
+        false: {
+            transform: "rotate(0deg)";
+        };
+    };
+}>;
+export declare const uiSelectOptionClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    size: {
+        sm: {
+            py: "2.5";
+        };
+        md: {
+            py: "3";
+        };
+    };
+    active: {
+        true: {
+            color: "text.primary";
+            bg: "bg.selected";
+            borderColor: "border.accent";
+        };
+        false: {
+            color: "text.secondary";
+            bg: "transparent";
+            borderColor: "transparent";
+        };
+    };
+}>;
+export declare const uiSelectOptionContentClass: string;
+export declare const uiSelectOptionLabelClass: string;
+export declare const uiSelectOptionDescriptionClass: string;
+export declare const uiSelectCheckClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    selected: {
+        true: {
+            opacity: number;
+        };
+        false: {
+            opacity: number;
+        };
+    };
+}>;

package/dist/components/UiSelect.vue.d.ts

@@ -0,0 +1,35 @@
+type UiSelectOption = {
+    label: string;
+    value: string;
+    description?: string;
+};
+type __VLS_Props = {
+    modelValue: string;
+    options: UiSelectOption[];
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    size?: "sm" | "md";
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    ariaDescribedby?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    disabled: boolean;
+    id: string;
+    name: string;
+    ariaLabel: string;
+    invalid: boolean;
+    ariaDescribedby: string;
+    placeholder: string;
+    ariaLabelledby: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiSkeleton.styles.d.ts

@@ -0,0 +1,67 @@
+export declare const skeletonClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    variant: {
+        text: {
+            width: "100%";
+            height: "0.875rem";
+            borderRadius: "md";
+            bg: "rgba(127, 146, 184, 0.14)";
+            _dark: {
+                bg: "rgba(210, 220, 240, 0.09)";
+            };
+        };
+        title: {
+            width: "100%";
+            height: "1.75rem";
+            borderRadius: "xl";
+            bg: "rgba(127, 146, 184, 0.14)";
+            _dark: {
+                bg: "rgba(210, 220, 240, 0.09)";
+            };
+        };
+        rect: {
+            width: "100%";
+            height: "5rem";
+            borderRadius: "xl";
+            bg: "rgba(127, 146, 184, 0.14)";
+            _dark: {
+                bg: "rgba(210, 220, 240, 0.09)";
+            };
+        };
+        pill: {
+            width: "5rem";
+            height: "1.75rem";
+            borderRadius: "999px";
+            bg: "rgba(127, 146, 184, 0.14)";
+            _dark: {
+                bg: "rgba(210, 220, 240, 0.09)";
+            };
+        };
+        circle: {
+            width: "2.75rem";
+            height: "2.75rem";
+            borderRadius: "999px";
+            bg: "rgba(127, 146, 184, 0.14)";
+            _dark: {
+                bg: "rgba(210, 220, 240, 0.09)";
+            };
+        };
+        stat: {
+            width: "100%";
+            height: "4.75rem";
+            borderRadius: "xl";
+            bg: "rgba(117, 138, 178, 0.16)";
+            _dark: {
+                bg: "rgba(210, 220, 240, 0.11)";
+            };
+        };
+        action: {
+            width: "100%";
+            height: "2.75rem";
+            borderRadius: "xl";
+            bg: "rgba(127, 146, 184, 0.14)";
+            _dark: {
+                bg: "rgba(210, 220, 240, 0.09)";
+            };
+        };
+    };
+}>;

package/dist/components/UiSkeleton.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    variant?: "text" | "title" | "rect" | "pill" | "circle" | "stat" | "action";
+    width?: string;
+    height?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    height: string;
+    width: string;
+    variant: "text" | "title" | "rect" | "pill" | "circle" | "stat" | "action";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+export { default as PageSurface } from "./PageSurface.vue";
+export { default as ResultPanel } from "./ResultPanel.vue";
+export { default as SectionCard } from "./SectionCard.vue";
+export { default as StatusBadge } from "./StatusBadge.vue";
+export { default as UiButton } from "./UiButton.vue";
+export { default as UiCheckbox } from "./UiCheckbox.vue";
+export { default as UiField } from "./UiField.vue";
+export { default as UiLoadingState } from "./UiLoadingState.vue";
+export { default as UiSegmentedControl } from "./UiSegmentedControl.vue";
+export { default as UiSelect } from "./UiSelect.vue";
+export { default as UiSkeleton } from "./UiSkeleton.vue";

package/dist/components.d.ts

@@ -0,0 +1 @@
+export * from "./components/index";

package/dist/components.js

@@ -0,0 +1,14 @@
+import { _ as s, a as t, b as i, c as o, d as n, e as S, f as U, g as d, h as l, i as c, j as g } from "./chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-Lghyrtms.js";
+export {
+  s as PageSurface,
+  t as ResultPanel,
+  i as SectionCard,
+  o as StatusBadge,
+  n as UiButton,
+  S as UiCheckbox,
+  U as UiField,
+  d as UiLoadingState,
+  l as UiSegmentedControl,
+  c as UiSelect,
+  g as UiSkeleton
+};

package/dist/css.d.ts

@@ -0,0 +1,2 @@
+// CSS side-effect entrypoint for @aggc/ui
+export {};

package/dist/css.js

@@ -0,0 +1 @@
+import "./ui.css";

package/dist/fonts.css

@@ -0,0 +1,6 @@
+@import "@fontsource/ibm-plex-sans/400.css";
+@import "@fontsource/ibm-plex-sans/500.css";
+@import "@fontsource/ibm-plex-sans/600.css";
+@import "@fontsource/ibm-plex-sans/700.css";
+@import "@fontsource/space-grotesk/500.css";
+@import "@fontsource/space-grotesk/700.css";

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./components/index";
+export * from "./styles/index";
+export * from "./tokens/index";

package/dist/index.js

@@ -0,0 +1,65 @@
+import { _ as a, a as l, b as o, c as t, d as i, e as n, f as r, g as C, h as c, i as p, j as d } from "./chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-Lghyrtms.js";
+import { actionToolbarClass as u, badgeRecipe as f, cardRecipe as m, centeredEmptyStatePanelClass as k, clusterLayout as R, emptyStatePanelClass as T, errorTextClass as S, fieldControlClass as x, fieldControlSmClass as b, fieldTextareaClass as P, focusRingClass as y, infoPanelClass as U, inputRecipe as L, loadingRegionClass as h, metricGridPattern as B, mutedTextClass as D, resultRegionClass as H, resultSkeletonPanelClass as j, selectableDetailClass as w, selectableListClass as v, selectableListDetailRootClass as A, splitLayout as E, stackLayout as F } from "./styles.js";
+import { b as V, c as _, d as q, e as z, a as I, h as J, i as K, m as M, p as N, f as O, g as Q, j as W, k as X, s as Y, l as Z, n as $ } from "./chunks/pageHeader-CcJrPX_8.js";
+import { colorTokens as es } from "./tokens.js";
+import { coreColorTokens as ls, motionTokens as os, radiusTokens as ts, spacingTokens as is, typographyTokens as ns } from "./tokens-core.js";
+import { desktopColorTokens as Cs } from "./tokens-desktop.js";
+export {
+  a as PageSurface,
+  l as ResultPanel,
+  o as SectionCard,
+  t as StatusBadge,
+  i as UiButton,
+  n as UiCheckbox,
+  r as UiField,
+  C as UiLoadingState,
+  c as UiSegmentedControl,
+  p as UiSelect,
+  d as UiSkeleton,
+  u as actionToolbarClass,
+  f as badgeRecipe,
+  V as buttonRecipe,
+  m as cardRecipe,
+  k as centeredEmptyStatePanelClass,
+  R as clusterLayout,
+  _ as codeBlockClass,
+  es as colorTokens,
+  ls as coreColorTokens,
+  Cs as desktopColorTokens,
+  q as dropdownRecipe,
+  z as elevatedPanelClass,
+  T as emptyStatePanelClass,
+  S as errorTextClass,
+  I as eyebrowClass,
+  x as fieldControlClass,
+  b as fieldControlSmClass,
+  P as fieldTextareaClass,
+  y as focusRingClass,
+  J as helperTextClass,
+  U as infoPanelClass,
+  L as inputRecipe,
+  K as insetPanelClass,
+  h as loadingRegionClass,
+  B as metricGridPattern,
+  M as metricValueClass,
+  os as motionTokens,
+  D as mutedTextClass,
+  N as pageHeaderActionsClass,
+  O as pageHeaderContentClass,
+  Q as pageHeaderRootClass,
+  W as pageRootClass,
+  X as pageScrollRegionClass,
+  ts as radiusTokens,
+  H as resultRegionClass,
+  j as resultSkeletonPanelClass,
+  Y as sectionDescriptionClass,
+  Z as sectionTitleClass,
+  w as selectableDetailClass,
+  v as selectableListClass,
+  A as selectableListDetailRootClass,
+  is as spacingTokens,
+  E as splitLayout,
+  F as stackLayout,
+  $ as surfacePanelClass,
+  ns as typographyTokens
+};

package/dist/styles/index.d.ts

@@ -0,0 +1,20 @@
+export * from "./primitives/surfaces";
+export * from "./primitives/typography";
+export * from "./primitives/fields";
+export * from "./primitives/feedback";
+export * from "./recipes/card.recipe";
+export * from "./recipes/button.recipe";
+export * from "./recipes/badge.recipe";
+export * from "./recipes/input.recipe";
+export * from "./recipes/dropdown.recipe";
+export * from "./layouts/page";
+export * from "./layouts/stack";
+export * from "./layouts/cluster";
+export * from "./layouts/split";
+export * from "./patterns/pageHeader";
+export * from "./patterns/metricGrid";
+export * from "./patterns/actionToolbar";
+export * from "./patterns/resultRegion";
+export * from "./patterns/infoPanel";
+export * from "./patterns/emptyState";
+export * from "./patterns/selectableListDetail";