dawn-ui-react 1.0.0-alpha.3 → 1.0.0-alpha.31

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useMediaQuery } from './use-media-query';
+export * from './theme';

package/dist/hooks/theme/constants.d.ts

@@ -0,0 +1,4 @@
+import { Theme, ThemeValue } from './types';
+export declare const THEME_STORAGE_KEY = "cartyx-ui-theme";
+export declare const DEFAULT_THEME: ThemeValue;
+export declare const getThemeByValue: (value: ThemeValue, themes: Theme[]) => Theme | undefined;

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

@@ -0,0 +1,3 @@
+export type { Theme, ThemeValue, ThemeProviderProps, ThemeProviderState } from './types';
+export { getThemeByValue, THEME_STORAGE_KEY, DEFAULT_THEME } from './constants';
+export { ThemeProvider, useTheme } from './use-theme';

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

@@ -0,0 +1,16 @@
+import { Icon } from '@phosphor-icons/react';
+export type ThemeValue = 'light' | 'dark' | 'system';
+export type Theme = {
+    value: ThemeValue;
+    label: string;
+    icon: Icon;
+};
+export type ThemeProviderState = {
+    theme: ThemeValue;
+    setTheme: (theme: ThemeValue) => void;
+};
+export type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: ThemeValue;
+    storageKey?: string;
+};

package/dist/hooks/theme/use-theme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProviderProps, ThemeProviderState } from './types';
+export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): import("react").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,6 @@
+type Device = {
+    name: 'mobile' | 'tablet' | 'desktop';
+    query: string;
+};
+export declare const useMediaQuery: (deviceName: Device["name"]) => boolean;
+export {};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './hooks';
 export { cn } from './utils/cn';

package/dist/styles.css

@@ -5,6 +5,8 @@
 
 @theme static {
   --color-*: initial;
+  --color-white: var(--dawn-white);
+  --color-black: var(--dawn-black);
   --color-brand-default: var(--dawn-brand-default);
   --color-brand-muted: var(--dawn-brand-muted);
   --color-brand-subtle: var(--dawn-brand-subtle);
@@ -405,32 +407,34 @@
   --yellow-900: #715212ff;
   --yellow-950: #422f06ff;
 
-  --dawn-brand-default: light-dark(var(--blue-700), var(--blue-400));
-  --dawn-brand-muted: light-dark(var(--blue-800), var(--blue-300));
-  --dawn-brand-subtle: light-dark(var(--blue-100), var(--blue-950));
+  --dawn-white: var(--white);
+  --dawn-black: var(--black);
+  --dawn-brand-default: light-dark(var(--rose-600), var(--rose-300));
+  --dawn-brand-muted: light-dark(var(--rose-700), var(--rose-200));
+  --dawn-brand-subtle: light-dark(var(--rose-100), var(--rose-950));
   --dawn-brand-on-default: light-dark(var(--white), var(--neutral-950));
-  --dawn-brand-container: light-dark(var(--blue-50), var(--blue-950));
-  --dawn-brand-container-high: light-dark(var(--blue-100), var(--blue-900));
-  --dawn-brand-on-container: light-dark(var(--blue-900), var(--blue-200));
-  --dawn-brand-on-container-muted: light-dark(var(--blue-700), var(--blue-400));
-  --dawn-brand-border: light-dark(var(--blue-300), var(--blue-700));
-  --dawn-brand-border-strong: light-dark(var(--blue-600), var(--blue-400));
-  --dawn-brand-shadow: light-dark(#005ba740, #30acff66);
-
-  --dawn-accent-default: light-dark(var(--lime-700), var(--lime-400));
-  --dawn-accent-muted: light-dark(var(--lime-800), var(--lime-300));
-  --dawn-accent-subtle: light-dark(var(--lime-100), var(--green-950));
+  --dawn-brand-container: light-dark(var(--rose-50), var(--rose-950));
+  --dawn-brand-container-high: light-dark(var(--rose-100), var(--rose-900));
+  --dawn-brand-on-container: light-dark(var(--rose-900), var(--rose-200));
+  --dawn-brand-on-container-muted: light-dark(var(--rose-700), var(--rose-300));
+  --dawn-brand-border: light-dark(var(--rose-300), var(--rose-600));
+  --dawn-brand-border-strong: light-dark(var(--rose-600), var(--rose-400));
+  --dawn-brand-shadow: light-dark(#e11d4840, #fda4b866);
+
+  --dawn-accent-default: light-dark(var(--violet-600), var(--violet-300));
+  --dawn-accent-muted: light-dark(var(--violet-700), var(--violet-200));
+  --dawn-accent-subtle: light-dark(var(--violet-100), var(--violet-950));
   --dawn-accent-on-default: light-dark(var(--white), var(--neutral-950));
-  --dawn-accent-container: light-dark(var(--lime-50), var(--lime-950));
-  --dawn-accent-container-high: light-dark(var(--lime-100), var(--lime-900));
-  --dawn-accent-on-container: light-dark(var(--lime-900), var(--lime-200));
-  --dawn-accent-on-container-muted: light-dark(var(--lime-700), var(--lime-400));
-  --dawn-accent-border: light-dark(var(--lime-300), var(--green-700));
-  --dawn-accent-border-strong: light-dark(var(--lime-600), var(--lime-400));
-  --dawn-accent-shadow: light-dark(#197c4b40, #4fd99466);
+  --dawn-accent-container: light-dark(var(--violet-50), var(--violet-950));
+  --dawn-accent-container-high: light-dark(var(--violet-100), var(--violet-900));
+  --dawn-accent-on-container: light-dark(var(--violet-900), var(--violet-200));
+  --dawn-accent-on-container-muted: light-dark(var(--violet-700), var(--violet-300));
+  --dawn-accent-border: light-dark(var(--violet-300), var(--violet-700));
+  --dawn-accent-border-strong: light-dark(var(--violet-600), var(--violet-400));
+  --dawn-accent-shadow: light-dark(#7c3aed40, #d0b5fd66);
 
   --dawn-neutral-default: light-dark(var(--neutral-700), var(--neutral-100));
-  --dawn-neutral-muted: light-dark(var(--neutral-800), var(--neutral-300));
+  --dawn-neutral-muted: light-dark(var(--neutral-800), var(--neutral-400));
   --dawn-neutral-subtle: light-dark(var(--neutral-200), var(--neutral-800));
   --dawn-neutral-on-default: light-dark(var(--white), var(--neutral-950));
   --dawn-neutral-container: light-dark(var(--neutral-200), var(--neutral-800));
@@ -598,182 +602,222 @@
 
 @layer base {
   body {
+    margin: 0;
     background-color: theme(--color-surface-background);
     color: theme(--color-on-surface);
     font-family: var(--font-body);
     font-size: var(--text-base);
     scrollbar-color: theme(--color-accent-default) theme(--color-surface-2);
   }
+  button {
+    line-height: 0;
+  }
+  input {
+    line-height: 0;
+  }
+  .recharts-wrapper:focus,
+  .recharts-wrapper *:focus {
+    outline: none;
+  }
+
+  .recharts-wrapper:focus-visible,
+  .recharts-wrapper *:focus-visible {
+    outline: revert;
+  }
 }
 
 @utility shadow-* {
   box-shadow: --value(--shadow-*) var(--dawn-shadow);
 }
 
-@utility style-text-* {
-  font-family: var(--text-font);
-  font-weight: var(--text-weight);
-  font-size: var(--text-size);
-  line-height: var(--text-leading, normal);
-  letter-spacing: normal;
-}
-
 @utility style-text-default-5 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-4xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-4xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-4 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-3xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-3xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-3 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-2xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-2xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-2 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-xl);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-xl);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-1 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-lg);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-lg);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default-0 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-base);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-base);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default--1 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-sm);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-sm);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-default--2 {
-  --text-font: var(--font-body);
-  --text-weight: 500;
-  --text-size: var(--text-xs);
+  font-family: var(--font-body);
+  font-weight: 500;
+  font-size: var(--text-xs);
+  line-height: normal;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-5 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-4xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-4xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-4 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-3xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-3xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-3 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-2xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-2xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-2 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-xl);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-xl);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-1 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-lg);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-lg);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose-0 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-base);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-base);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose--1 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-sm);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-sm);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-prose--2 {
-  --text-font: var(--font-body);
-  --text-weight: 400;
-  --text-size: var(--text-xs);
-  --text-leading: 160%;
+  font-family: var(--font-body);
+  font-weight: 400;
+  font-size: var(--text-xs);
+  line-height: 160%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-5 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-4xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-4xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-4 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-3xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-3xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-3 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-2xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-2xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-2 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-xl);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-xl);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-1 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-lg);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-lg);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong-0 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-base);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-base);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong--1 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-sm);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-sm);
+  line-height: 120%;
+  letter-spacing: normal;
 }
 
 @utility style-text-strong--2 {
-  --text-font: var(--font-heading);
-  --text-weight: 700;
-  --text-size: var(--text-xs);
-  --text-leading: 120%;
+  font-family: var(--font-heading);
+  font-weight: 700;
+  font-size: var(--text-xs);
+  line-height: 120%;
+  letter-spacing: normal;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dawn-ui-react",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.31",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -31,7 +31,7 @@
     "build": "tsc -b && vite build && pnpm run build:css",
     "build-storybook": "pnpm build:tailwind && storybook build",
     "build:css": "node -e \"require('fs').copyFileSync('src/styles/input.css', 'dist/styles.css')\"",
-    "build:tailwind": "pnpx @tailwindcss/cli -i ./src/styles/input.css -o ./dist/styles.css",
+    "build:tailwind": "pnpm dlx @tailwindcss/cli -i ./src/styles/input.css -o ./dist/styles.css",
     "commit": "git add . && git commit",
     "commit:skip": "git add . && git commit --no-verify",
     "cz": "cz",
@@ -44,66 +44,72 @@
     "storybook": "concurrently 'pnpm:watch:*'",
     "test": "vitest run",
     "watch:storybook": "storybook dev -p 6006",
-    "watch:tailwind": "pnpx @tailwindcss/cli -i ./src/styles/input.css -o ./src/styles/output.css --watch"
+    "watch:tailwind": "pnpm dlx @tailwindcss/cli -i ./src/styles/input.css -o ./src/styles/output.css --watch"
   },
   "dependencies": {
-    "@base-ui/react": "^1.4.1",
-    "@dnd-kit/dom": "^0.4.0",
-    "@dnd-kit/react": "^0.4.0",
+    "@base-ui/react": "^1.7.0",
+    "@dnd-kit/dom": "^0.5.0",
+    "@dnd-kit/react": "^0.5.0",
     "@phosphor-icons/react": "^2.1.10",
-    "@tailwindcss/cli": "^4.2.4",
-    "@tailwindcss/vite": "^4.2.4",
-    "@tanstack/react-form": "^1.29.1",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
+    "@tanstack/react-form": "^1.33.5",
     "@tanstack/react-table": "^8.21.3",
+    "chroma-js": "^3.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "react-resizable-panels": "^4.11.0",
-    "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.2.4",
+    "react-resizable-panels": "^4.12.2",
+    "recharts": "^3.10.1",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.1.2",
-    "@commitlint/cli": "^20.5.3",
-    "@commitlint/config-conventional": "^20.5.3",
-    "@faker-js/faker": "^10.4.0",
-    "@semantic-release/changelog": "^6.0.3",
+    "@chromatic-com/storybook": "^5.3.0",
+    "@commitlint/cli": "^21.2.1",
+    "@commitlint/config-conventional": "^21.2.0",
+    "@faker-js/faker": "^10.5.0",
+    "@semantic-release/changelog": "^7.0.0",
     "@semantic-release/commit-analyzer": "^13.0.1",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^12.0.6",
+    "@semantic-release/git": "^11.0.1",
+    "@semantic-release/github": "^12.0.9",
     "@semantic-release/npm": "^13.1.5",
-    "@semantic-release/release-notes-generator": "^14.1.0",
-    "@storybook/addon-a11y": "^10.3.6",
-    "@storybook/addon-docs": "^10.3.6",
-    "@storybook/addon-themes": "^10.3.6",
-    "@storybook/addon-vitest": "^10.3.6",
-    "@storybook/react-vite": "^10.3.6",
-    "@tailwindcss/node": "^4.2.4",
-    "@types/node": "^25.6.2",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/browser-playwright": "^4.1.5",
-    "@vitest/coverage-v8": "^4.1.5",
-    "commitizen": "^4.3.1",
-    "concurrently": "^9.2.1",
+    "@semantic-release/release-notes-generator": "^14.1.1",
+    "@storybook/addon-a11y": "^10.5.7",
+    "@storybook/addon-docs": "^10.5.7",
+    "@storybook/addon-themes": "^10.5.7",
+    "@storybook/addon-vitest": "^10.5.7",
+    "@storybook/react-vite": "^10.5.7",
+    "@tailwindcss/node": "^4.3.3",
+    "@tanstack/react-virtual": "^3.14.9",
+    "@types/chroma-js": "^3.1.2",
+    "@types/node": "^26.2.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "@typescript/typescript6": "^6.0.2",
+    "@vitejs/plugin-react": "^6.0.5",
+    "@vitest/browser-playwright": "^4.1.10",
+    "@vitest/coverage-v8": "^4.1.10",
+    "commitizen": "^4.3.2",
+    "concurrently": "^10.0.4",
     "cz-conventional-changelog": "^3.3.0",
-    "globals": "^17.6.0",
-    "jsdom": "^29.1.1",
-    "lefthook": "^2.1.6",
-    "lint-staged": "^17.0.2",
-    "oxfmt": "^0.48.0",
-    "oxlint": "^1.63.0",
-    "oxlint-tailwindcss": "^0.7.0",
-    "oxlint-tsgolint": "^0.22.1",
-    "playwright": "^1.59.1",
-    "semantic-release": "^25.0.3",
-    "storybook": "^10.3.6",
-    "typescript": "~6.0.3",
-    "uuid": "^14.0.0",
-    "vite": "^8.0.11",
-    "vite-plugin-dts": "^5.0.0",
-    "vitest": "^4.1.5",
+    "globals": "^17.10.0",
+    "jsdom": "^30.0.1",
+    "lefthook": "^2.1.10",
+    "lint-staged": "^17.3.0",
+    "oxfmt": "^0.61.0",
+    "oxlint": "^1.78.0",
+    "oxlint-tailwindcss": "^1.9.0",
+    "oxlint-tsgolint": "^7.0.2001",
+    "playwright": "^1.62.1",
+    "semantic-release": "^25.0.9",
+    "shiki": "^4.4.3",
+    "storybook": "^10.5.7",
+    "typescript": "~7.0.2",
+    "uuid": "^14.0.1",
+    "vite": "^8.2.1",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^4.1.10",
     "zod": "^4.4.3"
   },
   "peerDependencies": {

package/dist/Input-CcHtcKpV.js

@@ -1,76 +0,0 @@
-import { V as e, X as t, Z as n } from "./form-context-DScGBFYs.js";
-import { F as r, K as i, c as a, i as o, n as s, o as c, p as l, r as u, s as d, t as f } from "./useLabelableId-BsYhJQW7.js";
-import * as p from "react";
-import { jsx as m } from "react/jsx-runtime";
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/field/control/FieldControl.js
-var h = /* @__PURE__ */ p.forwardRef(function(m, h) {
-	let { render: g, className: _, id: v, name: y, value: b, disabled: x = !1, onValueChange: S, defaultValue: C, autoFocus: w = !1, style: T, ...E } = m, { state: D, name: O, disabled: k, setTouched: A, setDirty: j, validityData: M, setFocused: N, setFilled: P, validationMode: F, validation: I } = o(), L = k || x, R = O ?? y, z = {
-		...D,
-		disabled: L
-	}, { labelId: B } = s(), V = f({ id: v });
-	t(() => {
-		let e = b != null;
-		I.inputRef.current?.value || e && b !== "" ? P(!0) : e && b === "" && P(!1);
-	}, [
-		I.inputRef,
-		P,
-		b
-	]);
-	let H = p.useRef(null);
-	t(() => {
-		w && H.current === a(d(H.current)) && N(!0);
-	}, [w, N]);
-	let [U] = i({
-		controlled: b,
-		default: C,
-		name: "FieldControl",
-		state: "value"
-	}), W = b !== void 0, G = W ? U : void 0, K = n(() => I.inputRef.current?.value);
-	return u(I.inputRef, {
-		id: V,
-		value: G,
-		getValue: K
-	}), e("input", m, {
-		ref: [h, H],
-		state: z,
-		props: [
-			{
-				id: V,
-				disabled: L,
-				name: R,
-				ref: I.inputRef,
-				"aria-labelledby": B,
-				autoFocus: w,
-				...W ? { value: G } : { defaultValue: C },
-				onChange(e) {
-					let t = e.currentTarget.value;
-					S?.(t, l(r, e.nativeEvent)), j(t !== M.initialValue), P(t !== "");
-				},
-				onFocus() {
-					N(!0);
-				},
-				onBlur(e) {
-					A(!0), N(!1), F === "onBlur" && I.commit(e.currentTarget.value);
-				},
-				onKeyDown(e) {
-					e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (A(!0), I.commit(e.currentTarget.value));
-				}
-			},
-			I.getInputValidationProps(),
-			E
-		],
-		stateAttributesMapping: c
-	});
-});
-process.env.NODE_ENV !== "production" && (h.displayName = "FieldControl");
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/input/Input.js
-var g = /* @__PURE__ */ p.forwardRef(function(e, t) {
-	return /* @__PURE__ */ m(h, {
-		ref: t,
-		...e
-	});
-});
-process.env.NODE_ENV !== "production" && (g.displayName = "Input");
-//#endregion
-export { g as t };