@tempots/beatui 0.0.6 → 0.1.0

package/dist/types/components/theme/types.d.ts

@@ -1,12 +1,11 @@
 import { BackgroundColorName, ThemeColorName } from '@/tokens';
-import { RadiusName } from '@/tokens/radius';
 import { Signal } from '@tempots/dom';
 export type ButtonVariant = 'filled' | 'light' | 'outline' | 'default' | 'text';
 export type ControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type OverlayEffect = 'transparent' | 'visible';
+export type OverlayEffect = 'transparent' | 'opaque' | 'none';
 export type OverlayMode = 'capturing' | 'non-capturing';
-export type FadeTranstionState = 'initial' | 'entering' | 'entered' | 'exiting' | 'exited';
+export type FadeTransitionState = 'initial' | 'entering' | 'entered' | 'exiting' | 'exited';
 export type Side = 'left' | 'right' | 'top' | 'bottom' | 'none' | 'all' | ('left' | 'right' | 'top' | 'bottom')[];
 export type PanelColor = BackgroundColorName | ThemeColorName | 'white' | 'black' | 'transparent';
 export type PanelShadow = 'none' | 'sm' | 'md' | 'lg';
@@ -17,99 +16,13 @@ export type JustifySelf = 'auto' | 'start' | 'center' | 'safe center' | 'end' |
 export type AlignContent = 'normal' | 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'baseline' | 'stretch';
 export type AlignItems = 'flex-start' | 'flex-end' | 'safe flex-end' | 'center' | 'safe-center' | 'baseline' | 'last-baseline' | 'stretch';
 export type AlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'safe flex-end' | 'center' | 'safe center' | 'stretch' | 'baseline' | 'last baseline';
-export type ButtonStyleOptions = {
-    variant: ButtonVariant;
-    size: ControlSize;
-    color: string;
-    roundedness: RadiusName;
-};
-export type OverlayStyleOptions = {
-    effect: OverlayEffect;
-    mode: OverlayMode;
-};
-export type PanelStyleOptions = {
-    side: Side;
-    color: PanelColor;
-    shadow: PanelShadow;
-};
-export type LabelStyleOptions = {
-    type: LabelType;
-};
-export type IconStyleOptions = {
-    size: IconSize;
-    color?: string;
-};
-export type InputContainerStyleOptions = {
-    disabled?: boolean;
-    hasError?: boolean;
-};
-export type ControlInputWrapperStyleOptions = {
-    hasError?: boolean;
-    disabled?: boolean;
-};
-export type TagStyleOptions = {
-    disabled?: boolean;
-    color?: string;
-};
-export type CheckboxInputStyleOptions = {
-    disabled?: boolean;
-};
-export type EditableTextStyleOptions = {
-    isEditing?: boolean;
-};
-export type NumberInputStyleOptions = {
-    disabled?: boolean;
-};
-export type ToggleStyleOptions = {
-    disabled?: boolean;
-    size?: ControlSize;
-};
-export type FadeInOutStyleOptions = {
-    state: FadeTranstionState;
-};
 export type CardVariant = 'default' | 'elevated' | 'flat' | 'outlined';
-export type CardStyleOptions = {
-    variant?: CardVariant;
-    size?: ControlSize;
-    roundedness?: RadiusName;
-};
 export type CenterGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type CenterStyleOptions = {
-    gap?: CenterGap;
-};
 export type SinkVariant = 'default' | 'deep' | 'shallow' | 'flat';
-export type SinkStyleOptions = {
-    variant?: SinkVariant;
-    size?: ControlSize;
-    roundedness?: RadiusName;
-};
-export type SegmentedControlStyleOptions = {
-    size?: ControlSize;
-};
-export interface ThemeDefinition {
-    button: (options: ButtonStyleOptions) => string;
-    overlay: (options: OverlayStyleOptions) => string;
-    icon: (options: IconStyleOptions) => string;
-    panel: (options: PanelStyleOptions) => string;
-    label: (options: LabelStyleOptions) => string;
-    inputContainer: (options: InputContainerStyleOptions) => string;
-    controlInputWrapper: (options: ControlInputWrapperStyleOptions) => string;
-    controlInputWrapperLabelText: (options: ControlInputWrapperStyleOptions) => string;
-    tag: (options: TagStyleOptions) => string;
-    checkboxInput: (options: CheckboxInputStyleOptions) => string;
-    editableText: (options: EditableTextStyleOptions) => string;
-    numberInput: (options: NumberInputStyleOptions) => string;
-    card: (options: CardStyleOptions) => string;
-    center: (options: CenterStyleOptions) => string;
-    sink: (options: SinkStyleOptions) => string;
-    segmentedControl: (options: SegmentedControlStyleOptions) => string;
-    toggle: (options: ToggleStyleOptions) => string;
-}
 export type AppearancePreference = 'light' | 'dark' | 'system';
 export type Appearance = 'light' | 'dark';
 export interface ThemeValue {
     setAppearancePreference: (appearance: AppearancePreference) => void;
     appearancePreference: Signal<AppearancePreference>;
     appearance: Signal<Appearance>;
-    theme: ThemeDefinition;
 }

package/dist/types/index.d.ts

@@ -4,9 +4,9 @@ export * from './components/data';
 export * from './components/form';
 export * from './components/layout';
 export * from './components/misc';
+export * from './components/navigation';
 export * from './components/overlay';
 export * from './components/theme';
 export * from './components/typography';
-export * from './theme';
 export * from './tokens';
 export * from './utils';

package/dist/types/tokens/colors.d.ts

@@ -22,7 +22,98 @@ export declare const borderColors: {
     light: Record<BorderColorName, [ThemeColorName, ColorShade]>;
     dark: Record<BorderColorName, [ThemeColorName, ColorShade]>;
 };
+export type InteractiveColorName = 'focus' | 'hover' | 'active';
+export declare const interactiveColors: {
+    light: Record<InteractiveColorName, [ThemeColorName, ColorShade]>;
+    dark: Record<InteractiveColorName, [ThemeColorName, ColorShade]>;
+};
 export declare function normalizeColorName(color: ThemeColorName): ThemeColorName;
 export declare function getColorVarName(color: ThemeColorName, shade: ColorShade): `--color-${ThemeColorName}-${ColorShade}`;
 export declare function getColorVar(color: ThemeColorName, shade: ColorShade): string;
+export type BackgroundVariant = 'solid' | 'light' | 'lighter';
+export declare const backgroundConfig: {
+    readonly special: {
+        readonly inherit: {
+            readonly backgroundColor: "inherit";
+            readonly color: "inherit";
+        };
+        readonly white: {
+            readonly backgroundColor: "var(--color-white)";
+            readonly color: "var(--color-base-900)";
+        };
+        readonly black: {
+            readonly backgroundColor: "black";
+            readonly color: "var(--color-white)";
+        };
+        readonly transparent: {
+            readonly backgroundColor: "transparent";
+            readonly color: "inherit";
+        };
+    };
+    readonly variants: {
+        readonly solid: {
+            readonly light: {
+                readonly bgShade: 500;
+                readonly textColor: "var(--color-white)";
+            };
+            readonly dark: {
+                readonly bgShade: 600;
+                readonly textColor: "var(--color-black)";
+            };
+        };
+        readonly light: {
+            readonly light: {
+                readonly bgShade: 200;
+                readonly textColor: "var(--text-normal-light)";
+            };
+            readonly dark: {
+                readonly bgShade: 800;
+                readonly textColor: "var(--text-normal-dark)";
+            };
+        };
+        readonly lighter: {
+            readonly light: {
+                readonly bgShade: 100;
+                readonly textColor: "var(--text-normal-light)";
+            };
+            readonly dark: {
+                readonly bgShade: 900;
+                readonly textColor: "var(--text-normal-dark)";
+            };
+        };
+    };
+    readonly overrides: {
+        readonly white: {
+            readonly light: {
+                readonly backgroundColor: "var(--color-white)";
+                readonly color: "var(--color-base-900)";
+            };
+            readonly dark: {
+                readonly backgroundColor: "var(--color-black)";
+                readonly color: "var(--color-base-100)";
+            };
+        };
+        readonly black: {
+            readonly light: {
+                readonly backgroundColor: "black";
+                readonly color: "var(--color-white)";
+            };
+            readonly dark: {
+                readonly backgroundColor: "black";
+                readonly color: "var(--color-white)";
+            };
+        };
+        readonly transparent: {
+            readonly light: {
+                readonly backgroundColor: "transparent";
+                readonly color: "inherit";
+            };
+            readonly dark: {
+                readonly backgroundColor: "transparent";
+                readonly color: "inherit";
+            };
+        };
+    };
+};
+export declare function generateBackgroundUtilities(): string;
 export declare function generateColorVariables(): Record<string, string>;

package/dist/types/tokens/index.d.ts

@@ -4,5 +4,6 @@ export * from './colors';
 export * from './radius';
 export * from './spacing';
 export * from './typography';
+export * from './z-index';
 export declare function generateAllTokenVariables(): Record<string, string>;
 export declare function getTokenValue(tokenName: string, element?: HTMLElement): string;

package/dist/types/tokens/shadows.d.ts

@@ -0,0 +1,21 @@
+export declare const shadows: {
+    readonly none: "none";
+    readonly '2xs': "0 1px rgb(0 0 0 / 0.05)";
+    readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+    readonly 'top-2xs': "0 -1px rgb(0 0 0 / 0.05)";
+    readonly 'top-xs': "0 -1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly 'top-sm': "0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+    readonly 'top-md': "0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly 'top-lg': "0 -10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly 'top-xl': "0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly 'top-2xl': "0 -25px 50px -12px rgb(0 0 0 / 0.25)";
+};
+export type ShadowSize = keyof typeof shadows;
+export declare function getShadowVarName(size: ShadowSize): string;
+export declare function getShadowVar(size: ShadowSize): string;
+export declare function generateShadowVariables(): Record<string, string>;

package/dist/types/tokens/spacing.d.ts

@@ -10,7 +10,8 @@ export declare const spacing: {
     readonly xl: "calc(var(--spacing-base) * 3)";
     readonly '2xl': "calc(var(--spacing-base) * 4)";
     readonly '3xl': "calc(var(--spacing-base) * 6)";
-    readonly full: "9999px";
+    readonly '4xl': "calc(var(--spacing-base) * 8)";
+    readonly full: "2000px";
 };
 export type SpacingName = keyof typeof spacing;
 export declare function getSpacingVarName(size: SpacingName): string;

package/dist/types/tokens/text-shadows.d.ts

@@ -0,0 +1,12 @@
+export declare const textShadows: {
+    readonly none: "none";
+    readonly '2xs': "0px 1px 0px rgb(0 0 0 / 0.15)";
+    readonly xs: "0px 1px 1px rgb(0 0 0 / 0.2)";
+    readonly sm: "0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075)";
+    readonly md: "0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1)";
+    readonly lg: "0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1)";
+};
+export type TextShadowSize = keyof typeof textShadows;
+export declare function getTextShadowVarName(size: TextShadowSize): string;
+export declare function getTextShadowVar(size: TextShadowSize): string;
+export declare function generateTextShadowVariables(): Record<string, string>;

package/dist/types/tokens/typography.d.ts

@@ -1,11 +1,17 @@
 export declare const fontSize: {
+    readonly '3xs': readonly ["0.5rem", {
+        readonly lineHeight: "0.75rem";
+    }];
+    readonly '2xs': readonly ["0.625rem", {
+        readonly lineHeight: "0.75rem";
+    }];
     readonly xs: readonly ["0.75rem", {
         readonly lineHeight: "1rem";
     }];
     readonly sm: readonly ["0.875rem", {
         readonly lineHeight: "1.25rem";
     }];
-    readonly base: readonly ["1rem", {
+    readonly md: readonly ["1rem", {
         readonly lineHeight: "1.5rem";
     }];
     readonly lg: readonly ["1.125rem", {
@@ -39,6 +45,7 @@ export declare const fontSize: {
         readonly lineHeight: "1";
     }];
 };
+export declare function changeFontSize(size: FontSize, steps: number): "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "3xl" | "4xl" | "3xs" | "2xs" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
 export type FontSize = keyof typeof fontSize;
 export declare const fontWeight: {
     readonly thin: "100";

package/dist/types/tokens/z-index.d.ts

@@ -0,0 +1,16 @@
+export declare const zIndex: {
+    readonly base: 0;
+    readonly raised: 10;
+    readonly navigation: 20;
+    readonly sidebar: 20;
+    readonly overlay: 50;
+    readonly modal: 60;
+    readonly tooltip: 70;
+    readonly popover: 80;
+    readonly notification: 90;
+    readonly maximum: 100;
+};
+export type ZIndexName = keyof typeof zIndex;
+export declare function getZIndexVarName(level: ZIndexName): string;
+export declare function getZIndexVar(level: ZIndexName): string;
+export declare function generateZIndexVariables(): Record<string, string>;

package/dist/types/utils/types.d.ts

@@ -0,0 +1 @@
+export type IsUnion<T, U = T> = T extends any ? [U] extends [T] ? false : true : never;

package/dist/types/utils/use-animated-toggle.d.ts

@@ -1,5 +1,5 @@
-import { type Signal } from '@tempots/dom';
-export type ToggleStatus = 'closed' | 'start-opening' | 'opening' | 'open' | 'closing';
+import { Value, type Signal } from '@tempots/dom';
+export type ToggleStatus = 'closed' | 'start-opening' | 'opening' | 'opened' | 'closing' | 'start-closing';
 export type AnimatedToggleOptions = {
     initialStatus?: Exclude<ToggleStatus, 'start-opening'>;
     openedAfter: (cb: () => void) => () => void;
@@ -11,8 +11,13 @@ export declare function useAnimatedToggle({ initialStatus, openedAfter, closedAf
     close: () => void;
     toggle: () => void;
     setOpen: (v: boolean) => void;
-    isOpen: import("@tempots/dom").Computed<boolean>;
-    displayOpen: import("@tempots/dom").Computed<boolean>;
+    display: import("@tempots/dom").Computed<boolean>;
+    isClosed: import("@tempots/dom").Computed<boolean>;
+    isStartOpening: import("@tempots/dom").Computed<boolean>;
+    isOpening: import("@tempots/dom").Computed<boolean>;
+    isOpened: import("@tempots/dom").Computed<boolean>;
+    isClosing: import("@tempots/dom").Computed<boolean>;
+    isStartClosing: import("@tempots/dom").Computed<boolean>;
     dispose: () => void;
     onClosed: (fn: () => void) => () => void;
 };
@@ -28,8 +33,13 @@ export declare function useTimedToggle({ initialStatus, duration, openDuration,
     close: () => void;
     toggle: () => void;
     setOpen: (v: boolean) => void;
-    isOpen: import("@tempots/dom").Computed<boolean>;
-    displayOpen: import("@tempots/dom").Computed<boolean>;
+    display: import("@tempots/dom").Computed<boolean>;
+    isClosed: import("@tempots/dom").Computed<boolean>;
+    isStartOpening: import("@tempots/dom").Computed<boolean>;
+    isOpening: import("@tempots/dom").Computed<boolean>;
+    isOpened: import("@tempots/dom").Computed<boolean>;
+    isClosing: import("@tempots/dom").Computed<boolean>;
+    isStartClosing: import("@tempots/dom").Computed<boolean>;
     dispose: () => void;
     onClosed: (fn: () => void) => () => void;
 };
@@ -43,9 +53,16 @@ export declare function useAnimatedElementToggle({ initialStatus, element, }?: A
     close: () => void;
     toggle: () => void;
     setOpen: (v: boolean) => void;
-    isOpen: import("@tempots/dom").Computed<boolean>;
-    displayOpen: import("@tempots/dom").Computed<boolean>;
+    display: import("@tempots/dom").Computed<boolean>;
+    isClosed: import("@tempots/dom").Computed<boolean>;
+    isStartOpening: import("@tempots/dom").Computed<boolean>;
+    isOpening: import("@tempots/dom").Computed<boolean>;
+    isOpened: import("@tempots/dom").Computed<boolean>;
+    isClosing: import("@tempots/dom").Computed<boolean>;
+    isStartClosing: import("@tempots/dom").Computed<boolean>;
     dispose: () => void;
     onClosed: (fn: () => void) => () => void;
     setElement: (value: HTMLElement) => void;
 };
+export type Animation = 'none' | 'slide-right' | 'slide-left' | 'slide-up' | 'slide-down' | 'fade' | 'fade-slide-right' | 'fade-slide-left' | 'fade-slide-up' | 'fade-slide-down' | 'scale' | 'scale-fade' | 'flyout-top' | 'flyout-bottom' | 'flyout-left' | 'flyout-right';
+export declare function AnimatedToggleClass(animation: Value<Animation>, status: Signal<ToggleStatus>): import("@tempots/dom").Renderable;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/beatui",
-  "version": "0.0.6",
+  "version": "0.1.0",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -54,9 +54,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "peerDependencies": {
-    "@tempots/dom": ">=26.11.0",
-    "@tempots/std": ">=0.18.0",
-    "@tempots/ui": ">=3.1.0"
+    "@tempots/dom": "28.1.5",
+    "@tempots/std": "0.20.0",
+    "@tempots/ui": "5.0.0"
   },
   "peerDependenciesMeta": {
     "@tempots/dom": {
@@ -70,8 +70,6 @@
     }
   },
   "devDependencies": {
-    "@playwright/test": "1.52.0",
-    "@storybook/html-vite": "9.0.4",
     "@testing-library/dom": "10.4.0",
     "@types/node": "22.15.18",
     "@typescript-eslint/eslint-plugin": "8.32.1",
@@ -79,11 +77,8 @@
     "eslint": "9.27.0",
     "eslint-config-prettier": "10.1.5",
     "eslint-plugin-prettier": "5.4.0",
-    "eslint-plugin-storybook": "9.0.4",
     "jsdom": "26.1.0",
     "prettier": "3.5.3",
-    "start-server-and-test": "^2.0.12",
-    "storybook": "9.0.4",
     "tsx": "^4.19.4",
     "typescript": "5.8.3",
     "typescript-eslint": "8.32.1",
@@ -92,19 +87,13 @@
     "zod": "^3.25.32"
   },
   "scripts": {
-    "dev": "vite",
     "build": "vite build && tsc -p tsconfig.build.json",
+    "build:watch": "vite build --watch",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:e2e": "playwright test",
-    "test:e2e:ci": "PLAYWRIGHT_TEST_BASE_URL=http://localhost:6006 playwright test --project=chromium",
-    "test:all": "pnpm test && pnpm storybook:ci && pnpm test:e2e",
-    "storybook:ci": "start-server-and-test storybook http://localhost:6006 test:e2e:ci",
     "lint": "eslint . --ext .ts",
-    "format": "prettier --write \"src/**/*.ts\" \"stories/**/*.ts\"",
-    "storybook": "storybook dev -p 6006",
-    "storybook:build": "storybook build",
-    "clean": "rm -rf dist storybook-static",
+    "format": "prettier --write \"src/**/*.ts\"",
+    "clean": "rm -rf dist",
     "release:patch": "pnpm run release:prepare && pnpm version patch && pnpm run release:publish && pnpm run release:commit",
     "release:minor": "pnpm run release:prepare && pnpm version minor && pnpm run release:publish && pnpm run release:commit",
     "release:major": "pnpm run release:prepare && pnpm version major && pnpm run release:publish && pnpm run release:commit",

package/dist/types/components/form/controller/form-controller.d.ts

@@ -1,4 +0,0 @@
-import { GroupController } from './group-controller';
-export declare class FormController<In extends Record<string, any>> extends GroupController<In> {
-    dispose(): void;
-}

package/dist/types/components/form/controller/group-controller.d.ts

@@ -1,15 +0,0 @@
-import { ValidationResult } from './validation-result';
-import { ValueController } from './value-controller';
-import { ListController } from './list-controller';
-import { Signal } from '@tempots/dom';
-import { Path } from './path';
-export declare class GroupController<In extends Record<string, any>> extends ValueController<In> {
-    #private;
-    constructor(path: Path, change: (value: In) => void, value: Signal<In>, status: Signal<ValidationResult>, parent: {
-        disabled: Signal<boolean>;
-    });
-    readonly field: <K extends keyof In & string>(field: In[K] extends any[] | Record<string, any> ? never : K) => ValueController<In[K]>;
-    readonly list: <K extends keyof In & string>(field: In[K] extends any[] ? K : never) => ListController<In[K]>;
-    readonly group: <K extends keyof In & string>(field: In[K] extends Record<string, any> ? K : never) => GroupController<In[K]>;
-    dispose(): void;
-}

package/dist/types/components/form/controller/list-controller.d.ts

@@ -1,22 +0,0 @@
-import { Signal } from '@tempots/dom';
-import { Path } from './path';
-import { ValidationResult } from './validation-result';
-import { ValueController } from './value-controller';
-import { GroupController } from './group-controller';
-export declare class ListController<In extends any[]> extends ValueController<In> {
-    #private;
-    constructor(path: Path, change: (value: In) => void, value: Signal<In>, status: Signal<ValidationResult>, parent: {
-        disabled: Signal<boolean>;
-    });
-    readonly length: import("@tempots/dom").Computed<number>;
-    readonly item: (index: In[number] extends Record<string, any> | any[] ? never : number) => ValueController<In[number]>;
-    readonly list: (index: In[number] extends In[number] ? number : never) => ListController<In[number]>;
-    readonly group: (index: In[number] extends Record<string, any> ? number : never) => GroupController<In[number]>;
-    dispose(): void;
-    readonly push: (...value: In[number][]) => void;
-    readonly pop: () => void;
-    readonly shift: () => void;
-    readonly unshift: (...value: In[number]) => void;
-    readonly removeAt: (index: number) => void;
-    readonly splice: (start: number, deleteCount?: number) => void;
-}

package/dist/types/components/form/controller/value-controller.d.ts

@@ -1,27 +0,0 @@
-import { Signal } from '@tempots/dom';
-import { Path } from './path';
-import { InvalidDependencies, ValidationResult } from './validation-result';
-export declare class ValueController<In> {
-    #private;
-    readonly path: Path;
-    readonly change: (value: In) => void;
-    readonly value: Signal<In>;
-    readonly status: Signal<ValidationResult>;
-    readonly error: Signal<undefined | string>;
-    readonly hasError: Signal<boolean>;
-    readonly dependencyErrors: Signal<undefined | Record<string | number, InvalidDependencies>>;
-    protected readonly parent: {
-        disabled: Signal<boolean>;
-    };
-    readonly disabled: Signal<boolean>;
-    constructor(path: Path, change: (value: In) => void, value: Signal<In>, status: Signal<ValidationResult>, parent: {
-        disabled: Signal<boolean>;
-    });
-    get name(): string;
-    dispose(): void;
-    readonly disable: () => void;
-    readonly enable: () => void;
-}
-export type CreateController<In, VC extends ValueController<In>> = (path: Path, onChange: (value: In) => void, value: Signal<In>, status: Signal<ValidationResult>, parent: {
-    disabled: Signal<boolean>;
-}) => VC;

package/dist/types/theme/beatui-theme.d.ts

@@ -1,20 +0,0 @@
-import { ButtonStyleOptions, CardStyleOptions, CenterStyleOptions, CheckboxInputStyleOptions, ControlInputWrapperStyleOptions, EditableTextStyleOptions, IconStyleOptions, InputContainerStyleOptions, LabelStyleOptions, NumberInputStyleOptions, OverlayStyleOptions, PanelStyleOptions, SegmentedControlStyleOptions, SinkStyleOptions, TagStyleOptions, ThemeDefinition, ToggleStyleOptions } from '@/components/theme';
-export declare class BeatUITheme implements ThemeDefinition {
-    button({ variant, size, color, roundedness }: ButtonStyleOptions): string;
-    overlay({ effect, mode }: OverlayStyleOptions): string;
-    icon({ size, color }: IconStyleOptions): string;
-    panel({ side, color, shadow }: PanelStyleOptions): string;
-    label(options: LabelStyleOptions): string;
-    inputContainer({ disabled, hasError }: InputContainerStyleOptions): string;
-    controlInputWrapper(_options?: ControlInputWrapperStyleOptions): string;
-    controlInputWrapperLabelText({ hasError, disabled, }: ControlInputWrapperStyleOptions): string;
-    tag({ disabled, color }: TagStyleOptions): string;
-    checkboxInput(_options: CheckboxInputStyleOptions): string;
-    editableText(_options: EditableTextStyleOptions): string;
-    numberInput(_options: NumberInputStyleOptions): string;
-    card({ variant, size, roundedness, }: CardStyleOptions): string;
-    center({ gap }: CenterStyleOptions): string;
-    sink({ variant, size, roundedness, }: SinkStyleOptions): string;
-    segmentedControl({ size }: SegmentedControlStyleOptions): string;
-    toggle({ disabled, size }: ToggleStyleOptions): string;
-}

package/dist/types/theme/index.d.ts

@@ -1 +0,0 @@
-export * from './beatui-theme';