@mich8060/unified-design-system 0.2.13 → 0.2.15

package/dist/design-system/ai/manifest/governance.manifest.d.ts

@@ -1,5 +1,10 @@
 import type { GovernanceConfig, VersionLineage } from "./types";
 export declare const AI_MANIFEST_VERSION = "1.0.0";
+export declare const AI_GOVERNANCE_VERSION = "1.0.0";
 export declare const AI_POLICY_VERSION = "1.0.0";
+export declare const AI_CONTRACT_SCHEMA_VERSION = "1.0.0";
+export declare const AI_COMPONENT_API_SCHEMA_VERSION = "1.0.0";
+export declare const AI_SCHEMA_VERSION = "1.0.0";
+export declare const AI_API_SCHEMA_VERSION = "1.0.0";
 export declare const UDSGovernance: GovernanceConfig;
 export declare function getVersionLineage(): VersionLineage;

package/dist/design-system/ai/manifest/index.d.ts

@@ -0,0 +1,10 @@
+export { UDSManifest, UDS_AI_MANIFEST } from "./system.manifest";
+export { UDSGovernance, getVersionLineage, AI_MANIFEST_VERSION, AI_GOVERNANCE_VERSION, AI_POLICY_VERSION, AI_CONTRACT_SCHEMA_VERSION, AI_COMPONENT_API_SCHEMA_VERSION, AI_SCHEMA_VERSION, AI_API_SCHEMA_VERSION, } from "./governance.manifest";
+export { ComponentRegistry } from "./components.manifest";
+export { PatternRegistry } from "./patterns.manifest";
+export { LayoutRules } from "./layout.manifest";
+export { CompositionRules } from "./composition.manifest";
+export { PropAliasRules, getCanonicalPropName, getAliasEntries } from "./prop-aliases.manifest";
+export { TokenIntentMap } from "./tokens.intent.manifest";
+export { IntentComponentMappings } from "./intent-mappings.manifest";
+export type { ComponentManifestItem, ComponentRegistryType, LayoutManifestRules, ManifestGovernance, PatternManifestItem, PatternRegistryType, TokenIntentMapType, UDSManifestType, UINodeTree, ValidationError, ValidationResult, GovernanceConfig, VersionLineage, } from "./types";

package/dist/design-system/ai/manifest/intent-mappings.manifest.d.ts

@@ -0,0 +1,63 @@
+export declare const IntentComponentMappings: {
+    readonly primaryAction: {
+        readonly component: "Button";
+        readonly props: {
+            readonly appearance: "primary";
+        };
+        readonly notes: "Use one primary action per section max.";
+    };
+    readonly secondaryAction: {
+        readonly component: "Button";
+        readonly props: {
+            readonly appearance: "text";
+        };
+        readonly notes: "Use non-primary appearance for secondary actions.";
+    };
+    readonly sectionContainer: {
+        readonly component: "Container";
+        readonly props: {
+            readonly gap: "--uds-spacing-24";
+        };
+        readonly notes: "Default section wrapper with governed spacing.";
+    };
+    readonly contentStack: {
+        readonly component: "Flex";
+        readonly props: {
+            readonly direction: "column";
+            readonly gap: "--uds-spacing-16";
+        };
+        readonly notes: "Primary stack for vertical rhythm.";
+    };
+    readonly formFieldWrapper: {
+        readonly component: "Field";
+        readonly notes: "Wrap inputs that require label/helper/error messaging.";
+    };
+    readonly textInputControl: {
+        readonly component: "TextInput";
+        readonly notes: "Use TextInput for freeform single-line text.";
+    };
+    readonly selectionControl: {
+        readonly component: "Dropdown";
+        readonly notes: "Use Dropdown for controlled selection.";
+    };
+    readonly statusIndicator: {
+        readonly component: "Status";
+        readonly notes: "Use semantic status component for state communication.";
+    };
+    readonly badgeLabel: {
+        readonly component: "Tag";
+        readonly notes: "Use Tag for concise categorical labels.";
+    };
+    readonly contextualActions: {
+        readonly component: "ActionMenu";
+        readonly notes: "Use ActionMenu for row/object-level secondary actions.";
+    };
+    readonly dataPresentation: {
+        readonly component: "Table";
+        readonly notes: "Use Table for tabular datasets and structured records.";
+    };
+    readonly confirmationDialog: {
+        readonly component: "Modal";
+        readonly notes: "Use Modal for confirmation/destructive decision points.";
+    };
+};

package/dist/design-system/ai/manifest/prop-aliases.manifest.d.ts

@@ -0,0 +1,10 @@
+export interface PropAliasManifest {
+    global: Record<string, string>;
+    byComponent: Record<string, Record<string, string>>;
+}
+export declare const PropAliasRules: PropAliasManifest;
+export declare function getCanonicalPropName(componentName: string, propName: string): string;
+export declare function getAliasEntries(componentName: string): Array<{
+    alias: string;
+    canonical: string;
+}>;

package/dist/design-system/ai/manifest/system.manifest.d.ts

@@ -1,3 +1,5 @@
 import type { UDSManifestType } from "./types";
 export declare const UDSManifest: UDSManifestType;
+export declare const UDSAIContract: UDSManifestType;
+export declare const UDS_AI_CONTRACT: UDSManifestType;
 export declare const UDS_AI_MANIFEST: UDSManifestType;

package/dist/design-system/ai/manifest/types.d.ts

@@ -58,6 +58,7 @@ export interface LayoutManifestRules {
         compactGapToken: string;
     };
     allowedComposition: Record<string, string[]>;
+    allowedParents: Record<string, string[]>;
     disallowedNesting: Array<{
         parent: string;
         child: string;
@@ -80,6 +81,13 @@ export interface TokenIntentMapType {
     border: Record<string, string>;
     state: Record<string, string>;
 }
+export interface IntentComponentMappingsType {
+    [intent: string]: {
+        component: string;
+        props?: Record<string, unknown>;
+        notes?: string;
+    };
+}
 export interface UDSManifestType {
     version: string;
     tokenVersion: string;
@@ -87,6 +95,7 @@ export interface UDSManifestType {
     patterns: PatternRegistryType;
     layout: LayoutManifestRules;
     tokens: TokenIntentMapType;
+    intentComponentMappings: IntentComponentMappingsType;
     governance: ManifestGovernance;
 }
 export interface ValidationError {
@@ -108,6 +117,7 @@ export interface GovernanceConfig {
     systemVersion: string;
     tokenVersion: string;
     manifestVersion: string;
+    governanceVersion: string;
     policyVersion: string;
     enforcement: {
         strictMode: boolean;
@@ -129,5 +139,6 @@ export interface VersionLineage {
     udsVersion: string;
     tokenVersion: string;
     manifestVersion: string;
+    governanceVersion: string;
     policyVersion: string;
 }

package/dist/design-system/ai/policies/rules/props.rules.d.ts

@@ -0,0 +1,2 @@
+import type { PolicyRule } from "../policy.types";
+export declare const enforceCanonicalPropsRule: PolicyRule;

package/dist/design-system/ai/policies/rules/tailwind.rules.d.ts

@@ -0,0 +1,2 @@
+import type { PolicyRule } from "../policy.types";
+export declare const enforceTailwindDisallowRule: PolicyRule;

package/dist/design-system/ai/policies/rules/token-variable.rules.d.ts

@@ -0,0 +1,2 @@
+import type { PolicyRule } from "../policy.types";
+export declare const enforceTokenVariableRule: PolicyRule;

package/dist/design-system/ai/sdk/index.d.ts

@@ -0,0 +1 @@
+export { createUDSRuntimeHelperSDK, type UDSRuntimeHelperSDK, type CreateUDSRuntimeHelperSDKOptions, type CanonicalizedPropsResult, } from "./runtime-sdk";

package/dist/design-system/ai/sdk/runtime-sdk.d.ts

@@ -0,0 +1,21 @@
+import { ComponentRegistry } from "../manifest/components.manifest";
+import { UDSManifest } from "../manifest/system.manifest";
+import type { GovernanceConfig, VersionLineage } from "../manifest/types";
+import { type AIValidationResult } from "../validation/validateAIOutput";
+export interface CanonicalizedPropsResult {
+    canonicalProps: Record<string, unknown>;
+    aliasesApplied: Record<string, string>;
+}
+export interface UDSRuntimeHelperSDK {
+    readonly governance: GovernanceConfig;
+    getVersionLineage(): VersionLineage;
+    getManifest(): typeof UDSManifest;
+    getComponent(componentName: string): (typeof ComponentRegistry)[string] | undefined;
+    canonicalizeProps(componentName: string, props: Record<string, unknown>): CanonicalizedPropsResult;
+    validate(output: unknown): AIValidationResult;
+    validateOrThrow(output: unknown): AIValidationResult;
+}
+export interface CreateUDSRuntimeHelperSDKOptions {
+    governance?: GovernanceConfig;
+}
+export declare function createUDSRuntimeHelperSDK(options?: CreateUDSRuntimeHelperSDKOptions): UDSRuntimeHelperSDK;

package/dist/design-system/ai/validation/deterministicFeedback.d.ts

@@ -0,0 +1,15 @@
+import type { PolicyViolation } from "../policies/policy.types";
+export interface DeterministicViolationFeedback {
+    id: string;
+    code: string;
+    path: string;
+    message: string;
+    fix: string;
+    severity: "error" | "warning";
+}
+export declare function sortAndDedupeViolations(violations: PolicyViolation[]): PolicyViolation[];
+export declare function buildDeterministicFeedback(violations: PolicyViolation[]): {
+    fingerprint: string;
+    summary: string;
+    items: DeterministicViolationFeedback[];
+};

package/dist/design-system/ai/validation/index.d.ts

@@ -0,0 +1,5 @@
+export { validateTree } from "./validateTree";
+export { validateSchema } from "./schemaValidation";
+export { detectDrift } from "./driftDetection";
+export { validateAIOutput } from "./validateAIOutput";
+export { buildDeterministicFeedback, sortAndDedupeViolations } from "./deterministicFeedback";

package/dist/design-system/ai/validation/validateAIOutput.d.ts

@@ -4,8 +4,21 @@ export interface AIValidationResult {
     status: "pass" | "fail";
     violations: PolicyViolation[];
     warnings: PolicyViolation[];
+    deterministicFeedback?: {
+        fingerprint: string;
+        summary: string;
+        items: Array<{
+            id: string;
+            code: string;
+            path: string;
+            message: string;
+            fix: string;
+            severity: "error" | "warning";
+        }>;
+    };
     governanceVersionUsed: string;
     manifestVersionUsed: string;
+    policyVersionUsed: string;
     timestamp: string;
     versionLineage: VersionLineage;
 }

package/dist/design-system/charts/BizChartsAdapters.d.ts

@@ -0,0 +1,40 @@
+import { type CSSProperties } from "react";
+type ChartDatum = Record<string, string | number>;
+interface BaseChartProps {
+    data: ChartDatum[];
+    height?: number;
+    autoFit?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+interface CartesianChartProps extends BaseChartProps {
+    xField?: string;
+    yField?: string;
+    seriesField?: string;
+}
+interface PieChartProps extends BaseChartProps {
+    angleField?: string;
+    colorField?: string;
+}
+interface ScatterChartProps extends BaseChartProps {
+    xField?: string;
+    yField?: string;
+    colorField?: string;
+    sizeField?: string;
+}
+declare function UDSLineChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
+export declare const UDSLineChart: import("react").MemoExoticComponent<typeof UDSLineChartComponent>;
+declare function UDSBarChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
+export declare const UDSBarChart: import("react").MemoExoticComponent<typeof UDSBarChartComponent>;
+declare function UDSPieChartComponent({ data, angleField, colorField, height, autoFit, className, style, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
+export declare const UDSPieChart: import("react").MemoExoticComponent<typeof UDSPieChartComponent>;
+declare function UDSDoughnutChartComponent({ data, angleField, colorField, height, autoFit, className, style, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
+export declare const UDSDoughnutChart: import("react").MemoExoticComponent<typeof UDSDoughnutChartComponent>;
+declare function UDSScatterChartComponent({ data, xField, yField, colorField, sizeField, height, autoFit, className, style, }: ScatterChartProps): import("react/jsx-runtime").JSX.Element;
+export declare const UDSScatterChart: import("react").MemoExoticComponent<typeof UDSScatterChartComponent>;
+export declare function UDSBubbleChart(props: ScatterChartProps): import("react/jsx-runtime").JSX.Element;
+declare function UDSRadarChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
+export declare const UDSRadarChart: import("react").MemoExoticComponent<typeof UDSRadarChartComponent>;
+declare function UDSPolarAreaChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
+export declare const UDSPolarAreaChart: import("react").MemoExoticComponent<typeof UDSPolarAreaChartComponent>;
+export {};

package/dist/design-system/charts/index.d.ts

@@ -0,0 +1 @@
+export { UDSBarChart, UDSBubbleChart, UDSDoughnutChart, UDSLineChart, UDSPieChart, UDSPolarAreaChart, UDSRadarChart, UDSScatterChart, } from "./BizChartsAdapters";

package/dist/design-system/components/Button/Button.d.ts

@@ -1,3 +1,3 @@
 import type { ButtonProps } from "./Button.types";
 import "./_button.scss";
-export default function Button({ label, appearance, layout, size, icon, iconSize, icons, children, tracking, className, onClick, disabled, "aria-label": ariaLabel, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function Button({ label, appearance, layout, size, icon, iconSize, icons, children, tracking, loading, className, onClick, disabled, "aria-label": ariaLabel, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/Button/Button.types.d.ts

@@ -13,4 +13,5 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     icons?: ReactNode;
     children?: ReactNode;
     tracking?: ButtonTracking;
+    loading?: boolean;
 }

package/dist/design-system/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,3 @@
+import "./_button-group.scss";
+import type { ButtonGroupProps } from "./ButtonGroup.types";
+export declare function ButtonGroup({ options, orientation, size, disabled, className, children, ...rest }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/ButtonGroup/ButtonGroup.types.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes } from "react";
+import type { ButtonLayout, ButtonProps, ButtonSize } from "../Button/Button.types";
+export interface ButtonGroupOption {
+    id: string;
+    label: string;
+    layout?: ButtonLayout;
+    size?: ButtonSize;
+    icon?: ButtonProps["icon"];
+    iconSize?: number;
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: ButtonProps["onClick"];
+}
+export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    options?: ButtonGroupOption[];
+    orientation?: "horizontal" | "vertical";
+    size?: ButtonSize;
+    disabled?: boolean;
+}

package/dist/design-system/components/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonGroup } from "./ButtonGroup";
+export type { ButtonGroupProps } from "./ButtonGroup.types";

package/dist/design-system/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,3 @@
+import "./_checkbox-group.scss";
+import type { CheckboxGroupProps } from "./CheckboxGroup.types";
+export declare function CheckboxGroup({ options, values, defaultValues, onChange, label, orientation, disabled, className, ...rest }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/CheckboxGroup/CheckboxGroup.types.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface CheckboxGroupOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
+    options: CheckboxGroupOption[];
+    values?: string[];
+    defaultValues?: string[];
+    onChange?: (values: string[]) => void;
+    label?: ReactNode;
+    orientation?: "vertical" | "horizontal";
+    disabled?: boolean;
+}

package/dist/design-system/components/CheckboxGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxGroup } from "./CheckboxGroup";
+export type { CheckboxGroupProps } from "./CheckboxGroup.types";

package/dist/design-system/components/Checklist/Checklist.d.ts

@@ -0,0 +1,3 @@
+import "./_checklist.scss";
+import type { ChecklistProps } from "./Checklist.types";
+export declare function Checklist({ title, items, activeItemId, onItemSelect, className, ...rest }: ChecklistProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/Checklist/Checklist.types.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface ChecklistItem {
+    id: string;
+    label: ReactNode;
+    completed?: boolean;
+    disabled?: boolean;
+}
+export interface ChecklistProps extends HTMLAttributes<HTMLElement> {
+    title: ReactNode;
+    items: ChecklistItem[];
+    activeItemId?: string;
+    onItemSelect?: (item: ChecklistItem, index: number) => void;
+}

package/dist/design-system/components/Checklist/index.d.ts

@@ -0,0 +1,2 @@
+export { Checklist } from "./Checklist";
+export type { ChecklistItem, ChecklistProps } from "./Checklist.types";

package/dist/design-system/components/Chip/Chip.d.ts

@@ -3,8 +3,9 @@ import type { ChipProps } from "./Chip.types";
 /**
  * Chip component for displaying labels, tags, or filters
  * @param {string} label - The text content of the chip
- * @param {string} appearance - Visual style variant: 'outline' or 'primary'
- * @param {string} shape - Shape variant: 'pill' (fully rounded) or 'rounded' (slightly rounded)
+ * @param {boolean} selected - Selected state (unselected by default)
+ * @param {boolean} rounded - Shape toggle: true (fully rounded), false (less rounded)
+ * @param {string} size - Size variant: 'default', 'compact', or 'mini'
  * @param {string} iconPlacement - Icon placement: 'both', 'left', 'right', or 'none'
  * @param {string} icon - Icon name to display (when iconPlacement is not 'none')
  * @param {number|string} badge - Badge count to display
@@ -14,4 +15,4 @@ import type { ChipProps } from "./Chip.types";
  * @param {boolean} disabled - Whether the chip is disabled
  * @param {object} props - Additional props to pass to the chip element
  */
-export default function Chip({ label, appearance, shape, iconPlacement, icon, badge, badgeVariant, className, onClick, disabled, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
+export default function Chip({ label, selected, rounded, size, iconPlacement, icon, badge, badgeVariant, className, onClick, disabled, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/Chip/Chip.types.d.ts

@@ -1,13 +1,17 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export interface ChipProps extends HTMLAttributes<HTMLDivElement> {
-    label?: unknown;
-    appearance?: string;
-    shape?: string;
-    iconPlacement?: string;
+import type { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
+import type { BadgeVariant } from "../Badge/Badge.types";
+export type ChipSize = "default" | "compact" | "mini";
+export type ChipIconPlacement = "both" | "left" | "right" | "none";
+export interface ChipProps extends HTMLAttributes<HTMLElement> {
+    label?: ReactNode;
+    selected?: boolean;
+    rounded?: boolean;
+    size?: ChipSize;
+    iconPlacement?: ChipIconPlacement;
     icon?: string | ReactNode;
-    badge?: unknown;
-    badgeVariant?: string;
+    badge?: number | string;
+    badgeVariant?: BadgeVariant;
     className?: string;
-    onClick?: (...args: unknown[]) => void;
+    onClick?: MouseEventHandler<HTMLElement>;
     disabled?: boolean;
 }

package/dist/design-system/components/CurrencyInput/CurrencyInput.d.ts

@@ -0,0 +1,2 @@
+import type { CurrencyInputProps } from "./CurrencyInput.types";
+export declare function CurrencyInput(props: CurrencyInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/CurrencyInput/CurrencyInput.types.d.ts

@@ -0,0 +1,3 @@
+import type { TextInputProps } from "../TextInput";
+export interface CurrencyInputProps extends Omit<TextInputProps, "type" | "inputMode" | "icon" | "iconPosition"> {
+}

package/dist/design-system/components/CurrencyInput/index.d.ts

@@ -0,0 +1,2 @@
+export { CurrencyInput } from "./CurrencyInput";
+export type { CurrencyInputProps } from "./CurrencyInput.types";

package/dist/design-system/components/DateInput/DateInput.d.ts

@@ -0,0 +1,2 @@
+import type { DateInputProps } from "./DateInput.types";
+export declare function DateInput(props: DateInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/DateInput/DateInput.types.d.ts

@@ -0,0 +1,3 @@
+import type { TextInputProps } from "../TextInput";
+export interface DateInputProps extends Omit<TextInputProps, "type"> {
+}

package/dist/design-system/components/DateInput/index.d.ts

@@ -0,0 +1,2 @@
+export { DateInput } from "./DateInput";
+export type { DateInputProps } from "./DateInput.types";

package/dist/design-system/components/DateRangeInput/DateRangeInput.d.ts

@@ -0,0 +1,3 @@
+import type { DateRangeInputProps } from "./DateRangeInput.types";
+import "./_date-range-input.scss";
+export declare function DateRangeInput({ startValue, endValue, onStartChange, onEndChange, startPlaceholder, endPlaceholder, startLabel, endLabel, size, state, disabled, className, ...rest }: DateRangeInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/DateRangeInput/DateRangeInput.types.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { TextInputProps, TextInputSize, TextInputState } from "../TextInput";
+export interface DateRangeInputProps extends HTMLAttributes<HTMLDivElement> {
+    startValue?: TextInputProps["value"];
+    endValue?: TextInputProps["value"];
+    onStartChange?: TextInputProps["onChange"];
+    onEndChange?: TextInputProps["onChange"];
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    startLabel?: ReactNode;
+    endLabel?: ReactNode;
+    size?: TextInputSize;
+    state?: TextInputState;
+    disabled?: boolean;
+}

package/dist/design-system/components/DateRangeInput/index.d.ts

@@ -0,0 +1,2 @@
+export { DateRangeInput } from "./DateRangeInput";
+export type { DateRangeInputProps } from "./DateRangeInput.types";

package/dist/design-system/components/Dialog/Dialog.types.d.ts

@@ -1,20 +1,21 @@
 import type { HTMLAttributes, ReactNode } from "react";
+export type DialogIntent = "info" | "success" | "warning" | "destructive";
 export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     open?: boolean;
-    onClose?: (...args: unknown[]) => void;
-    intent?: string;
-    icon?: string | ReactNode;
-    title?: unknown;
-    description?: unknown;
+    onClose?: () => void;
+    intent?: DialogIntent;
+    icon?: string;
+    title?: ReactNode;
+    description?: ReactNode;
     confirmLabel?: string;
     cancelLabel?: string;
-    onConfirm?: (...args: unknown[]) => void;
-    onCancel?: (...args: unknown[]) => void;
+    onConfirm?: () => void;
+    onCancel?: () => void;
     showCancel?: boolean;
     loading?: boolean;
     closeOnBackdrop?: boolean;
     closeOnEscape?: boolean;
-    container?: unknown;
+    container?: HTMLElement;
     className?: string;
     children?: ReactNode;
 }

package/dist/design-system/components/Field/Field.d.ts

@@ -14,4 +14,4 @@ import type { FieldProps } from "./Field.types";
  * @param {React.ReactNode} children - The input element to wrap
  * @param {object} props - Additional props to pass to the field wrapper
  */
-export default function Field({ label, required, helperMessage, infoIcon, onInfoClick, maxLength, value, id, className, children, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;
+export default function Field({ label, state, required, helperMessage, maxLength, value, infoIcon, onInfoClick, id, className, children, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/Field/Field.types.d.ts

@@ -1,13 +1,15 @@
-import type { ButtonHTMLAttributes, ReactNode } from "react";
-export interface FieldProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    label?: unknown;
+import type { HTMLAttributes, ReactNode } from "react";
+export type FieldState = "default" | "error";
+export interface FieldProps extends HTMLAttributes<HTMLDivElement> {
+    label?: ReactNode;
+    state?: FieldState;
     required?: boolean;
-    helperMessage?: unknown;
-    infoIcon?: unknown;
-    onInfoClick?: (...args: unknown[]) => void;
-    maxLength?: unknown;
-    value?: unknown;
-    id?: unknown;
+    helperMessage?: ReactNode;
+    maxLength?: number;
+    value?: string | number;
+    infoIcon?: string;
+    onInfoClick?: () => void;
+    id?: string;
     className?: string;
     children?: ReactNode;
 }

package/dist/design-system/components/FileUpload/FileUpload.d.ts

@@ -12,4 +12,4 @@ import type { FileUploadProps } from "./FileUpload.types";
  * @param {string} className - Additional CSS classes
  * @param {object} props - Additional props to pass to the file input
  */
-export default function FileUpload({ onFileSelect, accept, maxSize, acceptText, instructionText, multiple, disabled, className, ...props }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export default function FileUpload({ onFileSelect, accept, maxSize, acceptText, instructionText, size, multiple, disabled, className, ...props }: FileUploadProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/FileUpload/FileUpload.types.d.ts

@@ -1,10 +1,12 @@
 import type { InputHTMLAttributes } from "react";
+export type FileUploadSize = "default" | "small";
 export interface FileUploadProps extends InputHTMLAttributes<HTMLInputElement> {
     onFileSelect?: (...args: unknown[]) => void;
     accept?: unknown[];
     maxSize?: number;
     acceptText?: unknown;
     instructionText?: string;
+    size?: FileUploadSize;
     multiple?: boolean;
     disabled?: boolean;
     className?: string;

package/dist/design-system/components/Menu/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Menu";
+export { default as Menu } from "./Menu";
+export type { MenuProps } from "./Menu.types";

package/dist/design-system/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,3 @@
+import "./_number-input.scss";
+import type { NumberInputProps } from "./NumberInput.types";
+export declare function NumberInput({ value, onChange, placeholder, size, state, disabled, id, label, helperText, errorText, className, "aria-describedby": ariaDescribedBy, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/NumberInput/NumberInput.types.d.ts

@@ -0,0 +1,2 @@
+import type { TextInputProps } from "../TextInput";
+export type NumberInputProps = Omit<TextInputProps, "type">;

package/dist/design-system/components/NumberInput/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInput } from "./NumberInput";
+export type { NumberInputProps } from "./NumberInput.types";

package/dist/design-system/components/Pagination/Pagination.d.ts

@@ -5,8 +5,10 @@ import type { PaginationProps } from "./Pagination.types";
  * @param {number} currentPage - Current active page (1-indexed)
  * @param {number} totalPages - Total number of pages
  * @param {function} onPageChange - Callback when page changes: (page: number) => void
- * @param {string} variant - Variant style: "default" | "underline" | "with-jump" | "underline-with-jump" | "underline-double"
- * @param {boolean} showFirstLast - Show first/last page buttons (for variants with double buttons)
+ * @param {string} variant - Variant style: "default" | "line"
+ * @param {boolean} showJumpInput - Toggle jump-to-page input
+ * @param {boolean} showDoubleButtons - Toggle first/last page buttons
+ * @param {boolean} showFirstLast - Backward-compatible alias for showDoubleButtons
  * @param {string} className - Additional CSS classes
  */
-export default function Pagination({ currentPage, totalPages, onPageChange, variant, showFirstLast, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export default function Pagination({ currentPage, totalPages, onPageChange, variant, showJumpInput, showDoubleButtons, showFirstLast, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/Pagination/Pagination.types.d.ts

@@ -1,9 +1,12 @@
 import type { ButtonHTMLAttributes } from "react";
+export type PaginationVariant = "default" | "line";
 export interface PaginationProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     currentPage?: number;
     totalPages?: number;
     onPageChange?: (...args: unknown[]) => void;
-    variant?: string;
+    variant?: PaginationVariant;
+    showJumpInput?: boolean;
+    showDoubleButtons?: boolean;
     showFirstLast?: boolean;
     className?: string;
 }

package/dist/design-system/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,2 @@
+import type { PasswordInputProps } from "./PasswordInput.types";
+export declare function PasswordInput({ showToggle, initiallyVisible, ...props }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/PasswordInput/PasswordInput.types.d.ts

@@ -0,0 +1,5 @@
+import type { TextInputProps } from "../TextInput";
+export interface PasswordInputProps extends Omit<TextInputProps, "type" | "icon" | "onIconClick"> {
+    showToggle?: boolean;
+    initiallyVisible?: boolean;
+}