@oomol-lab/open-flow 0.1.0-beta.55 → 0.1.0-beta.56

package/dist/browser/ui-idTooltip.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement, ReactNode } from 'react';
+export declare function IdTooltip({ copyLabel, copiedLabel, value, label, trigger, container, alignOffset, children, }: {
+    readonly copyLabel: string;
+    readonly copiedLabel: string;
+    readonly value: string;
+    readonly label: ReactNode;
+    readonly trigger: ReactElement;
+    readonly container: HTMLElement | null;
+    readonly alignOffset?: number;
+    readonly children?: ReactNode;
+}): ReactElement;

package/dist/browser/ui.d.ts

@@ -37,6 +37,10 @@ export declare const InputGroupAddon: ComponentType<ComponentPropsWithoutRef<'di
 }>;
 export declare const InputGroupInput: ForwardRefExoticComponent<ComponentPropsWithoutRef<'input'> & RefAttributes<HTMLInputElement>>;
 export { Label } from './ui-label.js';
+export declare const NativeSelect: ComponentType<Omit<ComponentPropsWithoutRef<'select'>, 'size'> & {
+    readonly size?: 'sm' | 'default';
+}>;
+export declare const NativeSelectOption: ComponentType<ComponentPropsWithoutRef<'option'>>;
 export { OpenFlowLogo, type OpenFlowLogoProps } from './ui-logo.js';
 export { Textarea } from './ui-textarea.js';
 /** Shared Sonner presentation for hosts and the component Lab. */
@@ -63,3 +67,4 @@ export declare function NotificationUndoLabel({ children }: {
 }): ReactNode;
 export { HostTooltip, type HostTooltipProps } from './ui-hostTooltip.js';
 export { HostNavigationActions, type HostNavigationActionsProps, type HostThemeMode } from './ui-hostNavigationActions.js';
+export { IdTooltip } from './ui-idTooltip.js';

package/dist/browser/ui.js

@@ -11065,6 +11065,18 @@ var createLucideIcon = (iconName, iconNode) => {
 	return Component;
 };
 //#endregion
+//#region ../../node_modules/.bun/lucide-react@0.468.0+f4eacebf2041cd4f/node_modules/lucide-react/dist/esm/icons/chevron-down.js
+/**
+* @license lucide-react v0.468.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var ChevronDown = createLucideIcon("ChevronDown", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]);
+//#endregion
 //#region ../../node_modules/.bun/lucide-react@0.468.0+f4eacebf2041cd4f/node_modules/lucide-react/dist/esm/icons/x.js
 /**
 * @license lucide-react v0.468.0 - ISC
@@ -12603,6 +12615,32 @@ var InputGroupInput$1 = React.forwardRef(function InputGroupInput({ className, .
 	});
 });
 //#endregion
+//#region src/ui/browser/native-select.tsx
+function NativeSelect$1({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group/native-select relative w-fit has-[select:disabled]:opacity-50", className),
+		"data-slot": "native-select-wrapper",
+		"data-size": size,
+		children: [/* @__PURE__ */ jsx("select", {
+			"data-slot": "native-select",
+			"data-size": size,
+			className: "h-8 w-full min-w-0 appearance-none rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground data-[slot=native-select]:focus-visible:text-field-focus data-[slot=native-select]:focus-visible:aria-invalid:invalid-text-field-focus disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive data-[size=sm]:h-7 data-[size=sm]:rounded-[var(--ui-control-radius,var(--ui-radius))] data-[size=sm]:py-0.5 dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:hover:bg-input/50",
+			...props
+		}), /* @__PURE__ */ jsx(ChevronDown, {
+			className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
+			"aria-hidden": "true",
+			"data-slot": "native-select-icon"
+		})]
+	});
+}
+function NativeSelectOption$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx("option", {
+		"data-slot": "native-select-option",
+		className: cn("bg-[Canvas] text-[CanvasText]", className),
+		...props
+	});
+}
+//#endregion
 //#region src/ui/browser/label.tsx
 function Label({ className, ...props }) {
 	return /* @__PURE__ */ jsx("label", {
@@ -12786,6 +12824,48 @@ function HostNavigationActions({ className, language, onLanguageChange, theme, o
 	});
 }
 //#endregion
+//#region src/ui/browser/idTooltip.tsx
+function IdTooltip({ copyLabel, copiedLabel, value, label, trigger, container, alignOffset = 0, children }) {
+	const [copied, setCopied] = useState(false);
+	return /* @__PURE__ */ jsxs(Tooltip, {
+		onOpenChange: () => setCopied(false),
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			render: trigger,
+			children: label
+		}), /* @__PURE__ */ jsxs(TooltipContent, {
+			align: "start",
+			alignOffset,
+			className: "max-w-[min(440px,calc(100vw-32px))] flex-col items-stretch gap-2 p-1 pr-2",
+			collisionBoundary: [],
+			container,
+			positionMethod: "fixed",
+			side: "top",
+			sideOffset: 6,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 items-center gap-1",
+				children: [/* @__PURE__ */ jsx(Button$1, {
+					"aria-label": copied ? copiedLabel : copyLabel,
+					className: "text-inherit hover:text-inherit hover:bg-[color-mix(in_srgb,currentColor_14%,transparent)]",
+					onClick: () => {
+						navigator.clipboard.writeText(value).then(() => setCopied(true));
+					},
+					size: "icon-xs",
+					type: "button",
+					variant: "ghost",
+					children: /* @__PURE__ */ jsx("i", {
+						"aria-hidden": "true",
+						className: "i-lucide-light:copy"
+					})
+				}), /* @__PURE__ */ jsx("code", {
+					className: "min-w-0 select-text break-all pl-0.5 text-inherit",
+					translate: "no",
+					children: value
+				})]
+			}), children]
+		})]
+	});
+}
+//#endregion
 //#region src/ui/browser/public.ts
 var Button = Button$1;
 var Dialog = Dialog$1;
@@ -12799,6 +12879,8 @@ var DialogDescription = DialogDescription$1;
 var InputGroup = InputGroup$1;
 var InputGroupAddon = InputGroupAddon$1;
 var InputGroupInput = InputGroupInput$1;
+var NativeSelect = NativeSelect$1;
+var NativeSelectOption = NativeSelectOption$1;
 /** Shared Sonner presentation for hosts and the component Lab. */
 var notificationToasterProps = {
 	className: "open-flow-notifications",
@@ -12834,4 +12916,4 @@ function NotificationUndoLabel({ children }) {
 	}), children);
 }
 //#endregion
-export { Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, HostNavigationActions, HostTooltip, Input, InputGroup, InputGroupAddon, InputGroupInput, Label, NotificationUndoLabel, OpenFlowLogo, Textarea, notificationToasterProps };
+export { Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, HostNavigationActions, HostTooltip, IdTooltip, Input, InputGroup, InputGroupAddon, InputGroupInput, Label, NativeSelect, NativeSelectOption, NotificationUndoLabel, OpenFlowLogo, Textarea, notificationToasterProps };