@elmeragroup/fuse 0.1.0-canary.1

package/components/toggle/toggle-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-variants.d.ts","names":[],"sources":["../../../src/components/toggle/toggle-variants.ts"],"mappings":";qBAca,4CAAc;;;;;;IAarB;IAKA;IACA;IACA"}

package/components/toggle/toggle-variants.js

@@ -0,0 +1,42 @@
+import { cn } from "../../styles/cn.js";
+import { dataStateFaceClass, nativeStateFaceClass } from "../../styles/state-face.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { controlSize } from "../../styles/control-size.js";
+import { compactCornerClass } from "../../styles/corner-radius.js";
+import { tv } from "tailwind-variants";
+//#region src/components/toggle/toggle-variants.ts
+const toggleVariants = tv({
+	base: cn("group/toggle font-medium inline-flex items-center justify-center rounded-md whitespace-nowrap transition-[color,box-shadow,scale] aria-pressed:bg-muted data-pressed:bg-muted enabled-hover:bg-muted enabled-hover:text-foreground enabled-active:scale-[0.96] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", selfFocusRingClass, nativeStateFaceClass, dataStateFaceClass),
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "shadow-xs border border-input bg-transparent enabled-hover:bg-muted"
+		},
+		size: {
+			xs: cn(controlSize({
+				size: "xs",
+				fit: "min-square"
+			}), "[&_svg:not([class*='size-'])]:size-3", compactCornerClass),
+			sm: controlSize({
+				size: "sm",
+				fit: "min-square"
+			}),
+			default: controlSize({
+				size: "md",
+				fit: "min-square"
+			}),
+			lg: controlSize({
+				size: "lg",
+				fit: "min-square"
+			})
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+//#endregion
+export { toggleVariants };
+
+//# sourceMappingURL=toggle-variants.js.map

package/components/toggle/toggle-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-variants.js","names":[],"sources":["../../../src/components/toggle/toggle-variants.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { controlSize } from \"../../styles/control-size\";\nimport { compactCornerClass } from \"../../styles/corner-radius\";\nimport { dataStateFaceClass, nativeStateFaceClass } from \"../../styles/state-face\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\n\n// Runtime-free recipe so ToggleGroup.Item can borrow it without Toggle's client graph.\n// The state face composes the `native` and `data` targets, like Button's, and the\n// hover and press faces sit behind the `enabled-hover:` / `enabled-active:` gate from\n// fuse.css, so a disabled toggle keeps pointer events (a Tooltip on it still opens) and\n// never repaints or scales under the pointer. Each size is the control-size recipe's\n// `min-square`, so a toggle is never narrower than it is tall.\nexport const toggleVariants = tv({\n  base: cn(\n    \"group/toggle font-medium inline-flex items-center justify-center rounded-md whitespace-nowrap transition-[color,box-shadow,scale] aria-pressed:bg-muted data-pressed:bg-muted enabled-hover:bg-muted enabled-hover:text-foreground enabled-active:scale-[0.96] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    selfFocusRingClass,\n    nativeStateFaceClass,\n    dataStateFaceClass\n  ),\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      outline: \"shadow-xs border border-input bg-transparent enabled-hover:bg-muted\",\n    },\n    size: {\n      xs: cn(\n        controlSize({ size: \"xs\", fit: \"min-square\" }),\n        \"[&_svg:not([class*='size-'])]:size-3\",\n        compactCornerClass\n      ),\n      sm: controlSize({ size: \"sm\", fit: \"min-square\" }),\n      default: controlSize({ size: \"md\", fit: \"min-square\" }),\n      lg: controlSize({ size: \"lg\", fit: \"min-square\" }),\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n"],"mappings":";;;;;;;AAcA,MAAa,iBAAiB,GAAG;CAC/B,MAAM,GACJ,oVACA,oBACA,sBACA,kBACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,IAAI,GACF,YAAY;IAAE,MAAM;IAAM,KAAK;GAAa,CAAC,GAC7C,wCACA,kBACF;GACA,IAAI,YAAY;IAAE,MAAM;IAAM,KAAK;GAAa,CAAC;GACjD,SAAS,YAAY;IAAE,MAAM;IAAM,KAAK;GAAa,CAAC;GACtD,IAAI,YAAY;IAAE,MAAM;IAAM,KAAK;GAAa,CAAC;EACnD;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CAAC"}

package/components/toggle/toggle.d.ts

@@ -0,0 +1,19 @@
+import { toggleVariants } from "./toggle-variants.js";
+import { ComponentProps, ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+//#region src/components/toggle/toggle.d.ts
+export type ToggleProps = Omit<ComponentProps<typeof Toggle$1>, "className"> & {
+  /** Extra classes, merged via the recipe `className` slot inside `cn`. */
+  className?: string;
+} & VariantProps<typeof toggleVariants>;
+/**
+ * Two-state pressed button. Client — base-ui Toggle owns
+ * pressed state.
+ */
+export declare function Toggle({ className, variant, size, ...props }: ToggleProps): ReactElement;
+export declare namespace Toggle {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../../src/components/toggle/toggle.tsx"],"mappings":";;;;;YAUY,cAAc,KAAK,sBAAsB;;EAEnD;IACE,oBAAoB;;;;;wBAMR,SACd,WACA,SACA,SACG,SACF,cAAc;yBALD;MAAA"}

package/components/toggle/toggle.js

@@ -0,0 +1,26 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { toggleVariants } from "./toggle-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+//#region src/components/toggle/toggle.tsx
+/**
+* Two-state pressed button. Client — base-ui Toggle owns
+* pressed state.
+*/
+function Toggle({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Toggle$1, {
+		"data-slot": "toggle",
+		className: cn(toggleVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+Toggle.displayName = "Toggle";
+//#endregion
+export { Toggle };
+
+//# sourceMappingURL=toggle.js.map

package/components/toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["TogglePrimitive"],"sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { toggleVariants } from \"./toggle-variants\";\n\nexport type ToggleProps = Omit<ComponentProps<typeof TogglePrimitive>, \"className\"> & {\n  /** Extra classes, merged via the recipe `className` slot inside `cn`. */\n  className?: string;\n} & VariantProps<typeof toggleVariants>;\n\n/**\n * Two-state pressed button. Client — base-ui Toggle owns\n * pressed state.\n */\nexport function Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ToggleProps): ReactElement {\n  return (\n    <TogglePrimitive\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nToggle.displayName = \"Toggle\";\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,OAAO,EACrB,WACA,UAAU,WACV,OAAO,WACP,GAAG,SACyB;CAC5B,OACE,oBAACA,UAAD;EACE,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,OAAO,cAAc"}

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

@@ -0,0 +1,8 @@
+import { ToggleGroupItem, ToggleGroupRoot } from "./toggle-group.js";
+//#region src/components/toggle-group/index.d.ts
+export declare const ToggleGroup: {
+  Root: typeof ToggleGroupRoot;
+  Item: typeof ToggleGroupItem;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/toggle-group/index.ts"],"mappings":";;qBAOa;EACX,aAAI;EACJ,aAAI"}

package/components/toggle-group/index.js

@@ -0,0 +1,15 @@
+import { ToggleGroupItem, ToggleGroupRoot } from "./toggle-group.js";
+//#region src/components/toggle-group/index.ts
+/**
+* Server-visible namespace for `ToggleGroup`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const ToggleGroup = {
+	Root: ToggleGroupRoot,
+	Item: ToggleGroupItem
+};
+//#endregion
+export { ToggleGroup };
+
+//# sourceMappingURL=index.js.map

package/components/toggle-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/toggle-group/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `ToggleGroup`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport { ToggleGroupRoot, ToggleGroupItem } from \"./toggle-group\";\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot,\n  Item: ToggleGroupItem,\n};\n"],"mappings":";;;;;;;AAOA,MAAa,cAAc;CACzB,MAAM;CACN,MAAM;AACR"}

package/components/toggle-group/toggle-group-variants.d.ts

@@ -0,0 +1,31 @@
+//#region src/components/toggle-group/toggle-group-variants.d.ts
+/**
+ * A segmented `ToggleGroup.Item`'s inset at each toggle size — module-private, never a
+ * facade export. Each size takes the control size's icon inset on both sides in place of
+ * the label inset, so the joined segments sit tighter than free-standing toggles.
+ * `"default"` is the md control size.
+ */
+export declare const segmentedItemInset: import("tailwind-variants").TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    default: string;
+    lg: string;
+  };
+}, undefined, undefined, {
+  size: {
+    xs: string;
+    sm: string;
+    default: string;
+    lg: string;
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    xs: string;
+    sm: string;
+    default: string;
+    lg: string;
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=toggle-group-variants.d.ts.map

package/components/toggle-group/toggle-group-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-variants.d.ts","names":[],"sources":["../../../src/components/toggle-group/toggle-group-variants.ts"],"mappings":";;;;;;;qBAUa,gDAAkB;;IAGzB;IACA;IACA;IACA"}

package/components/toggle-group/toggle-group-variants.js

@@ -0,0 +1,22 @@
+import { controlMetrics } from "../../styles/control-size.js";
+import { tv } from "tailwind-variants";
+//#region src/components/toggle-group/toggle-group-variants.ts
+/**
+* A segmented `ToggleGroup.Item`'s inset at each toggle size — module-private, never a
+* facade export. Each size takes the control size's icon inset on both sides in place of
+* the label inset, so the joined segments sit tighter than free-standing toggles.
+* `"default"` is the md control size.
+*/
+const segmentedItemInset = tv({
+	variants: { size: {
+		xs: controlMetrics({ size: "xs" }).iconInset(),
+		sm: controlMetrics({ size: "sm" }).iconInset(),
+		default: controlMetrics({ size: "md" }).iconInset(),
+		lg: controlMetrics({ size: "lg" }).iconInset()
+	} },
+	defaultVariants: { size: "default" }
+});
+//#endregion
+export { segmentedItemInset };
+
+//# sourceMappingURL=toggle-group-variants.js.map

package/components/toggle-group/toggle-group-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-variants.js","names":[],"sources":["../../../src/components/toggle-group/toggle-group-variants.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nimport { controlMetrics } from \"../../styles/control-size\";\n\n/**\n * A segmented `ToggleGroup.Item`'s inset at each toggle size — module-private, never a\n * facade export. Each size takes the control size's icon inset on both sides in place of\n * the label inset, so the joined segments sit tighter than free-standing toggles.\n * `\"default\"` is the md control size.\n */\nexport const segmentedItemInset = tv({\n  variants: {\n    size: {\n      xs: controlMetrics({ size: \"xs\" }).iconInset(),\n      sm: controlMetrics({ size: \"sm\" }).iconInset(),\n      default: controlMetrics({ size: \"md\" }).iconInset(),\n      lg: controlMetrics({ size: \"lg\" }).iconInset(),\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n"],"mappings":";;;;;;;;;AAUA,MAAa,qBAAqB,GAAG;CACnC,UAAU,EACR,MAAM;EACJ,IAAI,eAAe,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,UAAU;EAC7C,IAAI,eAAe,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,UAAU;EAC7C,SAAS,eAAe,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,UAAU;EAClD,IAAI,eAAe,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,UAAU;CAC/C,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CAAC"}

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

@@ -0,0 +1,40 @@
+import { toggleVariants } from "../toggle/toggle-variants.js";
+import { CSSProperties, ComponentProps, ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/components/toggle-group/toggle-group.d.ts
+export type ToggleGroupRootProps = Omit<ComponentProps<typeof ToggleGroup>, "className" | "style"> & {
+  /** Extra classes, merged last through `cn`. */
+  className?: string;
+  /** Inline styles, merged after the library's `--gap` custom property. */
+  style?: CSSProperties;
+  /**
+   * Tailwind spacing units between items. `0` is segmented-control mode
+   * @default 2
+   */
+  spacing?: number;
+} & VariantProps<typeof toggleVariants>;
+export type ToggleGroupItemProps = Omit<ComponentProps<typeof Toggle>, "className"> & {
+  /** Extra classes, merged after group overrides + `toggleVariants`. */
+  className?: string;
+} & VariantProps<typeof toggleVariants>;
+/**
+ * Client toggle group over `@base-ui/react/toggle-group`.
+ * Root publishes `variant` / `size` / `spacing` / `orientation` through
+ * module-private context; Item borrows public `toggleVariants`.
+ */
+export declare function ToggleGroupRoot({ className, variant, size, spacing, orientation, children, style, ...props }: ToggleGroupRootProps): ReactElement;
+export declare namespace ToggleGroupRoot {
+  var displayName: string;
+}
+/**
+ * Group-aware toggle. Resolves `variant` / `size` as `itemProp ?? contextValue`
+ * so an explicit item-level axis wins.
+ */
+export declare function ToggleGroupItem({ className, children, variant, size, ...props }: ToggleGroupItemProps): ReactElement;
+export declare namespace ToggleGroupItem {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=toggle-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../../src/components/toggle-group/toggle-group.tsx"],"mappings":";;;;;;YAsBY,uBAAuB,KACjC,sBAAsB;;EAItB;;EAEA,QAAQ;;;;;EAKR;IACE,oBAAoB;YAEZ,uBAAuB,KAAK,sBAAsB;;EAE5D;IACE,oBAAoB;;;;;;wBAOR,kBACd,WACA,SACA,MACA,SACA,aACA,UACA,UACG,SACF,uBAAuB;yBATV;MAAA;;;;;;wBAsCA,kBACd,WACA,UACA,SACA,SACG,SACF,uBAAuB;yBANV;MAAA"}

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

@@ -0,0 +1,73 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { toggleVariants } from "../toggle/toggle-variants.js";
+import { segmentedItemInset } from "./toggle-group-variants.js";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/components/toggle-group/toggle-group.tsx
+const ToggleGroupContext = createContext({});
+/**
+* Client toggle group over `@base-ui/react/toggle-group`.
+* Root publishes `variant` / `size` / `spacing` / `orientation` through
+* module-private context; Item borrows public `toggleVariants`.
+*/
+function ToggleGroupRoot({ className, variant, size, spacing = 2, orientation = "horizontal", children, style, ...props }) {
+	const contextValue = useMemo(() => ({
+		variant,
+		size,
+		spacing,
+		orientation
+	}), [
+		variant,
+		size,
+		spacing,
+		orientation
+	]);
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		"data-spacing": spacing,
+		"data-orientation": orientation,
+		style: {
+			"--gap": spacing,
+			...style
+		},
+		className: cn("group/toggle-group data-[spacing=0]:data-[variant=outline]:shadow-xs flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-vertical:flex-col data-vertical:items-stretch", className),
+		orientation,
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: contextValue,
+			children
+		})
+	});
+}
+/**
+* Group-aware toggle. Resolves `variant` / `size` as `itemProp ?? contextValue`
+* so an explicit item-level axis wins.
+*/
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+	const context = useContext(ToggleGroupContext);
+	const resolvedVariant = variant ?? context.variant;
+	const resolvedSize = size ?? context.size;
+	return /* @__PURE__ */ jsx(Toggle, {
+		"data-slot": "toggle-group-item",
+		"data-variant": resolvedVariant ?? "default",
+		"data-size": resolvedSize ?? "default",
+		"data-spacing": context.spacing,
+		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:shadow-none focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t group-data-[spacing=0]/toggle-group:enabled-active:scale-100", toggleVariants({
+			variant: resolvedVariant,
+			size: resolvedSize
+		}), context.spacing === 0 && segmentedItemInset({ size: resolvedSize }), className),
+		...props,
+		children
+	});
+}
+ToggleGroupRoot.displayName = "ToggleGroup.Root";
+ToggleGroupItem.displayName = "ToggleGroup.Item";
+//#endregion
+export { ToggleGroupItem, ToggleGroupRoot };
+
+//# sourceMappingURL=toggle-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":["ToggleGroupPrimitive","TogglePrimitive"],"sources":["../../../src/components/toggle-group/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport type { ComponentProps, CSSProperties, ReactElement } from \"react\";\n\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { toggleVariants } from \"../toggle/toggle-variants\";\nimport { segmentedItemInset } from \"./toggle-group-variants\";\n\ntype ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n  spacing?: number;\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\n// All-undefined default: standalone items fall through to toggleVariants defaults.\n// Do not copy the ref's non-undefined createContext values.\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({});\n\nexport type ToggleGroupRootProps = Omit<\n  ComponentProps<typeof ToggleGroupPrimitive>,\n  \"className\" | \"style\"\n> & {\n  /** Extra classes, merged last through `cn`. */\n  className?: string;\n  /** Inline styles, merged after the library's `--gap` custom property. */\n  style?: CSSProperties;\n  /**\n   * Tailwind spacing units between items. `0` is segmented-control mode\n   * @default 2\n   */\n  spacing?: number;\n} & VariantProps<typeof toggleVariants>;\n\nexport type ToggleGroupItemProps = Omit<ComponentProps<typeof TogglePrimitive>, \"className\"> & {\n  /** Extra classes, merged after group overrides + `toggleVariants`. */\n  className?: string;\n} & VariantProps<typeof toggleVariants>;\n\n/**\n * Client toggle group over `@base-ui/react/toggle-group`.\n * Root publishes `variant` / `size` / `spacing` / `orientation` through\n * module-private context; Item borrows public `toggleVariants`.\n */\nexport function ToggleGroupRoot({\n  className,\n  variant,\n  size,\n  spacing = 2,\n  orientation = \"horizontal\",\n  children,\n  style,\n  ...props\n}: ToggleGroupRootProps): ReactElement {\n  const contextValue = useMemo(\n    (): ToggleGroupContextValue => ({ variant, size, spacing, orientation }),\n    [variant, size, spacing, orientation]\n  );\n\n  return (\n    <ToggleGroupPrimitive\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={{ \"--gap\": spacing, ...style }}\n      className={cn(\n        \"group/toggle-group data-[spacing=0]:data-[variant=outline]:shadow-xs flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-vertical:flex-col data-vertical:items-stretch\",\n        className\n      )}\n      orientation={orientation}\n      {...props}>\n      <ToggleGroupContext.Provider value={contextValue}>{children}</ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive>\n  );\n}\n\n/**\n * Group-aware toggle. Resolves `variant` / `size` as `itemProp ?? contextValue`\n * so an explicit item-level axis wins.\n */\nexport function ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: ToggleGroupItemProps): ReactElement {\n  const context = useContext(ToggleGroupContext);\n  const resolvedVariant = variant ?? context.variant;\n  const resolvedSize = size ?? context.size;\n\n  return (\n    <TogglePrimitive\n      data-slot=\"toggle-group-item\"\n      data-variant={resolvedVariant ?? \"default\"}\n      data-size={resolvedSize ?? \"default\"}\n      data-spacing={context.spacing}\n      className={cn(\n        \"shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:shadow-none focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t group-data-[spacing=0]/toggle-group:enabled-active:scale-100\",\n        toggleVariants({\n          variant: resolvedVariant,\n          size: resolvedSize,\n        }),\n        context.spacing === 0 && segmentedItemInset({ size: resolvedSize }),\n        className\n      )}\n      {...props}>\n      {children}\n    </TogglePrimitive>\n  );\n}\n\nToggleGroupRoot.displayName = \"ToggleGroup.Root\";\nToggleGroupItem.displayName = \"ToggleGroup.Item\";\n"],"mappings":";;;;;;;;;AAoBA,MAAM,qBAAqB,cAAuC,CAAC,CAAC;;;;;;AA2BpE,SAAgB,gBAAgB,EAC9B,WACA,SACA,MACA,UAAU,GACV,cAAc,cACd,UACA,OACA,GAAG,SACkC;CACrC,MAAM,eAAe,eACa;EAAE;EAAS;EAAM;EAAS;CAAY,IACtE;EAAC;EAAS;EAAM;EAAS;CAAW,CACtC;CAEA,OACE,oBAACA,aAAD;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,oBAAkB;EAClB,OAAO;GAAE,SAAS;GAAS,GAAG;EAAM;EACpC,WAAW,GACT,mMACA,SACF;EACa;EACb,GAAI;EACJ,UAAA,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;GAAe;EAAsC,CAAA;CACrE,CAAA;AAE1B;;;;;AAMA,SAAgB,gBAAgB,EAC9B,WACA,UACA,SACA,MACA,GAAG,SACkC;CACrC,MAAM,UAAU,WAAW,kBAAkB;CAC7C,MAAM,kBAAkB,WAAW,QAAQ;CAC3C,MAAM,eAAe,QAAQ,QAAQ;CAErC,OACE,oBAACC,QAAD;EACE,aAAU;EACV,gBAAc,mBAAmB;EACjC,aAAW,gBAAgB;EAC3B,gBAAc,QAAQ;EACtB,WAAW,GACT,0zBACA,eAAe;GACb,SAAS;GACT,MAAM;EACR,CAAC,GACD,QAAQ,YAAY,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC,GAClE,SACF;EACA,GAAI;EACH;CACc,CAAA;AAErB;AAEA,gBAAgB,cAAc;AAC9B,gBAAgB,cAAc"}

package/components/tooltip/index.d.ts

@@ -0,0 +1,10 @@
+import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from "./tooltip.js";
+//#region src/components/tooltip/index.d.ts
+export declare const Tooltip: {
+  Provider: typeof TooltipProvider;
+  Root: typeof TooltipRoot;
+  Trigger: typeof TooltipTrigger;
+  Content: typeof TooltipContent;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/tooltip/index.ts"],"mappings":";;qBAOa;EACX,iBAAQ;EACR,aAAI;EACJ,gBAAO;EACP,gBAAO"}

package/components/tooltip/index.js

@@ -0,0 +1,17 @@
+import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from "./tooltip.js";
+//#region src/components/tooltip/index.ts
+/**
+* Server-visible namespace for `Tooltip`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const Tooltip = {
+	Provider: TooltipProvider,
+	Root: TooltipRoot,
+	Trigger: TooltipTrigger,
+	Content: TooltipContent
+};
+//#endregion
+export { Tooltip };
+
+//# sourceMappingURL=index.js.map

package/components/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `Tooltip`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent } from \"./tooltip\";\n\nexport const Tooltip = {\n  Provider: TooltipProvider,\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Content: TooltipContent,\n};\n"],"mappings":";;;;;;;AAOA,MAAa,UAAU;CACrB,UAAU;CACV,MAAM;CACN,SAAS;CACT,SAAS;AACX"}

package/components/tooltip/tooltip.d.ts

@@ -0,0 +1,47 @@
+import { OverlayContainerProps, OverlayPositionerProps } from "../overlay/overlay-props.js";
+import { ComponentProps, ReactElement } from "react";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/tooltip/tooltip.d.ts
+export type TooltipProviderProps = Omit<ComponentProps<typeof Tooltip.Provider>, "delay"> & {
+  /**
+   * Shared open delay for every tooltip in this group, in milliseconds. Instant by
+   * default — the ref overrides base-ui's 600ms. Tooltips in this group also share
+   * skip-delay hand-off: after one opens, moving to a neighbor skips the wait.
+   * @default 0
+   */
+  delay?: number;
+};
+export declare function TooltipProvider({ delay, ...props }: TooltipProviderProps): ReactElement;
+export declare namespace TooltipProvider {
+  var displayName: string;
+}
+export type TooltipRootProps = ComponentProps<typeof Tooltip.Root> & {
+  /**
+   * When set, wraps this Root in a nested scoped Provider with that delay. That
+   * tooltip then forms its own provider group: it no longer participates in the
+   * outer Provider's shared delay or skip-delay hand-off.
+   */
+  delay?: number;
+};
+export declare function TooltipRoot({ delay, ...props }: TooltipRootProps): ReactElement;
+export declare namespace TooltipRoot {
+  var displayName: string;
+}
+export declare function TooltipTrigger({ "aria-describedby": describedBy, className, ...props }: ComponentProps<typeof Tooltip.Trigger>): ReactElement;
+export declare namespace TooltipTrigger {
+  var displayName: string;
+}
+export type TooltipContentProps = Omit<ComponentProps<typeof Tooltip.Popup>, "id"> & Omit<OverlayPositionerProps<ComponentProps<typeof Tooltip.Positioner>>, "side"> & {
+  /** Popup id used in the trigger description while mounted. Defaults to a stable generated id. */
+  id?: ComponentProps<typeof Tooltip.Popup>["id"];
+  /**
+   * Which side of the trigger the popup is placed on. Tooltips open upward by default.
+   */
+  side?: ComponentProps<typeof Tooltip.Positioner>["side"];
+} & OverlayContainerProps;
+export declare function TooltipContent({ id, ref, className, side, sideOffset, align, alignOffset, children, container, ...props }: TooltipContentProps): ReactElement | null;
+export declare namespace TooltipContent {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/components/tooltip/tooltip.tsx"],"mappings":";;;;YAsBY,uBAAuB,KAAK,sBAAsB,QAAiB;;;;;;;EAO7E;;wBAGc,kBAAkB,UAAc,SAAS,uBAAuB;yBAAhE;MAAA;;YAIJ,mBAAmB,sBAAsB,QAAiB;;;;;;EAMpE;;wBAGc,cAAc,UAAU,SAAS,mBAAmB;yBAApD;MAAA;;wBAkBA,qCACM,aACpB,cACG,SACF,sBAAsB,QAAiB,WAAW;yBAJrC;MAAA;;YAsBJ,sBAAsB,KAAK,sBAAsB,QAAiB,gBAC5E,KAAK,uBAAuB,sBAAsB,QAAiB;;EAEjE,KAAK,sBAAsB,QAAiB;;;;EAI5C,OAAO,sBAAsB,QAAiB;IAC5C;wBAEU,iBACd,IACA,KACA,WACA,MACA,YACA,OACA,aACA,UACA,cACG,SACF,sBAAsB;yBAXT;MAAA"}

package/components/tooltip/tooltip.js

@@ -0,0 +1,95 @@
+"use client";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { useMergedRefs } from "../../hooks/use-merged-refs.js";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { overlayPopupMotionClass, overlayPositionerClass } from "../overlay/overlay-classes.js";
+import { OverlayPortal } from "../overlay/overlay-portal.js";
+import { createContext, use, useId, useLayoutEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/tooltip/tooltip.tsx
+const TooltipDescriptionContext = createContext(null);
+function TooltipProvider({ delay = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delay,
+		...props
+	});
+}
+function TooltipRoot({ delay, ...props }) {
+	const generatedId = useId();
+	const [mountedId, setMountedId] = useState(null);
+	const description = useMemo(() => ({
+		generatedId,
+		mountedId,
+		setMountedId
+	}), [generatedId, mountedId]);
+	const root = /* @__PURE__ */ jsx(TooltipDescriptionContext.Provider, {
+		value: description,
+		children: /* @__PURE__ */ jsx(Tooltip.Root, {
+			"data-slot": "tooltip",
+			...props
+		})
+	});
+	if (delay !== void 0) return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		delay,
+		children: root
+	});
+	return root;
+}
+function TooltipTrigger({ "aria-describedby": describedBy, className, ...props }) {
+	const description = use(TooltipDescriptionContext);
+	const descriptionIds = [.../* @__PURE__ */ new Set([...describedBy?.split(/\s+/).filter(Boolean) ?? [], ...description?.mountedId ? [description.mountedId] : []])].join(" ");
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		"aria-describedby": descriptionIds || void 0,
+		className: mergeClassName(className, selfFocusRingClass),
+		...props
+	});
+}
+function TooltipContent({ id, ref, className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, container, ...props }) {
+	const description = use(TooltipDescriptionContext);
+	const tooltipId = id ?? description?.generatedId;
+	const setMountedId = description?.setMountedId;
+	const render = props.render;
+	const [popup, setPopup] = useState(null);
+	const mergedRef = useMergedRefs(ref, setPopup);
+	useLayoutEffect(() => {
+		if (!popup) return;
+		setMountedId?.(popup.id);
+		return () => setMountedId?.(null);
+	}, [
+		popup,
+		setMountedId,
+		tooltipId,
+		render
+	]);
+	return /* @__PURE__ */ jsx(OverlayPortal, {
+		portal: Tooltip.Portal,
+		container,
+		children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: overlayPositionerClass,
+			children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
+				"data-slot": "tooltip-content",
+				ref: mergedRef,
+				id: tooltipId ?? void 0,
+				role: "tooltip",
+				className: mergeClassName(className, overlayPopupMotionClass, "max-w-xs text-xs inline-flex w-fit items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-pretty text-background"),
+				...props,
+				children: [children, /* @__PURE__ */ jsx(Tooltip.Arrow, { className: "size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
+			})
+		})
+	});
+}
+TooltipProvider.displayName = "Tooltip.Provider";
+TooltipRoot.displayName = "Tooltip.Root";
+TooltipTrigger.displayName = "Tooltip.Trigger";
+TooltipContent.displayName = "Tooltip.Content";
+//#endregion
+export { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger };
+
+//# sourceMappingURL=tooltip.js.map

package/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive"],"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, use, useId, useLayoutEffect, useMemo, useState } from \"react\";\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\n\nimport { useMergedRefs } from \"../../hooks/use-merged-refs\";\nimport { mergeClassName } from \"../../styles/merge-class-name\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport { overlayPopupMotionClass, overlayPositionerClass } from \"../overlay/overlay-classes\";\nimport { OverlayPortal } from \"../overlay/overlay-portal\";\nimport type { OverlayContainerProps, OverlayPositionerProps } from \"../overlay/overlay-props\";\n\n/** Shared popup id so the trigger's `aria-describedby` points at the tooltip. */\ntype TooltipDescription = {\n  generatedId: string;\n  mountedId: string | null;\n  setMountedId: (id: string | null) => void;\n};\nconst TooltipDescriptionContext = createContext<TooltipDescription | null>(null);\n\nexport type TooltipProviderProps = Omit<ComponentProps<typeof TooltipPrimitive.Provider>, \"delay\"> & {\n  /**\n   * Shared open delay for every tooltip in this group, in milliseconds. Instant by\n   * default — the ref overrides base-ui's 600ms. Tooltips in this group also share\n   * skip-delay hand-off: after one opens, moving to a neighbor skips the wait.\n   * @default 0\n   */\n  delay?: number;\n};\n\nexport function TooltipProvider({ delay = 0, ...props }: TooltipProviderProps): ReactElement {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delay={delay} {...props} />;\n}\n\nexport type TooltipRootProps = ComponentProps<typeof TooltipPrimitive.Root> & {\n  /**\n   * When set, wraps this Root in a nested scoped Provider with that delay. That\n   * tooltip then forms its own provider group: it no longer participates in the\n   * outer Provider's shared delay or skip-delay hand-off.\n   */\n  delay?: number;\n};\n\nexport function TooltipRoot({ delay, ...props }: TooltipRootProps): ReactElement {\n  const generatedId = useId();\n  const [mountedId, setMountedId] = useState<string | null>(null);\n  const description = useMemo(() => ({ generatedId, mountedId, setMountedId }), [generatedId, mountedId]);\n  // Base-ui puts per-tooltip delay on a scoped Provider. The nested group is\n  // intentional: this tooltip opts out of the outer Provider's skip-delay hand-off.\n  const root = (\n    <TooltipDescriptionContext.Provider value={description}>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipDescriptionContext.Provider>\n  );\n  if (delay !== undefined) {\n    return <TooltipPrimitive.Provider delay={delay}>{root}</TooltipPrimitive.Provider>;\n  }\n\n  return root;\n}\n\nexport function TooltipTrigger({\n  \"aria-describedby\": describedBy,\n  className,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Trigger>): ReactElement {\n  const description = use(TooltipDescriptionContext);\n  const descriptionIds = [\n    ...new Set([\n      ...(describedBy?.split(/\\s+/).filter(Boolean) ?? []),\n      ...(description?.mountedId ? [description.mountedId] : []),\n    ]),\n  ].join(\" \");\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      aria-describedby={descriptionIds || undefined}\n      className={mergeClassName(className, selfFocusRingClass)}\n      {...props}\n    />\n  );\n}\n\nexport type TooltipContentProps = Omit<ComponentProps<typeof TooltipPrimitive.Popup>, \"id\"> &\n  Omit<OverlayPositionerProps<ComponentProps<typeof TooltipPrimitive.Positioner>>, \"side\"> & {\n    /** Popup id used in the trigger description while mounted. Defaults to a stable generated id. */\n    id?: ComponentProps<typeof TooltipPrimitive.Popup>[\"id\"];\n    /**\n     * Which side of the trigger the popup is placed on. Tooltips open upward by default.\n     */\n    side?: ComponentProps<typeof TooltipPrimitive.Positioner>[\"side\"];\n  } & OverlayContainerProps;\n\nexport function TooltipContent({\n  id,\n  ref,\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  container,\n  ...props\n}: TooltipContentProps): ReactElement | null {\n  const description = use(TooltipDescriptionContext);\n  const tooltipId = id ?? description?.generatedId;\n  const setMountedId = description?.setMountedId;\n  const render = props.render;\n  const [popup, setPopup] = useState<HTMLDivElement | null>(null);\n  const mergedRef = useMergedRefs(ref, setPopup);\n  useLayoutEffect(() => {\n    if (!popup) return;\n    setMountedId?.(popup.id);\n    return () => setMountedId?.(null);\n  }, [popup, setMountedId, tooltipId, render]);\n\n  return (\n    <OverlayPortal portal={TooltipPrimitive.Portal} container={container}>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className={overlayPositionerClass}>\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          ref={mergedRef}\n          id={tooltipId ?? undefined}\n          role=\"tooltip\"\n          // Tooltip takes the shared motion set but neither the composed popup surface\n          // nor the timing rung: it inverts the fill and flies frameless,\n          // and `ring-0` could not subtract the surface's `ring-foreground/10` — width and\n          // colour are separate tailwind-merge conflict groups. Untimed is deliberate.\n          className={mergeClassName(\n            className,\n            overlayPopupMotionClass,\n            \"max-w-xs text-xs inline-flex w-fit items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-pretty text-background\"\n          )}\n          {...props}>\n          {children}\n          <TooltipPrimitive.Arrow className=\"size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </OverlayPortal>\n  );\n}\n\nTooltipProvider.displayName = \"Tooltip.Provider\";\nTooltipRoot.displayName = \"Tooltip.Root\";\nTooltipTrigger.displayName = \"Tooltip.Trigger\";\nTooltipContent.displayName = \"Tooltip.Content\";\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,4BAA4B,cAAyC,IAAI;AAY/E,SAAgB,gBAAgB,EAAE,QAAQ,GAAG,GAAG,SAA6C;CAC3F,OAAO,oBAACA,QAAiB,UAAlB;EAA2B,aAAU;EAA0B;EAAO,GAAI;CAAQ,CAAA;AAC3F;AAWA,SAAgB,YAAY,EAAE,OAAO,GAAG,SAAyC;CAC/E,MAAM,cAAc,MAAM;CAC1B,MAAM,CAAC,WAAW,gBAAgB,SAAwB,IAAI;CAC9D,MAAM,cAAc,eAAe;EAAE;EAAa;EAAW;CAAa,IAAI,CAAC,aAAa,SAAS,CAAC;CAGtG,MAAM,OACJ,oBAAC,0BAA0B,UAA3B;EAAoC,OAAO;EACzC,UAAA,oBAACA,QAAiB,MAAlB;GAAuB,aAAU;GAAU,GAAI;EAAQ,CAAA;CACrB,CAAA;CAEtC,IAAI,UAAU,KAAA,GACZ,OAAO,oBAACA,QAAiB,UAAlB;EAAkC;EAAQ,UAAA;CAAgC,CAAA;CAGnF,OAAO;AACT;AAEA,SAAgB,eAAe,EAC7B,oBAAoB,aACpB,WACA,GAAG,SAC6D;CAChE,MAAM,cAAc,IAAI,yBAAyB;CACjD,MAAM,iBAAiB,CACrB,mBAAG,IAAI,IAAI,CACT,GAAI,aAAa,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO,KAAK,CAAC,GAClD,GAAI,aAAa,YAAY,CAAC,YAAY,SAAS,IAAI,CAAC,CAC1D,CAAC,CACH,CAAC,CAAC,KAAK,GAAG;CACV,OACE,oBAACA,QAAiB,SAAlB;EACE,aAAU;EACV,oBAAkB,kBAAkB,KAAA;EACpC,WAAW,eAAe,WAAW,kBAAkB;EACvD,GAAI;CACL,CAAA;AAEL;AAYA,SAAgB,eAAe,EAC7B,IACA,KACA,WACA,OAAO,OACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,UACA,WACA,GAAG,SACwC;CAC3C,MAAM,cAAc,IAAI,yBAAyB;CACjD,MAAM,YAAY,MAAM,aAAa;CACrC,MAAM,eAAe,aAAa;CAClC,MAAM,SAAS,MAAM;CACrB,MAAM,CAAC,OAAO,YAAY,SAAgC,IAAI;CAC9D,MAAM,YAAY,cAAc,KAAK,QAAQ;CAC7C,sBAAsB;EACpB,IAAI,CAAC,OAAO;EACZ,eAAe,MAAM,EAAE;EACvB,aAAa,eAAe,IAAI;CAClC,GAAG;EAAC;EAAO;EAAc;EAAW;CAAM,CAAC;CAE3C,OACE,oBAAC,eAAD;EAAe,QAAQA,QAAiB;EAAmB;EACzD,UAAA,oBAACA,QAAiB,YAAlB;GACS;GACM;GACP;GACM;GACZ,WAAW;GACX,UAAA,qBAACA,QAAiB,OAAlB;IACE,aAAU;IACV,KAAK;IACL,IAAI,aAAa,KAAA;IACjB,MAAK;IAKL,WAAW,eACT,WACA,yBACA,0HACF;IACA,GAAI;IAdN,UAAA,CAeG,UACD,oBAACA,QAAiB,OAAlB,EAAwB,WAAU,shBAAuhB,CAAA,CACniB;;EACG,CAAA;CAChB,CAAA;AAEnB;AAEA,gBAAgB,cAAc;AAC9B,YAAY,cAAc;AAC1B,eAAe,cAAc;AAC7B,eAAe,cAAc"}

package/confirm-button.d.ts

@@ -0,0 +1,2 @@
+import { ConfirmButton, ConfirmButtonProps } from "./components/confirm-button/confirm-button.js";
+export { ConfirmButton, type ConfirmButtonProps };

package/confirm-button.js

@@ -0,0 +1,2 @@
+import { ConfirmButton } from "./components/confirm-button/confirm-button.js";
+export { ConfirmButton };

package/description-list.d.ts

@@ -0,0 +1,3 @@
+import { DescriptionListHeadingProps } from "./components/description-list/description-list-heading.js";
+import { DescriptionList, DescriptionListContentProps, DescriptionListDetailsProps, DescriptionListRootProps, DescriptionListTermProps } from "./components/description-list/description-list.js";
+export { DescriptionList, type DescriptionListContentProps, type DescriptionListDetailsProps, type DescriptionListHeadingProps, type DescriptionListRootProps, type DescriptionListTermProps };

package/description-list.js

@@ -0,0 +1,2 @@
+import { DescriptionList } from "./components/description-list/description-list.js";
+export { DescriptionList };

package/dialog.d.ts

@@ -0,0 +1,3 @@
+import { DialogContentProps, DialogFooterProps, DialogTitleProps } from "./components/dialog/dialog.js";
+import { Dialog } from "./components/dialog/index.js";
+export { Dialog, type DialogContentProps, type DialogFooterProps, type DialogTitleProps };

package/dialog.js

@@ -0,0 +1,2 @@
+import { Dialog } from "./components/dialog/index.js";
+export { Dialog };

package/dropdown-menu.d.ts

@@ -0,0 +1,3 @@
+import { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSubContentProps, DropdownMenuSubTriggerProps } from "./components/dropdown-menu/dropdown-menu.js";
+import { DropdownMenu } from "./components/dropdown-menu/index.js";
+export { DropdownMenu, type DropdownMenuCheckboxItemProps, type DropdownMenuContentProps, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemProps, type DropdownMenuSubContentProps, type DropdownMenuSubTriggerProps };

package/dropdown-menu.js

@@ -0,0 +1,2 @@
+import { DropdownMenu } from "./components/dropdown-menu/index.js";
+export { DropdownMenu };

package/emoji.d.ts

@@ -0,0 +1,2 @@
+import { Emoji, EmojiProps, LoudlyCryingFace, NeutralFace, PartyingFace, SlightlyFrowningFace, SlightlySmilingFace } from "./components/emoji/emoji.js";
+export { Emoji, type EmojiProps, LoudlyCryingFace, NeutralFace, PartyingFace, SlightlyFrowningFace, SlightlySmilingFace };

package/emoji.js

@@ -0,0 +1,2 @@
+import { Emoji, LoudlyCryingFace, NeutralFace, PartyingFace, SlightlyFrowningFace, SlightlySmilingFace } from "./components/emoji/emoji.js";
+export { Emoji, LoudlyCryingFace, NeutralFace, PartyingFace, SlightlyFrowningFace, SlightlySmilingFace };

package/empty.d.ts

@@ -0,0 +1,2 @@
+import { Empty } from "./components/empty/empty.js";
+export { Empty };

package/empty.js

@@ -0,0 +1,2 @@
+import { Empty } from "./components/empty/empty.js";
+export { Empty };

package/field.d.ts

@@ -0,0 +1,2 @@
+import { Field } from "./components/field/index.js";
+export { Field };

package/field.js

@@ -0,0 +1,2 @@
+import { Field } from "./components/field/index.js";
+export { Field };