@adea-ai/ui 0.60.4 → 0.61.1

package/dist/components/ui/toast/toast.js

@@ -0,0 +1,186 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, insert, mergeProps, template } from "solid-js/web";
+import { X } from "lucide-solid";
+import { Show, splitProps } from "solid-js";
+import { Toast, toaster } from "@kobalte/core/toast";
+//#region src/components/ui/toast/toast.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span aria-hidden=true class="mt-1.5 size-1.5 shrink-0 rounded-full"style=background-color:var(--toast-tone)>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class="mt-1.5 flex items-center gap-2">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class="flex min-w-0 flex-1 flex-col gap-0.5">`);
+/**
+* The tone dot's colour. A custom property rather than five colour utilities
+* because the value is applied inline (the tone is data, not markup) and a
+* Tailwind colour class cannot be built from a runtime value without becoming
+* invisible to the linter.
+*/
+var toastTones = {
+	default: "var(--foreground)",
+	success: "var(--success)",
+	warning: "var(--warning)",
+	destructive: "var(--destructive)",
+	info: "var(--info)"
+};
+function ToastCard(props) {
+	const tone = () => props.tone ?? "default";
+	return createComponent(Toast, {
+		get toastId() {
+			return props.toastId;
+		},
+		get priority() {
+			return tone() === "destructive" ? "high" : "low";
+		},
+		get duration() {
+			return props.duration;
+		},
+		get persistent() {
+			return props.persistent;
+		},
+		get ["class"]() {
+			return cn("pointer-events-auto flex w-full items-start gap-3 rounded-xl border border-border bg-popover p-3 shadow-lg", "data-[opened]:animate-in data-[opened]:slide-in-from-right-full data-[opened]:fade-in-0", "data-[closed]:animate-out data-[closed]:slide-out-to-right-full data-[closed]:fade-out-0", "data-[swipe=move]:translate-x-(--kb-toast-swipe-move-x) data-[swipe=move]:transition-none", "data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform", "data-[swipe=end]:animate-out data-[swipe=end]:slide-out-to-right-full");
+		},
+		get style() {
+			return { "--toast-tone": toastTones[tone()] };
+		},
+		get children() {
+			return [
+				_tmpl$(),
+				(() => {
+					var _el$2 = _tmpl$3();
+					insert(_el$2, createComponent(Toast.Title, {
+						"class": "text-sm font-medium",
+						get children() {
+							return props.title;
+						}
+					}), null);
+					insert(_el$2, createComponent(Show, {
+						get when() {
+							return props.description;
+						},
+						get children() {
+							return createComponent(Toast.Description, {
+								"class": "text-sm text-muted-foreground",
+								get children() {
+									return props.description;
+								}
+							});
+						}
+					}), null);
+					insert(_el$2, createComponent(Show, {
+						get when() {
+							return props.action;
+						},
+						get children() {
+							var _el$3 = _tmpl$2();
+							insert(_el$3, () => props.action);
+							return _el$3;
+						}
+					}), null);
+					return _el$2;
+				})(),
+				createComponent(Toast.CloseButton, {
+					"aria-label": "Dismiss notification",
+					"class": "text-muted-foreground shrink-0 rounded-sm p-0.5 transition-colors ease-out outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle",
+					get children() {
+						return createComponent(X, { "class": "size-3.5" });
+					}
+				})
+			];
+		}
+	});
+}
+/**
+* The toast API. `show` is the general form; the tone helpers are shorthand for
+* the four cases that come up constantly.
+*/
+var toast = {
+	show(options) {
+		return toaster.show((props) => createComponent(ToastCard, mergeProps(props, options)), { region: options.region });
+	},
+	success(title, options) {
+		return toast.show({
+			...options,
+			title,
+			tone: "success"
+		});
+	},
+	error(title, options) {
+		return toast.show({
+			...options,
+			title,
+			tone: "destructive",
+			persistent: true
+		});
+	},
+	warning(title, options) {
+		return toast.show({
+			...options,
+			title,
+			tone: "warning"
+		});
+	},
+	info(title, options) {
+		return toast.show({
+			...options,
+			title,
+			tone: "info"
+		});
+	},
+	/**
+	* A toast that resolves with a promise: pending, then success or failure.
+	* The right shape for an operation with a visible duration, because the user
+	* gets one message instead of three.
+	*/
+	promise(promise, messages) {
+		const resolved = typeof promise === "function" ? promise() : promise;
+		toaster.promise(resolved, (props) => {
+			const tone = props.state === "fulfilled" ? "success" : props.state === "rejected" ? "destructive" : "default";
+			const title = props.state === "pending" ? messages.pending : props.state === "fulfilled" ? typeof messages.success === "function" ? messages.success(props.data) : messages.success : typeof messages.error === "function" ? messages.error(props.error) : messages.error;
+			return createComponent(ToastCard, {
+				get toastId() {
+					return props.toastId;
+				},
+				title,
+				tone,
+				get persistent() {
+					return props.state === "rejected";
+				}
+			});
+		});
+		return resolved;
+	},
+	dismiss: toaster.dismiss,
+	clear: toaster.clear
+};
+var toasterPosition = {
+	"top-left": "top-0 left-0 items-start",
+	"top-right": "top-0 right-0 items-end",
+	"bottom-left": "bottom-0 left-0 items-start",
+	"bottom-right": "bottom-0 right-0 items-end"
+};
+/** Mount once, near the root. Renders the stack and owns its timing defaults. */
+function Toaster(props) {
+	const [local, rest] = splitProps(props, [
+		"position",
+		"region",
+		"class"
+	]);
+	return createComponent(Toast.Region, mergeProps({
+		get regionId() {
+			return local.region;
+		},
+		duration: 5e3,
+		limit: 3,
+		swipeDirection: "right",
+		pauseOnInteraction: true,
+		pauseOnPageIdle: true,
+		"class": "pointer-events-none fixed z-(--z-toast) flex max-h-screen w-full flex-col gap-2 p-4 sm:max-w-sm"
+	}, rest, { get children() {
+		return createComponent(Toast.List, { get ["class"]() {
+			return cn("flex flex-col gap-2", toasterPosition[local.position ?? "bottom-right"], local.class);
+		} });
+	} }));
+}
+//#endregion
+export { Toaster, toast, toaster };
+
+//# sourceMappingURL=toast.js.map

package/dist/components/ui/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":["Toast","KobalteToast","ToastComponentProps","toaster","X","ComponentProps","JSX","Show","splitProps","cn","ToastTone","toastTones","Record","default","success","warning","destructive","info","ToastOptions","title","description","tone","action","Element","persistent","duration","region","ToastCard","props","_$createComponent","toastId","priority","class","style","children","_tmpl$","_el$2","_tmpl$3","_$insert","Title","when","Description","_el$3","_tmpl$2","CloseButton","toast","show","options","_$mergeProps","Omit","error","promise","Promise","T","messages","pending","data","resolved","state","dismiss","clear","ToasterProps","Region","position","toasterPosition","Toaster","local","rest","regionId","limit","swipeDirection","pauseOnInteraction","pauseOnPageIdle","List","_$createComponent","KobalteToast","_$mergeProps"],"sources":["../../../../src/components/ui/toast/toast.tsx"],"sourcesContent":["import { Toast as KobalteToast, type ToastComponentProps, toaster } from '@kobalte/core/toast'\nimport { X } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Toast.\n *\n * A short, self-dismissing message about something that already happened.\n *\n * The rules that make toasts helpful rather than hostile are built into this\n * API rather than left to callers:\n *\n *   - A toast never carries the only route to an action. Anything important\n *     enough to need doing belongs in the interface, not in a message that\n *     disappears. `action` exists, but it is a convenience, not a flow.\n *   - Errors from user-initiated work get `priority=\"high\"` so a screen reader\n *     interrupts to announce them; background progress uses the default low\n *     priority so it is not read over whatever the user is doing.\n *   - A toast with a way to undo is preferred to a confirmation dialog for a\n *     reversible action. Undo after the fact costs the user nothing; a modal\n *     before it costs everyone a click.\n *\n * `Toaster` is mounted once, near the root of the app.\n */\n\ntype ToastTone = 'default' | 'success' | 'warning' | 'destructive' | 'info'\n\n/**\n * The tone dot's colour. A custom property rather than five colour utilities\n * because the value is applied inline (the tone is data, not markup) and a\n * Tailwind colour class cannot be built from a runtime value without becoming\n * invisible to the linter.\n */\nconst toastTones: Record<ToastTone, string> = {\n  default: 'var(--foreground)',\n  success: 'var(--success)',\n  warning: 'var(--warning)',\n  destructive: 'var(--destructive)',\n  info: 'var(--info)',\n}\n\nexport type ToastOptions = {\n  title: string\n  description?: string\n  tone?: ToastTone\n  /** A control rendered inside the toast, usually an Undo. */\n  action?: JSX.Element\n  /** Keep the toast until it is dismissed. Use for a failure the user must see. */\n  persistent?: boolean\n  /** Milliseconds before auto-dismiss. Overrides the region's setting. */\n  duration?: number\n  /** Which Toaster region to render into. */\n  region?: string\n}\n\nfunction ToastCard(props: ToastComponentProps & ToastOptions) {\n  const tone = () => props.tone ?? 'default'\n\n  return (\n    <KobalteToast\n      toastId={props.toastId}\n      /**\n       * A user-initiated outcome is announced; a background one waits its turn.\n       * A failure the user caused is worth interrupting for; a sync finishing\n       * quietly is not.\n       */\n      priority={tone() === 'destructive' ? 'high' : 'low'}\n      duration={props.duration}\n      persistent={props.persistent}\n      class={cn(\n        'pointer-events-auto flex w-full items-start gap-3 rounded-xl border border-border bg-popover p-3 shadow-lg',\n        'data-[opened]:animate-in data-[opened]:slide-in-from-right-full data-[opened]:fade-in-0',\n        'data-[closed]:animate-out data-[closed]:slide-out-to-right-full data-[closed]:fade-out-0',\n        'data-[swipe=move]:translate-x-(--kb-toast-swipe-move-x) data-[swipe=move]:transition-none',\n        'data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform',\n        'data-[swipe=end]:animate-out data-[swipe=end]:slide-out-to-right-full'\n      )}\n      style={{ '--toast-tone': toastTones[tone()] }}\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"mt-1.5 size-1.5 shrink-0 rounded-full\"\n        style={{ 'background-color': 'var(--toast-tone)' }}\n      />\n      <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n        <KobalteToast.Title class=\"text-sm font-medium\">{props.title}</KobalteToast.Title>\n        <Show when={props.description}>\n          <KobalteToast.Description class=\"text-sm text-muted-foreground\">\n            {props.description}\n          </KobalteToast.Description>\n        </Show>\n        <Show when={props.action}>\n          <div class=\"mt-1.5 flex items-center gap-2\">{props.action}</div>\n        </Show>\n      </div>\n      <KobalteToast.CloseButton\n        aria-label=\"Dismiss notification\"\n        class=\"text-muted-foreground shrink-0 rounded-sm p-0.5 transition-colors ease-out outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle\"\n      >\n        <X class=\"size-3.5\" />\n      </KobalteToast.CloseButton>\n    </KobalteToast>\n  )\n}\n\n/**\n * The toast API. `show` is the general form; the tone helpers are shorthand for\n * the four cases that come up constantly.\n */\nexport const toast = {\n  show(options: ToastOptions): number {\n    return toaster.show((props) => <ToastCard {...props} {...options} />, {\n      region: options.region,\n    })\n  },\n  success(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'success' })\n  },\n  error(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'destructive', persistent: true })\n  },\n  warning(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'warning' })\n  },\n  info(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'info' })\n  },\n  /**\n   * A toast that resolves with a promise: pending, then success or failure.\n   * The right shape for an operation with a visible duration, because the user\n   * gets one message instead of three.\n   */\n  promise<T>(\n    promise: Promise<T> | (() => Promise<T>),\n    messages: {\n      pending: string\n      success: string | ((data: T) => string)\n      error: string | ((error: unknown) => string)\n    }\n  ): Promise<T> {\n    const resolved = typeof promise === 'function' ? promise() : promise\n    toaster.promise(resolved, (props) => {\n      const tone: ToastTone =\n        props.state === 'fulfilled'\n          ? 'success'\n          : props.state === 'rejected'\n            ? 'destructive'\n            : 'default'\n      const title =\n        props.state === 'pending'\n          ? messages.pending\n          : props.state === 'fulfilled'\n            ? typeof messages.success === 'function'\n              ? messages.success(props.data as T)\n              : messages.success\n            : typeof messages.error === 'function'\n              ? messages.error(props.error)\n              : messages.error\n      return (\n        <ToastCard\n          toastId={props.toastId}\n          title={title}\n          tone={tone}\n          persistent={props.state === 'rejected'}\n        />\n      )\n    })\n    return resolved\n  },\n  dismiss: toaster.dismiss,\n  clear: toaster.clear,\n}\n\nexport type ToasterProps = ComponentProps<typeof KobalteToast.Region> & {\n  /** Where the stack sits. Defaults to the bottom-right, clear of the shell. */\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n  region?: string\n}\n\nconst toasterPosition = {\n  'top-left': 'top-0 left-0 items-start',\n  'top-right': 'top-0 right-0 items-end',\n  'bottom-left': 'bottom-0 left-0 items-start',\n  'bottom-right': 'bottom-0 right-0 items-end',\n}\n\n/** Mount once, near the root. Renders the stack and owns its timing defaults. */\nexport function Toaster(props: ToasterProps) {\n  const [local, rest] = splitProps(props, ['position', 'region', 'class'])\n\n  return (\n    <KobalteToast.Region\n      regionId={local.region}\n      duration={5000}\n      limit={3}\n      swipeDirection=\"right\"\n      pauseOnInteraction\n      pauseOnPageIdle\n      /**\n       * The toast region is a top layer: opening a dialog must not hide an\n       * in-flight notification, and clicking a toast must not dismiss the\n       * dialog behind it.\n       */\n      class=\"pointer-events-none fixed z-(--z-toast) flex max-h-screen w-full flex-col gap-2 p-4 sm:max-w-sm\"\n      {...rest}\n    >\n      <KobalteToast.List\n        class={cn(\n          'flex flex-col gap-2',\n          toasterPosition[local.position ?? 'bottom-right'],\n          local.class\n        )}\n      />\n    </KobalteToast.Region>\n  )\n}\n\nexport { toaster }\n"],"mappings":"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"}

package/dist/components/ui/toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { Toggle, toggleVariants, type ToggleProps } from './toggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/ui/toggle/toggle.d.ts

@@ -0,0 +1,22 @@
+import { ToggleButton } from '@kobalte/core/toggle-button';
+import type { ComponentProps } from 'solid-js';
+import { type VariantProps } from '#lib/variants';
+/**
+ * Toggle.
+ *
+ * A button that stays pressed. The difference from Button is state, not looks:
+ * a Toggle reports `aria-pressed` and holds its pressed appearance until
+ * released, which is what makes it right for a formatting control and wrong
+ * for a command.
+ *
+ * Kobalte supplies the pressed state and the keyboard behaviour; the styling
+ * adds the one thing a headless primitive cannot know — that a pressed toggle
+ * in a toolbar should read as *filled*, not merely outlined.
+ */
+export declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | "subtle" | null | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "icon-2xs" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToggleProps = ComponentProps<typeof ToggleButton> & VariantProps<typeof toggleVariants>;
+export declare function Toggle(props: ToggleProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/components/ui/toggle/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,EAAwC,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGvF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc;;;8EA4B1B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAEnG,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,kCASxC"}

package/dist/components/ui/toggle/toggle.js

@@ -0,0 +1,64 @@
+import { cn } from "../../../lib/utils.js";
+import { controlInteractive, controlSize, cva } from "../../../lib/variants.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { ToggleButton } from "@kobalte/core/toggle-button";
+//#region src/components/ui/toggle/toggle.tsx
+/**
+* Toggle.
+*
+* A button that stays pressed. The difference from Button is state, not looks:
+* a Toggle reports `aria-pressed` and holds its pressed appearance until
+* released, which is what makes it right for a formatting control and wrong
+* for a command.
+*
+* Kobalte supplies the pressed state and the keyboard behaviour; the styling
+* adds the one thing a headless primitive cannot know — that a pressed toggle
+* in a toolbar should read as *filled*, not merely outlined.
+*/
+var toggleVariants = cva(`${controlInteractive} inline-flex items-center justify-center rounded-md font-medium whitespace-nowrap select-none hover:bg-surface-hover hover:text-foreground data-[pressed]:bg-surface-active data-[pressed]:text-foreground disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`, {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			/** Sits inside a field or toolbar that already has a fill. */
+			outline: "border border-border bg-transparent",
+			/** Filled even when unpressed, for a segmented control's idle item. */
+			subtle: "bg-surface-hover"
+		},
+		size: {
+			"2xs": `${controlSize["2xs"]} [&_svg]:size-3`,
+			xs: `${controlSize.xs} [&_svg]:size-3.5`,
+			sm: `${controlSize.sm} [&_svg]:size-3.5`,
+			md: `${controlSize.md} [&_svg]:size-4`,
+			lg: `${controlSize.lg} [&_svg]:size-4`,
+			xl: `${controlSize.xl} [&_svg]:size-5`,
+			"icon-2xs": "size-control-2xs p-0 [&_svg]:size-3",
+			"icon-xs": "size-control-xs p-0 [&_svg]:size-3.5",
+			"icon-sm": "size-control-sm p-0 [&_svg]:size-3.5",
+			"icon-md": "size-control-md p-0 [&_svg]:size-4",
+			"icon-lg": "size-control-lg p-0 [&_svg]:size-4",
+			"icon-xl": "size-control-xl p-0 [&_svg]:size-5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+function Toggle(props) {
+	const [local, rest] = splitProps(props, [
+		"variant",
+		"size",
+		"class"
+	]);
+	return createComponent(ToggleButton, mergeProps({ get ["class"]() {
+		return cn(toggleVariants({
+			variant: local.variant,
+			size: local.size
+		}), local.class);
+	} }, rest));
+}
+//#endregion
+export { Toggle, toggleVariants };
+
+//# sourceMappingURL=toggle.js.map

package/dist/components/ui/toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["ToggleButton","ComponentProps","splitProps","cva","controlInteractive","controlSize","VariantProps","cn","toggleVariants","variants","variant","default","outline","subtle","size","xs","sm","md","lg","xl","defaultVariants","ToggleProps","Toggle","props","local","rest","_$createComponent","_$mergeProps","class","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/toggle/toggle.tsx"],"sourcesContent":["import { ToggleButton } from '@kobalte/core/toggle-button'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cva, controlInteractive, controlSize, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Toggle.\n *\n * A button that stays pressed. The difference from Button is state, not looks:\n * a Toggle reports `aria-pressed` and holds its pressed appearance until\n * released, which is what makes it right for a formatting control and wrong\n * for a command.\n *\n * Kobalte supplies the pressed state and the keyboard behaviour; the styling\n * adds the one thing a headless primitive cannot know — that a pressed toggle\n * in a toolbar should read as *filled*, not merely outlined.\n */\nexport const toggleVariants = cva(\n  `${controlInteractive} inline-flex items-center justify-center rounded-md font-medium whitespace-nowrap select-none hover:bg-surface-hover hover:text-foreground data-[pressed]:bg-surface-active data-[pressed]:text-foreground disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        /** Sits inside a field or toolbar that already has a fill. */\n        outline: 'border border-border bg-transparent',\n        /** Filled even when unpressed, for a segmented control's idle item. */\n        subtle: 'bg-surface-hover',\n      },\n      size: {\n        '2xs': `${controlSize['2xs']} [&_svg]:size-3`,\n        xs: `${controlSize.xs} [&_svg]:size-3.5`,\n        sm: `${controlSize.sm} [&_svg]:size-3.5`,\n        md: `${controlSize.md} [&_svg]:size-4`,\n        lg: `${controlSize.lg} [&_svg]:size-4`,\n        xl: `${controlSize.xl} [&_svg]:size-5`,\n        'icon-2xs': 'size-control-2xs p-0 [&_svg]:size-3',\n        'icon-xs': 'size-control-xs p-0 [&_svg]:size-3.5',\n        'icon-sm': 'size-control-sm p-0 [&_svg]:size-3.5',\n        'icon-md': 'size-control-md p-0 [&_svg]:size-4',\n        'icon-lg': 'size-control-lg p-0 [&_svg]:size-4',\n        'icon-xl': 'size-control-xl p-0 [&_svg]:size-5',\n      },\n    },\n    defaultVariants: { variant: 'default', size: 'md' },\n  }\n)\n\nexport type ToggleProps = ComponentProps<typeof ToggleButton> & VariantProps<typeof toggleVariants>\n\nexport function Toggle(props: ToggleProps) {\n  const [local, rest] = splitProps(props, ['variant', 'size', 'class'])\n\n  return (\n    <ToggleButton\n      class={cn(toggleVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,IAAaQ,iBAAiBL,IAC5B,GAAGC,mBAAkB,2SACrB;CACEK,UAAU;EACRC,SAAS;GACPC,SAAS;;GAETC,SAAS;;GAETC,QAAQ;EACV;EACAC,MAAM;GACJ,OAAO,GAAGT,YAAY,OAAM;GAC5BU,IAAI,GAAGV,YAAYU,GAAE;GACrBC,IAAI,GAAGX,YAAYW,GAAE;GACrBC,IAAI,GAAGZ,YAAYY,GAAE;GACrBC,IAAI,GAAGb,YAAYa,GAAE;GACrBC,IAAI,GAAGd,YAAYc,GAAE;GACrB,YAAY;GACZ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;EACb;CACF;CACAC,iBAAiB;EAAEV,SAAS;EAAWI,MAAM;CAAK;AACpD,CACF;AAIA,SAAgBQ,OAAOC,OAAoB;CACzC,MAAM,CAACC,OAAOC,QAAQvB,WAAWqB,OAAO;EAAC;EAAW;EAAQ;CAAO,CAAC;CAEpE,OAAAG,gBACG1B,cAAY2B,WAAA,EAAA,KAAA,WAAA;EAAA,OACJpB,GAAGC,eAAe;GAAEE,SAASc,MAAMd;GAASI,MAAMU,MAAMV;EAAK,CAAC,GAAGU,MAAMI,KAAK;CAAC,EAAA,GAChFH,IAAI,CAAA;AAGd"}

package/dist/components/ui/toggle-group/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, } from './toggle-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/toggle-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA"}

package/dist/components/ui/toggle-group/toggle-group.d.ts

@@ -0,0 +1,35 @@
+import { ToggleGroup as KobalteToggleGroup } from '@kobalte/core/toggle-group';
+import type { ComponentProps } from 'solid-js';
+import type { VariantProps } from '#lib/variants';
+import { toggleVariants } from '../toggle/toggle';
+/**
+ * ToggleGroup.
+ *
+ * A set of related toggles that behave as one control: at most one pressed
+ * (`multiple={false}`, the default) or any number (`multiple={true}`). The
+ * group owns the selection and the roving focus, which is what makes arrow keys
+ * move between items and a screen reader announce the position within the set.
+ * A row of independent Toggles looks identical and does neither.
+ *
+ * `attached` joins the items into one rounded run for a segmented control. The
+ * joining lives on the *group*, via child selectors, so an item never has to
+ * know whether it sits at an end — which is also where the border collapse
+ * (`-ms-px`) belongs.
+ */
+/**
+ * `multiple` is optional here although Kobalte requires it: the primitive models
+ * single and multiple selection as two shapes, which forces every caller to state
+ * the obvious. Defaulting to single selection keeps the common case a one-word
+ * component, and a caller that wants many passes `multiple`.
+ */
+export type ToggleGroupProps = Omit<ComponentProps<typeof KobalteToggleGroup>, 'multiple'> & {
+    multiple?: boolean;
+    variant?: VariantProps<typeof toggleVariants>['variant'];
+    size?: VariantProps<typeof toggleVariants>['size'];
+    /** Join the items into one rounded run instead of a spaced row. */
+    attached?: boolean;
+};
+export declare function ToggleGroup(props: ToggleGroupProps): import("solid-js").JSX.Element;
+export type ToggleGroupItemProps = ComponentProps<typeof KobalteToggleGroup.Item> & VariantProps<typeof toggleVariants>;
+export declare function ToggleGroupItem(props: ToggleGroupItemProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/components/ui/toggle-group/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle-group/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;;;;;;;;;GAaG;AACH;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;IAClD,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAgBlD;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAC/E,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAErC,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,kCAS1D"}

package/dist/components/ui/toggle-group/toggle-group.js

@@ -0,0 +1,38 @@
+import { cn } from "../../../lib/utils.js";
+import { toggleVariants } from "../toggle/toggle.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { ToggleGroup } from "@kobalte/core/toggle-group";
+//#region src/components/ui/toggle-group/toggle-group.tsx
+function ToggleGroup$1(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"attached",
+		"multiple"
+	]);
+	return createComponent(ToggleGroup, mergeProps({
+		get multiple() {
+			return local.multiple ?? false;
+		},
+		get ["class"]() {
+			return cn("flex w-fit flex-row items-center", local.attached ? "[&>*:first-child]:rounded-e-none [&>*:last-child]:rounded-s-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-ms-px" : "gap-1", local.class);
+		}
+	}, rest));
+}
+function ToggleGroupItem(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"variant",
+		"size"
+	]);
+	return createComponent(ToggleGroup.Item, mergeProps({ get ["class"]() {
+		return cn(toggleVariants({
+			variant: local.variant,
+			size: local.size
+		}), local.class);
+	} }, rest));
+}
+//#endregion
+export { ToggleGroup$1 as ToggleGroup, ToggleGroupItem };
+
+//# sourceMappingURL=toggle-group.js.map

package/dist/components/ui/toggle-group/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":["ToggleGroup","KobalteToggleGroup","ComponentProps","splitProps","VariantProps","cn","toggleVariants","ToggleGroupProps","Omit","multiple","variant","size","attached","props","local","rest","_$createComponent","_$mergeProps","class","ToggleGroupItemProps","Item","ToggleGroupItem","ToggleGroup","_$createComponent","KobalteToggleGroup","_$mergeProps"],"sources":["../../../../src/components/ui/toggle-group/toggle-group.tsx"],"sourcesContent":["import { ToggleGroup as KobalteToggleGroup } from '@kobalte/core/toggle-group'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport type { VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\nimport { toggleVariants } from '../toggle/toggle'\n\n/**\n * ToggleGroup.\n *\n * A set of related toggles that behave as one control: at most one pressed\n * (`multiple={false}`, the default) or any number (`multiple={true}`). The\n * group owns the selection and the roving focus, which is what makes arrow keys\n * move between items and a screen reader announce the position within the set.\n * A row of independent Toggles looks identical and does neither.\n *\n * `attached` joins the items into one rounded run for a segmented control. The\n * joining lives on the *group*, via child selectors, so an item never has to\n * know whether it sits at an end — which is also where the border collapse\n * (`-ms-px`) belongs.\n */\n/**\n * `multiple` is optional here although Kobalte requires it: the primitive models\n * single and multiple selection as two shapes, which forces every caller to state\n * the obvious. Defaulting to single selection keeps the common case a one-word\n * component, and a caller that wants many passes `multiple`.\n */\nexport type ToggleGroupProps = Omit<ComponentProps<typeof KobalteToggleGroup>, 'multiple'> & {\n  multiple?: boolean\n  variant?: VariantProps<typeof toggleVariants>['variant']\n  size?: VariantProps<typeof toggleVariants>['size']\n  /** Join the items into one rounded run instead of a spaced row. */\n  attached?: boolean\n}\n\nexport function ToggleGroup(props: ToggleGroupProps) {\n  const [local, rest] = splitProps(props, ['class', 'attached', 'multiple'])\n\n  return (\n    <KobalteToggleGroup\n      multiple={local.multiple ?? false}\n      class={cn(\n        'flex w-fit flex-row items-center',\n        local.attached\n          ? '[&>*:first-child]:rounded-e-none [&>*:last-child]:rounded-s-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-ms-px'\n          : 'gap-1',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport type ToggleGroupItemProps = ComponentProps<typeof KobalteToggleGroup.Item> &\n  VariantProps<typeof toggleVariants>\n\nexport function ToggleGroupItem(props: ToggleGroupItemProps) {\n  const [local, rest] = splitProps(props, ['class', 'variant', 'size'])\n\n  return (\n    <KobalteToggleGroup.Item\n      class={cn(toggleVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAmCA,SAAgBA,cAAYa,OAAyB;CACnD,MAAM,CAACC,OAAOC,QAAQZ,WAAWU,OAAO;EAAC;EAAS;EAAY;CAAU,CAAC;CAEzE,OAAAG,gBACGf,aAAkBgB,WAAA;EAAA,IACjBR,WAAQ;GAAA,OAAEK,MAAML,YAAY;EAAK;EAAA,KAAA,WAAA;GAAA,OAC1BJ,GACL,oCACAS,MAAMF,WACF,0JACA,SACJE,MAAMI,KACR;EAAC;CAAA,GACGH,IAAI,CAAA;AAGd;AAKA,SAAgBM,gBAAgBR,OAA6B;CAC3D,MAAM,CAACC,OAAOC,QAAQZ,WAAWU,OAAO;EAAC;EAAS;EAAW;CAAM,CAAC;CAEpE,OAAAG,gBACGf,YAAmBmB,MAAIH,WAAA,EAAA,KAAA,WAAA;EAAA,OACfZ,GAAGC,eAAe;GAAEI,SAASI,MAAMJ;GAASC,MAAMG,MAAMH;EAAK,CAAC,GAAGG,MAAMI,KAAK;CAAC,EAAA,GAChFH,IAAI,CAAA;AAGd"}

package/dist/components/ui/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipContentProps, type TooltipProviderProps, type TooltipRootProps, } from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,MAAM,WAAW,CAAA"}

package/dist/components/ui/tooltip/tooltip.d.ts

@@ -0,0 +1,18 @@
+import { Tooltip as KobalteTooltip } from '@kobalte/core/tooltip';
+import type { ComponentProps } from 'solid-js';
+export type TooltipProviderProps = {
+    children?: ComponentProps<'div'>['children'];
+    openDelay?: number;
+    closeDelay?: number;
+    skipDelayDuration?: number;
+};
+export declare function TooltipProvider(props: TooltipProviderProps): import("solid-js").JSX.Element;
+export type TooltipRootProps = ComponentProps<typeof KobalteTooltip>;
+export declare function Tooltip(props: TooltipRootProps): import("solid-js").JSX.Element;
+export declare function TooltipTrigger(props: ComponentProps<typeof KobalteTooltip.Trigger>): import("solid-js").JSX.Element;
+export type TooltipContentProps = ComponentProps<typeof KobalteTooltip.Content> & {
+    /** Hide the caret pointing at the trigger. */
+    hideArrow?: boolean;
+};
+export declare function TooltipContent(props: TooltipContentProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAkC9C,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,kCAY1D;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AAEpE,wBAAgB,OAAO,CAAC,KAAK,EAAE,gBAAgB,kCAW9C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,kCAElF;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IAChF,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCAqBxD"}

package/dist/components/ui/tooltip/tooltip.js

@@ -0,0 +1,67 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, memo, mergeProps } from "solid-js/web";
+import { createContext, splitProps, useContext } from "solid-js";
+import { Tooltip } from "@kobalte/core/tooltip";
+//#region src/components/ui/tooltip/tooltip.tsx
+var tooltipDefaults = {
+	/** Long enough that a pointer crossing a toolbar does not strobe tooltips. */
+	openDelay: 400,
+	/** Short, because the pointer has already left the control. */
+	closeDelay: 80,
+	/**
+	* After a tooltip has been seen, the next one opens immediately for this
+	* long. This is what makes moving along a row of icons feel like one
+	* gesture instead of four separate waits.
+	*/
+	skipDelayDuration: 500
+};
+var TooltipTimingContext = createContext(tooltipDefaults);
+function TooltipProvider(props) {
+	return createComponent(TooltipTimingContext.Provider, {
+		get value() {
+			return {
+				openDelay: props.openDelay ?? tooltipDefaults.openDelay,
+				closeDelay: props.closeDelay ?? tooltipDefaults.closeDelay,
+				skipDelayDuration: props.skipDelayDuration ?? tooltipDefaults.skipDelayDuration
+			};
+		},
+		get children() {
+			return props.children;
+		}
+	});
+}
+function Tooltip$1(props) {
+	const timing = useContext(TooltipTimingContext);
+	return createComponent(Tooltip, mergeProps({
+		get openDelay() {
+			return props.openDelay ?? timing.openDelay;
+		},
+		get closeDelay() {
+			return props.closeDelay ?? timing.closeDelay;
+		},
+		get skipDelayDuration() {
+			return props.skipDelayDuration ?? timing.skipDelayDuration;
+		}
+	}, props));
+}
+function TooltipTrigger(props) {
+	return createComponent(Tooltip.Trigger, props);
+}
+function TooltipContent(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"hideArrow",
+		"children"
+	]);
+	return createComponent(Tooltip.Portal, { get children() {
+		return createComponent(Tooltip.Content, mergeProps({ get ["class"]() {
+			return cn("bg-scrim text-scrim-foreground z-(--z-tooltip) w-fit max-w-64 rounded-md px-2 py-1 text-xs", "origin-(--kb-tooltip-content-transform-origin) text-balance", "data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-expanded:duration-150 data-closed:duration-100", local.class);
+		} }, rest, { get children() {
+			return [memo(() => local.children), createComponent(Tooltip.Arrow, { "aria-hidden": "true" })];
+		} }));
+	} });
+}
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/ui/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["Tooltip","KobalteTooltip","ComponentProps","createContext","splitProps","useContext","cn","TooltipTiming","openDelay","closeDelay","skipDelayDuration","tooltipDefaults","TooltipTimingContext","TooltipProviderProps","children","TooltipProvider","props","_$createComponent","Provider","value","TooltipRootProps","timing","_$mergeProps","TooltipTrigger","Trigger","TooltipContentProps","Content","hideArrow","TooltipContent","local","rest","Portal","class","_$memo","Arrow","_$createComponent","Tooltip","KobalteTooltip","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/tooltip/tooltip.tsx"],"sourcesContent":["import { Tooltip as KobalteTooltip } from '@kobalte/core/tooltip'\nimport type { ComponentProps } from 'solid-js'\nimport { createContext, splitProps, useContext } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * The provider sets the *timing* defaults for every tooltip below it.\n *\n * Timing is the part of a tooltip that has to agree across an app: one that\n * opens in 200ms in a toolbar and 700ms in a sidebar reads as a bug. The\n * provider is where that agreement lives. It is optional — a tooltip outside a\n * provider falls back to the same defaults — so a consumer can drop it in\n * without restructuring anything.\n */\ntype TooltipTiming = {\n  openDelay: number\n  closeDelay: number\n  skipDelayDuration: number\n}\n\nconst tooltipDefaults: TooltipTiming = {\n  /** Long enough that a pointer crossing a toolbar does not strobe tooltips. */\n  openDelay: 400,\n  /** Short, because the pointer has already left the control. */\n  closeDelay: 80,\n  /**\n   * After a tooltip has been seen, the next one opens immediately for this\n   * long. This is what makes moving along a row of icons feel like one\n   * gesture instead of four separate waits.\n   */\n  skipDelayDuration: 500,\n}\n\nconst TooltipTimingContext = createContext<TooltipTiming>(tooltipDefaults)\n\nexport type TooltipProviderProps = {\n  children?: ComponentProps<'div'>['children']\n  openDelay?: number\n  closeDelay?: number\n  skipDelayDuration?: number\n}\n\nexport function TooltipProvider(props: TooltipProviderProps) {\n  return (\n    <TooltipTimingContext.Provider\n      value={{\n        openDelay: props.openDelay ?? tooltipDefaults.openDelay,\n        closeDelay: props.closeDelay ?? tooltipDefaults.closeDelay,\n        skipDelayDuration: props.skipDelayDuration ?? tooltipDefaults.skipDelayDuration,\n      }}\n    >\n      {props.children}\n    </TooltipTimingContext.Provider>\n  )\n}\n\nexport type TooltipRootProps = ComponentProps<typeof KobalteTooltip>\n\nexport function Tooltip(props: TooltipRootProps) {\n  const timing = useContext(TooltipTimingContext)\n\n  return (\n    <KobalteTooltip\n      openDelay={props.openDelay ?? timing.openDelay}\n      closeDelay={props.closeDelay ?? timing.closeDelay}\n      skipDelayDuration={props.skipDelayDuration ?? timing.skipDelayDuration}\n      {...props}\n    />\n  )\n}\n\nexport function TooltipTrigger(props: ComponentProps<typeof KobalteTooltip.Trigger>) {\n  return <KobalteTooltip.Trigger {...props} />\n}\n\nexport type TooltipContentProps = ComponentProps<typeof KobalteTooltip.Content> & {\n  /** Hide the caret pointing at the trigger. */\n  hideArrow?: boolean\n}\n\nexport function TooltipContent(props: TooltipContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'hideArrow', 'children'])\n\n  return (\n    <KobalteTooltip.Portal>\n      <KobalteTooltip.Content\n        class={cn(\n          'bg-scrim text-scrim-foreground z-(--z-tooltip) w-fit max-w-64 rounded-md px-2 py-1 text-xs',\n          'origin-(--kb-tooltip-content-transform-origin) text-balance',\n          'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          'data-expanded:duration-150 data-closed:duration-100',\n          local.class\n        )}\n        {...rest}\n      >\n        {local.children}\n        <KobalteTooltip.Arrow aria-hidden=\"true\" />\n      </KobalteTooltip.Content>\n    </KobalteTooltip.Portal>\n  )\n}\n"],"mappings":";;;;;AAoBA,IAAMW,kBAAiC;;CAErCH,WAAW;;CAEXC,YAAY;;;;;;CAMZC,mBAAmB;AACrB;AAEA,IAAME,uBAAuBT,cAA6BQ,eAAe;AASzE,SAAgBI,gBAAgBC,OAA6B;CAC3D,OAAAC,gBACGL,qBAAqBM,UAAQ;EAAA,IAC5BC,QAAK;GAAA,OAAE;IACLX,WAAWQ,MAAMR,aAAaG,gBAAgBH;IAC9CC,YAAYO,MAAMP,cAAcE,gBAAgBF;IAChDC,mBAAmBM,MAAMN,qBAAqBC,gBAAgBD;GAChE;EAAC;EAAA,IAAAI,WAAA;GAAA,OAEAE,MAAMF;EAAQ;CAAA,CAAA;AAGrB;AAIA,SAAgBd,UAAQgB,OAAyB;CAC/C,MAAMK,SAAShB,WAAWO,oBAAoB;CAE9C,OAAAK,gBACGhB,SAAcqB,WAAA;EAAA,IACbd,YAAS;GAAA,OAAEQ,MAAMR,aAAaa,OAAOb;EAAS;EAAA,IAC9CC,aAAU;GAAA,OAAEO,MAAMP,cAAcY,OAAOZ;EAAU;EAAA,IACjDC,oBAAiB;GAAA,OAAEM,MAAMN,qBAAqBW,OAAOX;EAAiB;CAAA,GAClEM,KAAK,CAAA;AAGf;AAEA,SAAgBO,eAAeP,OAAsD;CACnF,OAAAC,gBAAQhB,QAAeuB,SAAYR,KAAK;AAC1C;AAOA,SAAgBY,eAAeZ,OAA4B;CACzD,MAAM,CAACa,OAAOC,QAAQ1B,WAAWY,OAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE1E,OAAAC,gBACGhB,QAAe8B,QAAM,EAAA,IAAAjB,WAAA;EAAA,OAAAG,gBACnBhB,QAAeyB,SAAOJ,WAAA,EAAA,KAAA,WAAA;GAAA,OACdhB,GACL,8FACA,+DACA,6EACA,0EACA,uDACAuB,MAAMG,KACR;EAAC,EAAA,GACGF,MAAI,EAAA,IAAAhB,WAAA;GAAA,OAAA,CAAAmB,WAEPJ,MAAMf,QAAQ,GAAAG,gBACdhB,QAAeiC,OAAK,EAAA,eAAA,OAAA,CAAA,CAAA;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA;AAI7B"}