@mich8060/unified-design-system 0.2.13 → 0.2.15

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

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

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

@@ -0,0 +1,2 @@
+import type { PhoneInputProps } from "./PhoneInput.types";
+export declare function PhoneInput({ onBlur, onChange, onValidityChange, maxDigits, errorText, state, placeholder, ...props }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import type { TextInputProps } from "../TextInput";
+export interface PhoneInputProps extends Omit<TextInputProps, "type" | "inputMode"> {
+    maxDigits?: number;
+    onValidityChange?: (isValid: boolean) => void;
+}

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

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

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/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,3 @@
+import "./_radio-group.scss";
+import type { RadioGroupProps } from "./RadioGroup.types";
+export declare function RadioGroup({ options, value, defaultValue, onChange, name, label, orientation, disabled, className, ...rest }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import "./_section-header.scss";
+import type { SectionHeaderProps } from "./SectionHeader.types";
+export declare function SectionHeader({ eyebrow, title, description, meta, actions, divider, className, ...rest }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    meta?: ReactNode;
+    actions?: ReactNode;
+    divider?: boolean;
+}

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

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

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

@@ -0,0 +1,3 @@
+import "./_statistics.scss";
+import type { StatisticsProps } from "./Statistics.types";
+export declare function Statistics({ label, value, helperText, statusLabel, changeText, trend, icon, actionIcon, showAccentRail, accent, progressValue, progressLabel, progressDelta, className, ...rest }: StatisticsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type StatisticsTrend = "up" | "down" | "neutral";
+export type StatisticsAccent = "brand" | "success" | "warning" | "danger" | "neutral";
+export interface StatisticsProps extends HTMLAttributes<HTMLDivElement> {
+    label?: ReactNode;
+    value?: ReactNode;
+    helperText?: ReactNode;
+    statusLabel?: ReactNode;
+    changeText?: ReactNode;
+    trend?: StatisticsTrend;
+    icon?: string;
+    actionIcon?: string;
+    showAccentRail?: boolean;
+    accent?: StatisticsAccent;
+    progressValue?: number;
+    progressLabel?: ReactNode;
+    progressDelta?: ReactNode;
+}

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

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

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

@@ -1,9 +1,11 @@
 import type { HTMLAttributes } from "react";
+export type StatusAppearance = "light-gray" | "white" | "transparent";
+export type StatusShape = "pill" | "rounded";
 export interface StatusProps extends HTMLAttributes<HTMLDivElement> {
     label?: unknown;
     variant?: string;
-    appearance?: string;
-    shape?: string;
+    appearance?: StatusAppearance;
+    shape?: StatusShape;
     className?: string;
     onClick?: (...args: unknown[]) => void;
     disabled?: boolean;

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

@@ -13,6 +13,6 @@ import type { TabsProps } from "./Tabs.types";
  * @param {string} className - Additional CSS classes
  * @param {object} props - Additional props to pass to the tabs container
  */
-declare function Tabs({ tabs, appearance, activeTab, fill, scrollable, onTabChange, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Tabs({ tabs, appearance, orientation, activeTab, fill, scrollable, onTabChange, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof Tabs>;
 export default _default;

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

@@ -1,7 +1,10 @@
 import type { HTMLAttributes } from "react";
+export type TabsAppearance = "underline" | "block" | "block-inverted";
+export type TabsOrientation = "horizontal" | "vertical";
 export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
     tabs?: unknown[];
-    appearance?: string;
+    appearance?: TabsAppearance;
+    orientation?: TabsOrientation;
     activeTab?: unknown;
     fill?: boolean;
     scrollable?: boolean;

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { default as Toggle } from "./Toggle";
+export type { ToggleProps } from "./Toggle.types";

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

@@ -0,0 +1,4 @@
+import "./_token-input.scss";
+import type { TokenInputProps } from "./TokenInput.types";
+export declare function TokenInput({ tokens, defaultTokens, onTokensChange, inputValue, defaultInputValue, onInputValueChange, allowDuplicates, maxTokens, size, state, disabled, placeholder, label, helperText, errorText, className, id, "aria-describedby": ariaDescribedBy, ...props }: TokenInputProps): import("react/jsx-runtime").JSX.Element;
+export default TokenInput;

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

@@ -0,0 +1,17 @@
+import type { InputHTMLAttributes, ReactNode } from "react";
+import type { TextInputSize, TextInputState } from "../TextInput/TextInput.types";
+export interface TokenInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange"> {
+    tokens?: string[];
+    defaultTokens?: string[];
+    onTokensChange?: (tokens: string[]) => void;
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputValueChange?: (value: string) => void;
+    allowDuplicates?: boolean;
+    maxTokens?: number;
+    size?: TextInputSize;
+    state?: TextInputState;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    errorText?: ReactNode;
+}

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

@@ -0,0 +1,3 @@
+export { TokenInput } from "./TokenInput";
+export { default } from "./TokenInput";
+export type { TokenInputProps } from "./TokenInput.types";

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

@@ -0,0 +1,3 @@
+import "./_toolbar.scss";
+import type { ToolbarProps } from "./Toolbar.types";
+export declare function Toolbar({ left, right, title, branding, center, className, ...rest }: ToolbarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    left?: ReactNode;
+    right?: ReactNode;
+    title?: ReactNode;
+    branding?: ReactNode;
+    center?: ReactNode;
+}

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

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

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;
 }

package/dist/design-system/figma-make/index.d.ts

@@ -0,0 +1,42 @@
+export { AppShell } from "../../app-shell/AppShell";
+export type { AppShellProps, AppShellSlots, AppShellSectionProps } from "../../app-shell/AppShell";
+export { ActionMenu } from "../components/ActionMenu";
+export { Avatar } from "../components/Avatar";
+export { Badge } from "../components/Badge";
+export { Button } from "../components/Button";
+export { Card } from "../components/Card";
+export { Checkbox } from "../components/Checkbox";
+export { Checklist } from "../components/Checklist";
+export { Code } from "../components/Code";
+export { Container } from "../components/Container";
+export { DateInput } from "../components/DateInput";
+export { DateRangeInput } from "../components/DateRangeInput";
+export { Divider } from "../components/Divider";
+export { Dropdown } from "../components/Dropdown";
+export { Field } from "../components/Field";
+export { FileUpload } from "../components/FileUpload";
+export { Flex } from "../components/Flex";
+export { Icon } from "../components/Icon";
+export { Menu } from "../components/Menu";
+export { Modal } from "../components/Modal";
+export { Pagination } from "../components/Pagination";
+export { ProgressIndicator } from "../components/ProgressIndicator";
+export { SearchInput } from "../components/SearchInput";
+export { Slider } from "../components/Slider";
+export { Status } from "../components/Status";
+export { Steps } from "../components/Steps";
+export { Table } from "../components/Table";
+export { Tabs } from "../components/Tabs";
+export { Tag } from "../components/Tag";
+export { Text } from "../components/Text";
+export { TextInput } from "../components/TextInput";
+export { Textarea } from "../components/Textarea";
+export { TimeInput } from "../components/TimeInput";
+export { Toolbar } from "../components/Toolbar";
+export { Toggle } from "../components/Toggle";
+export { Tooltip } from "../components/Tooltip";
+export { ThemeProvider, createBrand, createTheme, useTheme, useThemeController } from "../theme";
+export { createUDSRuntimeHelperSDK } from "../ai/sdk";
+export { validateAIOutput } from "../ai/validation/validateAIOutput";
+export declare const FIGMA_MAKE_CONTRACT_ENTRYPOINT = "@mich8060/unified-design-system/ai/figma-make";
+export declare const FIGMA_MAKE_PROMPT_ENTRYPOINT = "@mich8060/unified-design-system/ai/prompts/figma-make";