@mich8060/unified-design-system 0.2.34 → 0.2.36

package/dist/components/ProvidersCard/ProvidersCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                       */const r=require("../Flex/Flex.cjs"),l=require("../Text/Text.cjs"),m=require("../Status/Status.cjs"),f=require("../Tag/Tag.cjs"),b=require("../Divider/Divider.cjs"),y=require("../Button/Button.cjs"),s=a=>a!=null&&a!==!1&&a!=="";function q({name:a,specialty:i,location:t,availability:F,startDate:d,statusLabel:o,statusVariant:x="green",avatarSrc:w,avatarInitials:T,tags:c=[],primaryAction:g,secondaryAction:u,className:p="",...j}){const h=g??e.jsx(y.default,{label:"Request Assignment",appearance:"ghost"}),v=["uds-providers-card",p].filter(Boolean).join(" ");return e.jsx("div",{className:v,...j,children:e.jsxs(r.Flex,{direction:"column",gap:"16",children:[e.jsxs(r.Flex,{className:"uds-providers-card__header",alignItems:"flex-start",justifyContent:"space-between",gap:"12",wrap:!0,children:[e.jsx(r.Flex,{className:"uds-providers-card__identity",alignItems:"flex-start",justifyContent:"flex-start",gap:"10",children:e.jsxs(r.Flex,{direction:"column",gap:"2",children:[e.jsx(l.Text,{as:"h3",variant:"body-16",weight:"bold",leading:"regular",children:a}),s(i)?e.jsx(l.Text,{as:"p",variant:"body-14",leading:"regular",style:{color:"var(--uds-text-secondary)"},children:i}):null,s(t)?e.jsx(l.Text,{as:"p",variant:"body-14",leading:"regular",children:t}):null,s(d)?e.jsxs(l.Text,{as:"p",variant:"body-14",leading:"regular",children:[e.jsx("strong",{children:"Start Date:"})," ",d]}):null]})}),s(o)?e.jsx(m.default,{label:o,variant:x}):null]}),c.length>0?e.jsxs(r.Flex,{className:"uds-providers-card__tags",direction:"column",gap:"8",wrap:!0,children:[e.jsx(l.Text,{as:"p",variant:"body-14",weight:"bold",leading:"regular",children:"Provider progress:"}),e.jsx(r.Flex,{direction:"row",gap:"8",wrap:!0,children:c.map(n=>e.jsx(f.default,{label:n.label,color:"neutral",solid:!0,appearance:"icon-left",icon:"CircleDashed"},`${n.label}-${n.color??"default"}`))})]}):null,e.jsxs(r.Flex,{direction:"column",gap:"8",children:[e.jsx(b.default,{}),e.jsxs(r.Flex,{className:"uds-providers-card__actions",alignItems:"center",gap:"8",wrap:!0,children:[h,u||null]})]})]})})}exports.ProvidersCard=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                       */const r=require("../Layout/Layout.cjs"),l=require("../Text/Text.cjs"),m=require("../Status/Status.cjs"),f=require("../Tag/Tag.cjs"),b=require("../Divider/Divider.cjs"),y=require("../Button/Button.cjs"),s=a=>a!=null&&a!==!1&&a!=="";function q({name:a,specialty:t,location:i,availability:w,startDate:d,statusLabel:o,statusVariant:x="green",avatarSrc:F,avatarInitials:T,tags:c=[],primaryAction:g,secondaryAction:u,className:p="",...j}){const h=g??e.jsx(y.default,{label:"Request Assignment",appearance:"ghost"}),v=["uds-providers-card",p].filter(Boolean).join(" ");return e.jsx("div",{className:v,...j,children:e.jsxs(r.Flex,{direction:"column",gap:"16",children:[e.jsxs(r.Flex,{className:"uds-providers-card__header",alignItems:"flex-start",justifyContent:"space-between",gap:"12",wrap:!0,children:[e.jsx(r.Flex,{className:"uds-providers-card__identity",alignItems:"flex-start",justifyContent:"flex-start",gap:"10",children:e.jsxs(r.Flex,{direction:"column",gap:"2",children:[e.jsx(l.Text,{as:"h3",variant:"body-16",weight:"bold",leading:"regular",children:a}),s(t)?e.jsx(l.Text,{as:"p",variant:"body-14",leading:"regular",style:{color:"var(--uds-text-secondary)"},children:t}):null,s(i)?e.jsx(l.Text,{as:"p",variant:"body-14",leading:"regular",children:i}):null,s(d)?e.jsxs(l.Text,{as:"p",variant:"body-14",leading:"regular",children:[e.jsx("strong",{children:"Start Date:"})," ",d]}):null]})}),s(o)?e.jsx(m.default,{label:o,variant:x}):null]}),c.length>0?e.jsxs(r.Flex,{className:"uds-providers-card__tags",direction:"column",gap:"8",wrap:!0,children:[e.jsx(l.Text,{as:"p",variant:"body-14",weight:"bold",leading:"regular",children:"Provider progress:"}),e.jsx(r.Flex,{direction:"row",gap:"8",wrap:!0,children:c.map(n=>e.jsx(f.default,{label:n.label,color:"neutral",solid:!0,appearance:"icon-left",icon:"CircleDashed"},`${n.label}-${n.color??"default"}`))})]}):null,e.jsxs(r.Flex,{direction:"column",gap:"8",children:[e.jsx(b.default,{}),e.jsxs(r.Flex,{className:"uds-providers-card__actions",alignItems:"center",gap:"8",wrap:!0,children:[h,u||null]})]})]})})}exports.ProvidersCard=q;

package/dist/components/ProvidersCard/ProvidersCard.js

@@ -1 +1 @@
-import{jsx as r,jsxs as a}from"react/jsx-runtime";/* empty css                    */import{Flex as e}from"../Flex/Flex.js";import{Text as i}from"../Text/Text.js";import y from"../Status/Status.js";import x from"../Tag/Tag.js";import w from"../Divider/Divider.js";import _ from"../Button/Button.js";const n=l=>l!=null&&l!==!1&&l!=="";function A({name:l,specialty:o,location:d,availability:N,startDate:s,statusLabel:c,statusVariant:m="green",avatarSrc:j,avatarInitials:C,tags:p=[],primaryAction:g,secondaryAction:u,className:h="",...f}){const v=g??r(_,{label:"Request Assignment",appearance:"ghost"}),b=["uds-providers-card",h].filter(Boolean).join(" ");return r("div",{className:b,...f,children:a(e,{direction:"column",gap:"16",children:[a(e,{className:"uds-providers-card__header",alignItems:"flex-start",justifyContent:"space-between",gap:"12",wrap:!0,children:[r(e,{className:"uds-providers-card__identity",alignItems:"flex-start",justifyContent:"flex-start",gap:"10",children:a(e,{direction:"column",gap:"2",children:[r(i,{as:"h3",variant:"body-16",weight:"bold",leading:"regular",children:l}),n(o)?r(i,{as:"p",variant:"body-14",leading:"regular",style:{color:"var(--uds-text-secondary)"},children:o}):null,n(d)?r(i,{as:"p",variant:"body-14",leading:"regular",children:d}):null,n(s)?a(i,{as:"p",variant:"body-14",leading:"regular",children:[r("strong",{children:"Start Date:"})," ",s]}):null]})}),n(c)?r(y,{label:c,variant:m}):null]}),p.length>0?a(e,{className:"uds-providers-card__tags",direction:"column",gap:"8",wrap:!0,children:[r(i,{as:"p",variant:"body-14",weight:"bold",leading:"regular",children:"Provider progress:"}),r(e,{direction:"row",gap:"8",wrap:!0,children:p.map(t=>r(x,{label:t.label,color:"neutral",solid:!0,appearance:"icon-left",icon:"CircleDashed"},`${t.label}-${t.color??"default"}`))})]}):null,a(e,{direction:"column",gap:"8",children:[r(w,{}),a(e,{className:"uds-providers-card__actions",alignItems:"center",gap:"8",wrap:!0,children:[v,u||null]})]})]})})}export{A as ProvidersCard};
+import{jsx as r,jsxs as a}from"react/jsx-runtime";/* empty css                    */import{Flex as e}from"../Layout/Layout.js";import{Text as i}from"../Text/Text.js";import y from"../Status/Status.js";import x from"../Tag/Tag.js";import w from"../Divider/Divider.js";import _ from"../Button/Button.js";const n=l=>l!=null&&l!==!1&&l!=="";function A({name:l,specialty:o,location:d,availability:N,startDate:s,statusLabel:c,statusVariant:m="green",avatarSrc:j,avatarInitials:C,tags:p=[],primaryAction:g,secondaryAction:u,className:h="",...f}){const v=g??r(_,{label:"Request Assignment",appearance:"ghost"}),b=["uds-providers-card",h].filter(Boolean).join(" ");return r("div",{className:b,...f,children:a(e,{direction:"column",gap:"16",children:[a(e,{className:"uds-providers-card__header",alignItems:"flex-start",justifyContent:"space-between",gap:"12",wrap:!0,children:[r(e,{className:"uds-providers-card__identity",alignItems:"flex-start",justifyContent:"flex-start",gap:"10",children:a(e,{direction:"column",gap:"2",children:[r(i,{as:"h3",variant:"body-16",weight:"bold",leading:"regular",children:l}),n(o)?r(i,{as:"p",variant:"body-14",leading:"regular",style:{color:"var(--uds-text-secondary)"},children:o}):null,n(d)?r(i,{as:"p",variant:"body-14",leading:"regular",children:d}):null,n(s)?a(i,{as:"p",variant:"body-14",leading:"regular",children:[r("strong",{children:"Start Date:"})," ",s]}):null]})}),n(c)?r(y,{label:c,variant:m}):null]}),p.length>0?a(e,{className:"uds-providers-card__tags",direction:"column",gap:"8",wrap:!0,children:[r(i,{as:"p",variant:"body-14",weight:"bold",leading:"regular",children:"Provider progress:"}),r(e,{direction:"row",gap:"8",wrap:!0,children:p.map(t=>r(x,{label:t.label,color:"neutral",solid:!0,appearance:"icon-left",icon:"CircleDashed"},`${t.label}-${t.color??"default"}`))})]}):null,a(e,{direction:"column",gap:"8",children:[r(w,{}),a(e,{className:"uds-providers-card__actions",alignItems:"center",gap:"8",wrap:!0,children:[v,u||null]})]})]})})}export{A as ProvidersCard};

package/dist/components/SectionHeader/SectionHeader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                       */const s=require("../Flex/Flex.cjs"),a=require("../Text/Text.cjs");function h({eyebrow:n,title:t,description:r,meta:i,actions:l,divider:d=!1,className:c="",...u}){const o=["uds-section-header",d&&"uds-section-header--with-divider",c].filter(Boolean).join(" ");return e.jsxs("div",{className:o,...u,children:[e.jsxs(s.Flex,{direction:"column",gap:"2",className:"uds-section-header__content",children:[n?e.jsx(a.Text,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",className:"uds-section-header__eyebrow",children:n}):null,e.jsx(a.Text,{as:"h2",variant:"heading-24",weight:"medium",leading:"regular",children:t}),r?e.jsx(a.Text,{as:"p",variant:"body-16",leading:"regular",className:"uds-section-header__description",children:r}):null,i?e.jsx(s.Flex,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__meta",children:i}):null]}),l?e.jsx(s.Flex,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__actions",children:l}):null]})}exports.SectionHeader=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                       */const s=require("../Layout/Layout.cjs"),a=require("../Text/Text.cjs");function h({eyebrow:n,title:l,description:r,meta:i,actions:t,divider:d=!1,className:c="",...u}){const o=["uds-section-header",d&&"uds-section-header--with-divider",c].filter(Boolean).join(" ");return e.jsxs("div",{className:o,...u,children:[e.jsxs(s.Flex,{direction:"column",gap:"2",className:"uds-section-header__content",children:[n?e.jsx(a.Text,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",className:"uds-section-header__eyebrow",children:n}):null,e.jsx(a.Text,{as:"h2",variant:"heading-24",weight:"medium",leading:"regular",children:l}),r?e.jsx(a.Text,{as:"p",variant:"body-16",leading:"regular",className:"uds-section-header__description",children:r}):null,i?e.jsx(s.Flex,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__meta",children:i}):null]}),t?e.jsx(s.Flex,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__actions",children:t}):null]})}exports.SectionHeader=h;

package/dist/components/SectionHeader/SectionHeader.js

@@ -1 +1 @@
-import{jsxs as d,jsx as e}from"react/jsx-runtime";/* empty css                    */import{Flex as a}from"../Flex/Flex.js";import{Text as r}from"../Text/Text.js";function N({eyebrow:i,title:t,description:n,meta:s,actions:l,divider:c=!1,className:o="",...m}){const u=["uds-section-header",c&&"uds-section-header--with-divider",o].filter(Boolean).join(" ");return d("div",{className:u,...m,children:[d(a,{direction:"column",gap:"2",className:"uds-section-header__content",children:[i?e(r,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",className:"uds-section-header__eyebrow",children:i}):null,e(r,{as:"h2",variant:"heading-24",weight:"medium",leading:"regular",children:t}),n?e(r,{as:"p",variant:"body-16",leading:"regular",className:"uds-section-header__description",children:n}):null,s?e(a,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__meta",children:s}):null]}),l?e(a,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__actions",children:l}):null]})}export{N as SectionHeader};
+import{jsxs as d,jsx as e}from"react/jsx-runtime";/* empty css                    */import{Flex as a}from"../Layout/Layout.js";import{Text as r}from"../Text/Text.js";function N({eyebrow:i,title:t,description:n,meta:s,actions:l,divider:c=!1,className:o="",...m}){const u=["uds-section-header",c&&"uds-section-header--with-divider",o].filter(Boolean).join(" ");return d("div",{className:u,...m,children:[d(a,{direction:"column",gap:"2",className:"uds-section-header__content",children:[i?e(r,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",className:"uds-section-header__eyebrow",children:i}):null,e(r,{as:"h2",variant:"heading-24",weight:"medium",leading:"regular",children:t}),n?e(r,{as:"p",variant:"body-16",leading:"regular",className:"uds-section-header__description",children:n}):null,s?e(a,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__meta",children:s}):null]}),l?e(a,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__actions",children:l}):null]})}export{N as SectionHeader};

package/dist/design-system/ai/examples/training.examples.d.ts

@@ -9,6 +9,7 @@ export interface AITrainingExample {
         manifestVersion?: string;
         governanceVersion?: string;
         policyVersion?: string;
+        audit?: Record<string, unknown>;
     };
     expected: {
         status: "pass" | "fail";

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

@@ -22,7 +22,7 @@ export declare const IntentComponentMappings: {
         readonly notes: "Default section wrapper: transparent surface with 24px padding.";
     };
     readonly contentStack: {
-        readonly component: "Flex";
+        readonly component: "Layout";
         readonly props: {
             readonly direction: "column";
             readonly gap: "--uds-spacing-16";

package/dist/design-system/ai/policies/policy.engine.d.ts

@@ -1,3 +1,5 @@
 import type { GovernanceConfig, UINodeTree } from "../manifest/types";
 import type { PolicyViolation } from "./policy.types";
-export declare function runPolicyEngine(tree: UINodeTree, governanceConfig?: GovernanceConfig): PolicyViolation[];
+export declare function runPolicyEngine(tree: UINodeTree, governanceConfig?: GovernanceConfig, options?: {
+    patternId?: string;
+}): PolicyViolation[];

package/dist/design-system/ai/policies/policy.types.d.ts

@@ -10,5 +10,6 @@ export interface PolicyViolation {
 export interface PolicyRuleContext {
     tree: UINodeTree;
     governanceConfig: GovernanceConfig;
+    patternId?: string;
 }
 export type PolicyRule = (context: PolicyRuleContext) => PolicyViolation[];

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

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

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

@@ -12,4 +12,4 @@ import type { ActionMenuProps } from "./ActionMenu.types";
  * @param {string} menuClassName - Additional CSS classes for the menu panel
  * @param {object} props - Additional props
  */
-export default function ActionMenu({ trigger, items, placement, fullWidth, disabled, onOpenChange, className, menuClassName, ...props }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;
+export default function ActionMenu({ trigger, items, placement, variant, searchPlaceholder, noResultsText, fullWidth, disabled, onOpenChange, className, menuClassName, ...props }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,9 @@ export interface ActionMenuProps extends ButtonHTMLAttributes<HTMLButtonElement>
     trigger?: unknown;
     items?: unknown[];
     placement?: string;
+    variant?: "default" | "autosuggest" | "search";
+    searchPlaceholder?: string;
+    noResultsText?: string;
     fullWidth?: boolean;
     disabled?: boolean;
     onOpenChange?: (...args: unknown[]) => void;

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

@@ -14,11 +14,10 @@ import type { DropdownProps } from "./Dropdown.types";
  * @param {string} size - Size variant: 'compact' or 'default' (default: 'default')
  * @param {string} state - Visual state: 'default', 'focused', 'error', 'disabled'
  * @param {string} id - Unique identifier for the dropdown
- * @param {string} label - Label text for the dropdown
  * @param {string} className - Additional CSS classes
  * @param {boolean} disabled - Whether the dropdown is disabled
  * @param {object} props - Additional props to pass to the trigger button
  */
-declare function Dropdown({ options, value, onChange, placeholder, size, state, placement, id, label, className, disabled, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function Dropdown({ options, value, onChange, placeholder, size, state, placement, id, className, disabled, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Dropdown>;
 export default _default;

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

@@ -8,7 +8,6 @@ export interface DropdownProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     state?: string;
     placement?: string;
     id?: unknown;
-    label?: unknown;
     className?: string;
     disabled?: boolean;
 }

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

@@ -1,2 +1,2 @@
-export { Flex } from "./Flex";
-export type { FlexProps, FlexItemProps } from "./Flex.types";
+export { Layout, Flex } from "../Layout";
+export type { FlexProps, FlexItemProps } from "../Layout";

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

@@ -0,0 +1,16 @@
+import React from "react";
+import "./_layout.scss";
+import type { FlexItemProps, FlexProps } from "./Layout.types";
+declare const LayoutBase: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>>;
+declare const FlexFill: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<HTMLElement>>;
+type FlexCompound = typeof LayoutBase & {
+    Fill: typeof FlexFill;
+    Full: typeof FlexFill;
+};
+type LayoutCompound = typeof LayoutBase & {
+    Fill: typeof FlexFill;
+    Full: typeof FlexFill;
+};
+export declare const Layout: LayoutCompound;
+export declare const Flex: FlexCompound;
+export {};

package/dist/design-system/components/{Flex/Flex.types.d.ts → Layout/Layout.types.d.ts}

@@ -3,6 +3,7 @@ export type FlexDirection = "row" | "column";
 export type FlexJustifyContent = "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
 export type FlexAlignItems = "stretch" | "flex-start" | "center" | "flex-end" | "baseline";
 export type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
+export type FlexAppearance = "full" | "equal" | "right" | "left";
 export type FlexGapToken = "0" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "24" | "32" | "48" | "64" | "80";
 export type FlexGapTokenName = `spacing-${FlexGapToken}`;
 export type FlexGapSpecial = "auto";
@@ -11,16 +12,11 @@ export interface FlexProps extends React.HTMLAttributes<HTMLElement> {
     direction?: FlexDirection;
     justifyContent?: FlexJustifyContent;
     alignItems?: FlexAlignItems;
-    top?: boolean;
-    bottom?: boolean;
-    left?: boolean;
-    right?: boolean;
+    appearance?: FlexAppearance;
     itemsPerRow?: number;
-    ItemsPerRow?: number;
     wrap?: boolean | FlexWrap;
     gap?: FlexGapToken | FlexGapTokenName | FlexGapSpecial | number | string;
     fullWidth?: boolean;
-    span?: boolean;
     inline?: boolean;
 }
 export interface FlexItemProps extends React.HTMLAttributes<HTMLElement> {

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

@@ -0,0 +1,3 @@
+export { Layout } from "./Layout";
+export { Flex } from "./Layout";
+export type { FlexProps, FlexItemProps } from "./Layout.types";

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

@@ -0,0 +1,4 @@
+import "./_link.scss";
+import type { LinkProps } from "./Link.types";
+export declare function Link({ appearance, underline, disabled, className, target, rel, href, onClick, tabIndex, children, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export default Link;

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

@@ -0,0 +1,8 @@
+import type { AnchorHTMLAttributes } from "react";
+export type LinkAppearance = "primary" | "secondary";
+export type LinkUnderline = "always" | "hover" | "none";
+export interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color"> {
+    appearance?: LinkAppearance;
+    underline?: LinkUnderline;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,3 @@
+export { Link } from "./Link";
+export { default } from "./Link";
+export type { LinkProps, LinkAppearance, LinkUnderline } from "./Link.types";

package/dist/design-system/constants.d.ts

@@ -1,5 +1,5 @@
 import type { ButtonAppearance, ButtonLayout, ButtonSize } from "./components/Button/Button.types";
-import type { FlexAlignItems, FlexDirection, FlexGapToken, FlexJustifyContent, FlexWrap } from "./components/Flex/Flex.types";
+import type { FlexAlignItems, FlexDirection, FlexGapToken, FlexJustifyContent, FlexWrap } from "./components/Layout/Layout.types";
 import type { IconAppearance } from "./components/Icon/Icon.types";
 import type { TextLeading, TextVariant, TextWeight } from "./components/Text/Text.types";
 import type { TextInputIconPosition, TextInputSize, TextInputState } from "./components/TextInput/TextInput.types";

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

@@ -14,7 +14,7 @@ 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 { Layout, Flex } from "../components/Layout";
 export { Icon } from "../components/Icon";
 export { Menu } from "../components/Menu";
 export { Modal } from "../components/Modal";

package/dist/design-system/generated/component-api.d.ts

@@ -47,6 +47,47 @@ export declare const COMPONENT_API: {
         };
         readonly antiPatterns: readonly [];
     };
+    readonly AppShell: {
+        readonly name: "AppShell";
+        readonly source: "src/design-system/components/AppShell/AppShell.spec.ts";
+        readonly tier: 1;
+        readonly purpose: "Top-level application shell that composes menu, content, and main regions for consistent page architecture.";
+        readonly props: {
+            readonly brand: {
+                readonly type: "enum";
+                readonly values: readonly ["default", "comphealth", "weatherby", "connect", "locumsmart", "modio", "gms", "wireframe"];
+                readonly default: "default";
+            };
+            readonly theme: {
+                readonly type: "enum";
+                readonly values: readonly ["light", "dark"];
+                readonly default: "light";
+            };
+        };
+        readonly defaults: {
+            readonly brand: "default";
+            readonly theme: "light";
+        };
+        readonly states: readonly ["default"];
+        readonly tokensUsed: readonly ["--uds-surface-primary", "--uds-text-primary", "--uds-border-primary", "--uds-spacing-24"];
+        readonly accessibility: {
+            readonly role: "application";
+            readonly keyboard: readonly ["Tab"];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly ["Menu", "Container", "Layout", "Text", "Button"];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
     readonly Avatar: {
         readonly name: "Avatar";
         readonly source: "src/design-system/components/Avatar/Avatar.spec.ts";
@@ -208,7 +249,7 @@ export declare const COMPONENT_API: {
         };
         readonly composition: {
             readonly allowedChildren: readonly [];
-            readonly allowedParents: readonly ["AppShell", "Container", "Flex", "Modal", "Table", "Tabs"];
+            readonly allowedParents: readonly ["AppShell", "Container", "Layout", "Modal", "Table", "Tabs"];
             readonly disallowedChildren: readonly ["Button"];
         };
         readonly aliases: {
@@ -510,7 +551,7 @@ export declare const COMPONENT_API: {
             readonly keyboard: readonly [];
         };
         readonly composition: {
-            readonly allowedChildren: readonly ["Flex", "Table", "Text", "Button", "Field", "Divider", "Tag"];
+            readonly allowedChildren: readonly ["Layout", "Table", "Text", "Button", "Field", "Divider", "Tag"];
             readonly allowedParents: readonly ["AppShell", "root"];
             readonly disallowedChildren: readonly [];
         };
@@ -939,31 +980,45 @@ export declare const COMPONENT_API: {
     readonly Flex: {
         readonly name: "Flex";
         readonly source: "src/design-system/components/Flex/Flex.spec.ts";
-        readonly tier: 2;
-        readonly purpose: "Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.";
+        readonly tier: 1;
+        readonly purpose: "Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and spacing.";
         readonly props: {
-            readonly fullWidth: {
-                readonly type: "boolean";
-                readonly default: false;
+            readonly direction: {
+                readonly type: "enum";
+                readonly values: readonly ["row", "column"];
+                readonly default: "row";
             };
-            readonly span: {
-                readonly type: "boolean";
-                readonly default: false;
+            readonly justifyContent: {
+                readonly type: "enum";
+                readonly values: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+                readonly default: "flex-start";
+            };
+            readonly alignItems: {
+                readonly type: "enum";
+                readonly values: readonly ["stretch", "flex-start", "center", "flex-end", "baseline"];
+                readonly default: "stretch";
+            };
+            readonly wrap: {
+                readonly type: "enum";
+                readonly values: readonly ["nowrap", "wrap", "wrap-reverse"];
+                readonly default: "nowrap";
             };
         };
         readonly defaults: {
-            readonly fullWidth: false;
-            readonly span: false;
+            readonly direction: "row";
+            readonly justifyContent: "flex-start";
+            readonly alignItems: "stretch";
+            readonly wrap: "nowrap";
         };
         readonly states: readonly ["default"];
-        readonly tokensUsed: readonly [];
+        readonly tokensUsed: readonly ["--uds-gap-*", "--uds-spacing-*"];
         readonly accessibility: {
             readonly role: "generic";
-            readonly keyboard: readonly [];
+            readonly keyboard: readonly ["Tab"];
         };
         readonly composition: {
             readonly allowedChildren: readonly [];
-            readonly allowedParents: readonly ["AppShell", "Container"];
+            readonly allowedParents: readonly [];
             readonly disallowedChildren: readonly [];
         };
         readonly aliases: {
@@ -1073,6 +1128,46 @@ export declare const COMPONENT_API: {
         };
         readonly antiPatterns: readonly [];
     };
+    readonly Layout: {
+        readonly name: "Layout";
+        readonly source: "src/design-system/components/Layout/Layout.spec.ts";
+        readonly tier: 2;
+        readonly purpose: "Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.";
+        readonly props: {
+            readonly fullWidth: {
+                readonly type: "boolean";
+                readonly default: false;
+            };
+            readonly appearance: {
+                readonly type: "enum";
+                readonly values: readonly ["full", "equal", "right", "left"];
+                readonly default: "full";
+            };
+        };
+        readonly defaults: {
+            readonly fullWidth: false;
+            readonly appearance: "full";
+        };
+        readonly states: readonly ["default"];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly role: "generic";
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["AppShell", "Container"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
     readonly Menu: {
         readonly name: "Menu";
         readonly source: "src/design-system/components/Menu/Menu.spec.ts";
@@ -1858,7 +1953,7 @@ export declare const COMPONENT_API: {
         };
         readonly composition: {
             readonly allowedChildren: readonly [];
-            readonly allowedParents: readonly ["AppShell", "Container", "Flex", "Menu", "Modal", "Tabs"];
+            readonly allowedParents: readonly ["AppShell", "Container", "Layout", "Menu", "Modal", "Tabs"];
             readonly disallowedChildren: readonly [];
         };
         readonly aliases: {

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

@@ -27,7 +27,8 @@ export * from "./components/EmptyState";
 export * from "./components/EventCard";
 export * from "./components/Field";
 export * from "./components/FileUpload";
-export * from "./components/Flex";
+export * from "./components/Layout";
+export * from "./components/Link";
 export * from "./components/Icon";
 export * from "./components/ImageAspect";
 export * from "./components/Key";

package/dist/design-system/version.d.ts

@@ -1 +1 @@
-export declare const UDS_RUNTIME_VERSION = "0.2.12";
+export declare const UDS_RUNTIME_VERSION = "0.2.35";

package/dist/figma-make/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../src/app-shell/AppShell.cjs"),r=require("../ai/validation/validateAIOutput.cjs"),u=require("../components/ActionMenu/ActionMenu.cjs"),n=require("../components/Avatar/Avatar.cjs"),i=require("../components/Badge/Badge.cjs"),o=require("../components/Button/Button.cjs"),a=require("../components/Checkbox/Checkbox.cjs"),l=require("../components/Code/Code.cjs"),c=require("../components/Divider/Divider.cjs"),s=require("../components/Field/Field.cjs"),d=require("../components/FileUpload/FileUpload.cjs"),T=require("../components/Pagination/Pagination.cjs"),q=require("../components/ProgressIndicator/ProgressIndicator.cjs"),p=require("../components/Slider/Slider.cjs"),f=require("../components/Status/Status.cjs"),I=require("../components/Steps/Steps.cjs"),m=require("../components/Table/Table.cjs"),h=require("../components/Tag/Tag.cjs"),S=require("../components/TextInput/TextInput.cjs"),g=require("../components/Textarea/Textarea.cjs"),A=require("../components/Toggle/Toggle.cjs"),M=require("../components/Tooltip/Tooltip.cjs"),C=require("../components/Checklist/Checklist.cjs"),P=require("../components/Container/Container.cjs"),D=require("../components/DateInput/DateInput.cjs"),R=require("../components/DateRangeInput/DateRangeInput.cjs"),x=require("../components/Dropdown/Dropdown.cjs"),O=require("../components/Flex/Flex.cjs"),_=require("../components/Icon/Icon.cjs"),b=require("../components/Menu/Menu.cjs"),v=require("../components/Modal/Modal.cjs"),F=require("../components/ScrollView/ScrollView.cjs"),N=require("../components/SearchInput/SearchInput.cjs"),k=require("../components/Tabs/Tabs.cjs"),E=require("../components/Text/Text.cjs"),e=require("../theme/ThemeProvider.cjs"),B=require("../components/TimeInput/TimeInput.cjs"),K=require("../components/Toolbar/Toolbar.cjs"),w=require("../theme/createBrand.cjs"),y=require("../theme/createTheme.cjs"),G=require("../ai/sdk/runtime-sdk.cjs"),U="@mich8060/unified-design-system/ai/figma-make",Y="@mich8060/unified-design-system/ai/prompts/figma-make";exports.AppShell=t.AppShell;exports.validateAIOutput=r.validateAIOutput;exports.ActionMenu=u.default;exports.Avatar=n.default;exports.Badge=i.default;exports.Button=o.default;exports.Checkbox=a.default;exports.Code=l.default;exports.Divider=c.default;exports.Field=s.default;exports.FileUpload=d.default;exports.Pagination=T.default;exports.ProgressIndicator=q.default;exports.Slider=p.default;exports.Status=f.default;exports.Steps=I.default;exports.Table=m.default;exports.Tag=h.default;exports.TextInput=S.default;exports.Textarea=g.default;exports.Toggle=A.default;exports.Tooltip=M.default;exports.Checklist=C.Checklist;exports.Container=P.Container;exports.DateInput=D.DateInput;exports.DateRangeInput=R.DateRangeInput;exports.Dropdown=x.default;exports.Flex=O.Flex;exports.Icon=_.default;exports.Menu=b.default;exports.Modal=v.default;exports.ScrollView=F.ScrollView;exports.SearchInput=N.SearchInput;exports.Tabs=k.default;exports.Text=E.Text;exports.ThemeProvider=e.ThemeProvider;exports.useTheme=e.useTheme;exports.useThemeController=e.useThemeController;exports.TimeInput=B.TimeInput;exports.Toolbar=K.Toolbar;exports.createBrand=w.createBrand;exports.createTheme=y.createTheme;exports.createUDSRuntimeHelperSDK=G.createUDSRuntimeHelperSDK;exports.FIGMA_MAKE_CONTRACT_ENTRYPOINT=U;exports.FIGMA_MAKE_PROMPT_ENTRYPOINT=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../src/app-shell/AppShell.cjs"),u=require("../ai/validation/validateAIOutput.cjs"),o=require("../components/ActionMenu/ActionMenu.cjs"),a=require("../components/Avatar/Avatar.cjs"),n=require("../components/Badge/Badge.cjs"),i=require("../components/Button/Button.cjs"),l=require("../components/Checkbox/Checkbox.cjs"),c=require("../components/Code/Code.cjs"),s=require("../components/Divider/Divider.cjs"),d=require("../components/Field/Field.cjs"),T=require("../components/FileUpload/FileUpload.cjs"),q=require("../components/Pagination/Pagination.cjs"),p=require("../components/ProgressIndicator/ProgressIndicator.cjs"),f=require("../components/Slider/Slider.cjs"),I=require("../components/Status/Status.cjs"),m=require("../components/Steps/Steps.cjs"),h=require("../components/Table/Table.cjs"),S=require("../components/Tag/Tag.cjs"),g=require("../components/TextInput/TextInput.cjs"),A=require("../components/Textarea/Textarea.cjs"),M=require("../components/Toggle/Toggle.cjs"),C=require("../components/Tooltip/Tooltip.cjs"),P=require("../components/Checklist/Checklist.cjs"),D=require("../components/Container/Container.cjs"),R=require("../components/DateInput/DateInput.cjs"),O=require("../components/DateRangeInput/DateRangeInput.cjs"),_=require("../components/Dropdown/Dropdown.cjs"),t=require("../components/Layout/Layout.cjs"),b=require("../components/Icon/Icon.cjs"),v=require("../components/Menu/Menu.cjs"),x=require("../components/Modal/Modal.cjs"),F=require("../components/ScrollView/ScrollView.cjs"),N=require("../components/SearchInput/SearchInput.cjs"),k=require("../components/Tabs/Tabs.cjs"),E=require("../components/Text/Text.cjs"),e=require("../theme/ThemeProvider.cjs"),y=require("../components/TimeInput/TimeInput.cjs"),B=require("../components/Toolbar/Toolbar.cjs"),K=require("../theme/createBrand.cjs"),w=require("../theme/createTheme.cjs"),G=require("../ai/sdk/runtime-sdk.cjs"),U="@mich8060/unified-design-system/ai/figma-make",Y="@mich8060/unified-design-system/ai/prompts/figma-make";exports.AppShell=r.AppShell;exports.validateAIOutput=u.validateAIOutput;exports.ActionMenu=o.default;exports.Avatar=a.default;exports.Badge=n.default;exports.Button=i.default;exports.Checkbox=l.default;exports.Code=c.default;exports.Divider=s.default;exports.Field=d.default;exports.FileUpload=T.default;exports.Pagination=q.default;exports.ProgressIndicator=p.default;exports.Slider=f.default;exports.Status=I.default;exports.Steps=m.default;exports.Table=h.default;exports.Tag=S.default;exports.TextInput=g.default;exports.Textarea=A.default;exports.Toggle=M.default;exports.Tooltip=C.default;exports.Checklist=P.Checklist;exports.Container=D.Container;exports.DateInput=R.DateInput;exports.DateRangeInput=O.DateRangeInput;exports.Dropdown=_.default;exports.Flex=t.Flex;exports.Layout=t.Layout;exports.Icon=b.default;exports.Menu=v.default;exports.Modal=x.default;exports.ScrollView=F.ScrollView;exports.SearchInput=N.SearchInput;exports.Tabs=k.default;exports.Text=E.Text;exports.ThemeProvider=e.ThemeProvider;exports.useTheme=e.useTheme;exports.useThemeController=e.useThemeController;exports.TimeInput=y.TimeInput;exports.Toolbar=B.Toolbar;exports.createBrand=K.createBrand;exports.createTheme=w.createTheme;exports.createUDSRuntimeHelperSDK=G.createUDSRuntimeHelperSDK;exports.FIGMA_MAKE_CONTRACT_ENTRYPOINT=U;exports.FIGMA_MAKE_PROMPT_ENTRYPOINT=Y;

package/dist/figma-make/index.js

@@ -1 +1 @@
-import{AppShell as a}from"../src/app-shell/AppShell.js";import{validateAIOutput as p}from"../ai/validation/validateAIOutput.js";import{default as x}from"../components/ActionMenu/ActionMenu.js";import{default as s}from"../components/Avatar/Avatar.js";import{default as u}from"../components/Badge/Badge.js";import{default as n}from"../components/Button/Button.js";import{default as c}from"../components/Checkbox/Checkbox.js";import{default as g}from"../components/Code/Code.js";import{default as A}from"../components/Divider/Divider.js";import{default as S}from"../components/Field/Field.js";import{default as P}from"../components/FileUpload/FileUpload.js";import{default as R}from"../components/Pagination/Pagination.js";import{default as F}from"../components/ProgressIndicator/ProgressIndicator.js";import{default as O}from"../components/Slider/Slider.js";import{default as k}from"../components/Status/Status.js";import{default as E}from"../components/Steps/Steps.js";import{default as K}from"../components/Table/Table.js";import{default as y}from"../components/Tag/Tag.js";import{default as U}from"../components/TextInput/TextInput.js";import{default as H}from"../components/Textarea/Textarea.js";import{default as j}from"../components/Toggle/Toggle.js";import{default as z}from"../components/Tooltip/Tooltip.js";import{Checklist as L}from"../components/Checklist/Checklist.js";import{Container as W}from"../components/Container/Container.js";import{DateInput as Z}from"../components/DateInput/DateInput.js";import{DateRangeInput as ee}from"../components/DateRangeInput/DateRangeInput.js";import{default as re}from"../components/Dropdown/Dropdown.js";import{Flex as ae}from"../components/Flex/Flex.js";import{default as pe}from"../components/Icon/Icon.js";import{default as xe}from"../components/Menu/Menu.js";import{default as se}from"../components/Modal/Modal.js";import{ScrollView as ue}from"../components/ScrollView/ScrollView.js";import{SearchInput as ne}from"../components/SearchInput/SearchInput.js";import{default as ce}from"../components/Tabs/Tabs.js";import{Text as ge}from"../components/Text/Text.js";import{ThemeProvider as Ae,useTheme as Me,useThemeController as Se}from"../theme/ThemeProvider.js";import{TimeInput as Pe}from"../components/TimeInput/TimeInput.js";import{Toolbar as Re}from"../components/Toolbar/Toolbar.js";import{createBrand as Fe}from"../theme/createBrand.js";import{createTheme as Oe}from"../theme/createTheme.js";import{createUDSRuntimeHelperSDK as ke}from"../ai/sdk/runtime-sdk.js";const e="@mich8060/unified-design-system/ai/figma-make",o="@mich8060/unified-design-system/ai/prompts/figma-make";export{x as ActionMenu,a as AppShell,s as Avatar,u as Badge,n as Button,c as Checkbox,L as Checklist,g as Code,W as Container,Z as DateInput,ee as DateRangeInput,A as Divider,re as Dropdown,e as FIGMA_MAKE_CONTRACT_ENTRYPOINT,o as FIGMA_MAKE_PROMPT_ENTRYPOINT,S as Field,P as FileUpload,ae as Flex,pe as Icon,xe as Menu,se as Modal,R as Pagination,F as ProgressIndicator,ue as ScrollView,ne as SearchInput,O as Slider,k as Status,E as Steps,K as Table,ce as Tabs,y as Tag,ge as Text,U as TextInput,H as Textarea,Ae as ThemeProvider,Pe as TimeInput,j as Toggle,Re as Toolbar,z as Tooltip,Fe as createBrand,Oe as createTheme,ke as createUDSRuntimeHelperSDK,Me as useTheme,Se as useThemeController,p as validateAIOutput};
+import{AppShell as a}from"../src/app-shell/AppShell.js";import{validateAIOutput as p}from"../ai/validation/validateAIOutput.js";import{default as x}from"../components/ActionMenu/ActionMenu.js";import{default as s}from"../components/Avatar/Avatar.js";import{default as d}from"../components/Badge/Badge.js";import{default as n}from"../components/Button/Button.js";import{default as c}from"../components/Checkbox/Checkbox.js";import{default as g}from"../components/Code/Code.js";import{default as A}from"../components/Divider/Divider.js";import{default as S}from"../components/Field/Field.js";import{default as P}from"../components/FileUpload/FileUpload.js";import{default as R}from"../components/Pagination/Pagination.js";import{default as F}from"../components/ProgressIndicator/ProgressIndicator.js";import{default as O}from"../components/Slider/Slider.js";import{default as k}from"../components/Status/Status.js";import{default as E}from"../components/Steps/Steps.js";import{default as B}from"../components/Table/Table.js";import{default as w}from"../components/Tag/Tag.js";import{default as U}from"../components/TextInput/TextInput.js";import{default as H}from"../components/Textarea/Textarea.js";import{default as V}from"../components/Toggle/Toggle.js";import{default as q}from"../components/Tooltip/Tooltip.js";import{Checklist as J}from"../components/Checklist/Checklist.js";import{Container as W}from"../components/Container/Container.js";import{DateInput as Z}from"../components/DateInput/DateInput.js";import{DateRangeInput as ee}from"../components/DateRangeInput/DateRangeInput.js";import{default as re}from"../components/Dropdown/Dropdown.js";import{Flex as ae,Layout as fe}from"../components/Layout/Layout.js";import{default as me}from"../components/Icon/Icon.js";import{default as le}from"../components/Menu/Menu.js";import{default as ue}from"../components/Modal/Modal.js";import{ScrollView as ie}from"../components/ScrollView/ScrollView.js";import{SearchInput as Te}from"../components/SearchInput/SearchInput.js";import{default as Ie}from"../components/Tabs/Tabs.js";import{Text as he}from"../components/Text/Text.js";import{ThemeProvider as Me,useTheme as Se,useThemeController as Ce}from"../theme/ThemeProvider.js";import{TimeInput as De}from"../components/TimeInput/TimeInput.js";import{Toolbar as _e}from"../components/Toolbar/Toolbar.js";import{createBrand as Ne}from"../theme/createBrand.js";import{createTheme as be}from"../theme/createTheme.js";import{createUDSRuntimeHelperSDK as ve}from"../ai/sdk/runtime-sdk.js";const e="@mich8060/unified-design-system/ai/figma-make",o="@mich8060/unified-design-system/ai/prompts/figma-make";export{x as ActionMenu,a as AppShell,s as Avatar,d as Badge,n as Button,c as Checkbox,J as Checklist,g as Code,W as Container,Z as DateInput,ee as DateRangeInput,A as Divider,re as Dropdown,e as FIGMA_MAKE_CONTRACT_ENTRYPOINT,o as FIGMA_MAKE_PROMPT_ENTRYPOINT,S as Field,P as FileUpload,ae as Flex,me as Icon,fe as Layout,le as Menu,ue as Modal,R as Pagination,F as ProgressIndicator,ie as ScrollView,Te as SearchInput,O as Slider,k as Status,E as Steps,B as Table,Ie as Tabs,w as Tag,he as Text,U as TextInput,H as Textarea,Me as ThemeProvider,De as TimeInput,V as Toggle,_e as Toolbar,q as Tooltip,Ne as createBrand,be as createTheme,ve as createUDSRuntimeHelperSDK,Se as useTheme,Ce as useThemeController,p as validateAIOutput};