@mich8060/unified-design-system 0.2.13 → 0.2.14

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/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/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' or 'compact'
  * @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";
+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/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/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/ProgressCircle/ProgressCircle.d.ts

@@ -5,11 +5,12 @@ import type { ProgressCircleProps } from "./ProgressCircle.types";
  * @param {number} value - Progress value (0-100)
  * @param {number} max - Maximum value (default: 100)
  * @param {string} size - Size variant: 'xxs', 'xs', 'sm', 'md', or 'lg'
- * @param {string} shape - Shape variant: 'circle' (full circle) or 'half-circle' (semi-circle)
+ * @param {string} shape - Shape variant: 'circle' or 'half-circle'
  * @param {string} label - Optional label text to display
+ * @param {string} valueLabel - Optional custom center value text
  * @param {boolean} showLabel - Whether to show the label (if provided)
  * @param {string} className - Additional CSS classes
  * @param {string} 'aria-label' - Accessible label for screen readers
  * @param {object} props - Additional props to pass to the progress element
  */
-export default function ProgressCircle({ value, max, size, shape, label, showLabel, className, "aria-label": ariaLabel, ...props }: ProgressCircleProps): import("react/jsx-runtime").JSX.Element;
+export default function ProgressCircle({ value, max, size, shape, label, valueLabel, showLabel, className, "aria-label": ariaLabel, ...props }: ProgressCircleProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,14 @@
 import type { HTMLAttributes } from "react";
+import type { ReactNode } from "react";
+export type ProgressCircleSize = "xxs" | "xs" | "sm" | "md" | "lg";
+export type ProgressCircleShape = "circle" | "half-circle";
 export interface ProgressCircleProps extends HTMLAttributes<HTMLDivElement> {
     value?: number;
     max?: number;
-    size?: string;
-    shape?: string;
-    label?: unknown;
+    size?: ProgressCircleSize;
+    shape?: ProgressCircleShape;
+    label?: ReactNode;
+    valueLabel?: ReactNode;
     showLabel?: boolean;
     className?: string;
 }

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

@@ -8,9 +8,10 @@ import type { ProgressIndicatorProps } from "./ProgressIndicator.types";
  * @param {string} size - Size variant: 'small', 'medium', or 'large'
  * @param {string} label - Optional label text to display above the progress bar
  * @param {boolean} showValue - Whether to show the percentage value
+ * @param {string} labelPosition - Where to place the percentage label
  * @param {boolean} showLabel - Whether to show the label (if provided)
  * @param {string} className - Additional CSS classes
  * @param {string} 'aria-label' - Accessible label for screen readers
  * @param {object} props - Additional props to pass to the progress element
  */
-export default function ProgressIndicator({ value, max, variant, size, label, showValue, showLabel, className, "aria-label": ariaLabel, ...props }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export default function ProgressIndicator({ value, max, variant, size, label, showValue, labelPosition, showLabel, className, "aria-label": ariaLabel, ...props }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,15 @@
-import type { HTMLAttributes } from "react";
+import type { HTMLAttributes, ReactNode } from "react";
+export type ProgressIndicatorVariant = "default" | "blue" | "green" | "success" | "orange" | "warning" | "red" | "error" | "purple";
+export type ProgressIndicatorSize = "small" | "medium" | "large";
+export type ProgressIndicatorLabelPosition = "false" | "right" | "bottom" | "top-floating" | "bottom-floating";
 export interface ProgressIndicatorProps extends HTMLAttributes<HTMLDivElement> {
     value?: number;
     max?: number;
-    variant?: string;
-    size?: string;
-    label?: unknown;
+    variant?: ProgressIndicatorVariant;
+    size?: ProgressIndicatorSize;
+    label?: ReactNode;
     showValue?: boolean;
     showLabel?: boolean;
+    labelPosition?: ProgressIndicatorLabelPosition;
     className?: string;
 }

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

@@ -9,4 +9,4 @@ import type { TooltipProps } from "./Tooltip.types";
  * @param {string} className - Additional CSS classes
  * @param {object} props - Additional props to pass to the wrapper element
  */
-export default function Tooltip({ children, content, placement, disabled, className, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default function Tooltip({ children, content, placement, disabled, defaultVisible, className, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -4,5 +4,6 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
     content?: unknown;
     placement?: string;
     disabled?: boolean;
+    defaultVisible?: boolean;
     className?: string;
 }