@conciv/ui-kit-system 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 aidx contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,12 @@
+# @conciv/ui-kit-system
+
+The conciv design system: SolidJS primitives (Button plus Ark-UI-based Collapsible,
+HoverCard, ScrollArea, Combobox, Progress) styled with the shared UnoCSS preset, so every
+surface looks and behaves identically. Each component is viewable in Storybook.
+
+Part of [conciv](https://github.com/conciv-dev/conciv). It ships as a dependency of the
+umbrella package — install that:
+
+```sh
+npm install -D @conciv/it
+```

package/dist/avatar.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentProps } from 'solid-js';
+import { Avatar as Ark } from '@ark-ui/solid/avatar';
+declare function Root(props: ComponentProps<typeof Ark.Root>): import("solid-js").JSX.Element;
+declare function Image(props: ComponentProps<typeof Ark.Image>): import("solid-js").JSX.Element;
+declare function Fallback(props: ComponentProps<typeof Ark.Fallback>): import("solid-js").JSX.Element;
+export declare const Avatar: typeof Ark & {
+    Root: typeof Root;
+    Image: typeof Image;
+    Fallback: typeof Fallback;
+};
+export {};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAC,MAAM,UAAU,CAAA;AACxD,OAAO,EAAC,MAAM,IAAI,GAAG,EAAC,MAAM,sBAAsB,CAAA;AAOlD,iBAAS,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,kCAGnD;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,kCAGrD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC,kCAG3D;AAED,eAAO,MAAM,MAAM;;;;CAAkD,CAAA"}

package/dist/button.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from 'solid-js';
+export type ButtonVariant = 'solid' | 'ghost' | 'outline' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'icon';
+export declare function Button(props: JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+}): JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,GAAG,EAAC,MAAM,UAAU,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;AACpE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAkB7C,wBAAgB,MAAM,CACpB,KAAK,EAAE,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAAC,GAChG,GAAG,CAAC,OAAO,CASb"}

package/dist/collapsible.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps } from 'solid-js';
+import { Collapsible as Ark } from '@ark-ui/solid/collapsible';
+declare function Content(props: ComponentProps<typeof Ark.Content>): import("solid-js").JSX.Element;
+export declare const Collapsible: typeof Ark & {
+    Content: typeof Content;
+};
+export {};
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../src/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAC,MAAM,UAAU,CAAA;AACxD,OAAO,EAAC,WAAW,IAAI,GAAG,EAAC,MAAM,2BAA2B,CAAA;AAI5D,iBAAS,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,kCAGzD;AAED,eAAO,MAAM,WAAW;;CAAoC,CAAA"}

package/dist/combobox.d.ts

@@ -0,0 +1,2 @@
+export { Combobox } from '@ark-ui/solid/combobox';
+//# sourceMappingURL=combobox.d.ts.map

package/dist/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../src/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA"}

package/dist/dialog.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from 'solid-js';
+export declare function Dialog(props: {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    label?: string;
+    dismissable?: boolean;
+    children: JSX.Element;
+}): JSX.Element;
+export type DialogApi = typeof Dialog;
+//# sourceMappingURL=dialog.d.ts.map

package/dist/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,UAAU,CAAA;AAQjC,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CACtB,GAAG,GAAG,CAAC,OAAO,CAkBd;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,MAAM,CAAA"}

package/dist/environment.d.ts

@@ -0,0 +1,2 @@
+export { EnvironmentProvider } from '@ark-ui/solid/environment';
+//# sourceMappingURL=environment.d.ts.map

package/dist/environment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment.d.ts","sourceRoot":"","sources":["../src/environment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAA"}

package/dist/hover-card.d.ts

@@ -0,0 +1,12 @@
+import type { JSX } from 'solid-js';
+export declare function HoverCard(props: {
+    trigger: JSX.Element;
+    triggerClass?: string;
+    children: JSX.Element;
+    openDelay?: number;
+    closeDelay?: number;
+    sideOffset?: number;
+    class?: string;
+    label?: string;
+}): JSX.Element;
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../src/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,UAAU,CAAA;AAMjC,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,OAAO,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,GAAG,CAAC,OAAO,CAed"}

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+export { Button, type ButtonVariant, type ButtonSize } from './button.js';
+export { Collapsible } from './collapsible.js';
+export { HoverCard } from './hover-card.js';
+export { ScrollArea } from './scroll-area.js';
+export { Combobox } from './combobox.js';
+export { Dialog, type DialogApi } from './dialog.js';
+export { TextField, TextArea, type TextAreaProps } from './text-field.js';
+export { Progress } from './progress.js';
+export { Tooltip } from './tooltip.js';
+export { Menu } from './menu.js';
+export { Popover, type PopoverApi } from './popover.js';
+export { Toast, createToaster, type ToasterInstance } from './toast.js';
+export { Avatar } from './avatar.js';
+export { RelativeTime } from './relative-time.js';
+export { Tabs } from './tabs.js';
+export { Switch } from './switch.js';
+export { Swap } from './swap.js';
+export { Presence } from './presence.js';
+export { EnvironmentProvider } from './environment.js';
+export { TOKENS, renderTokensCss, type ThemeTokenName, type ThemeTokens } from './tokens.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAC,MAAM,aAAa,CAAA;AACvE,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,MAAM,EAAE,KAAK,SAAS,EAAC,MAAM,aAAa,CAAA;AAClD,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAC,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,OAAO,EAAE,KAAK,UAAU,EAAC,MAAM,cAAc,CAAA;AACrD,OAAO,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,eAAe,EAAC,MAAM,YAAY,CAAA;AACrE,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAC,MAAM,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAC,MAAM,aAAa,CAAA"}

package/dist/index.js

@@ -0,0 +1,482 @@
+import { TOKENS as e, renderTokensCss as t } from "./tokens.js";
+import { className as n, createComponent as r, delegateEvents as i, effect as a, insert as ee, mergeProps as o, spread as s, template as c, use as te } from "solid-js/web";
+import { Show as l, createEffect as u, onMount as d, splitProps as f } from "solid-js";
+import { Collapsible as p } from "@ark-ui/solid/collapsible";
+import { HoverCard as m } from "@ark-ui/solid/hover-card";
+import { ScrollArea as h } from "@ark-ui/solid/scroll-area";
+import { Combobox as g } from "@ark-ui/solid/combobox";
+import { Dialog as _ } from "@ark-ui/solid/dialog";
+import { Field as v } from "@ark-ui/solid/field";
+import { Progress as y } from "@ark-ui/solid/progress";
+import { Tooltip as b } from "@ark-ui/solid/tooltip";
+import { Menu as x } from "@ark-ui/solid/menu";
+import { Popover as S } from "@ark-ui/solid/popover";
+import { Toast as C, Toaster as ne, createToaster as w } from "@ark-ui/solid/toast";
+import { XIcon as T } from "lucide-solid";
+import { Avatar as E } from "@ark-ui/solid/avatar";
+import { Format as D } from "@ark-ui/solid/format";
+import { Tabs as O } from "@ark-ui/solid/tabs";
+import { Switch as k } from "@ark-ui/solid/switch";
+import { Swap as A } from "@ark-ui/solid/swap";
+import { Presence as j } from "@ark-ui/solid/presence";
+import { EnvironmentProvider as M } from "@ark-ui/solid/environment";
+//#region src/button.tsx
+var N = /*#__PURE__*/ c("<button>"), P = "inline-flex items-center justify-center gap-1.5 font-pw cursor-pointer trans-btn focus-ring [border:1px_solid_transparent] disabled:opacity-50 disabled:cursor-not-allowed", F = {
+	solid: "bg-pw-accent text-pw-on-accent hover:bg-pw-accent-hi",
+	ghost: "bg-transparent text-pw-text-2 hover:text-pw-text hover:bg-pw-fill-strong",
+	outline: "bg-pw-fill text-pw-text [border-color:var(--pw-line)] hover:bg-pw-fill-strong",
+	danger: "bg-pw-danger text-pw-on-accent hover:opacity-90"
+}, I = {
+	sm: "text-[0.6875rem] rounded-pw-sm py-0.5 px-2",
+	md: "text-[0.8125rem] rounded-pw-md py-2 px-3",
+	icon: "rounded-pw-md size-9.5"
+};
+function L(e) {
+	let [t, n] = f(e, [
+		"variant",
+		"size",
+		"class",
+		"type"
+	]);
+	return (() => {
+		var e = N();
+		return s(e, o({
+			get type() {
+				return t.type ?? "button";
+			},
+			get class() {
+				return `${P}  ${F[t.variant ?? "solid"]}  ${I[t.size ?? "md"]}  ${t.class ?? ""}`;
+			}
+		}, n), !1, !1), e;
+	})();
+}
+//#endregion
+//#region src/collapsible.tsx
+var R = "overflow-hidden data-[state=open]:anim-collapse-open data-[state=closed]:anim-collapse-closed";
+function z(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(p.Content, o(n, { get class() {
+		return `${R}  ${t.class ?? ""}`;
+	} }));
+}
+var B = Object.assign({}, p, { Content: z }), V = "hidden data-[state=open]:block data-[state=open]:anim-combo z-[2147483647] w-60 rounded-pw-md overflow-hidden bg-pw-panel text-pw-text border border-pw-line shadow-pw-lg text-[0.75rem] focus-visible:outline-none";
+function H(e) {
+	return r(m.Root, {
+		get openDelay() {
+			return e.openDelay ?? 0;
+		},
+		get closeDelay() {
+			return e.closeDelay ?? 120;
+		},
+		get positioning() {
+			return {
+				strategy: "fixed",
+				placement: "bottom-start",
+				gutter: e.sideOffset ?? 6
+			};
+		},
+		get children() {
+			return [r(m.Trigger, {
+				get class() {
+					return e.triggerClass;
+				},
+				get "aria-label"() {
+					return e.label;
+				},
+				get children() {
+					return e.trigger;
+				}
+			}), r(m.Positioner, { get children() {
+				return r(m.Content, {
+					get class() {
+						return `${V}  ${e.class ?? ""}`;
+					},
+					get children() {
+						return e.children;
+					}
+				});
+			} })];
+		}
+	});
+}
+//#endregion
+//#region src/scroll-area.tsx
+var U = "flex p-0.5 opacity-0 pointer-events-none [transition:opacity_150ms] [&[data-hover]]:opacity-100 [&[data-scrolling]]:opacity-100 [&[data-hover]]:pointer-events-auto [&[data-scrolling]]:pointer-events-auto [&[data-orientation=vertical]]:w-2 [&[data-orientation=horizontal]]:h-2 [&[data-orientation=vertical]:not([data-overflow-y])]:hidden [&[data-orientation=horizontal]:not([data-overflow-x])]:hidden", W = "w-full rounded-pw-pill bg-pw-accent-link [&[data-orientation=horizontal]]:w-auto [&[data-orientation=horizontal]]:h-full";
+function G(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(h.Scrollbar, o(n, { get class() {
+		return `${U}  ${t.class ?? ""}`;
+	} }));
+}
+function K(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(h.Thumb, o(n, { get class() {
+		return `${W}  ${t.class ?? ""}`;
+	} }));
+}
+var q = Object.assign({}, h, {
+	Scrollbar: G,
+	Thumb: K
+}), J = "fixed inset-0 z-[2147483646] bg-[rgba(0,0,0,0.55)] [backdrop-filter:blur(0.125rem)]", Y = "fixed inset-0 z-[2147483647] flex items-center justify-center p-4", X = "w-90 max-w-[calc(100vw-2rem)] rounded-pw-lg bg-pw-panel text-pw-text border border-pw-line shadow-pw-lg p-4 focus-visible:outline-none data-[state=open]:anim-rise";
+function Z(e) {
+	return r(_.Root, {
+		get open() {
+			return e.open;
+		},
+		onOpenChange: (t) => e.onOpenChange?.(t.open),
+		role: "alertdialog",
+		modal: !0,
+		get closeOnEscape() {
+			return e.dismissable ?? !1;
+		},
+		get closeOnInteractOutside() {
+			return e.dismissable ?? !1;
+		},
+		get children() {
+			return [r(_.Backdrop, { class: J }), r(_.Positioner, {
+				class: Y,
+				get children() {
+					return r(_.Content, {
+						class: X,
+						get "aria-label"() {
+							return e.label;
+						},
+						get children() {
+							return e.children;
+						}
+					});
+				}
+			})];
+		}
+	});
+}
+//#endregion
+//#region src/text-field.tsx
+var re = /*#__PURE__*/ c("<textarea>"), ie = "flex flex-col gap-1", ae = "text-[0.75rem] text-pw-text-2 font-pw", oe = "w-full font-pw text-[0.8125rem] rounded-pw-md bg-pw-fill text-pw-text [border:1px_solid_var(--pw-line)] py-2 px-3 focus-ring placeholder:text-pw-text-3";
+function se(e) {
+	let [t, n] = f(e, ["label", "class"]);
+	return r(v.Root, {
+		get class() {
+			return `${ie}  ${t.class ?? ""}`;
+		},
+		get children() {
+			return [r(l, {
+				get when() {
+					return t.label;
+				},
+				get children() {
+					return r(v.Label, {
+						class: ae,
+						get children() {
+							return t.label;
+						}
+					});
+				}
+			}), r(v.Input, o({ class: oe }, n))];
+		}
+	});
+}
+var ce = "w-full resize-none font-pw text-[0.8125rem] rounded-pw-md bg-pw-fill text-pw-text [border:1px_solid_var(--pw-line)] py-2 px-3 focus-ring placeholder:text-pw-text-3", le = "w-full resize-none [background:transparent] [border:none] [font:inherit] focus-visible:outline-none";
+function Q(e, t) {
+	let n = getComputedStyle(e), r = Number.parseFloat(n.lineHeight) || 20, i = Number.parseFloat(n.paddingTop) + Number.parseFloat(n.paddingBottom) + Number.parseFloat(n.borderTopWidth) + Number.parseFloat(n.borderBottomWidth);
+	return t * r + i;
+}
+function ue(e) {
+	let [t, n] = f(e, [
+		"class",
+		"minRows",
+		"maxRows",
+		"onHeightChange",
+		"onInput",
+		"value",
+		"ref",
+		"unstyled"
+	]), r, i = () => {
+		if (!r) return;
+		let e = Q(r, t.maxRows ?? 5), n = Q(r, t.minRows ?? 1);
+		r.style.height = "auto";
+		let i = Math.max(n, Math.min(r.scrollHeight, e));
+		r.style.height = `${i}px`, r.style.overflowY = r.scrollHeight > e ? "auto" : "hidden", t.onHeightChange?.(i);
+	};
+	d(i), u(() => {
+		t.value, i();
+	});
+	let a = t.ref;
+	return (() => {
+		var e = re();
+		return e.$$input = (e) => {
+			i(), typeof t.onInput == "function" && t.onInput(e);
+		}, te((e) => {
+			r = e, typeof a == "function" && a(e);
+		}, e), s(e, o({
+			get rows() {
+				return t.minRows ?? 1;
+			},
+			get class() {
+				return `${t.unstyled ? le : ce}  ${t.class ?? ""}`;
+			},
+			get value() {
+				return t.value;
+			}
+		}, n), !1, !1), e;
+	})();
+}
+i(["input"]);
+//#endregion
+//#region src/tooltip.tsx
+var de = "hidden data-[state=open]:block data-[state=open]:anim-combo z-[2147483647] rounded-pw-sm bg-pw-panel text-pw-text border border-pw-line shadow-pw-lg py-1 px-2 text-[0.6875rem] max-w-60 focus-visible:outline-none";
+function fe(e) {
+	let [t, n] = f(e, [
+		"positioning",
+		"openDelay",
+		"closeDelay"
+	]);
+	return r(b.Root, o({
+		get openDelay() {
+			return t.openDelay ?? 300;
+		},
+		get closeDelay() {
+			return t.closeDelay ?? 80;
+		},
+		get positioning() {
+			return {
+				strategy: "fixed",
+				placement: "top",
+				gutter: 6,
+				...t.positioning
+			};
+		}
+	}, n));
+}
+function pe(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(b.Content, o(n, { get class() {
+		return `${de}  ${t.class ?? ""}`;
+	} }));
+}
+var me = Object.assign({}, b, {
+	Root: fe,
+	Content: pe
+}), he = "hidden data-[state=open]:block data-[state=open]:anim-combo z-[2147483647] min-w-44 rounded-pw-md bg-pw-panel text-pw-text border border-pw-line shadow-pw-lg p-1 focus-visible:outline-none", ge = "flex items-center gap-2 min-h-8 py-1.5 px-2.5 rounded-pw-sm text-[0.8125rem] text-pw-text-2 cursor-pointer select-none outline-none data-[highlighted]:bg-pw-fill-strong data-[highlighted]:text-pw-text data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed", _e = "py-1.5 px-2.5 text-[0.6875rem] font-pw text-pw-text-3 uppercase tracking-wide", ve = "h-px my-1 bg-pw-line";
+function ye(e) {
+	let [t, n] = f(e, ["positioning"]);
+	return r(x.Root, o({ get positioning() {
+		return {
+			strategy: "fixed",
+			placement: "bottom-start",
+			gutter: 4,
+			...t.positioning
+		};
+	} }, n));
+}
+function be(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(x.Content, o(n, { get class() {
+		return `${he}  ${t.class ?? ""}`;
+	} }));
+}
+function xe(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(x.Item, o(n, { get class() {
+		return `${ge}  ${t.class ?? ""}`;
+	} }));
+}
+function Se(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(x.ItemGroupLabel, o(n, { get class() {
+		return `${_e}  ${t.class ?? ""}`;
+	} }));
+}
+function Ce(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(x.Separator, o(n, { get class() {
+		return `${ve}  ${t.class ?? ""}`;
+	} }));
+}
+var we = Object.assign({}, x, {
+	Root: ye,
+	Content: be,
+	Item: xe,
+	ItemGroupLabel: Se,
+	Separator: Ce
+}), Te = "hidden data-[state=open]:block data-[state=open]:anim-rise z-[2147483647] rounded-pw-lg bg-pw-panel text-pw-text border border-pw-line shadow-pw-lg focus-visible:outline-none";
+function Ee(e) {
+	let [t, n] = f(e, ["positioning"]);
+	return r(S.Root, o({ get positioning() {
+		return {
+			strategy: "fixed",
+			placement: "top-end",
+			gutter: 8,
+			...t.positioning
+		};
+	} }, n));
+}
+function De(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(S.Content, o(n, { get class() {
+		return `${Te}  ${t.class ?? ""}`;
+	} }));
+}
+var Oe = Object.assign({}, S, {
+	Root: Ee,
+	Content: De
+}), ke = "relative w-80 max-w-[calc(100vw-2rem)] flex flex-col gap-1 items-start py-3 pl-3.5 pr-9 rounded-pw-md bg-pw-panel text-pw-text border border-pw-line shadow-pw-lg [translate:var(--x)_var(--y)] [scale:var(--scale)] [z-index:var(--z-index)] [height:var(--height)] [opacity:var(--opacity)] data-[type=error]:[border-color:var(--pw-danger)] data-[type=success]:[border-color:var(--pw-success)]", Ae = "text-[0.8125rem] font-pw text-pw-text-hi", je = "text-[0.75rem] text-pw-text-2", Me = "absolute top-1.5 right-1.5 inline-flex items-center justify-center size-7 rounded-pw-sm text-pw-text-3 cursor-pointer hover:text-pw-text hover:bg-pw-fill-strong focus-ring";
+function Ne(e) {
+	return r(ne, {
+		get toaster() {
+			return e.toaster;
+		},
+		children: (e) => r(C.Root, {
+			class: ke,
+			get children() {
+				return [
+					r(C.Title, {
+						class: Ae,
+						get children() {
+							return e().title;
+						}
+					}),
+					r(l, {
+						get when() {
+							return e().description;
+						},
+						get children() {
+							return r(C.Description, {
+								class: je,
+								get children() {
+									return e().description;
+								}
+							});
+						}
+					}),
+					r(C.CloseTrigger, {
+						class: Me,
+						"aria-label": "Dismiss notification",
+						get children() {
+							return r(T, { size: 16 });
+						}
+					})
+				];
+			}
+		})
+	});
+}
+var Pe = Object.assign({}, C, {
+	Toaster: Ne,
+	createToaster: w
+}), Fe = "inline-flex items-center justify-center size-7 rounded-pw-pill overflow-hidden bg-pw-fill-strong text-pw-text-2 text-[0.6875rem] font-pw select-none shrink-0", Ie = "size-full object-cover", Le = "inline-flex items-center justify-center size-full uppercase";
+function Re(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(E.Root, o(n, { get class() {
+		return `${Fe}  ${t.class ?? ""}`;
+	} }));
+}
+function ze(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(E.Image, o(n, { get class() {
+		return `${Ie}  ${t.class ?? ""}`;
+	} }));
+}
+function Be(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(E.Fallback, o(n, { get class() {
+		return `${Le}  ${t.class ?? ""}`;
+	} }));
+}
+var Ve = Object.assign({}, E, {
+	Root: Re,
+	Image: ze,
+	Fallback: Be
+}), He = /*#__PURE__*/ c("<span>");
+function Ue(e) {
+	return (() => {
+		var t = He();
+		return ee(t, r(D.RelativeTime, {
+			get value() {
+				return e.value;
+			},
+			numeric: "auto",
+			style: "narrow"
+		})), a(() => n(t, e.class)), t;
+	})();
+}
+//#endregion
+//#region src/tabs.tsx
+var We = "relative flex items-center gap-1 border-b border-pw-line", Ge = "relative inline-flex items-center gap-1.5 py-2 px-3 text-[0.8125rem] font-pw text-pw-text-3 cursor-pointer select-none trans-btn hover:text-pw-text-2 data-[selected]:text-pw-text focus-ring disabled:opacity-50 disabled:cursor-not-allowed", Ke = "pt-3 focus-visible:outline-none", qe = "absolute bottom-0 h-0.5 bg-pw-accent [width:var(--width)] [left:var(--left)] trans-btn";
+function Je(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(O.List, o(n, { get class() {
+		return `${We}  ${t.class ?? ""}`;
+	} }));
+}
+function Ye(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(O.Trigger, o(n, { get class() {
+		return `${Ge}  ${t.class ?? ""}`;
+	} }));
+}
+function Xe(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(O.Content, o(n, { get class() {
+		return `${Ke}  ${t.class ?? ""}`;
+	} }));
+}
+function Ze(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(O.Indicator, o(n, { get class() {
+		return `${qe}  ${t.class ?? ""}`;
+	} }));
+}
+var Qe = Object.assign({}, O, {
+	List: Je,
+	Trigger: Ye,
+	Content: Xe,
+	Indicator: Ze
+}), $e = "inline-flex items-center gap-2 cursor-pointer select-none data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed", et = "relative inline-flex items-center w-8 h-4.5 rounded-pw-pill bg-pw-fill-strong [border:1px_solid_var(--pw-line)] trans-btn data-[state=checked]:bg-pw-accent data-[state=checked]:[border-color:var(--pw-accent)] focus-within:[outline:0.125rem_solid_var(--pw-accent)] focus-within:[outline-offset:0.125rem]", tt = "size-3.5 rounded-pw-pill bg-pw-text translate-x-0.5 trans-btn data-[state=checked]:translate-x-3.5 data-[state=checked]:bg-pw-on-accent", $ = "text-[0.8125rem] font-pw text-pw-text-2";
+function nt(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(k.Root, o(n, { get class() {
+		return `${$e}  ${t.class ?? ""}`;
+	} }));
+}
+function rt(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(k.Control, o(n, { get class() {
+		return `${et}  ${t.class ?? ""}`;
+	} }));
+}
+function it(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(k.Thumb, o(n, { get class() {
+		return `${tt}  ${t.class ?? ""}`;
+	} }));
+}
+function at(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(k.Label, o(n, { get class() {
+		return `${$}  ${t.class ?? ""}`;
+	} }));
+}
+var ot = Object.assign({}, k, {
+	Root: nt,
+	Control: rt,
+	Thumb: it,
+	Label: at
+}), st = "inline-flex [transition:opacity_150ms_ease,scale_150ms_ease] [&[hidden]]:opacity-0 [&[hidden]]:[scale:0.6] [&[hidden]]:[display:inline-flex]";
+function ct(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(A.Indicator, o(n, { get class() {
+		return `${st}  ${t.class ?? ""}`;
+	} }));
+}
+var lt = Object.assign({}, A, { Indicator: ct }), ut = "data-[state=open]:anim-presence-in data-[state=closed]:anim-presence-out";
+function dt(e) {
+	let [t, n] = f(e, ["class"]);
+	return r(j, o(n, { get class() {
+		return `${ut}  ${t.class ?? ""}`;
+	} }));
+}
+//#endregion
+export { Ve as Avatar, L as Button, B as Collapsible, g as Combobox, Z as Dialog, M as EnvironmentProvider, H as HoverCard, we as Menu, Oe as Popover, dt as Presence, y as Progress, Ue as RelativeTime, q as ScrollArea, lt as Swap, ot as Switch, e as TOKENS, Qe as Tabs, ue as TextArea, se as TextField, Pe as Toast, me as Tooltip, w as createToaster, t as renderTokensCss };
+
+//# sourceMappingURL=index.js.map