@oomol-lab/open-flow 0.1.0-beta.23 → 0.1.0-beta.26

package/dist/browser/ui.js

@@ -2212,19 +2212,21 @@ function Yt(...e) {
 }
 //#endregion
 //#region src/ui/browser/button.tsx
-var Xt = Ae("nodrag group/button relative inline-flex shrink-0 items-center justify-center rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap no-underline transition-[color,background-color,border-color,box-shadow,opacity,transform] outline-none select-none before:absolute before:inset-0 before:content-[''] motion-reduce:transition-none focus-visible:border-border focus-visible:outline-2 focus-visible:outline-solid focus-visible:ring-0 focus-visible:aria-invalid:ring-0 focus-visible:outline-offset-1 focus-visible:outline-ring active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+var Xt = Ae("nodrag group/button relative inline-flex shrink-0 items-center justify-center rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap no-underline transition-[color,background-color,border-color,box-shadow,opacity,transform] outline-none select-none before:absolute before:inset-0 before:content-[''] motion-reduce:transition-none focus-visible:border-border focus-visible:outline-2 focus-visible:outline-solid focus-visible:ring-0 focus-visible:aria-invalid:ring-0 focus-visible:outline-offset-1 focus-visible:outline-ring focus-visible:aria-invalid:outline-destructive active:not-aria-[haspopup]:not-data-[variant=field]:translate-y-px disabled:pointer-events-none disabled:opacity-[var(--ui-disabled-opacity,0.5)] aria-disabled:pointer-events-none aria-disabled:opacity-[var(--ui-disabled-opacity,0.5)] aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/80",
-			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_50%,transparent))]",
+			field: "border-input bg-[var(--ui-control-background,var(--ui-muted))] focus-visible:border-input",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
 			ghost: "hover:bg-[var(--ui-control-hover-background,var(--ui-muted))] hover:text-foreground aria-current:bg-[var(--ui-control-hover-background,var(--ui-muted))] aria-current:text-foreground aria-expanded:bg-[var(--ui-control-hover-background,var(--ui-muted))] aria-expanded:text-foreground dark:hover:bg-[var(--ui-control-hover-background,var(--ui-muted))]",
-			disclosure: "text-muted-foreground hover:bg-muted hover:text-foreground dark:hover:bg-muted/50",
+			disclosure: "bg-clip-border text-muted-foreground hover:bg-[var(--ui-control-hover-background,var(--ui-muted))] hover:text-foreground active:bg-[var(--ui-control-hover-background,var(--ui-muted))]",
 			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30",
 			link: "text-primary hover:text-primary/80"
 		},
 		size: {
 			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			field: "h-[30px] gap-1.5 rounded-[var(--ui-control-radius,var(--ui-radius))] px-2 text-xs font-normal",
 			xs: "h-6 gap-1 rounded-[var(--ui-control-radius,var(--ui-radius))] px-2 text-xs in-data-[slot=button-group]:rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
 			sm: "h-7 gap-1 rounded-[var(--ui-control-radius,var(--ui-radius))] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
 			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
@@ -2566,13 +2568,13 @@ var xn = /*#__PURE__*/ e.forwardRef(function(e, t) {
 process.env.NODE_ENV !== "production" && (xn.displayName = "Input");
 //#endregion
 //#region src/ui/browser/input.tsx
-var Sn = e.forwardRef(function({ className: e, type: t, ...n }, i) {
+var Sn = e.forwardRef(function({ className: e, type: t, controlSize: n = "default", ...i }, a) {
 	return /* @__PURE__ */ r(xn, {
-		ref: i,
+		ref: a,
 		type: t,
 		"data-slot": "input",
-		className: Yt("h-8 w-full min-w-0 rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground data-[slot=input]:focus-visible:text-field-focus data-[slot=input]:focus-visible:aria-invalid:text-field-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", e),
-		...n
+		className: Yt("h-8 w-full min-w-0 rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground read-only:cursor-default placeholder:text-muted-foreground data-[slot=input]:focus-visible:text-field-focus data-[slot=input]:focus-visible:aria-invalid:invalid-text-field-focus disabled:pointer-events-none disabled:cursor-[var(--ui-disabled-cursor,not-allowed)] disabled:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_50%,transparent))] disabled:opacity-[var(--ui-disabled-opacity,0.5)] aria-invalid:border-destructive md:text-sm dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:disabled:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_80%,transparent))]", n === "field" && "h-[30px] px-2 text-xs md:text-xs", e),
+		...i
 	});
 });
 //#endregion
@@ -2590,7 +2592,7 @@ var wn = e.forwardRef(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ r("textarea", {
 		ref: n,
 		"data-slot": "textarea",
-		className: Yt("flex field-sizing-content min-h-16 w-full rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:text-field-focus focus-visible:aria-invalid:text-field-focus disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", e),
+		className: Yt("flex field-sizing-content min-h-16 w-full rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] px-2.5 py-2 text-base transition-colors outline-none read-only:cursor-default placeholder:text-muted-foreground focus-visible:text-field-focus focus-visible:aria-invalid:invalid-text-field-focus disabled:cursor-[var(--ui-disabled-cursor,not-allowed)] disabled:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_50%,transparent))] disabled:opacity-[var(--ui-disabled-opacity,0.5)] aria-invalid:border-destructive md:text-sm dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:disabled:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_80%,transparent))]", e),
 		...t
 	});
 }), Tn = Zt, En = {

package/dist/browser/warmCodeTheme-DVv4-rDO.js

@@ -0,0 +1,35 @@
+import { r as e } from "./dist-BKuSVKCC.js";
+import { I as t, j as n, t as r } from "./dist-DxahK_I8.js";
+//#region src/ui/browser/warmCodeTheme.ts
+function i(i) {
+	return [e.theme({
+		"&": { color: "var(--ui-foreground)" },
+		".cm-content": { caretColor: "var(--ui-foreground)" },
+		".cm-cursor": { borderLeftColor: "var(--ui-foreground)" },
+		"&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": { backgroundColor: i ? "#37414b" : "#dce5ed" }
+	}, { dark: i }), n(r.define([
+		{
+			tag: t.propertyName,
+			color: i ? "#d4d4d4" : "#434343"
+		},
+		{
+			tag: [t.string, t.escape],
+			color: i ? "#ce9178" : "#96502e"
+		},
+		{
+			tag: [
+				t.number,
+				t.bool,
+				t.null,
+				t.keyword
+			],
+			color: i ? "#91afc5" : "#476b85"
+		},
+		{
+			tag: [t.punctuation, t.comment],
+			color: i ? "#a0a0a0" : "#707070"
+		}
+	]))];
+}
+//#endregion
+export { i as warmCodeTheme };