@aurora-ds/lib-test 0.0.1-dev.1

package/dist/components/data-display/table/constants/index.d.ts

@@ -0,0 +1,5 @@
+import { TableSize, TableCellAlign } from '../types/Table.types.ts';
+/** Available size values for the Table component. */
+export declare const TABLE_SIZES: TableSize[];
+/** Available alignment values for TableHead and TableCell. */
+export declare const TABLE_CELL_ALIGNS: TableCellAlign[];

package/dist/components/data-display/table/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Table } from './Table.tsx';
+export { tableRecipe, tableStripedClass, tableBorderedClass, tableFixedClass } from './Table.css.ts';
+export * from './components';
+export type { TableProps } from './types/Table.props.ts';
+export type { TableSize, TableCellAlign } from './types/Table.types.ts';

package/dist/components/data-display/table/types/Table.props.d.ts

@@ -0,0 +1,14 @@
+import { TableRecipeVariants } from '../Table.css.ts';
+import type * as React from 'react';
+export type TableProps = React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement> & TableRecipeVariants & {
+    /** Applies an alternating background to even body rows. */
+    striped?: boolean;
+    /** Adds borders on all four sides of every header and data cell. */
+    bordered?: boolean;
+    /**
+     * Sets `table-layout: fixed`. Required for column widths defined via
+     * `TableColGroup` / `TableCol` (or `style.width` on `TableHead`) to
+     * take effect reliably. Also improves rendering performance on long tables.
+     */
+    fixed?: boolean;
+};

package/dist/components/data-display/table/types/Table.types.d.ts

@@ -0,0 +1,4 @@
+/** Row density of the table. Controls the vertical padding of every cell. */
+export type TableSize = 'sm' | 'md' | 'lg';
+/** Text alignment for header and data cells. */
+export type TableCellAlign = 'left' | 'center' | 'right';

package/dist/components/forms/_shared/checkboxVisual.css.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Shared visual style for the checkbox control.
+ *
+ * Works in two contexts:
+ *  1. **Standalone** – applied directly on `Checkbox.Root` (a `<button>`).
+ *     The root itself carries `data-state` / `data-disabled`, so `&[data-state="checked"]`
+ *     and `&:hover` selectors apply.
+ *  2. **Dropdown** – applied on a `<span>` inside `DropdownMenu.CheckboxItem`.
+ *     The parent item carries `data-state` / `data-highlighted`, so
+ *     `[data-state="checked"] &` and `[data-highlighted] &` selectors apply.
+ *
+ * Both selector sets coexist without conflict because:
+ *  - In the standalone context there is no `[data-highlighted]` ancestor.
+ *  - In the dropdown context the span itself never has `data-state`.
+ */
+export declare const checkboxVisualClass: string;

package/dist/components/forms/_shared/radioVisual.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Shared visual style for the radio control.
+ *
+ * Works in two contexts:
+ *  1. **Standalone** – applied directly on `RadioGroup.Item` (a `<button>`).
+ *     The root itself carries `data-state` / `data-disabled`, so `&[data-state="checked"]`
+ *     and `&:hover` selectors apply.
+ *  2. **Dropdown** – applied on a `<span>` inside `DropdownMenu.RadioItem`.
+ *     The parent item carries `data-state` / `data-highlighted`, so
+ *     `[data-state="checked"] &` and `[data-highlighted] &` selectors apply.
+ */
+export declare const radioVisualClass: string;

package/dist/components/forms/checkbox/Checkbox.css.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Root element — the visible box (applied on `Checkbox.Root`, a `<button>`).
+ *
+ * Dual-context design:
+ *  - **Standalone** (`Checkbox` component): `data-state` / `data-disabled` live
+ *    on this element itself → self-selectors `&[...]` apply.
+ *  - **Dropdown** (`DropdownMenuCheckboxItem`): this class is re-used on the
+ *    `<span>` indicator inside the item. The parent item carries `data-state` /
+ *    `data-highlighted` / `data-disabled` → ancestor selectors `[...] &` apply.
+ *
+ * Both selector sets coexist without conflict:
+ *  - In standalone context the span/button is `data-state` itself → only `&[...]`.
+ *  - In dropdown context the span never has `data-state` → only `[...] &`.
+ */
+export declare const checkboxRootClass: string;
+/**
+ * Indicator slot — keeps the check icon centred.
+ * `color: inherit` picks up the `primaryForeground` set on the root when checked.
+ */
+export declare const checkboxIndicatorClass: string;
+/** Typography label associated with the checkbox control. */
+export declare const checkboxLabelClass: string;

package/dist/components/forms/checkbox/Checkbox.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { CheckboxProps } from './types/Checkbox.props.ts';
+/**
+ * A styled checkbox control built on top of `@radix-ui/react-checkbox`.
+ *
+ * Supports controlled (`checked` + `onCheckedChange`) and uncontrolled
+ * (`defaultChecked`) modes, plus an optional inline `label`.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox label="Accept terms" checked={accepted} onCheckedChange={setAccepted} />
+ * ```
+ */
+declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;

package/dist/components/forms/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Checkbox } from './Checkbox.tsx';
+export { checkboxRootClass } from './Checkbox.css.ts';
+export type { CheckboxProps } from './types/Checkbox.props.ts';

package/dist/components/forms/checkbox/types/Checkbox.props.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+import type * as RadixCheckbox from '@radix-ui/react-checkbox';
+export type CheckboxProps = React.ComponentPropsWithoutRef<typeof RadixCheckbox.Root> & {
+    /** Optional text label rendered beside the checkbox. When provided, `id` is used to associate the label. */
+    label?: string;
+};

package/dist/components/forms/index.d.ts

@@ -0,0 +1,2 @@
+export * from './checkbox';
+export * from './radio-group';

package/dist/components/forms/radio-group/RadioGroup.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { RadioGroupProps } from './types/RadioGroup.props.ts';
+/**
+ * The root container for a group of `RadioItem` components.
+ * Manages the single-selection state.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup value={value} onValueChange={setValue}>
+ *   <RadioItem value="a" label="Option A" />
+ *   <RadioItem value="b" label="Option B" />
+ * </RadioGroup>
+ * ```
+ */
+declare const RadioGroup: FC<RadioGroupProps>;
+export default RadioGroup;

package/dist/components/forms/radio-group/components/radio-item/RadioItem.css.d.ts

@@ -0,0 +1,16 @@
+/**
+ * RadioGroup.Item root — the circular button (applied on `RadioGroup.Item`, a `<button>`).
+ *
+ * Dual-context design — mirrors `checkboxRootClass`:
+ *  - **Standalone** (`RadioItem` component): self-selectors `&[...]` apply.
+ *  - **Dropdown** (`DropdownMenuRadioItem`): this class is re-used on the
+ *    `<span>` indicator. Ancestor selectors `[...] &` apply.
+ */
+export declare const radioItemRootClass: string;
+/**
+ * Indicator slot inside the circle.
+ * `color: inherit` picks up `primaryForeground` from the checked root.
+ */
+export declare const radioIndicatorClass: string;
+/** Typography label associated with the radio button. */
+export declare const radioItemLabelClass: string;

package/dist/components/forms/radio-group/components/radio-item/RadioItem.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { RadioItemProps } from './types/RadioItem.props.ts';
+/**
+ * A single radio button inside a `RadioGroup`.
+ * Renders a circular indicator that fills with the primary colour when selected.
+ *
+ * @example
+ * ```tsx
+ * <RadioItem value="dark" label="Dark mode" />
+ * ```
+ */
+declare const RadioItem: FC<RadioItemProps>;
+export default RadioItem;

package/dist/components/forms/radio-group/components/radio-item/types/RadioItem.props.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+import type * as RadixRadioGroup from '@radix-ui/react-radio-group';
+export type RadioItemProps = React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Item> & {
+    /** Text label rendered beside the radio button. */
+    label?: string;
+};

package/dist/components/forms/radio-group/index.d.ts

@@ -0,0 +1,5 @@
+export { default as RadioGroup } from './RadioGroup.tsx';
+export { default as RadioItem } from './components/radio-item/RadioItem.tsx';
+export { radioItemRootClass } from './components/radio-item/RadioItem.css.ts';
+export type { RadioGroupProps } from './types/RadioGroup.props.ts';
+export type { RadioItemProps } from './components/radio-item/types/RadioItem.props.ts';

package/dist/components/forms/radio-group/types/RadioGroup.props.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+import type * as RadixRadioGroup from '@radix-ui/react-radio-group';
+export type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>;

package/dist/components/foundation/icon/Icon.css.d.ts

@@ -0,0 +1,35 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const iconRecipe: RuntimeFn<{
+    size: {
+        xs: {
+            width: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+        sm: {
+            width: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+        md: {
+            width: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+        lg: {
+            width: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+        xl: {
+            width: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+        '2xl': {
+            width: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+    };
+    spin: {
+        true: {
+            animation: `${string} 1s linear infinite`;
+        };
+    };
+}>;
+export type IconRecipeVariants = NonNullable<RecipeVariants<typeof iconRecipe>>;

package/dist/components/foundation/icon/Icon.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from './types/Icon.props.ts';
+import { FC } from 'react';
+declare const Icon: FC<IconProps>;
+export default Icon;

package/dist/components/foundation/icon/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Icon } from './Icon.tsx';
+export { iconRecipe } from './Icon.css.ts';
+export type { IconProps } from './types/Icon.props.ts';
+export type { IconSize } from './types/Icon.types.ts';

package/dist/components/foundation/icon/types/Icon.props.d.ts

@@ -0,0 +1,7 @@
+import { IconProps as IconifyProps } from '@iconify/react';
+import { IconRecipeVariants } from '../Icon.css.ts';
+import { ThemeColor } from '../../../../theme';
+export type IconProps = Omit<IconifyProps, 'aria-hidden' | 'role'> & IconRecipeVariants & {
+    /** Optional theme color token applied to the icon's `color` CSS property. */
+    color?: ThemeColor;
+};

package/dist/components/foundation/icon/types/Icon.types.d.ts

@@ -0,0 +1 @@
+export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';

package/dist/components/foundation/typography/Typography.css.d.ts

@@ -0,0 +1,198 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const typographyRecipe: RuntimeFn<{
+    variant: {
+        h1: {
+            scrollMarginTop: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            textWrap: "balance";
+        };
+        h2: {
+            scrollMarginTop: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+        };
+        h3: {
+            scrollMarginTop: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+        };
+        h4: {
+            scrollMarginTop: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+        };
+        h5: {
+            scrollMarginTop: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+        };
+        h6: {
+            scrollMarginTop: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+        };
+        p: {
+            fontSize: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+        };
+        span: {};
+        label: {
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+        };
+        small: {
+            fontSize: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+        };
+        strong: {
+            fontWeight: `var(--${string})`;
+        };
+        em: {
+            fontStyle: "italic";
+        };
+        blockquote: {
+            borderLeft: `2px solid var(--${string})`;
+            paddingLeft: `var(--${string})`;
+            fontStyle: "italic";
+            color: `var(--${string})`;
+        };
+        pre: {
+            borderRadius: `var(--${string})`;
+            backgroundColor: `var(--${string})`;
+            padding: `var(--${string})`;
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            overflowX: "auto";
+        };
+        code: {
+            borderRadius: `var(--${string})`;
+            backgroundColor: `var(--${string})`;
+            paddingInline: "0.3rem";
+            paddingBlock: "0.2rem";
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+        };
+        kbd: {
+            borderRadius: `var(--${string})`;
+            border: `1px solid var(--${string})`;
+            backgroundColor: `var(--${string})`;
+            paddingInline: `var(--${string})`;
+            paddingBlock: `var(--${string})`;
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            boxShadow: `var(--${string})`;
+        };
+        samp: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+        };
+        abbr: {
+            textDecoration: "underline dotted";
+            cursor: "help";
+        };
+        cite: {
+            fontStyle: "italic";
+            color: `var(--${string})`;
+        };
+        mark: {
+            borderRadius: `var(--${string})`;
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+            paddingInline: `var(--${string})`;
+        };
+        del: {
+            textDecoration: "line-through";
+            opacity: number;
+        };
+        ins: {
+            textDecoration: "underline";
+        };
+        sub: {
+            fontSize: `var(--${string})`;
+            verticalAlign: "sub";
+        };
+        sup: {
+            fontSize: `var(--${string})`;
+            verticalAlign: "super";
+        };
+    };
+    fontSize: {
+        xs: {
+            fontSize: `var(--${string})`;
+        };
+        sm: {
+            fontSize: `var(--${string})`;
+        };
+        base: {
+            fontSize: `var(--${string})`;
+        };
+        lg: {
+            fontSize: `var(--${string})`;
+        };
+        xl: {
+            fontSize: `var(--${string})`;
+        };
+        '2xl': {
+            fontSize: `var(--${string})`;
+        };
+        '3xl': {
+            fontSize: `var(--${string})`;
+        };
+        '4xl': {
+            fontSize: `var(--${string})`;
+        };
+        '5xl': {
+            fontSize: `var(--${string})`;
+        };
+        '6xl': {
+            fontSize: `var(--${string})`;
+        };
+    };
+    fontWeight: {
+        thin: {
+            fontWeight: `var(--${string})`;
+        };
+        extralight: {
+            fontWeight: `var(--${string})`;
+        };
+        light: {
+            fontWeight: `var(--${string})`;
+        };
+        normal: {
+            fontWeight: `var(--${string})`;
+        };
+        medium: {
+            fontWeight: `var(--${string})`;
+        };
+        semibold: {
+            fontWeight: `var(--${string})`;
+        };
+        bold: {
+            fontWeight: `var(--${string})`;
+        };
+        extrabold: {
+            fontWeight: `var(--${string})`;
+        };
+        black: {
+            fontWeight: `var(--${string})`;
+        };
+    };
+    ellipsis: {
+        true: {
+            overflow: "hidden";
+            textOverflow: "ellipsis";
+            whiteSpace: "nowrap";
+        };
+    };
+}>;
+export type TypographyRecipeVariants = NonNullable<RecipeVariants<typeof typographyRecipe>>;

package/dist/components/foundation/typography/Typography.d.ts

@@ -0,0 +1,4 @@
+import { TypographyProps } from './types/Typography.props.ts';
+import { FC } from 'react';
+declare const Typography: FC<TypographyProps>;
+export default Typography;

package/dist/components/foundation/typography/constants/index.d.ts

@@ -0,0 +1,26 @@
+export declare const TYPOGRAPHY_ELEMENT_MAP: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+    readonly h5: "h5";
+    readonly h6: "h6";
+    readonly p: "p";
+    readonly span: "span";
+    readonly label: "label";
+    readonly small: "small";
+    readonly strong: "strong";
+    readonly em: "em";
+    readonly blockquote: "blockquote";
+    readonly pre: "pre";
+    readonly code: "code";
+    readonly kbd: "kbd";
+    readonly samp: "samp";
+    readonly abbr: "abbr";
+    readonly cite: "cite";
+    readonly mark: "mark";
+    readonly del: "del";
+    readonly ins: "ins";
+    readonly sub: "sub";
+    readonly sup: "sup";
+};

package/dist/components/foundation/typography/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Typography } from './Typography.tsx';
+export { typographyRecipe } from './Typography.css.ts';
+export { TYPOGRAPHY_ELEMENT_MAP } from './constants';
+export type { TypographyProps } from './types/Typography.props.ts';
+export type { TypographyVariant, TypographySize, TypographyWeight } from './types/Typography.types.ts';

package/dist/components/foundation/typography/types/Typography.props.d.ts

@@ -0,0 +1,12 @@
+import { TypographyRecipeVariants } from '../Typography.css.ts';
+import { RefAttributes } from 'react';
+import { ThemeColor } from '../../../../theme';
+import type * as React from 'react';
+export type TypographyProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> & RefAttributes<HTMLElement> & TypographyRecipeVariants & {
+    /** Override the rendered HTML element. */
+    as?: React.ElementType;
+    /** Optional theme color token applied to the text's `color` CSS property. */
+    color?: ThemeColor;
+    /** Associates the element with a form control — forwarded as the native `for` attribute (use with `as="label"`). */
+    htmlFor?: string;
+};

package/dist/components/foundation/typography/types/Typography.types.d.ts

@@ -0,0 +1,6 @@
+/** All HTML text-level semantic elements supported by the Typography component. */
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'small' | 'strong' | 'em' | 'blockquote' | 'pre' | 'code' | 'kbd' | 'samp' | 'abbr' | 'cite' | 'mark' | 'del' | 'ins' | 'sub' | 'sup';
+/** Font-size scale exposed as a prop. */
+export type TypographySize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+/** Font-weight scale exposed as a prop. */
+export type TypographyWeight = 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './theme-provider';
+export * from './data-display';
+export * from './actions/button';
+export * from './actions/icon-button';
+export * from './foundation/icon';
+export * from './foundation/typography';
+export * from './forms';
+export * from './layout';
+export * from './overlay/tooltip';
+export * from './overlay/dropdown-menu';