@wirekyt/solid 0.0.1 → 0.0.2

package/dist/toggle-group.jsx

@@ -0,0 +1,80 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as toggleGroup from "@wirekyt/dom/machines/toggle-group";
+import { anatomy as toggleGroupAnatomy } from "@wirekyt/dom/machines/toggle-group";
+//#region src/components/toggle-group/use-context.ts
+const [ToggleGroupProvider, useToggleGroupContext] = createContext$1({
+	hookName: "useToggleGroupContext",
+	providerName: "<ToggleGroupProvider />"
+});
+//#endregion
+//#region src/components/toggle-group/context.tsx
+const ToggleGroupContext = (props) => props.children(useToggleGroupContext());
+//#endregion
+//#region src/components/toggle-group/item.tsx
+const ToggleGroupItem = (props) => {
+	const [toggleProps, restProps] = createSplitProps()(props, ["value", "disabled"]);
+	const api = useToggleGroupContext();
+	const mergedProps = mergeProps$1(() => api().getItemProps(toggleProps), restProps);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/toggle-group/use.ts
+const useToggleGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(toggleGroup.machine, machineProps);
+	return createMemo(() => toggleGroup.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/toggle-group/root.tsx
+const ToggleGroupRoot = (props) => {
+	const [useToggleGroupProps, restProps] = createSplitProps()(props, [
+		"defaultValue",
+		"deselectable",
+		"disabled",
+		"id",
+		"ids",
+		"loopFocus",
+		"multiple",
+		"onValueChange",
+		"orientation",
+		"rovingFocus",
+		"value"
+	]);
+	const api = useToggleGroup(useToggleGroupProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), restProps);
+	return <ToggleGroupProvider value={api}>
+      <wire.div {...mergedProps} />
+    </ToggleGroupProvider>;
+};
+//#endregion
+//#region src/components/toggle-group/root-provider.tsx
+const ToggleGroupRootProvider = (props) => {
+	const [{ value: toggleGroup }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => toggleGroup().getRootProps(), localProps);
+	return <ToggleGroupProvider value={toggleGroup}>
+      <wire.div {...mergedProps} />
+    </ToggleGroupProvider>;
+};
+//#endregion
+//#region src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => ToggleGroupContext,
+	Item: () => ToggleGroupItem,
+	Root: () => ToggleGroupRoot,
+	RootProvider: () => ToggleGroupRootProvider
+});
+//#endregion
+export { toggle_group_exports as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };

package/dist/toggle.d.ts

@@ -0,0 +1,38 @@
+import { s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+import * as toggle from "@wirekyt/dom/machines/toggle";
+//#region src/components/toggle/use.d.ts
+interface UseToggleProps extends toggle.Props {}
+type UseToggleReturn = Accessor<toggle.Api<PropTypes>>;
+declare function useToggle(props?: UseToggleProps): UseToggleReturn;
+//#endregion
+//#region src/components/toggle/use-context.d.ts
+interface UseToggleContext extends UseToggleReturn {}
+declare const ToggleProvider: import("solid-js").ContextProviderComponent<UseToggleContext>, useToggleContext: () => UseToggleContext;
+//#endregion
+//#region src/components/toggle/context.d.ts
+interface ToggleContextProps {
+  children: (context: UseToggleContext) => JSX.Element;
+}
+declare const ToggleContext: (props: ToggleContextProps) => JSX.Element;
+//#endregion
+//#region src/components/toggle/indicator.d.ts
+interface ToggleIndicatorBaseProps extends PolymorphicProps<"div"> {
+  fallback?: JSX.Element;
+}
+interface ToggleIndicatorProps extends HTMLProps<"div">, ToggleIndicatorBaseProps {}
+declare const ToggleIndicator: (props: ToggleIndicatorProps) => JSX.Element;
+//#endregion
+//#region src/components/toggle/root.d.ts
+interface ToggleRootBaseProps extends UseToggleProps, PolymorphicProps<"button"> {}
+interface ToggleRootProps extends HTMLProps<"button">, ToggleRootBaseProps {}
+declare const ToggleRoot: (props: ToggleRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/toggle/anatomy.d.ts
+declare const toggleAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"root" | "indicator">;
+declare namespace toggle_d_exports {
+  export { ToggleContext as Context, ToggleContextProps as ContextProps, ToggleIndicator as Indicator, ToggleIndicatorBaseProps as IndicatorBaseProps, ToggleIndicatorProps as IndicatorProps, ToggleRoot as Root, ToggleRootBaseProps as RootBaseProps, ToggleRootProps as RootProps, toggleAnatomy };
+}
+//#endregion
+export { toggle_d_exports as Toggle, ToggleContext, type ToggleContextProps, ToggleIndicator, type ToggleIndicatorBaseProps, type ToggleIndicatorProps, ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps, type UseToggleContext, type UseToggleProps, type UseToggleReturn, toggleAnatomy, useToggle, useToggleContext };

package/dist/toggle.js

@@ -0,0 +1,73 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { Show, createMemo, splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+import * as toggle from "@wirekyt/dom/machines/toggle";
+//#region src/components/toggle/use-context.ts
+const [ToggleProvider, useToggleContext] = createContext$1({
+	hookName: "useToggleContext",
+	providerName: "<ToggleProvider />"
+});
+//#endregion
+//#region src/components/toggle/context.tsx
+const ToggleContext = (props) => props.children(useToggleContext());
+//#endregion
+//#region src/components/toggle/indicator.tsx
+const ToggleIndicator = (props) => {
+	const [baseProps, restProps] = splitProps(props, ["children", "fallback"]);
+	const toggle = useToggleContext();
+	const mergedProps = mergeProps$2(() => toggle().getIndicatorProps(), restProps);
+	return createComponent(wire.div, mergeProps$1(mergedProps, { get children() {
+		return createComponent(Show, {
+			get when() {
+				return toggle().pressed;
+			},
+			get fallback() {
+				return baseProps.fallback;
+			},
+			get children() {
+				return baseProps.children;
+			}
+		});
+	} }));
+};
+//#endregion
+//#region src/components/toggle/use.ts
+function useToggle(props) {
+	const service = useMachine(toggle.machine, props);
+	return createMemo(() => toggle.connect(service, normalizeProps));
+}
+//#endregion
+//#region src/components/toggle/root.tsx
+const ToggleRoot = (props) => {
+	const [useToggleProps, localProps] = createSplitProps()(props, [
+		"pressed",
+		"defaultPressed",
+		"disabled",
+		"onPressedChange"
+	]);
+	const toggle = useToggle(useToggleProps);
+	const mergedProps = mergeProps$2(() => toggle().getRootProps(), localProps);
+	return createComponent(ToggleProvider, {
+		value: toggle,
+		get children() {
+			return createComponent(wire.button, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/toggle/anatomy.ts
+const toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
+toggleAnatomy.build();
+//#endregion
+//#region src/components/toggle/toggle.ts
+var toggle_exports = /* @__PURE__ */ __exportAll({
+	Context: () => ToggleContext,
+	Indicator: () => ToggleIndicator,
+	Root: () => ToggleRoot,
+	toggleAnatomy: () => toggleAnatomy
+});
+//#endregion
+export { toggle_exports as Toggle, ToggleContext, ToggleIndicator, ToggleRoot, toggleAnatomy, useToggle, useToggleContext };

package/dist/toggle.jsx

@@ -0,0 +1,61 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { Show, createMemo, splitProps } from "solid-js";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+import * as toggle from "@wirekyt/dom/machines/toggle";
+//#region src/components/toggle/use-context.ts
+const [ToggleProvider, useToggleContext] = createContext$1({
+	hookName: "useToggleContext",
+	providerName: "<ToggleProvider />"
+});
+//#endregion
+//#region src/components/toggle/context.tsx
+const ToggleContext = (props) => props.children(useToggleContext());
+//#endregion
+//#region src/components/toggle/indicator.tsx
+const ToggleIndicator = (props) => {
+	const [baseProps, restProps] = splitProps(props, ["children", "fallback"]);
+	const toggle = useToggleContext();
+	const mergedProps = mergeProps$1(() => toggle().getIndicatorProps(), restProps);
+	return <wire.div {...mergedProps}>
+      <Show when={toggle().pressed} fallback={baseProps.fallback}>
+        {baseProps.children}
+      </Show>
+    </wire.div>;
+};
+//#endregion
+//#region src/components/toggle/use.ts
+function useToggle(props) {
+	const service = useMachine(toggle.machine, props);
+	return createMemo(() => toggle.connect(service, normalizeProps));
+}
+//#endregion
+//#region src/components/toggle/root.tsx
+const ToggleRoot = (props) => {
+	const [useToggleProps, localProps] = createSplitProps()(props, [
+		"pressed",
+		"defaultPressed",
+		"disabled",
+		"onPressedChange"
+	]);
+	const toggle = useToggle(useToggleProps);
+	const mergedProps = mergeProps$1(() => toggle().getRootProps(), localProps);
+	return <ToggleProvider value={toggle}>
+      <wire.button {...mergedProps} />
+    </ToggleProvider>;
+};
+//#endregion
+//#region src/components/toggle/anatomy.ts
+const toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
+toggleAnatomy.build();
+//#endregion
+//#region src/components/toggle/toggle.ts
+var toggle_exports = /* @__PURE__ */ __exportAll({
+	Context: () => ToggleContext,
+	Indicator: () => ToggleIndicator,
+	Root: () => ToggleRoot,
+	toggleAnatomy: () => toggleAnatomy
+});
+//#endregion
+export { toggle_exports as Toggle, ToggleContext, ToggleIndicator, ToggleRoot, toggleAnatomy, useToggle, useToggleContext };

package/dist/tooltip.d.ts

@@ -0,0 +1,67 @@
+import { a as Optional, n as Assign, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { s as UsePresenceProps } from "./index-B17eqq14.js";
+import { Accessor, JSX } from "solid-js";
+import * as tooltip from "@wirekyt/dom/machines/tooltip";
+import { OpenChangeDetails, OpenChangeDetails as TooltipOpenChangeDetails, TriggerProps, TriggerValueChangeDetails, TriggerValueChangeDetails as TooltipTriggerValueChangeDetails, anatomy as tooltipAnatomy } from "@wirekyt/dom/machines/tooltip";
+//#region src/components/tooltip/arrow.d.ts
+interface TooltipArrowBaseProps extends PolymorphicProps<"div"> {}
+interface TooltipArrowProps extends HTMLProps<"div">, TooltipArrowBaseProps {}
+declare const TooltipArrow: (props: TooltipArrowProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tooltip/arrow-tip.d.ts
+interface TooltipArrowTipBaseProps extends PolymorphicProps<"div"> {}
+interface TooltipArrowTipProps extends HTMLProps<"div">, TooltipArrowTipBaseProps {}
+declare const TooltipArrowTip: (props: TooltipArrowTipProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tooltip/content.d.ts
+interface TooltipContentBaseProps extends PolymorphicProps<"div"> {}
+interface TooltipContentProps extends HTMLProps<"div">, TooltipContentBaseProps {}
+declare const TooltipContent: (props: TooltipContentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tooltip/use.d.ts
+interface UseTooltipProps extends Optional<Omit<tooltip.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTooltipReturn extends Accessor<tooltip.Api<PropTypes>> {}
+declare const useTooltip: (props?: MaybeAccessor<UseTooltipProps>) => UseTooltipReturn;
+//#endregion
+//#region src/components/tooltip/use-context.d.ts
+interface UseTooltipContext extends UseTooltipReturn {}
+declare const TooltipProvider: import("solid-js").ContextProviderComponent<UseTooltipContext>, useTooltipContext: () => UseTooltipContext;
+//#endregion
+//#region src/components/tooltip/context.d.ts
+interface TooltipContextProps {
+  children: (context: UseTooltipContext) => JSX.Element;
+}
+declare const TooltipContext: (props: TooltipContextProps) => JSX.Element;
+//#endregion
+//#region src/components/tooltip/positioner.d.ts
+interface TooltipPositionerBaseProps extends PolymorphicProps<"div"> {}
+interface TooltipPositionerProps extends HTMLProps<"div">, TooltipPositionerBaseProps {}
+declare const TooltipPositioner: (props: TooltipPositionerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tooltip/root.d.ts
+interface TooltipRootBaseProps extends UseTooltipProps, UsePresenceProps {}
+interface TooltipRootProps extends TooltipRootBaseProps {
+  children?: JSX.Element;
+}
+declare const TooltipRoot: (props: TooltipRootProps) => JSX.Element;
+//#endregion
+//#region src/components/tooltip/root-provider.d.ts
+interface RootProviderProps {
+  value: UseTooltipReturn;
+}
+interface TooltipRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
+  children?: JSX.Element;
+}
+declare const TooltipRootProvider: (props: TooltipRootProviderProps) => JSX.Element;
+//#endregion
+//#region src/components/tooltip/trigger.d.ts
+interface TooltipTriggerBaseProps extends TriggerProps, PolymorphicProps<"button"> {}
+interface TooltipTriggerProps extends Assign<HTMLProps<"button">, TooltipTriggerBaseProps> {}
+declare const TooltipTrigger: (props: TooltipTriggerProps) => import("solid-js").JSX.Element;
+declare namespace tooltip_d_exports {
+  export { TooltipArrow as Arrow, TooltipArrowBaseProps as ArrowBaseProps, TooltipArrowProps as ArrowProps, TooltipArrowTip as ArrowTip, TooltipArrowTipBaseProps as ArrowTipBaseProps, TooltipArrowTipProps as ArrowTipProps, TooltipContent as Content, TooltipContentBaseProps as ContentBaseProps, TooltipContentProps as ContentProps, TooltipContext as Context, TooltipContextProps as ContextProps, OpenChangeDetails, TooltipPositioner as Positioner, TooltipPositionerBaseProps as PositionerBaseProps, TooltipPositionerProps as PositionerProps, TooltipRoot as Root, TooltipRootBaseProps as RootBaseProps, TooltipRootProps as RootProps, TooltipRootProvider as RootProvider, TooltipRootProviderBaseProps as RootProviderBaseProps, TooltipRootProviderProps as RootProviderProps, TooltipTrigger as Trigger, TooltipTriggerBaseProps as TriggerBaseProps, TooltipTriggerProps as TriggerProps, TriggerValueChangeDetails };
+}
+//#endregion
+export { tooltip_d_exports as Tooltip, TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps, TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps, TooltipContent, type TooltipContentBaseProps, type TooltipContentProps, TooltipContext, type TooltipContextProps, type TooltipOpenChangeDetails, TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps, TooltipRoot, type TooltipRootBaseProps, type TooltipRootProps, TooltipRootProvider, type TooltipRootProviderBaseProps, type TooltipRootProviderProps, TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps, type TooltipTriggerValueChangeDetails, type UseTooltipContext, type UseTooltipProps, type UseTooltipReturn, tooltipAnatomy, useTooltip, useTooltipContext };

package/dist/tooltip.js

@@ -0,0 +1,159 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps, u as composeRefs } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-CE6lXCu5.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as tooltip from "@wirekyt/dom/machines/tooltip";
+import { anatomy as tooltipAnatomy } from "@wirekyt/dom/machines/tooltip";
+//#region src/components/tooltip/use-context.ts
+const [TooltipProvider, useTooltipContext] = createContext$1({
+	hookName: "useTooltipContext",
+	providerName: "<TooltipProvider />"
+});
+//#endregion
+//#region src/components/tooltip/arrow.tsx
+const TooltipArrow = (props) => {
+	const tooltip = useTooltipContext();
+	const mergedProps = mergeProps$2(() => tooltip().getArrowProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/tooltip/arrow-tip.tsx
+const TooltipArrowTip = (props) => {
+	const api = useTooltipContext();
+	const mergedProps = mergeProps$2(() => api().getArrowTipProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/tooltip/content.tsx
+const TooltipContent = (props) => {
+	const api = useTooltipContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+//#endregion
+//#region src/components/tooltip/context.tsx
+const TooltipContext = (props) => props.children(useTooltipContext());
+//#endregion
+//#region src/components/tooltip/positioner.tsx
+const TooltipPositioner = (props) => {
+	const api = useTooltipContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/tooltip/use.ts
+const useTooltip = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(tooltip.machine, machineProps);
+	return createMemo(() => tooltip.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/tooltip/root.tsx
+const TooltipRoot = (props) => {
+	const [presenceProps, tooltipProps] = splitPresenceProps(props);
+	const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, [
+		"aria-label",
+		"closeDelay",
+		"closeOnClick",
+		"closeOnEscape",
+		"closeOnPointerDown",
+		"closeOnScroll",
+		"defaultOpen",
+		"disabled",
+		"id",
+		"ids",
+		"interactive",
+		"onOpenChange",
+		"open",
+		"openDelay",
+		"positioning",
+		"triggerValue",
+		"defaultTriggerValue",
+		"onTriggerValueChange"
+	]);
+	const api = useTooltip(useTooltipProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: api().open })));
+	return createComponent(TooltipProvider, {
+		value: api,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: apiPresence,
+				get children() {
+					return localProps.children;
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/tooltip/root-provider.tsx
+const TooltipRootProvider = (props) => {
+	const [presenceProps, tooltipProps] = splitPresenceProps(props);
+	const presence = usePresence(mergeProps$2(presenceProps, () => ({ present: tooltipProps.value().open })));
+	return createComponent(TooltipProvider, {
+		get value() {
+			return tooltipProps.value;
+		},
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: presence,
+				get children() {
+					return tooltipProps.children;
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/tooltip/trigger.tsx
+const TooltipTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useTooltipContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(triggerProps), localProps);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/tooltip/tooltip.ts
+var tooltip_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => TooltipArrow,
+	ArrowTip: () => TooltipArrowTip,
+	Content: () => TooltipContent,
+	Context: () => TooltipContext,
+	Positioner: () => TooltipPositioner,
+	Root: () => TooltipRoot,
+	RootProvider: () => TooltipRootProvider,
+	Trigger: () => TooltipTrigger
+});
+//#endregion
+export { tooltip_exports as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, tooltipAnatomy, useTooltip, useTooltipContext };

package/dist/tooltip.jsx

@@ -0,0 +1,127 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps, u as composeRefs } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-9UGkuyfn.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as tooltip from "@wirekyt/dom/machines/tooltip";
+import { anatomy as tooltipAnatomy } from "@wirekyt/dom/machines/tooltip";
+//#region src/components/tooltip/use-context.ts
+const [TooltipProvider, useTooltipContext] = createContext$1({
+	hookName: "useTooltipContext",
+	providerName: "<TooltipProvider />"
+});
+//#endregion
+//#region src/components/tooltip/arrow.tsx
+const TooltipArrow = (props) => {
+	const tooltip = useTooltipContext();
+	const mergedProps = mergeProps$1(() => tooltip().getArrowProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tooltip/arrow-tip.tsx
+const TooltipArrowTip = (props) => {
+	const api = useTooltipContext();
+	const mergedProps = mergeProps$1(() => api().getArrowTipProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tooltip/content.tsx
+const TooltipContent = (props) => {
+	const api = useTooltipContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <wire.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+//#endregion
+//#region src/components/tooltip/context.tsx
+const TooltipContext = (props) => props.children(useTooltipContext());
+//#endregion
+//#region src/components/tooltip/positioner.tsx
+const TooltipPositioner = (props) => {
+	const api = useTooltipContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getPositionerProps(), props);
+	return <Show when={!presenceApi().unmounted}>
+      <wire.div {...mergedProps} />
+    </Show>;
+};
+//#endregion
+//#region src/components/tooltip/use.ts
+const useTooltip = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(tooltip.machine, machineProps);
+	return createMemo(() => tooltip.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/tooltip/root.tsx
+const TooltipRoot = (props) => {
+	const [presenceProps, tooltipProps] = splitPresenceProps(props);
+	const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, [
+		"aria-label",
+		"closeDelay",
+		"closeOnClick",
+		"closeOnEscape",
+		"closeOnPointerDown",
+		"closeOnScroll",
+		"defaultOpen",
+		"disabled",
+		"id",
+		"ids",
+		"interactive",
+		"onOpenChange",
+		"open",
+		"openDelay",
+		"positioning",
+		"triggerValue",
+		"defaultTriggerValue",
+		"onTriggerValueChange"
+	]);
+	const api = useTooltip(useTooltipProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: api().open })));
+	return <TooltipProvider value={api}>
+      <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+    </TooltipProvider>;
+};
+//#endregion
+//#region src/components/tooltip/root-provider.tsx
+const TooltipRootProvider = (props) => {
+	const [presenceProps, tooltipProps] = splitPresenceProps(props);
+	const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: tooltipProps.value().open })));
+	return <TooltipProvider value={tooltipProps.value}>
+      <PresenceProvider value={presence}>{tooltipProps.children}</PresenceProvider>
+    </TooltipProvider>;
+};
+//#endregion
+//#region src/components/tooltip/trigger.tsx
+const TooltipTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useTooltipContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(triggerProps), localProps);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tooltip/tooltip.ts
+var tooltip_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => TooltipArrow,
+	ArrowTip: () => TooltipArrowTip,
+	Content: () => TooltipContent,
+	Context: () => TooltipContext,
+	Positioner: () => TooltipPositioner,
+	Root: () => TooltipRoot,
+	RootProvider: () => TooltipRootProvider,
+	Trigger: () => TooltipTrigger
+});
+//#endregion
+export { tooltip_exports as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, tooltipAnatomy, useTooltip, useTooltipContext };