@mich8060/unified-design-system 0.2.14 → 0.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/dist/ai/discovery.json +14 -0
  2. package/dist/ai/examples/training.examples.cjs +1 -1
  3. package/dist/ai/examples/training.examples.js +1 -1
  4. package/dist/ai/figma-make.contract.json +190 -0
  5. package/dist/ai/figma-make.md +71 -0
  6. package/dist/ai/icons/catalog.json +76 -0
  7. package/dist/ai/index.cjs +1 -1
  8. package/dist/ai/index.js +1 -1
  9. package/dist/ai/manifest/components.manifest.cjs +1 -1
  10. package/dist/ai/manifest/components.manifest.js +1 -1
  11. package/dist/ai/manifest/index.cjs +1 -1
  12. package/dist/ai/manifest/index.js +1 -1
  13. package/dist/ai/manifest/intent-mappings.manifest.cjs +1 -0
  14. package/dist/ai/manifest/intent-mappings.manifest.js +1 -0
  15. package/dist/ai/manifest/system.manifest.cjs +1 -1
  16. package/dist/ai/manifest/system.manifest.js +1 -1
  17. package/dist/ai/manifest.json +366 -2
  18. package/dist/ai/policies/policy.engine.cjs +1 -1
  19. package/dist/ai/policies/policy.engine.js +1 -1
  20. package/dist/ai/policies/rules/props.rules.cjs +1 -1
  21. package/dist/ai/policies/rules/props.rules.js +1 -1
  22. package/dist/ai/policies/rules/tailwind.rules.cjs +1 -0
  23. package/dist/ai/policies/rules/tailwind.rules.js +1 -0
  24. package/dist/ai/policies/rules/token-variable.rules.cjs +1 -0
  25. package/dist/ai/policies/rules/token-variable.rules.js +1 -0
  26. package/dist/ai/prompts/figma-make.prompt.md +59 -0
  27. package/dist/ai/prompts/repair.prompt.md +13 -0
  28. package/dist/ai/prompts/starter.prompt.md +59 -0
  29. package/dist/ai/prompts/system.prompt.md +33 -0
  30. package/dist/ai/templates/layouts.json +272 -37
  31. package/dist/ai/validation/deterministicFeedback.cjs +1 -1
  32. package/dist/ai/validation/deterministicFeedback.js +1 -1
  33. package/dist/ai/validation/driftDetection.cjs +1 -1
  34. package/dist/ai/validation/driftDetection.js +1 -1
  35. package/dist/app-shell/AppShell.d.ts +8 -0
  36. package/dist/charts/BizChartsAdapters.cjs +1 -0
  37. package/dist/charts/BizChartsAdapters.js +1 -0
  38. package/dist/charts-bizcharts/index.cjs +1 -0
  39. package/dist/charts-bizcharts/index.js +1 -0
  40. package/dist/components/ButtonGroup/ButtonGroup.cjs +1 -0
  41. package/dist/components/ButtonGroup/ButtonGroup.js +1 -0
  42. package/dist/components/CheckboxGroup/CheckboxGroup.cjs +1 -0
  43. package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -0
  44. package/dist/components/Checklist/Checklist.cjs +1 -0
  45. package/dist/components/Checklist/Checklist.js +1 -0
  46. package/dist/components/Chip/Chip.cjs +1 -1
  47. package/dist/components/Chip/Chip.js +1 -1
  48. package/dist/components/CurrencyInput/CurrencyInput.cjs +1 -0
  49. package/dist/components/CurrencyInput/CurrencyInput.js +1 -0
  50. package/dist/components/DateInput/DateInput.cjs +1 -0
  51. package/dist/components/DateInput/DateInput.js +1 -0
  52. package/dist/components/DateRangeInput/DateRangeInput.cjs +1 -0
  53. package/dist/components/DateRangeInput/DateRangeInput.js +1 -0
  54. package/dist/components/Icon/Icon.cjs +1 -1
  55. package/dist/components/Icon/Icon.js +1 -1
  56. package/dist/components/Menu/Menu.cjs +1 -1
  57. package/dist/components/Menu/Menu.js +1 -1
  58. package/dist/components/NumberInput/NumberInput.cjs +1 -0
  59. package/dist/components/NumberInput/NumberInput.js +1 -0
  60. package/dist/components/PasswordInput/PasswordInput.cjs +1 -0
  61. package/dist/components/PasswordInput/PasswordInput.js +1 -0
  62. package/dist/components/PhoneInput/PhoneInput.cjs +1 -0
  63. package/dist/components/PhoneInput/PhoneInput.js +1 -0
  64. package/dist/components/RadioGroup/RadioGroup.cjs +1 -0
  65. package/dist/components/RadioGroup/RadioGroup.js +1 -0
  66. package/dist/components/SearchInput/SearchInput.cjs +1 -0
  67. package/dist/components/SearchInput/SearchInput.js +1 -0
  68. package/dist/components/SectionHeader/SectionHeader.cjs +1 -0
  69. package/dist/components/SectionHeader/SectionHeader.js +1 -0
  70. package/dist/components/Statistics/Statistics.cjs +1 -0
  71. package/dist/components/Statistics/Statistics.js +1 -0
  72. package/dist/components/Status/Status.cjs +1 -1
  73. package/dist/components/Status/Status.js +1 -1
  74. package/dist/components/Table/Table.cjs +1 -1
  75. package/dist/components/Table/Table.js +1 -1
  76. package/dist/components/Tabs/Tabs.cjs +1 -1
  77. package/dist/components/Tabs/Tabs.js +1 -1
  78. package/dist/components/TimeInput/TimeInput.cjs +1 -0
  79. package/dist/components/TimeInput/TimeInput.js +1 -0
  80. package/dist/components/TokenInput/TokenInput.cjs +1 -0
  81. package/dist/components/TokenInput/TokenInput.js +1 -0
  82. package/dist/components/Toolbar/Toolbar.cjs +1 -0
  83. package/dist/components/Toolbar/Toolbar.js +1 -0
  84. package/dist/design-system/ai/index.d.ts +2 -1
  85. package/dist/design-system/ai/manifest/index.d.ts +1 -0
  86. package/dist/design-system/ai/manifest/intent-mappings.manifest.d.ts +63 -0
  87. package/dist/design-system/ai/manifest/types.d.ts +8 -0
  88. package/dist/design-system/ai/policies/rules/tailwind.rules.d.ts +2 -0
  89. package/dist/design-system/ai/policies/rules/token-variable.rules.d.ts +2 -0
  90. package/dist/design-system/charts/BizChartsAdapters.d.ts +40 -0
  91. package/dist/design-system/charts/index.d.ts +1 -0
  92. package/dist/design-system/components/ButtonGroup/ButtonGroup.d.ts +3 -0
  93. package/dist/design-system/components/ButtonGroup/ButtonGroup.types.d.ts +19 -0
  94. package/dist/design-system/components/ButtonGroup/index.d.ts +2 -0
  95. package/dist/design-system/components/CheckboxGroup/CheckboxGroup.d.ts +3 -0
  96. package/dist/design-system/components/CheckboxGroup/CheckboxGroup.types.d.ts +15 -0
  97. package/dist/design-system/components/CheckboxGroup/index.d.ts +2 -0
  98. package/dist/design-system/components/Checklist/Checklist.d.ts +3 -0
  99. package/dist/design-system/components/Checklist/Checklist.types.d.ts +13 -0
  100. package/dist/design-system/components/Checklist/index.d.ts +2 -0
  101. package/dist/design-system/components/Chip/Chip.d.ts +1 -1
  102. package/dist/design-system/components/Chip/Chip.types.d.ts +1 -1
  103. package/dist/design-system/components/CurrencyInput/CurrencyInput.d.ts +2 -0
  104. package/dist/design-system/components/CurrencyInput/CurrencyInput.types.d.ts +3 -0
  105. package/dist/design-system/components/CurrencyInput/index.d.ts +2 -0
  106. package/dist/design-system/components/DateInput/DateInput.d.ts +2 -0
  107. package/dist/design-system/components/DateInput/DateInput.types.d.ts +3 -0
  108. package/dist/design-system/components/DateInput/index.d.ts +2 -0
  109. package/dist/design-system/components/DateRangeInput/DateRangeInput.d.ts +3 -0
  110. package/dist/design-system/components/DateRangeInput/DateRangeInput.types.d.ts +15 -0
  111. package/dist/design-system/components/DateRangeInput/index.d.ts +2 -0
  112. package/dist/design-system/components/Menu/index.d.ts +3 -0
  113. package/dist/design-system/components/NumberInput/NumberInput.d.ts +3 -0
  114. package/dist/design-system/components/NumberInput/NumberInput.types.d.ts +2 -0
  115. package/dist/design-system/components/NumberInput/index.d.ts +2 -0
  116. package/dist/design-system/components/PasswordInput/PasswordInput.d.ts +2 -0
  117. package/dist/design-system/components/PasswordInput/PasswordInput.types.d.ts +5 -0
  118. package/dist/design-system/components/PasswordInput/index.d.ts +2 -0
  119. package/dist/design-system/components/PhoneInput/PhoneInput.d.ts +2 -0
  120. package/dist/design-system/components/PhoneInput/PhoneInput.types.d.ts +5 -0
  121. package/dist/design-system/components/PhoneInput/index.d.ts +2 -0
  122. package/dist/design-system/components/RadioGroup/RadioGroup.d.ts +3 -0
  123. package/dist/design-system/components/RadioGroup/RadioGroup.types.d.ts +16 -0
  124. package/dist/design-system/components/RadioGroup/index.d.ts +2 -0
  125. package/dist/design-system/components/SearchInput/SearchInput.d.ts +2 -0
  126. package/dist/design-system/components/SearchInput/SearchInput.types.d.ts +3 -0
  127. package/dist/design-system/components/SearchInput/index.d.ts +2 -0
  128. package/dist/design-system/components/SectionHeader/SectionHeader.d.ts +3 -0
  129. package/dist/design-system/components/SectionHeader/SectionHeader.types.d.ts +9 -0
  130. package/dist/design-system/components/SectionHeader/index.d.ts +2 -0
  131. package/dist/design-system/components/Statistics/Statistics.d.ts +3 -0
  132. package/dist/design-system/components/Statistics/Statistics.types.d.ts +18 -0
  133. package/dist/design-system/components/Statistics/index.d.ts +2 -0
  134. package/dist/design-system/components/Status/Status.types.d.ts +4 -2
  135. package/dist/design-system/components/Tabs/Tabs.d.ts +1 -1
  136. package/dist/design-system/components/Tabs/Tabs.types.d.ts +4 -1
  137. package/dist/design-system/components/TimeInput/TimeInput.d.ts +2 -0
  138. package/dist/design-system/components/TimeInput/TimeInput.types.d.ts +3 -0
  139. package/dist/design-system/components/TimeInput/index.d.ts +2 -0
  140. package/dist/design-system/components/Toggle/index.d.ts +2 -0
  141. package/dist/design-system/components/TokenInput/TokenInput.d.ts +4 -0
  142. package/dist/design-system/components/TokenInput/TokenInput.types.d.ts +17 -0
  143. package/dist/design-system/components/TokenInput/index.d.ts +3 -0
  144. package/dist/design-system/components/Toolbar/Toolbar.d.ts +3 -0
  145. package/dist/design-system/components/Toolbar/Toolbar.types.d.ts +8 -0
  146. package/dist/design-system/components/Toolbar/index.d.ts +2 -0
  147. package/dist/design-system/figma-make/index.d.ts +42 -0
  148. package/dist/design-system/generated/component-api.d.ts +477 -2
  149. package/dist/design-system/index.d.ts +17 -0
  150. package/dist/figma-make/index.cjs +1 -0
  151. package/dist/figma-make/index.js +1 -0
  152. package/dist/generated/component-api.cjs +1 -1
  153. package/dist/generated/component-api.js +1 -1
  154. package/dist/index.cjs +1 -1
  155. package/dist/index.js +1 -1
  156. package/dist/src/app-shell/AppShell.cjs +1 -1
  157. package/dist/src/app-shell/AppShell.js +1 -1
  158. package/dist/style.css +1 -1
  159. package/package.json +52 -2
@@ -0,0 +1,40 @@
1
+ import { type CSSProperties } from "react";
2
+ type ChartDatum = Record<string, string | number>;
3
+ interface BaseChartProps {
4
+ data: ChartDatum[];
5
+ height?: number;
6
+ autoFit?: boolean;
7
+ className?: string;
8
+ style?: CSSProperties;
9
+ }
10
+ interface CartesianChartProps extends BaseChartProps {
11
+ xField?: string;
12
+ yField?: string;
13
+ seriesField?: string;
14
+ }
15
+ interface PieChartProps extends BaseChartProps {
16
+ angleField?: string;
17
+ colorField?: string;
18
+ }
19
+ interface ScatterChartProps extends BaseChartProps {
20
+ xField?: string;
21
+ yField?: string;
22
+ colorField?: string;
23
+ sizeField?: string;
24
+ }
25
+ declare function UDSLineChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
26
+ export declare const UDSLineChart: import("react").MemoExoticComponent<typeof UDSLineChartComponent>;
27
+ declare function UDSBarChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
28
+ export declare const UDSBarChart: import("react").MemoExoticComponent<typeof UDSBarChartComponent>;
29
+ declare function UDSPieChartComponent({ data, angleField, colorField, height, autoFit, className, style, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
30
+ export declare const UDSPieChart: import("react").MemoExoticComponent<typeof UDSPieChartComponent>;
31
+ declare function UDSDoughnutChartComponent({ data, angleField, colorField, height, autoFit, className, style, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
32
+ export declare const UDSDoughnutChart: import("react").MemoExoticComponent<typeof UDSDoughnutChartComponent>;
33
+ declare function UDSScatterChartComponent({ data, xField, yField, colorField, sizeField, height, autoFit, className, style, }: ScatterChartProps): import("react/jsx-runtime").JSX.Element;
34
+ export declare const UDSScatterChart: import("react").MemoExoticComponent<typeof UDSScatterChartComponent>;
35
+ export declare function UDSBubbleChart(props: ScatterChartProps): import("react/jsx-runtime").JSX.Element;
36
+ declare function UDSRadarChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
37
+ export declare const UDSRadarChart: import("react").MemoExoticComponent<typeof UDSRadarChartComponent>;
38
+ declare function UDSPolarAreaChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
39
+ export declare const UDSPolarAreaChart: import("react").MemoExoticComponent<typeof UDSPolarAreaChartComponent>;
40
+ export {};
@@ -0,0 +1 @@
1
+ export { UDSBarChart, UDSBubbleChart, UDSDoughnutChart, UDSLineChart, UDSPieChart, UDSPolarAreaChart, UDSRadarChart, UDSScatterChart, } from "./BizChartsAdapters";
@@ -0,0 +1,3 @@
1
+ import "./_button-group.scss";
2
+ import type { ButtonGroupProps } from "./ButtonGroup.types";
3
+ export declare function ButtonGroup({ options, orientation, size, disabled, className, children, ...rest }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import type { HTMLAttributes } from "react";
2
+ import type { ButtonLayout, ButtonProps, ButtonSize } from "../Button/Button.types";
3
+ export interface ButtonGroupOption {
4
+ id: string;
5
+ label: string;
6
+ layout?: ButtonLayout;
7
+ size?: ButtonSize;
8
+ icon?: ButtonProps["icon"];
9
+ iconSize?: number;
10
+ disabled?: boolean;
11
+ loading?: boolean;
12
+ onClick?: ButtonProps["onClick"];
13
+ }
14
+ export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
15
+ options?: ButtonGroupOption[];
16
+ orientation?: "horizontal" | "vertical";
17
+ size?: ButtonSize;
18
+ disabled?: boolean;
19
+ }
@@ -0,0 +1,2 @@
1
+ export { ButtonGroup } from "./ButtonGroup";
2
+ export type { ButtonGroupProps } from "./ButtonGroup.types";
@@ -0,0 +1,3 @@
1
+ import "./_checkbox-group.scss";
2
+ import type { CheckboxGroupProps } from "./CheckboxGroup.types";
3
+ export declare function CheckboxGroup({ options, values, defaultValues, onChange, label, orientation, disabled, className, ...rest }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
+ export interface CheckboxGroupOption {
3
+ value: string;
4
+ label: ReactNode;
5
+ disabled?: boolean;
6
+ }
7
+ export interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
8
+ options: CheckboxGroupOption[];
9
+ values?: string[];
10
+ defaultValues?: string[];
11
+ onChange?: (values: string[]) => void;
12
+ label?: ReactNode;
13
+ orientation?: "vertical" | "horizontal";
14
+ disabled?: boolean;
15
+ }
@@ -0,0 +1,2 @@
1
+ export { CheckboxGroup } from "./CheckboxGroup";
2
+ export type { CheckboxGroupProps } from "./CheckboxGroup.types";
@@ -0,0 +1,3 @@
1
+ import "./_checklist.scss";
2
+ import type { ChecklistProps } from "./Checklist.types";
3
+ export declare function Checklist({ title, items, activeItemId, onItemSelect, className, ...rest }: ChecklistProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
+ export interface ChecklistItem {
3
+ id: string;
4
+ label: ReactNode;
5
+ completed?: boolean;
6
+ disabled?: boolean;
7
+ }
8
+ export interface ChecklistProps extends HTMLAttributes<HTMLElement> {
9
+ title: ReactNode;
10
+ items: ChecklistItem[];
11
+ activeItemId?: string;
12
+ onItemSelect?: (item: ChecklistItem, index: number) => void;
13
+ }
@@ -0,0 +1,2 @@
1
+ export { Checklist } from "./Checklist";
2
+ export type { ChecklistItem, ChecklistProps } from "./Checklist.types";
@@ -5,7 +5,7 @@ import type { ChipProps } from "./Chip.types";
5
5
  * @param {string} label - The text content of the chip
6
6
  * @param {boolean} selected - Selected state (unselected by default)
7
7
  * @param {boolean} rounded - Shape toggle: true (fully rounded), false (less rounded)
8
- * @param {string} size - Size variant: 'default' or 'compact'
8
+ * @param {string} size - Size variant: 'default', 'compact', or 'mini'
9
9
  * @param {string} iconPlacement - Icon placement: 'both', 'left', 'right', or 'none'
10
10
  * @param {string} icon - Icon name to display (when iconPlacement is not 'none')
11
11
  * @param {number|string} badge - Badge count to display
@@ -1,6 +1,6 @@
1
1
  import type { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
2
2
  import type { BadgeVariant } from "../Badge/Badge.types";
3
- export type ChipSize = "default" | "compact";
3
+ export type ChipSize = "default" | "compact" | "mini";
4
4
  export type ChipIconPlacement = "both" | "left" | "right" | "none";
5
5
  export interface ChipProps extends HTMLAttributes<HTMLElement> {
6
6
  label?: ReactNode;
@@ -0,0 +1,2 @@
1
+ import type { CurrencyInputProps } from "./CurrencyInput.types";
2
+ export declare function CurrencyInput(props: CurrencyInputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import type { TextInputProps } from "../TextInput";
2
+ export interface CurrencyInputProps extends Omit<TextInputProps, "type" | "inputMode" | "icon" | "iconPosition"> {
3
+ }
@@ -0,0 +1,2 @@
1
+ export { CurrencyInput } from "./CurrencyInput";
2
+ export type { CurrencyInputProps } from "./CurrencyInput.types";
@@ -0,0 +1,2 @@
1
+ import type { DateInputProps } from "./DateInput.types";
2
+ export declare function DateInput(props: DateInputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import type { TextInputProps } from "../TextInput";
2
+ export interface DateInputProps extends Omit<TextInputProps, "type"> {
3
+ }
@@ -0,0 +1,2 @@
1
+ export { DateInput } from "./DateInput";
2
+ export type { DateInputProps } from "./DateInput.types";
@@ -0,0 +1,3 @@
1
+ import type { DateRangeInputProps } from "./DateRangeInput.types";
2
+ import "./_date-range-input.scss";
3
+ export declare function DateRangeInput({ startValue, endValue, onStartChange, onEndChange, startPlaceholder, endPlaceholder, startLabel, endLabel, size, state, disabled, className, ...rest }: DateRangeInputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
+ import type { TextInputProps, TextInputSize, TextInputState } from "../TextInput";
3
+ export interface DateRangeInputProps extends HTMLAttributes<HTMLDivElement> {
4
+ startValue?: TextInputProps["value"];
5
+ endValue?: TextInputProps["value"];
6
+ onStartChange?: TextInputProps["onChange"];
7
+ onEndChange?: TextInputProps["onChange"];
8
+ startPlaceholder?: string;
9
+ endPlaceholder?: string;
10
+ startLabel?: ReactNode;
11
+ endLabel?: ReactNode;
12
+ size?: TextInputSize;
13
+ state?: TextInputState;
14
+ disabled?: boolean;
15
+ }
@@ -0,0 +1,2 @@
1
+ export { DateRangeInput } from "./DateRangeInput";
2
+ export type { DateRangeInputProps } from "./DateRangeInput.types";
@@ -0,0 +1,3 @@
1
+ export { default } from "./Menu";
2
+ export { default as Menu } from "./Menu";
3
+ export type { MenuProps } from "./Menu.types";
@@ -0,0 +1,3 @@
1
+ import "./_number-input.scss";
2
+ import type { NumberInputProps } from "./NumberInput.types";
3
+ 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;
@@ -0,0 +1,2 @@
1
+ import type { TextInputProps } from "../TextInput";
2
+ export type NumberInputProps = Omit<TextInputProps, "type">;
@@ -0,0 +1,2 @@
1
+ export { NumberInput } from "./NumberInput";
2
+ export type { NumberInputProps } from "./NumberInput.types";
@@ -0,0 +1,2 @@
1
+ import type { PasswordInputProps } from "./PasswordInput.types";
2
+ export declare function PasswordInput({ showToggle, initiallyVisible, ...props }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import type { TextInputProps } from "../TextInput";
2
+ export interface PasswordInputProps extends Omit<TextInputProps, "type" | "icon" | "onIconClick"> {
3
+ showToggle?: boolean;
4
+ initiallyVisible?: boolean;
5
+ }
@@ -0,0 +1,2 @@
1
+ export { PasswordInput } from "./PasswordInput";
2
+ export type { PasswordInputProps } from "./PasswordInput.types";
@@ -0,0 +1,2 @@
1
+ import type { PhoneInputProps } from "./PhoneInput.types";
2
+ export declare function PhoneInput({ onBlur, onChange, onValidityChange, maxDigits, errorText, state, placeholder, ...props }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import type { TextInputProps } from "../TextInput";
2
+ export interface PhoneInputProps extends Omit<TextInputProps, "type" | "inputMode"> {
3
+ maxDigits?: number;
4
+ onValidityChange?: (isValid: boolean) => void;
5
+ }
@@ -0,0 +1,2 @@
1
+ export { PhoneInput } from "./PhoneInput";
2
+ export type { PhoneInputProps } from "./PhoneInput.types";
@@ -0,0 +1,3 @@
1
+ import "./_radio-group.scss";
2
+ import type { RadioGroupProps } from "./RadioGroup.types";
3
+ export declare function RadioGroup({ options, value, defaultValue, onChange, name, label, orientation, disabled, className, ...rest }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,16 @@
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
+ export interface RadioGroupOption {
3
+ value: string;
4
+ label: ReactNode;
5
+ disabled?: boolean;
6
+ }
7
+ export interface RadioGroupProps extends HTMLAttributes<HTMLDivElement> {
8
+ options: RadioGroupOption[];
9
+ value?: string;
10
+ defaultValue?: string;
11
+ onChange?: (value: string) => void;
12
+ name?: string;
13
+ label?: ReactNode;
14
+ orientation?: "vertical" | "horizontal";
15
+ disabled?: boolean;
16
+ }
@@ -0,0 +1,2 @@
1
+ export { RadioGroup } from "./RadioGroup";
2
+ export type { RadioGroupProps } from "./RadioGroup.types";
@@ -0,0 +1,2 @@
1
+ import type { SearchInputProps } from "./SearchInput.types";
2
+ export declare function SearchInput(props: SearchInputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import type { TextInputProps } from "../TextInput";
2
+ export interface SearchInputProps extends Omit<TextInputProps, "type" | "icon" | "iconPosition"> {
3
+ }
@@ -0,0 +1,2 @@
1
+ export { SearchInput } from "./SearchInput";
2
+ export type { SearchInputProps } from "./SearchInput.types";
@@ -0,0 +1,3 @@
1
+ import "./_section-header.scss";
2
+ import type { SectionHeaderProps } from "./SectionHeader.types";
3
+ export declare function SectionHeader({ eyebrow, title, description, meta, actions, divider, className, ...rest }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
+ export interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
3
+ eyebrow?: ReactNode;
4
+ title: ReactNode;
5
+ description?: ReactNode;
6
+ meta?: ReactNode;
7
+ actions?: ReactNode;
8
+ divider?: boolean;
9
+ }
@@ -0,0 +1,2 @@
1
+ export { SectionHeader } from "./SectionHeader";
2
+ export type { SectionHeaderProps } from "./SectionHeader.types";
@@ -0,0 +1,3 @@
1
+ import "./_statistics.scss";
2
+ import type { StatisticsProps } from "./Statistics.types";
3
+ 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;
@@ -0,0 +1,18 @@
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
+ export type StatisticsTrend = "up" | "down" | "neutral";
3
+ export type StatisticsAccent = "brand" | "success" | "warning" | "danger" | "neutral";
4
+ export interface StatisticsProps extends HTMLAttributes<HTMLDivElement> {
5
+ label?: ReactNode;
6
+ value?: ReactNode;
7
+ helperText?: ReactNode;
8
+ statusLabel?: ReactNode;
9
+ changeText?: ReactNode;
10
+ trend?: StatisticsTrend;
11
+ icon?: string;
12
+ actionIcon?: string;
13
+ showAccentRail?: boolean;
14
+ accent?: StatisticsAccent;
15
+ progressValue?: number;
16
+ progressLabel?: ReactNode;
17
+ progressDelta?: ReactNode;
18
+ }
@@ -0,0 +1,2 @@
1
+ export { Statistics } from "./Statistics";
2
+ export type { StatisticsProps } from "./Statistics.types";
@@ -1,9 +1,11 @@
1
1
  import type { HTMLAttributes } from "react";
2
+ export type StatusAppearance = "light-gray" | "white" | "transparent";
3
+ export type StatusShape = "pill" | "rounded";
2
4
  export interface StatusProps extends HTMLAttributes<HTMLDivElement> {
3
5
  label?: unknown;
4
6
  variant?: string;
5
- appearance?: string;
6
- shape?: string;
7
+ appearance?: StatusAppearance;
8
+ shape?: StatusShape;
7
9
  className?: string;
8
10
  onClick?: (...args: unknown[]) => void;
9
11
  disabled?: boolean;
@@ -13,6 +13,6 @@ import type { TabsProps } from "./Tabs.types";
13
13
  * @param {string} className - Additional CSS classes
14
14
  * @param {object} props - Additional props to pass to the tabs container
15
15
  */
16
- declare function Tabs({ tabs, appearance, activeTab, fill, scrollable, onTabChange, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
16
+ declare function Tabs({ tabs, appearance, orientation, activeTab, fill, scrollable, onTabChange, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
17
17
  declare const _default: React.MemoExoticComponent<typeof Tabs>;
18
18
  export default _default;
@@ -1,7 +1,10 @@
1
1
  import type { HTMLAttributes } from "react";
2
+ export type TabsAppearance = "underline" | "block" | "block-inverted";
3
+ export type TabsOrientation = "horizontal" | "vertical";
2
4
  export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
3
5
  tabs?: unknown[];
4
- appearance?: string;
6
+ appearance?: TabsAppearance;
7
+ orientation?: TabsOrientation;
5
8
  activeTab?: unknown;
6
9
  fill?: boolean;
7
10
  scrollable?: boolean;
@@ -0,0 +1,2 @@
1
+ import type { TimeInputProps } from "./TimeInput.types";
2
+ export declare function TimeInput(props: TimeInputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import type { TextInputProps } from "../TextInput";
2
+ export interface TimeInputProps extends Omit<TextInputProps, "type"> {
3
+ }
@@ -0,0 +1,2 @@
1
+ export { TimeInput } from "./TimeInput";
2
+ export type { TimeInputProps } from "./TimeInput.types";
@@ -0,0 +1,2 @@
1
+ export { default as Toggle } from "./Toggle";
2
+ export type { ToggleProps } from "./Toggle.types";
@@ -0,0 +1,4 @@
1
+ import "./_token-input.scss";
2
+ import type { TokenInputProps } from "./TokenInput.types";
3
+ 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;
4
+ export default TokenInput;
@@ -0,0 +1,17 @@
1
+ import type { InputHTMLAttributes, ReactNode } from "react";
2
+ import type { TextInputSize, TextInputState } from "../TextInput/TextInput.types";
3
+ export interface TokenInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange"> {
4
+ tokens?: string[];
5
+ defaultTokens?: string[];
6
+ onTokensChange?: (tokens: string[]) => void;
7
+ inputValue?: string;
8
+ defaultInputValue?: string;
9
+ onInputValueChange?: (value: string) => void;
10
+ allowDuplicates?: boolean;
11
+ maxTokens?: number;
12
+ size?: TextInputSize;
13
+ state?: TextInputState;
14
+ label?: ReactNode;
15
+ helperText?: ReactNode;
16
+ errorText?: ReactNode;
17
+ }
@@ -0,0 +1,3 @@
1
+ export { TokenInput } from "./TokenInput";
2
+ export { default } from "./TokenInput";
3
+ export type { TokenInputProps } from "./TokenInput.types";
@@ -0,0 +1,3 @@
1
+ import "./_toolbar.scss";
2
+ import type { ToolbarProps } from "./Toolbar.types";
3
+ export declare function Toolbar({ left, right, title, branding, center, className, ...rest }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
+ export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
3
+ left?: ReactNode;
4
+ right?: ReactNode;
5
+ title?: ReactNode;
6
+ branding?: ReactNode;
7
+ center?: ReactNode;
8
+ }
@@ -0,0 +1,2 @@
1
+ export { Toolbar } from "./Toolbar";
2
+ export type { ToolbarProps } from "./Toolbar.types";
@@ -0,0 +1,42 @@
1
+ export { AppShell } from "../../app-shell/AppShell";
2
+ export type { AppShellProps, AppShellSlots, AppShellSectionProps } from "../../app-shell/AppShell";
3
+ export { ActionMenu } from "../components/ActionMenu";
4
+ export { Avatar } from "../components/Avatar";
5
+ export { Badge } from "../components/Badge";
6
+ export { Button } from "../components/Button";
7
+ export { Card } from "../components/Card";
8
+ export { Checkbox } from "../components/Checkbox";
9
+ export { Checklist } from "../components/Checklist";
10
+ export { Code } from "../components/Code";
11
+ export { Container } from "../components/Container";
12
+ export { DateInput } from "../components/DateInput";
13
+ export { DateRangeInput } from "../components/DateRangeInput";
14
+ export { Divider } from "../components/Divider";
15
+ export { Dropdown } from "../components/Dropdown";
16
+ export { Field } from "../components/Field";
17
+ export { FileUpload } from "../components/FileUpload";
18
+ export { Flex } from "../components/Flex";
19
+ export { Icon } from "../components/Icon";
20
+ export { Menu } from "../components/Menu";
21
+ export { Modal } from "../components/Modal";
22
+ export { Pagination } from "../components/Pagination";
23
+ export { ProgressIndicator } from "../components/ProgressIndicator";
24
+ export { SearchInput } from "../components/SearchInput";
25
+ export { Slider } from "../components/Slider";
26
+ export { Status } from "../components/Status";
27
+ export { Steps } from "../components/Steps";
28
+ export { Table } from "../components/Table";
29
+ export { Tabs } from "../components/Tabs";
30
+ export { Tag } from "../components/Tag";
31
+ export { Text } from "../components/Text";
32
+ export { TextInput } from "../components/TextInput";
33
+ export { Textarea } from "../components/Textarea";
34
+ export { TimeInput } from "../components/TimeInput";
35
+ export { Toolbar } from "../components/Toolbar";
36
+ export { Toggle } from "../components/Toggle";
37
+ export { Tooltip } from "../components/Tooltip";
38
+ export { ThemeProvider, createBrand, createTheme, useTheme, useThemeController } from "../theme";
39
+ export { createUDSRuntimeHelperSDK } from "../ai/sdk";
40
+ export { validateAIOutput } from "../ai/validation/validateAIOutput";
41
+ export declare const FIGMA_MAKE_CONTRACT_ENTRYPOINT = "@mich8060/unified-design-system/ai/figma-make";
42
+ export declare const FIGMA_MAKE_PROMPT_ENTRYPOINT = "@mich8060/unified-design-system/ai/prompts/figma-make";