@skeletonlabs/skeleton-react 4.2.4 → 4.3.1

package/dist/components/toast/anatomy/title.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react113 from "react";
+
+//#region src/components/toast/anatomy/title.d.ts
+interface ToastTitleProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function Title(props: ToastTitleProps): react113.JSX.Element;
+//#endregion
+export { Title, ToastTitleProps };
+//# sourceMappingURL=title.d.mts.map

package/dist/components/toast/anatomy/title.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesToast } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/toast/anatomy/title.tsx
+function Title(props) {
+	const toast = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(toast.getTitleProps(), { className: classesToast.title }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Title as default };
+//# sourceMappingURL=title.mjs.map

package/dist/components/toast/index.d.mts

@@ -0,0 +1,11 @@
+import { ToastCloseTriggerProps } from "./anatomy/close-trigger.mjs";
+import { ToastDescriptionProps } from "./anatomy/description.mjs";
+import { ToastGroupProps } from "./anatomy/group.mjs";
+import { ToastMessageProps } from "./anatomy/message.mjs";
+import { ToastRootProps } from "./anatomy/root.mjs";
+import { ToastRootContextProps } from "./anatomy/root-context.mjs";
+import { ToastTitleProps } from "./anatomy/title.mjs";
+import { ToastActionTriggerProps } from "./anatomy/action-trigger.mjs";
+import { Toast } from "./modules/anatomy.mjs";
+import { createStore as createToaster } from "@zag-js/toast";
+export { createToaster };

package/dist/components/toast/index.mjs

@@ -0,0 +1,4 @@
+import { Toast } from "./modules/anatomy.mjs";
+import { createStore as createToaster } from "@zag-js/toast";
+
+export { createToaster };

package/dist/components/toast/modules/anatomy.d.mts

@@ -0,0 +1,22 @@
+import { CloseTrigger } from "../anatomy/close-trigger.mjs";
+import { Description } from "../anatomy/description.mjs";
+import { Group } from "../anatomy/group.mjs";
+import { Message } from "../anatomy/message.mjs";
+import { Root } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { Title } from "../anatomy/title.mjs";
+import { ActionTrigger } from "../anatomy/action-trigger.mjs";
+
+//#region src/components/toast/modules/anatomy.d.ts
+declare const Toast: typeof Root & {
+  Context: typeof RootContext;
+  Group: typeof Group;
+  Message: typeof Message;
+  Title: typeof Title;
+  Description: typeof Description;
+  ActionTrigger: typeof ActionTrigger;
+  CloseTrigger: typeof CloseTrigger;
+};
+//#endregion
+export { Toast };
+//# sourceMappingURL=anatomy.d.mts.map

package/dist/components/toast/modules/anatomy.mjs

@@ -0,0 +1,23 @@
+import ActionTrigger from "../anatomy/action-trigger.mjs";
+import CloseTrigger from "../anatomy/close-trigger.mjs";
+import Description from "../anatomy/description.mjs";
+import Group from "../anatomy/group.mjs";
+import Message from "../anatomy/message.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import Root from "../anatomy/root.mjs";
+import Title from "../anatomy/title.mjs";
+
+//#region src/components/toast/modules/anatomy.ts
+const Toast = Object.assign(Root, {
+	Context: RootContext,
+	Group,
+	Message,
+	Title,
+	Description,
+	ActionTrigger,
+	CloseTrigger
+});
+
+//#endregion
+export { Toast };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/toast/modules/group-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/toast/modules/group-context.ts
+const GroupContext = createContext();
+
+//#endregion
+export { GroupContext };
+//# sourceMappingURL=group-context.mjs.map

package/dist/components/toast/modules/root-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/toast/modules/root-context.ts
+const RootContext = createContext();
+
+//#endregion
+export { RootContext };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/toggle-group/anatomy/item.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react115 from "react";
+import { ItemProps } from "@zag-js/toggle-group";
+
+//#region src/components/toggle-group/anatomy/item.d.ts
+interface ToggleGroupItemProps extends ItemProps, PropsWithElement<'button'>, HTMLAttributes<'button', 'value' | 'disabled'> {}
+declare function Item(props: ToggleGroupItemProps): react115.JSX.Element;
+//#endregion
+export { Item, ToggleGroupItemProps };
+//# sourceMappingURL=item.d.mts.map

package/dist/components/toggle-group/anatomy/item.mjs

@@ -0,0 +1,22 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesToggleGroup } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitItemProps } from "@zag-js/toggle-group";
+
+//#region src/components/toggle-group/anatomy/item.tsx
+function Item(props) {
+	const toggleGroup = use(RootContext);
+	const [itemProps, componentProps] = splitItemProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(toggleGroup.getItemProps(itemProps), { className: classesToggleGroup.item }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Item as default };
+//# sourceMappingURL=item.mjs.map

package/dist/components/toggle-group/anatomy/root-context.d.mts

@@ -0,0 +1,11 @@
+import { useToggleGroup } from "../modules/provider.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/toggle-group/anatomy/root-context.d.ts
+interface ToggleGroupRootContextProps {
+  children: (togglegroup: ReturnType<typeof useToggleGroup>) => ReactNode;
+}
+declare function RootContext(props: ToggleGroupRootContextProps): ReactNode;
+//#endregion
+export { RootContext, ToggleGroupRootContextProps };
+//# sourceMappingURL=root-context.d.mts.map

package/dist/components/toggle-group/anatomy/root-context.mjs

@@ -0,0 +1,13 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+
+//#region src/components/toggle-group/anatomy/root-context.tsx
+function RootContext$1(props) {
+	const toggleGroup = use(RootContext);
+	const { children } = props;
+	return children(toggleGroup);
+}
+
+//#endregion
+export { RootContext$1 as default };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/toggle-group/anatomy/root-provider.d.mts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import { useToggleGroup } from "../modules/provider.mjs";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
+
+//#region src/components/toggle-group/anatomy/root-provider.d.ts
+interface ToggleGroupRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
+  value: ReturnType<typeof useToggleGroup>;
+}
+declare function ToggleGroupRootProvider(props: ToggleGroupRootProviderProps): react_jsx_runtime45.JSX.Element;
+//#endregion
+export { ToggleGroupRootProvider, ToggleGroupRootProviderProps };
+//# sourceMappingURL=root-provider.d.mts.map

package/dist/components/toggle-group/anatomy/root-provider.mjs

@@ -0,0 +1,21 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesToggleGroup } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/toggle-group/anatomy/root-provider.tsx
+function ToggleGroupRootProvider(props) {
+	const { element, children, value: toggleGroup,...rest } = props;
+	const attributes = mergeProps(toggleGroup.getRootProps(), { className: classesToggleGroup.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: toggleGroup,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { ToggleGroupRootProvider as default };
+//# sourceMappingURL=root-provider.mjs.map

package/dist/components/toggle-group/anatomy/root.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
+import { Props } from "@zag-js/toggle-group";
+
+//#region src/components/toggle-group/anatomy/root.d.ts
+interface ToggleGroupRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'defaultValue'> {}
+declare function ToggleGroupRoot(props: ToggleGroupRootProps): react_jsx_runtime44.JSX.Element;
+//#endregion
+export { ToggleGroupRoot, ToggleGroupRootProps };
+//# sourceMappingURL=root.d.mts.map

package/dist/components/toggle-group/anatomy/root.mjs

@@ -0,0 +1,25 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { useToggleGroup } from "../modules/provider.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesToggleGroup } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitProps } from "@zag-js/toggle-group";
+
+//#region src/components/toggle-group/anatomy/root.tsx
+function ToggleGroupRoot(props) {
+	const [toggleGroupProps, componentProps] = splitProps(props);
+	const { element, children,...rest } = componentProps;
+	const toggleGroup = useToggleGroup(toggleGroupProps);
+	const attributes = mergeProps(toggleGroup.getRootProps(), { className: classesToggleGroup.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: toggleGroup,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { ToggleGroupRoot as default };
+//# sourceMappingURL=root.mjs.map

package/dist/components/toggle-group/index.d.mts

@@ -0,0 +1,6 @@
+import { ToggleGroupItemProps } from "./anatomy/item.mjs";
+import { ToggleGroupRootProps } from "./anatomy/root.mjs";
+import { useToggleGroup } from "./modules/provider.mjs";
+import { ToggleGroupRootContextProps } from "./anatomy/root-context.mjs";
+import { ToggleGroupRootProviderProps } from "./anatomy/root-provider.mjs";
+import { ToggleGroup } from "./modules/anatomy.mjs";

package/dist/components/toggle-group/modules/anatomy.d.mts

@@ -0,0 +1,14 @@
+import { Item } from "../anatomy/item.mjs";
+import { ToggleGroupRoot } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { ToggleGroupRootProvider } from "../anatomy/root-provider.mjs";
+
+//#region src/components/toggle-group/modules/anatomy.d.ts
+declare const ToggleGroup: typeof ToggleGroupRoot & {
+  Provider: typeof ToggleGroupRootProvider;
+  Context: typeof RootContext;
+  Item: typeof Item;
+};
+//#endregion
+export { ToggleGroup };
+//# sourceMappingURL=anatomy.d.mts.map

package/dist/components/toggle-group/modules/anatomy.mjs

@@ -0,0 +1,15 @@
+import Item from "../anatomy/item.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import ToggleGroupRootProvider from "../anatomy/root-provider.mjs";
+import ToggleGroupRoot from "../anatomy/root.mjs";
+
+//#region src/components/toggle-group/modules/anatomy.ts
+const ToggleGroup = Object.assign(ToggleGroupRoot, {
+	Provider: ToggleGroupRootProvider,
+	Context: RootContext,
+	Item
+});
+
+//#endregion
+export { ToggleGroup };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/toggle-group/modules/provider.d.mts

@@ -0,0 +1,8 @@
+import { PropTypes } from "@zag-js/react";
+import { Api, Props } from "@zag-js/toggle-group";
+
+//#region src/components/toggle-group/modules/provider.d.ts
+declare function useToggleGroup(props?: Omit<Props, 'id'>): Api<PropTypes>;
+//#endregion
+export { useToggleGroup };
+//# sourceMappingURL=provider.d.mts.map

package/dist/components/toggle-group/modules/provider.mjs

@@ -0,0 +1,15 @@
+import { useId } from "react";
+import { normalizeProps, useMachine } from "@zag-js/react";
+import { connect, machine } from "@zag-js/toggle-group";
+
+//#region src/components/toggle-group/modules/provider.ts
+function useToggleGroup(props = {}) {
+	return connect(useMachine(machine, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+export { useToggleGroup };
+//# sourceMappingURL=provider.mjs.map

package/dist/components/toggle-group/modules/root-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/toggle-group/modules/root-context.ts
+const RootContext = createContext();
+
+//#endregion
+export { RootContext };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/tooltip/anatomy/arrow-tip.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react117 from "react";
+
+//#region src/components/tooltip/anatomy/arrow-tip.d.ts
+interface TooltipArrowTipProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function ArrowTip(props: TooltipArrowTipProps): react117.JSX.Element;
+//#endregion
+export { ArrowTip, TooltipArrowTipProps };
+//# sourceMappingURL=arrow-tip.d.mts.map

package/dist/components/tooltip/anatomy/arrow-tip.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesTooltip } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tooltip/anatomy/arrow-tip.tsx
+function ArrowTip(props) {
+	const tooltip = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getArrowTipProps(), { className: classesTooltip.arrowTip }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { ArrowTip as default };
+//# sourceMappingURL=arrow-tip.mjs.map

package/dist/components/tooltip/anatomy/arrow.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react116 from "react";
+
+//#region src/components/tooltip/anatomy/arrow.d.ts
+interface TooltipArrowProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function Arrow(props: TooltipArrowProps): react116.JSX.Element;
+//#endregion
+export { Arrow, TooltipArrowProps };
+//# sourceMappingURL=arrow.d.mts.map

package/dist/components/tooltip/anatomy/arrow.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesTooltip } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tooltip/anatomy/arrow.tsx
+function Arrow(props) {
+	const tooltip = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getArrowProps(), { className: classesTooltip.arrow }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Arrow as default };
+//# sourceMappingURL=arrow.mjs.map

package/dist/components/tooltip/anatomy/content.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react118 from "react";
+
+//#region src/components/tooltip/anatomy/content.d.ts
+interface TooltipContentProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function Content(props: TooltipContentProps): react118.JSX.Element;
+//#endregion
+export { Content, TooltipContentProps };
+//# sourceMappingURL=content.d.mts.map

package/dist/components/tooltip/anatomy/content.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesTooltip } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tooltip/anatomy/content.tsx
+function Content(props) {
+	const tooltip = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getContentProps(), { className: classesTooltip.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Content as default };
+//# sourceMappingURL=content.mjs.map

package/dist/components/tooltip/anatomy/positioner.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+
+//#region src/components/tooltip/anatomy/positioner.d.ts
+interface TooltipPositionerProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function Positioner(props: TooltipPositionerProps): react_jsx_runtime46.JSX.Element;
+//#endregion
+export { Positioner, TooltipPositionerProps };
+//# sourceMappingURL=positioner.d.mts.map

package/dist/components/tooltip/anatomy/positioner.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { Portal, mergeProps } from "@zag-js/react";
+import { classesTooltip } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tooltip/anatomy/positioner.tsx
+function Positioner(props) {
+	const tooltip = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getPositionerProps(), { className: classesTooltip.positioner }, rest);
+	return /* @__PURE__ */ jsx(Portal, { children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	}) });
+}
+
+//#endregion
+export { Positioner as default };
+//# sourceMappingURL=positioner.mjs.map

package/dist/components/tooltip/anatomy/root-context.d.mts

@@ -0,0 +1,11 @@
+import { useTooltip } from "../modules/provider.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/tooltip/anatomy/root-context.d.ts
+interface TooltipRootContextProps {
+  children: (tooltip: ReturnType<typeof useTooltip>) => ReactNode;
+}
+declare function RootContext(props: TooltipRootContextProps): ReactNode;
+//#endregion
+export { RootContext, TooltipRootContextProps };
+//# sourceMappingURL=root-context.d.mts.map

package/dist/components/tooltip/anatomy/root-context.mjs

@@ -0,0 +1,13 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+
+//#region src/components/tooltip/anatomy/root-context.tsx
+function RootContext$1(props) {
+	const tooltip = use(RootContext);
+	const { children } = props;
+	return children(tooltip);
+}
+
+//#endregion
+export { RootContext$1 as default };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/tooltip/anatomy/root-provider.d.mts

@@ -0,0 +1,12 @@
+import { useTooltip } from "../modules/provider.mjs";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
+
+//#region src/components/tooltip/anatomy/root-provider.d.ts
+interface TooltipRootProviderProps extends PropsWithChildren {
+  value: ReturnType<typeof useTooltip>;
+}
+declare function RootProvider(props: TooltipRootProviderProps): react_jsx_runtime48.JSX.Element;
+//#endregion
+export { RootProvider, TooltipRootProviderProps };
+//# sourceMappingURL=root-provider.d.mts.map

package/dist/components/tooltip/anatomy/root-provider.mjs

@@ -0,0 +1,15 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tooltip/anatomy/root-provider.tsx
+function RootProvider(props) {
+	const { children, value: tooltip } = props;
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: tooltip,
+		children
+	});
+}
+
+//#endregion
+export { RootProvider as default };
+//# sourceMappingURL=root-provider.mjs.map

package/dist/components/tooltip/anatomy/root.d.mts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
+import { Props } from "@zag-js/tooltip";
+
+//#region src/components/tooltip/anatomy/root.d.ts
+interface TooltipRootProps extends PropsWithChildren, Omit<Props, 'id'> {}
+declare function Root(props: TooltipRootProps): react_jsx_runtime47.JSX.Element;
+//#endregion
+export { Root, TooltipRootProps };
+//# sourceMappingURL=root.d.mts.map

package/dist/components/tooltip/anatomy/root.mjs

@@ -0,0 +1,19 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { useTooltip } from "../modules/provider.mjs";
+import { jsx } from "react/jsx-runtime";
+import { splitProps } from "@zag-js/tooltip";
+
+//#region src/components/tooltip/anatomy/root.tsx
+function Root(props) {
+	const [tooltipProps, componentProps] = splitProps(props);
+	const { children } = componentProps;
+	const tooltip = useTooltip(tooltipProps);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: tooltip,
+		children
+	});
+}
+
+//#endregion
+export { Root as default };
+//# sourceMappingURL=root.mjs.map

package/dist/components/tooltip/anatomy/trigger.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react119 from "react";
+
+//#region src/components/tooltip/anatomy/trigger.d.ts
+interface TooltipTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+declare function Trigger(props: TooltipTriggerProps): react119.JSX.Element;
+//#endregion
+export { TooltipTriggerProps, Trigger };
+//# sourceMappingURL=trigger.d.mts.map

package/dist/components/tooltip/anatomy/trigger.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesTooltip } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tooltip/anatomy/trigger.tsx
+function Trigger(props) {
+	const tooltip = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getTriggerProps(), { className: classesTooltip.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Trigger as default };
+//# sourceMappingURL=trigger.mjs.map

package/dist/components/tooltip/index.d.mts

@@ -0,0 +1,10 @@
+import { TooltipArrowProps } from "./anatomy/arrow.mjs";
+import { TooltipArrowTipProps } from "./anatomy/arrow-tip.mjs";
+import { TooltipContentProps } from "./anatomy/content.mjs";
+import { TooltipPositionerProps } from "./anatomy/positioner.mjs";
+import { TooltipRootProps } from "./anatomy/root.mjs";
+import { useTooltip } from "./modules/provider.mjs";
+import { TooltipRootContextProps } from "./anatomy/root-context.mjs";
+import { TooltipRootProviderProps } from "./anatomy/root-provider.mjs";
+import { TooltipTriggerProps } from "./anatomy/trigger.mjs";
+import { Tooltip } from "./modules/anatomy.mjs";

package/dist/components/tooltip/modules/anatomy.d.mts

@@ -0,0 +1,22 @@
+import { Arrow } from "../anatomy/arrow.mjs";
+import { ArrowTip } from "../anatomy/arrow-tip.mjs";
+import { Content } from "../anatomy/content.mjs";
+import { Positioner } from "../anatomy/positioner.mjs";
+import { Root } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { RootProvider } from "../anatomy/root-provider.mjs";
+import { Trigger } from "../anatomy/trigger.mjs";
+
+//#region src/components/tooltip/modules/anatomy.d.ts
+declare const Tooltip: typeof Root & {
+  Provider: typeof RootProvider;
+  Context: typeof RootContext;
+  Trigger: typeof Trigger;
+  Positioner: typeof Positioner;
+  Content: typeof Content;
+  Arrow: typeof Arrow;
+  ArrowTip: typeof ArrowTip;
+};
+//#endregion
+export { Tooltip };
+//# sourceMappingURL=anatomy.d.mts.map