@mastra/playground-ui 22.1.2-alpha.2 → 22.1.2-alpha.4

package/dist/src/ds/components/Command/command.d.ts

@@ -26,7 +26,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -70,7 +70,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-value-link.d.ts

@@ -1,6 +1,8 @@
+import { LinkComponent } from '../../types/link-component';
 export interface DataKeysAndValuesValueLinkProps {
     className?: string;
     children: React.ReactNode;
     href: string;
+    LinkComponent: LinkComponent;
 }
-export declare function DataKeysAndValuesValueLink({ className, children, href }: DataKeysAndValuesValueLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataKeysAndValuesValueLink({ className, children, href, LinkComponent: Link, }: DataKeysAndValuesValueLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataList/data-list-row-link.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from '../../../../node_modules/@types/react';
+import { LinkComponent } from '../../types/link-component';
 export type DataListRowLinkProps = {
     children: ReactNode;
     to: string;
     className?: string;
+    LinkComponent: LinkComponent;
 };
-export declare function DataListRowLink({ children, to, className }: DataListRowLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataListRowLink({ children, to, className, LinkComponent: Link }: DataListRowLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-pagination.d.ts

@@ -0,0 +1,7 @@
+export type EntityListPaginationProps = {
+    currentPage?: number;
+    hasMore?: boolean;
+    onNextPage?: () => void;
+    onPrevPage?: () => void;
+};
+export declare function EntityListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: EntityListPaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-row-link.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from '../../../../node_modules/@types/react';
+import { LinkComponent } from '../../types/link-component';
 export type EntityListRowLinkProps = {
     children: ReactNode;
     to: string;
     className?: string;
+    LinkComponent: LinkComponent;
 };
-export declare function EntityListRowLink({ children, to, className }: EntityListRowLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function EntityListRowLink({ children, to, className, LinkComponent: Link }: EntityListRowLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list.d.ts

@@ -1,5 +1,6 @@
 import { EntityListCell, EntityListTextCell, EntityListNameCell, EntityListDescriptionCell } from './entity-list-cells';
 import { EntityListNoMatch } from './entity-list-no-match';
+import { EntityListPagination } from './entity-list-pagination';
 import { EntityListRoot } from './entity-list-root';
 import { EntityListRow } from './entity-list-row';
 import { EntityListRowLink } from './entity-list-row-link';
@@ -19,4 +20,5 @@ export declare const EntityList: typeof EntityListRoot & {
     NameCell: typeof EntityListNameCell;
     DescriptionCell: typeof EntityListDescriptionCell;
     NoMatch: typeof EntityListNoMatch;
+    Pagination: typeof EntityListPagination;
 };

package/dist/src/ds/components/ItemList/item-list-link-cell.d.ts

@@ -1,6 +1,8 @@
+import { LinkComponent } from '../../types/link-component';
 export type ItemListLinkCellProps = {
     children?: React.ReactNode;
     className?: string;
     href: string;
+    LinkComponent: LinkComponent;
 };
-export declare function ItemListLinkCell({ children, href, className }: ItemListLinkCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemListLinkCell({ children, href, className, LinkComponent: Link }: ItemListLinkCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/KeyValueList/key-value-list.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from '../../../../node_modules/@types/react';
+import { LinkComponent } from '../../types/link-component';
 export type KeyValueListItemValue = {
     id: string;
     name: React.ReactNode;
@@ -18,6 +19,7 @@ export type KeyValueListProps = {
     labelsAreHidden?: boolean;
     className?: string;
     isLoading?: boolean;
+    LinkComponent?: LinkComponent;
 };
-export declare function KeyValueList({ data, className, labelsAreHidden, isLoading }: KeyValueListProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkComponent: Link }: KeyValueListProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/ds/components/ListSearch/list-search.d.ts

@@ -5,5 +5,11 @@ export type ListSearchProps = {
     placeholder: string;
     debounceMs?: number;
     size?: InputProps['size'];
+    /**
+     * Optional controlled value. When provided, ListSearch stays in sync with this
+     * prop — useful when the parent needs to clear the input programmatically
+     * (e.g. from a Reset button). If omitted, ListSearch manages its own state.
+     */
+    value?: string;
 };
-export declare const ListSearch: ({ onSearch, label, placeholder, debounceMs, size }: ListSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListSearch: ({ onSearch, label, placeholder, debounceMs, size, value: controlledValue, }: ListSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/LogsDataList/logs-data-list-cells.d.ts

@@ -1,4 +1,4 @@
-import { LogLevel } from '../../../domains/logs/types';
+type LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'fatal';
 export interface LogsDataListLevelCellProps {
     level: LogLevel;
 }
@@ -24,3 +24,4 @@ export interface LogsDataListDataCellProps {
     data?: Record<string, unknown> | null;
 }
 export declare function LogsDataListDataCell({ data }: LogsDataListDataCellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ds/components/MainSidebar/main-sidebar-nav-header.d.ts

@@ -1,9 +1,11 @@
 import { SidebarState } from './main-sidebar-context';
+import { LinkComponent } from '../../types/link-component';
 export type MainSidebarNavHeaderProps = {
     children?: React.ReactNode;
     className?: string;
     state?: SidebarState;
     href?: string;
     isActive?: boolean;
+    LinkComponent?: LinkComponent;
 };
-export declare function MainSidebarNavHeader({ children, className, state, href, isActive, }: MainSidebarNavHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function MainSidebarNavHeader({ children, className, state, href, isActive, LinkComponent: Link, }: MainSidebarNavHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MainSidebar/main-sidebar-nav-link.d.ts

@@ -1,4 +1,5 @@
 import { SidebarState } from './main-sidebar-context';
+import { LinkComponent } from '../../types/link-component';
 export type NavLink = {
     name: string;
     url: string;
@@ -16,5 +17,6 @@ export type MainSidebarNavLinkProps = {
     state?: SidebarState;
     children?: React.ReactNode;
     className?: string;
+    LinkComponent: LinkComponent;
 };
-export declare function MainSidebarNavLink({ link, state, children, isActive, className, }: MainSidebarNavLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function MainSidebarNavLink({ link, state, children, isActive, className, LinkComponent: Link, }: MainSidebarNavLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Section/index.d.ts

@@ -1 +1,2 @@
 export * from './section';
+export * from './section-root';

package/dist/src/ds/components/StatusBadge/StatusBadge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const statusBadgeVariants: (props?: ({
-    variant?: "error" | "success" | "info" | "warning" | "neutral" | null | undefined;
+    variant?: "error" | "warning" | "info" | "success" | "neutral" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     withDot?: boolean | null | undefined;
     pulse?: boolean | null | undefined;

package/dist/src/ds/icons/index.d.ts

@@ -42,3 +42,14 @@ export * from './McpCoinIcon';
 export * from './ToolCoinIcon';
 export * from './AgentNetworkCoinIcon';
 export * from './ProcessorIcon';
+export * from './AmazonIcon';
+export * from './AnthropicChatIcon';
+export * from './AnthropicMessagesIcon';
+export * from './AzureIcon';
+export * from './CohereIcon';
+export * from './GroqIcon';
+export * from './MastraIcon';
+export * from './MistralIcon';
+export * from './NetlifyIcon';
+export * from './OpenaiChatIcon';
+export * from './XGroqIcon';

package/dist/src/ds/types/link-component.d.ts

@@ -0,0 +1,3 @@
+import { AnchorHTMLAttributes, ForwardRefExoticComponent, RefAttributes } from '../../../node_modules/@types/react';
+export type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+export type LinkComponent = ForwardRefExoticComponent<LinkComponentProps & RefAttributes<HTMLAnchorElement>>;

package/dist/src/hooks/index.d.ts

@@ -1,3 +1,3 @@
 export * from './use-in-view';
-export * from './use-workflows';
-export * from './use-workflow-runs';
+export * from './use-copy-to-clipboard';
+export * from './use-autoscroll';

package/dist/src/index.d.ts

@@ -1,18 +1,4 @@
-export * from './domains/agents/index';
-export * from './domains/llm/index';
-export * from './domains/processors/index';
-export * from './domains/scores/index';
-export * from './domains/prompt-blocks/index';
-export * from './domains/tools/index';
-export * from './domains/workflows/index';
-export * from './domains/templates/index';
-export * from './domains/metrics/index';
-export * from './domains/observability/index';
-export * from './domains/datasets/index';
-export * from './domains/logs/index';
-export * from './domains/evaluation/index';
 export * from './ds/components/Threads';
-export * from './types';
 export * from './ds/components/Alert';
 export * from './ds/components/Avatar';
 export * from './ds/components/Badge/index';
@@ -26,6 +12,7 @@ export * from './ds/components/SessionExpired';
 export * from './ds/components/Header/index';
 export * from './ds/components/Logo/index';
 export * from './ds/components/Table/index';
+export * from './ds/components/Textarea';
 export * from './ds/components/Txt/index';
 export * from './ds/components/AlertDialog';
 export * from './ds/components/Checkbox';
@@ -45,6 +32,7 @@ export * from './ds/components/Kbd';
 export * from './ds/components/Label';
 export * from './ds/components/MarkdownRenderer';
 export * from './ds/components/MetricsCard';
+export * from './ds/components/MetricsFlexGrid';
 export * from './ds/components/Popover';
 export * from './ds/components/RadioGroup';
 export * from './ds/components/ScrollArea';
@@ -75,9 +63,7 @@ export * from './ds/components/SideDialog';
 export * from './ds/components/Steps';
 export * from './ds/components/Tabs';
 export * from './ds/components/Text';
-export * from './ds/components/JSONSchemaForm';
 export * from './ds/components/ContentBlocks';
-export * from './lib/rule-engine';
 export * from './ds/components/Columns';
 export * from './ds/components/CodeDiff';
 export * from './ds/components/ItemList';
@@ -92,29 +78,40 @@ export * from './ds/components/EntityListPageLayout';
 export * from './ds/components/PageLayout';
 export * from './ds/components/ListSearch';
 export * from './ds/components/ErrorState';
-export * from './lib/form';
+export * from './ds/components/Card';
+export * from './ds/components/DataCodeSection';
+export * from './ds/components/DataDetailsPanel';
+export * from './ds/components/DataKeysAndValues';
+export * from './ds/components/DataPanel';
+export * from './ds/components/DateTimeRangePicker';
+export * from './ds/components/HorizontalBars';
+export * from './ds/components/MetricsDataTable';
+export * from './ds/components/MetricsKpiCard';
+export * from './ds/components/MetricsLineChart';
+export * from './ds/components/PrevNextNav';
+export * from './ds/components/ScrollableContainer';
+export * from './ds/components/StatusBadge';
 export * from './ds/icons/index';
-export * from './domains/voice/hooks/use-speech-recognition';
-export * from './hooks';
-export * from './lib/tanstack-query';
-export * from './lib/query-utils';
-export * from './domains/memory/hooks';
-export * from './store/playground-store';
-export * from './lib/framework';
-export { MemorySearch } from './lib/ai-ui/memory-search';
-export * from './domains/conversation/index';
-export * from './lib/errors';
+export * from './ds/tokens';
+export * from './ds/primitives/form-element';
+export * from './ds/primitives/transitions';
+export * from './hooks/use-copy-to-clipboard';
+export * from './hooks/use-in-view';
+export * from './hooks/use-autoscroll';
 export { cn } from './lib/utils';
-export * from './lib/ai-ui/tools/tool-fallback';
-export * from './domains/workflows/runs/workflow-run-list';
-export * from './domains/mcps/index';
-export * from './domains/tool-providers/index';
+export * from './lib/string';
+export * from './lib/number';
+export * from './lib/object';
+export * from './lib/formatting';
+export * from './lib/colors';
+export * from './lib/truncate-string';
+export * from './lib/errors';
+export * from './lib/query-utils';
 export * from './lib/toast';
-export * from './domains/configuration/index';
-export * from './domains/workspace/index';
-export * from './domains/request-context/index';
-export * from './lib/mastra-platform';
-export * from './domains/auth/index';
-export * from './domains/cms/index';
-export * from './lib/experimental-features';
-export * from './lib/command';
+export * from './lib/rule-engine';
+export * from './lib/json-schema';
+export * from './lib/resize';
+export * from './lib/file';
+export * from './lib/template';
+export { usePlaygroundStore, useIsDarkMode, type PlaygroundTheme } from './store/playground-store';
+export type { LinkComponent, LinkComponentProps } from './ds/types/link-component';

package/dist/src/lib/file/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './contentTypeFromUrl';
+export * from './toBase64';

package/dist/src/lib/resize/index.d.ts

@@ -0,0 +1,2 @@
+export * from './collapsible-panel';
+export * from './separator';

package/dist/src/lib/workspace-compat.d.ts

@@ -0,0 +1,6 @@
+import { MastraClient } from '@mastra/client-js';
+/**
+ * Checks if workspace v1 features are supported by both core and client.
+ * This guards against version mismatches between playground-ui, core, and client-js.
+ */
+export declare const isWorkspaceV1Supported: (client: MastraClient) => boolean;

package/dist/src/utils.d.ts

@@ -1 +1 @@
-export { isWorkspaceV1Supported } from './domains/workspace/compatibility';
+export { isWorkspaceV1Supported } from './lib/workspace-compat';

package/dist/tokens.cjs.js

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const spacings = require('./spacings-D-ni8lnF.cjs');
-
 const Animations = {
   // Durations
   durationNormal: "200ms",
@@ -12,14 +10,218 @@ const Animations = {
   easeOut: "cubic-bezier(0.33, 1, 0.68, 1)"
 };
 
-exports.BorderColors = spacings.BorderColors;
-exports.BorderRadius = spacings.BorderRadius;
-exports.Colors = spacings.Colors;
-exports.FontSizes = spacings.FontSizes;
-exports.Glows = spacings.Glows;
-exports.LineHeights = spacings.LineHeights;
-exports.Shadows = spacings.Shadows;
-exports.Sizes = spacings.Sizes;
-exports.Spacings = spacings.Spacings;
+const BorderRadius = {
+  none: "0px",
+  sm: "2px",
+  md: "4px",
+  lg: "6px"
+};
+
+const Colors = {
+  surface1: "var(--surface1)",
+  surface2: "var(--surface2)",
+  surface3: "var(--surface3)",
+  surface4: "var(--surface4)",
+  surface5: "var(--surface5)",
+  surface6: "var(--surface6)",
+  accent1: "var(--accent1)",
+  accent2: "var(--accent2)",
+  accent3: "var(--accent3)",
+  accent5: "var(--accent5)",
+  accent6: "var(--accent6)",
+  accent1Dark: "var(--accent1Dark)",
+  accent2Dark: "var(--accent2Dark)",
+  accent3Dark: "var(--accent3Dark)",
+  accent5Dark: "var(--accent5Dark)",
+  accent6Dark: "var(--accent6Dark)",
+  accent1Darker: "var(--accent1Darker)",
+  accent2Darker: "var(--accent2Darker)",
+  accent3Darker: "var(--accent3Darker)",
+  accent5Darker: "var(--accent5Darker)",
+  accent6Darker: "var(--accent6Darker)",
+  neutral1: "var(--neutral1)",
+  neutral2: "var(--neutral2)",
+  neutral3: "var(--neutral3)",
+  neutral4: "var(--neutral4)",
+  neutral5: "var(--neutral5)",
+  neutral6: "var(--neutral6)",
+  // Semantic state colors
+  error: "var(--error)",
+  // Overlay colors
+  overlay: "var(--overlay)"
+};
+const BorderColors = {
+  border1: "var(--border1)",
+  border2: "var(--border2)"
+};
+
+const FontSizes = {
+  // UI text sizes
+  "ui-xs": "0.625rem",
+  // 10px - small labels, badges
+  "ui-sm": "0.75rem",
+  // 12px - secondary text
+  "ui-smd": "0.8125rem",
+  // 13px - special font size for e.g. form field labels
+  "ui-md": "0.875rem",
+  // 14px - default text
+  "ui-lg": "1rem",
+  // 16px - emphasized text
+  // Header sizes
+  "header-xs": "1rem",
+  // 16px
+  "header-sm": "1.125rem",
+  // 18px
+  "header-md": "1.25rem",
+  // 20px
+  "header-lg": "1.5rem",
+  // 24px
+  "header-xl": "1.75rem"
+  // 28px
+};
+const LineHeights = {
+  "ui-xs": "160%",
+  // 16px
+  "ui-sm": "150%",
+  // 18px
+  "ui-smd": "150%",
+  // 20px
+  "ui-md": "143%",
+  // 20px
+  "ui-lg": "150%",
+  // 24px
+  "header-xs": "137%",
+  // 22px
+  "header-sm": "133%",
+  // 24px
+  "header-md": "140%",
+  // 28px
+  "header-lg": "133%",
+  // 32px
+  "header-xl": "129%"
+  // 36px
+};
+
+const Shadows = {
+  // Elevation shadows
+  sm: "0 1px 2px rgba(0, 0, 0, 0.3)",
+  md: "0 4px 6px rgba(0, 0, 0, 0.3)",
+  lg: "0 10px 15px rgba(0, 0, 0, 0.4)",
+  // Inner shadow for pressed states
+  inner: "inset 0 2px 4px rgba(0, 0, 0, 0.3)",
+  // Card/elevated surface shadows
+  card: "0 2px 8px rgba(0, 0, 0, 0.4)",
+  elevated: "0 8px 24px rgba(0, 0, 0, 0.5)",
+  // Dialog/modal shadows
+  dialog: "0 16px 48px rgba(0, 0, 0, 0.6)"
+};
+const Glows = {
+  accent1: "0 0 20px rgba(34, 197, 94, 0.25)",
+  accent2: "0 0 20px rgba(239, 68, 68, 0.25)",
+  // Subtle glow for focus rings
+  focusRing: "0 0 0 3px rgba(34, 197, 94, 0.12)"
+};
+
+const Sizes = {
+  "icon-default": "16px",
+  "icon-lg": "20px",
+  "icon-sm": "12px",
+  "form-sm": "1.75rem",
+  "form-md": "2rem",
+  "form-default": "2.25rem",
+  "form-lg": "2.5rem",
+  "header-default": "48px",
+  "table-header": "28px",
+  "table-row": "56px",
+  "table-row-small": "40px",
+  "badge-default": "28px",
+  "avatar-sm": "24px",
+  "avatar-md": "32px",
+  "avatar-lg": "40px",
+  "dropdown-max-height": "300px"
+};
+
+const Spacings = {
+  // Base scale (REM-based, matching Tailwind convention)
+  "0": "0rem",
+  px: "0.0625rem",
+  // 1px
+  "0.5": "0.125rem",
+  // 2px
+  "1": "0.25rem",
+  // 4px
+  "1.5": "0.375rem",
+  // 6px
+  "2": "0.5rem",
+  // 8px
+  "2.5": "0.625rem",
+  // 10px
+  "3": "0.75rem",
+  // 12px
+  "3.5": "0.875rem",
+  // 14px
+  "4": "1rem",
+  // 16px
+  "5": "1.25rem",
+  // 20px
+  "6": "1.5rem",
+  // 24px
+  "7": "1.75rem",
+  // 28px
+  "8": "2rem",
+  // 32px
+  "9": "2.25rem",
+  // 36px
+  "10": "2.5rem",
+  // 40px
+  "11": "2.75rem",
+  // 44px
+  "12": "3rem",
+  // 48px
+  "14": "3.5rem",
+  // 56px
+  "16": "4rem",
+  // 64px
+  "20": "5rem",
+  // 80px
+  "24": "6rem",
+  // 96px
+  "28": "7rem",
+  // 112px
+  "32": "8rem",
+  // 128px
+  "36": "9rem",
+  // 144px
+  "40": "10rem",
+  // 160px
+  "44": "11rem",
+  // 176px
+  "48": "12rem",
+  // 192px
+  "52": "13rem",
+  // 208px
+  "56": "14rem",
+  // 224px
+  "60": "15rem",
+  // 240px
+  "64": "16rem",
+  // 256px
+  "72": "18rem",
+  // 288px
+  "80": "20rem",
+  // 320px
+  "96": "24rem"
+  // 384px
+};
+
 exports.Animations = Animations;
+exports.BorderColors = BorderColors;
+exports.BorderRadius = BorderRadius;
+exports.Colors = Colors;
+exports.FontSizes = FontSizes;
+exports.Glows = Glows;
+exports.LineHeights = LineHeights;
+exports.Shadows = Shadows;
+exports.Sizes = Sizes;
+exports.Spacings = Spacings;
 //# sourceMappingURL=tokens.cjs.js.map

package/dist/tokens.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/animations.ts"],"sourcesContent":["export const Animations = {\n  // Durations\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n\n  // Easings\n  easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,UAAA,GAAa;AAAA;AAAA,EAExB,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,OAAA;AAAA;AAAA,EAGd,OAAA,EAAS;AACX;;;;;;;;;;;;;"}
+{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/animations.ts","../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/shadows.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const Animations = {\n  // Durations\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n\n  // Easings\n  easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n","export const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const Colors = {\n  surface1: 'var(--surface1)',\n  surface2: 'var(--surface2)',\n  surface3: 'var(--surface3)',\n  surface4: 'var(--surface4)',\n  surface5: 'var(--surface5)',\n  surface6: 'var(--surface6)',\n  accent1: 'var(--accent1)',\n  accent2: 'var(--accent2)',\n  accent3: 'var(--accent3)',\n  accent5: 'var(--accent5)',\n  accent6: 'var(--accent6)',\n  accent1Dark: 'var(--accent1Dark)',\n  accent2Dark: 'var(--accent2Dark)',\n  accent3Dark: 'var(--accent3Dark)',\n  accent5Dark: 'var(--accent5Dark)',\n  accent6Dark: 'var(--accent6Dark)',\n  accent1Darker: 'var(--accent1Darker)',\n  accent2Darker: 'var(--accent2Darker)',\n  accent3Darker: 'var(--accent3Darker)',\n  accent5Darker: 'var(--accent5Darker)',\n  accent6Darker: 'var(--accent6Darker)',\n  neutral1: 'var(--neutral1)',\n  neutral2: 'var(--neutral2)',\n  neutral3: 'var(--neutral3)',\n  neutral4: 'var(--neutral4)',\n  neutral5: 'var(--neutral5)',\n  neutral6: 'var(--neutral6)',\n\n  // Semantic state colors\n  error: 'var(--error)',\n\n  // Overlay colors\n  overlay: 'var(--overlay)',\n};\n\nexport const BorderColors = {\n  border1: 'var(--border1)',\n  border2: 'var(--border2)',\n};\n","export const FontSizes = {\n  // UI text sizes\n  'ui-xs': '0.625rem', // 10px - small labels, badges\n  'ui-sm': '0.75rem', // 12px - secondary text\n  'ui-smd': '0.8125rem', // 13px - special font size for e.g. form field labels\n  'ui-md': '0.875rem', // 14px - default text\n  'ui-lg': '1rem', // 16px - emphasized text\n\n  // Header sizes\n  'header-xs': '1rem', // 16px\n  'header-sm': '1.125rem', // 18px\n  'header-md': '1.25rem', // 20px\n  'header-lg': '1.5rem', // 24px\n  'header-xl': '1.75rem', // 28px\n};\n\nexport const LineHeights = {\n  'ui-xs': '160%', // 16px\n  'ui-sm': '150%', // 18px\n  'ui-smd': '150%', // 20px\n  'ui-md': '143%', // 20px\n  'ui-lg': '150%', // 24px\n  'header-xs': '137%', // 22px\n  'header-sm': '133%', // 24px\n  'header-md': '140%', // 28px\n  'header-lg': '133%', // 32px\n  'header-xl': '129%', // 36px\n};\n","export const Shadows = {\n  // Elevation shadows\n  sm: '0 1px 2px rgba(0, 0, 0, 0.3)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.3)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.4)',\n\n  // Inner shadow for pressed states\n  inner: 'inset 0 2px 4px rgba(0, 0, 0, 0.3)',\n\n  // Card/elevated surface shadows\n  card: '0 2px 8px rgba(0, 0, 0, 0.4)',\n  elevated: '0 8px 24px rgba(0, 0, 0, 0.5)',\n\n  // Dialog/modal shadows\n  dialog: '0 16px 48px rgba(0, 0, 0, 0.6)',\n};\n\n// Glow effects for interactive elements (focus states, etc.)\nexport const Glows = {\n  accent1: '0 0 20px rgba(34, 197, 94, 0.25)',\n  accent2: '0 0 20px rgba(239, 68, 68, 0.25)',\n\n  // Subtle glow for focus rings\n  focusRing: '0 0 0 3px rgba(34, 197, 94, 0.12)',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'form-sm': '1.75rem',\n  'form-md': '2rem',\n  'form-default': '2.25rem',\n  'form-lg': '2.5rem',\n  'header-default': '48px',\n  'table-header': '28px',\n  'table-row': '56px',\n  'table-row-small': '40px',\n  'badge-default': '28px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  // Base scale (REM-based, matching Tailwind convention)\n  '0': '0rem',\n  px: '0.0625rem', // 1px\n  '0.5': '0.125rem', // 2px\n  '1': '0.25rem', // 4px\n  '1.5': '0.375rem', // 6px\n  '2': '0.5rem', // 8px\n  '2.5': '0.625rem', // 10px\n  '3': '0.75rem', // 12px\n  '3.5': '0.875rem', // 14px\n  '4': '1rem', // 16px\n  '5': '1.25rem', // 20px\n  '6': '1.5rem', // 24px\n  '7': '1.75rem', // 28px\n  '8': '2rem', // 32px\n  '9': '2.25rem', // 36px\n  '10': '2.5rem', // 40px\n  '11': '2.75rem', // 44px\n  '12': '3rem', // 48px\n  '14': '3.5rem', // 56px\n  '16': '4rem', // 64px\n  '20': '5rem', // 80px\n  '24': '6rem', // 96px\n  '28': '7rem', // 112px\n  '32': '8rem', // 128px\n  '36': '9rem', // 144px\n  '40': '10rem', // 160px\n  '44': '11rem', // 176px\n  '48': '12rem', // 192px\n  '52': '13rem', // 208px\n  '56': '14rem', // 224px\n  '60': '15rem', // 240px\n  '64': '16rem', // 256px\n  '72': '18rem', // 288px\n  '80': '20rem', // 320px\n  '96': '24rem', // 384px\n} as const;\n\nexport type Spacing = keyof typeof Spacings;\n"],"names":[],"mappings":";;;;AAAO,MAAM,UAAA,GAAa;AAAA;AAAA,EAExB,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,OAAA;AAAA;AAAA,EAGd,OAAA,EAAS;AACX;;ACPO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACLO,MAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA;AAAA,EAGV,KAAA,EAAO,cAAA;AAAA;AAAA,EAGP,OAAA,EAAS;AACX;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACvCO,MAAM,SAAA,GAAY;AAAA;AAAA,EAEvB,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,QAAA,EAAU,WAAA;AAAA;AAAA,EACV,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA;AAAA,EAGT,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa,UAAA;AAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA;AAAA,EACb,WAAA,EAAa,QAAA;AAAA;AAAA,EACb,WAAA,EAAa;AAAA;AACf;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,QAAA,EAAU,MAAA;AAAA;AAAA,EACV,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa;AAAA;AACf;;AC3BO,MAAM,OAAA,GAAU;AAAA;AAAA,EAErB,EAAA,EAAI,8BAAA;AAAA,EACJ,EAAA,EAAI,8BAAA;AAAA,EACJ,EAAA,EAAI,gCAAA;AAAA;AAAA,EAGJ,KAAA,EAAO,oCAAA;AAAA;AAAA,EAGP,IAAA,EAAM,8BAAA;AAAA,EACN,QAAA,EAAU,+BAAA;AAAA;AAAA,EAGV,MAAA,EAAQ;AACV;AAGO,MAAM,KAAA,GAAQ;AAAA,EACnB,OAAA,EAAS,kCAAA;AAAA,EACT,OAAA,EAAS,kCAAA;AAAA;AAAA,EAGT,SAAA,EAAW;AACb;;ACxBO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,cAAA,EAAgB,SAAA;AAAA,EAChB,SAAA,EAAW,QAAA;AAAA,EACX,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,qBAAA,EAAuB;AACzB;;ACjBO,MAAM,QAAA,GAAW;AAAA;AAAA,EAEtB,GAAA,EAAK,MAAA;AAAA,EACL,EAAA,EAAI,WAAA;AAAA;AAAA,EACJ,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,QAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,MAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,GAAA,EAAK,QAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,IAAA,EAAM,QAAA;AAAA;AAAA,EACN,IAAA,EAAM,SAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM;AAAA;AACR;;;;;;;;;;;;;"}