@wirekyt/solid 0.0.1 → 0.0.3

package/dist/switch.d.ts

@@ -0,0 +1,57 @@
+import { a as Optional, r as MaybeAccessor, 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 wireSwitch from "@wirekyt/dom/machines/switch";
+import { CheckedChangeDetails, CheckedChangeDetails as SwitchCheckedChangeDetails, anatomy as switchAnatomy } from "@wirekyt/dom/machines/switch";
+//#region src/components/switch/use.d.ts
+interface UseSwitchProps extends Optional<Omit<wireSwitch.Props, "dir" | "getRootNode">, "id"> {}
+interface UseSwitchReturn extends Accessor<wireSwitch.Api<PropTypes>> {}
+declare const useSwitch: (props?: MaybeAccessor<UseSwitchProps>) => UseSwitchReturn;
+//#endregion
+//#region src/components/switch/use-context.d.ts
+interface UseSwitchContext extends UseSwitchReturn {}
+declare const SwitchProvider: import("solid-js").ContextProviderComponent<UseSwitchContext>, useSwitchContext: () => UseSwitchContext;
+//#endregion
+//#region src/components/switch/context.d.ts
+interface SwitchContextProps {
+  children: (context: UseSwitchContext) => JSX.Element;
+}
+declare const SwitchContext: (props: SwitchContextProps) => JSX.Element;
+//#endregion
+//#region src/components/switch/control.d.ts
+interface SwitchControlBaseProps extends PolymorphicProps<"span"> {}
+interface SwitchControlProps extends HTMLProps<"span">, SwitchControlBaseProps {}
+declare const SwitchControl: (props: SwitchControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/switch/hidden-input.d.ts
+interface SwitchHiddenInputBaseProps extends PolymorphicProps<"input"> {}
+interface SwitchHiddenInputProps extends HTMLProps<"input">, SwitchHiddenInputBaseProps {}
+declare const SwitchHiddenInput: (props: SwitchHiddenInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/switch/label.d.ts
+interface SwitchLabelBaseProps extends PolymorphicProps<"span"> {}
+interface SwitchLabelProps extends HTMLProps<"span">, SwitchLabelBaseProps {}
+declare const SwitchLabel: (props: SwitchLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/switch/root.d.ts
+interface SwitchRootBaseProps extends UseSwitchProps, PolymorphicProps<"label"> {}
+interface SwitchRootProps extends HTMLProps<"label">, SwitchRootBaseProps {}
+declare const SwitchRoot: (props: SwitchRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/switch/root-provider.d.ts
+interface RootProviderProps {
+  value: UseSwitchReturn;
+}
+interface SwitchRootProviderBaseProps extends PolymorphicProps<"label"> {}
+interface SwitchRootProviderProps extends HTMLProps<"label">, RootProviderProps, SwitchRootProviderBaseProps {}
+declare const SwitchRootProvider: (props: SwitchRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/switch/thumb.d.ts
+interface SwitchThumbBaseProps extends PolymorphicProps<"span"> {}
+interface SwitchThumbProps extends HTMLProps<"span">, SwitchThumbBaseProps {}
+declare const SwitchThumb: (props: SwitchThumbProps) => import("solid-js").JSX.Element;
+declare namespace switch_d_exports {
+  export { CheckedChangeDetails, SwitchContext as Context, SwitchContextProps as ContextProps, SwitchControl as Control, SwitchControlBaseProps as ControlBaseProps, SwitchControlProps as ControlProps, SwitchHiddenInput as HiddenInput, SwitchHiddenInputBaseProps as HiddenInputBaseProps, SwitchHiddenInputProps as HiddenInputProps, SwitchLabel as Label, SwitchLabelBaseProps as LabelBaseProps, SwitchLabelProps as LabelProps, SwitchRoot as Root, SwitchRootBaseProps as RootBaseProps, SwitchRootProps as RootProps, SwitchRootProvider as RootProvider, SwitchRootProviderBaseProps as RootProviderBaseProps, SwitchRootProviderProps as RootProviderProps, SwitchThumb as Thumb, SwitchThumbBaseProps as ThumbBaseProps, SwitchThumbProps as ThumbProps };
+}
+//#endregion
+export { switch_d_exports as Switch, type SwitchCheckedChangeDetails, SwitchContext, type SwitchContextProps, SwitchControl, type SwitchControlBaseProps, type SwitchControlProps, SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps, SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps, SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps, SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps, type UseSwitchContext, type UseSwitchProps, type UseSwitchReturn, switchAnatomy, useSwitch, useSwitchContext };

package/dist/switch.js

@@ -0,0 +1,125 @@
+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 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 { h as useFieldContext } from "./field-CQr_Dibp.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as wireSwitch from "@wirekyt/dom/machines/switch";
+import { anatomy as switchAnatomy } from "@wirekyt/dom/machines/switch";
+//#region src/components/switch/use-context.ts
+const [SwitchProvider, useSwitchContext] = createContext$1({
+	hookName: "useSwitchContext",
+	providerName: "<SwitchProvider />"
+});
+//#endregion
+//#region src/components/switch/context.tsx
+const SwitchContext = (props) => props.children(useSwitchContext());
+//#endregion
+//#region src/components/switch/control.tsx
+const SwitchControl = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/switch/hidden-input.tsx
+const SwitchHiddenInput = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$2(() => api().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(wire.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+//#endregion
+//#region src/components/switch/label.tsx
+const SwitchLabel = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/switch/use.ts
+const useSwitch = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		invalid: field?.().invalid,
+		required: field?.().required,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(wireSwitch.machine, machineProps);
+	return createMemo(() => wireSwitch.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/switch/root.tsx
+const SwitchRoot = (props) => {
+	const [switchProps, localProps] = createSplitProps()(props, [
+		"checked",
+		"defaultChecked",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"label",
+		"name",
+		"onCheckedChange",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const api = useSwitch(switchProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(SwitchProvider, {
+		value: api,
+		get children() {
+			return createComponent(wire.label, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/switch/root-provider.tsx
+const SwitchRootProvider = (props) => {
+	const [{ value: api }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(SwitchProvider, {
+		value: api,
+		get children() {
+			return createComponent(wire.label, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/switch/thumb.tsx
+const SwitchThumb = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$2(() => api().getThumbProps(), props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/switch/switch.ts
+var switch_exports = /* @__PURE__ */ __exportAll({
+	Context: () => SwitchContext,
+	Control: () => SwitchControl,
+	HiddenInput: () => SwitchHiddenInput,
+	Label: () => SwitchLabel,
+	Root: () => SwitchRoot,
+	RootProvider: () => SwitchRootProvider,
+	Thumb: () => SwitchThumb
+});
+//#endregion
+export { switch_exports as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, switchAnatomy, useSwitch, useSwitchContext };

package/dist/switch.jsx

@@ -0,0 +1,116 @@
+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 { h as useFieldContext } from "./field-R5jVNdtK.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as wireSwitch from "@wirekyt/dom/machines/switch";
+import { anatomy as switchAnatomy } from "@wirekyt/dom/machines/switch";
+//#region src/components/switch/use-context.ts
+const [SwitchProvider, useSwitchContext] = createContext$1({
+	hookName: "useSwitchContext",
+	providerName: "<SwitchProvider />"
+});
+//#endregion
+//#region src/components/switch/context.tsx
+const SwitchContext = (props) => props.children(useSwitchContext());
+//#endregion
+//#region src/components/switch/control.tsx
+const SwitchControl = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/switch/hidden-input.tsx
+const SwitchHiddenInput = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$1(() => api().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <wire.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+//#endregion
+//#region src/components/switch/label.tsx
+const SwitchLabel = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/switch/use.ts
+const useSwitch = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		invalid: field?.().invalid,
+		required: field?.().required,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(wireSwitch.machine, machineProps);
+	return createMemo(() => wireSwitch.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/switch/root.tsx
+const SwitchRoot = (props) => {
+	const [switchProps, localProps] = createSplitProps()(props, [
+		"checked",
+		"defaultChecked",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"label",
+		"name",
+		"onCheckedChange",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const api = useSwitch(switchProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <SwitchProvider value={api}>
+      <wire.label {...mergedProps} />
+    </SwitchProvider>;
+};
+//#endregion
+//#region src/components/switch/root-provider.tsx
+const SwitchRootProvider = (props) => {
+	const [{ value: api }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <SwitchProvider value={api}>
+      <wire.label {...mergedProps} />
+    </SwitchProvider>;
+};
+//#endregion
+//#region src/components/switch/thumb.tsx
+const SwitchThumb = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$1(() => api().getThumbProps(), props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/switch/switch.ts
+var switch_exports = /* @__PURE__ */ __exportAll({
+	Context: () => SwitchContext,
+	Control: () => SwitchControl,
+	HiddenInput: () => SwitchHiddenInput,
+	Label: () => SwitchLabel,
+	Root: () => SwitchRoot,
+	RootProvider: () => SwitchRootProvider,
+	Thumb: () => SwitchThumb
+});
+//#endregion
+export { switch_exports as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, switchAnatomy, useSwitch, useSwitchContext };

package/dist/tabs.d.ts

@@ -0,0 +1,58 @@
+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 { t as RenderStrategyProps } from "./index-J9N2CBHP.js";
+import { Accessor, JSX } from "solid-js";
+import * as tabs from "@wirekyt/dom/machines/tabs";
+import { ContentProps, FocusChangeDetails, FocusChangeDetails as TabsFocusChangeDetails, TriggerProps, ValueChangeDetails, ValueChangeDetails as TabsValueChangeDetails, anatomy as tabsAnatomy } from "@wirekyt/dom/machines/tabs";
+//#region src/components/tabs/tab-content.d.ts
+interface TabContentBaseProps extends ContentProps, PolymorphicProps<"div"> {}
+interface TabContentProps extends HTMLProps<"div">, TabContentBaseProps {}
+declare const TabContent: (props: TabContentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tabs/tab-indicator.d.ts
+interface TabIndicatorBaseProps extends PolymorphicProps<"div"> {}
+interface TabIndicatorProps extends HTMLProps<"div">, TabIndicatorBaseProps {}
+declare const TabIndicator: (props: TabIndicatorProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tabs/tab-list.d.ts
+interface TabListBaseProps extends PolymorphicProps<"div"> {}
+interface TabListProps extends HTMLProps<"div">, TabListBaseProps {}
+declare const TabList: (props: TabListProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tabs/tab-trigger.d.ts
+interface TabTriggerBaseProps extends TriggerProps, PolymorphicProps<"button"> {}
+interface TabTriggerProps extends Assign<HTMLProps<"button">, TabTriggerBaseProps> {}
+declare const TabTrigger: (props: TabTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tabs/use.d.ts
+interface UseTabsProps extends Optional<Omit<tabs.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTabsReturn extends Accessor<tabs.Api<PropTypes>> {}
+declare const useTabs: (props?: MaybeAccessor<UseTabsProps>) => UseTabsReturn;
+//#endregion
+//#region src/components/tabs/use-context.d.ts
+interface UseTabsContext extends UseTabsReturn {}
+declare const TabsProvider: import("solid-js").ContextProviderComponent<UseTabsContext>, useTabsContext: () => UseTabsContext;
+//#endregion
+//#region src/components/tabs/context.d.ts
+interface TabsContextProps {
+  children: (context: UseTabsContext) => JSX.Element;
+}
+declare const TabsContext: (props: TabsContextProps) => JSX.Element;
+//#endregion
+//#region src/components/tabs/root.d.ts
+interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps<"div"> {}
+interface TabsRootProps extends HTMLProps<"div">, TabsRootBaseProps {}
+declare const TabsRoot: (props: TabsRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/tabs/root-provider.d.ts
+interface RootProviderProps {
+  value: UseTabsReturn;
+}
+interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps<"div"> {}
+interface TabsRootProviderProps extends HTMLProps<"div">, TabsRootProviderBaseProps {}
+declare const TabsRootProvider: (props: TabsRootProviderProps) => import("solid-js").JSX.Element;
+declare namespace tabs_d_exports {
+  export { TabContent as Content, TabContentBaseProps as ContentBaseProps, TabContentProps as ContentProps, TabsContext as Context, TabsContextProps as ContextProps, FocusChangeDetails, TabIndicator as Indicator, TabIndicatorBaseProps as IndicatorBaseProps, TabIndicatorProps as IndicatorProps, TabList as List, TabListBaseProps as ListBaseProps, TabListProps as ListProps, TabsRoot as Root, TabsRootBaseProps as RootBaseProps, TabsRootProps as RootProps, TabsRootProvider as RootProvider, TabsRootProviderBaseProps as RootProviderBaseProps, TabsRootProviderProps as RootProviderProps, TabTrigger as Trigger, TabTriggerBaseProps as TriggerBaseProps, TabTriggerProps as TriggerProps, ValueChangeDetails };
+}
+//#endregion
+export { TabContent, type TabContentBaseProps, type TabContentProps, TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps, TabList, type TabListBaseProps, type TabListProps, TabTrigger, type TabTriggerBaseProps, type TabTriggerProps, tabs_d_exports as Tabs, TabsContext, type TabsContextProps, type TabsFocusChangeDetails, TabsRoot, type TabsRootBaseProps, type TabsRootProps, TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps, type TabsValueChangeDetails, type UseTabsContext, type UseTabsProps, type UseTabsReturn, tabsAnatomy, useTabs, useTabsContext };

package/dist/tabs.js

@@ -0,0 +1,146 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps, 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 { i as usePresence, 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 tabs from "@wirekyt/dom/machines/tabs";
+import { anatomy as tabsAnatomy } from "@wirekyt/dom/machines/tabs";
+//#region src/components/tabs/use-context.ts
+const [TabsProvider, useTabsContext] = createContext$1({
+	hookName: "useTabsContext",
+	providerName: "<TabsProvider />"
+});
+//#endregion
+//#region src/components/tabs/tab-content.tsx
+const TabContent = (props) => {
+	const [contentProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useTabsContext();
+	const presenceApi = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({
+		present: api().value === contentProps.value,
+		immediate: true
+	})));
+	const mergedProps = mergeProps$2(() => api().getContentProps(contentProps), () => presenceApi().presenceProps, localProps);
+	return createComponent(PresenceProvider, {
+		value: presenceApi,
+		get children() {
+			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/tabs/tab-indicator.tsx
+const TabIndicator = (props) => {
+	const api = useTabsContext();
+	const mergedProps = mergeProps$2(() => api().getIndicatorProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/tabs/tab-list.tsx
+const TabList = (props) => {
+	const api = useTabsContext();
+	const mergedProps = mergeProps$2(() => api().getListProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/tabs/tab-trigger.tsx
+const TabTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["disabled", "value"]);
+	const api = useTabsContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(triggerProps), localProps);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/tabs/context.tsx
+const TabsContext = (props) => props.children(useTabsContext());
+//#endregion
+//#region src/components/tabs/use.ts
+const useTabs = (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(tabs.machine, machineProps);
+	return createMemo(() => tabs.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/tabs/root.tsx
+const TabsRoot = (props) => {
+	const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+	const [useTabsProps, restProps] = createSplitProps()(tabsProps, [
+		"activationMode",
+		"composite",
+		"defaultValue",
+		"deselectable",
+		"id",
+		"ids",
+		"loopFocus",
+		"navigate",
+		"onFocusChange",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const api = useTabs(useTabsProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), restProps);
+	return createComponent(TabsProvider, {
+		value: api,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/tabs/root-provider.tsx
+const TabsRootProvider = (props) => {
+	const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+	const [{ value: tabs }, localprops] = createSplitProps()(tabsProps, ["value"]);
+	const mergedProps = mergeProps$2(() => tabs().getRootProps(), localprops);
+	return createComponent(TabsProvider, {
+		value: tabs,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/tabs/tabs.ts
+var tabs_exports = /* @__PURE__ */ __exportAll({
+	Content: () => TabContent,
+	Context: () => TabsContext,
+	Indicator: () => TabIndicator,
+	List: () => TabList,
+	Root: () => TabsRoot,
+	RootProvider: () => TabsRootProvider,
+	Trigger: () => TabTrigger
+});
+//#endregion
+export { TabContent, TabIndicator, TabList, TabTrigger, tabs_exports as Tabs, TabsContext, TabsRoot, TabsRootProvider, tabsAnatomy, useTabs, useTabsContext };

package/dist/tabs.jsx

@@ -0,0 +1,122 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps, 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 { i as usePresence, t as PresenceProvider } from "./presence-9UGkuyfn.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as tabs from "@wirekyt/dom/machines/tabs";
+import { anatomy as tabsAnatomy } from "@wirekyt/dom/machines/tabs";
+//#region src/components/tabs/use-context.ts
+const [TabsProvider, useTabsContext] = createContext$1({
+	hookName: "useTabsContext",
+	providerName: "<TabsProvider />"
+});
+//#endregion
+//#region src/components/tabs/tab-content.tsx
+const TabContent = (props) => {
+	const [contentProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useTabsContext();
+	const presenceApi = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({
+		present: api().value === contentProps.value,
+		immediate: true
+	})));
+	const mergedProps = mergeProps$1(() => api().getContentProps(contentProps), () => presenceApi().presenceProps, localProps);
+	return <PresenceProvider value={presenceApi}>
+      <Show when={!presenceApi().unmounted}>
+        <wire.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+      </Show>
+    </PresenceProvider>;
+};
+//#endregion
+//#region src/components/tabs/tab-indicator.tsx
+const TabIndicator = (props) => {
+	const api = useTabsContext();
+	const mergedProps = mergeProps$1(() => api().getIndicatorProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tabs/tab-list.tsx
+const TabList = (props) => {
+	const api = useTabsContext();
+	const mergedProps = mergeProps$1(() => api().getListProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tabs/tab-trigger.tsx
+const TabTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["disabled", "value"]);
+	const api = useTabsContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(triggerProps), localProps);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/tabs/context.tsx
+const TabsContext = (props) => props.children(useTabsContext());
+//#endregion
+//#region src/components/tabs/use.ts
+const useTabs = (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(tabs.machine, machineProps);
+	return createMemo(() => tabs.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/tabs/root.tsx
+const TabsRoot = (props) => {
+	const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+	const [useTabsProps, restProps] = createSplitProps()(tabsProps, [
+		"activationMode",
+		"composite",
+		"defaultValue",
+		"deselectable",
+		"id",
+		"ids",
+		"loopFocus",
+		"navigate",
+		"onFocusChange",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const api = useTabs(useTabsProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), restProps);
+	return <TabsProvider value={api}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <wire.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </TabsProvider>;
+};
+//#endregion
+//#region src/components/tabs/root-provider.tsx
+const TabsRootProvider = (props) => {
+	const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+	const [{ value: tabs }, localprops] = createSplitProps()(tabsProps, ["value"]);
+	const mergedProps = mergeProps$1(() => tabs().getRootProps(), localprops);
+	return <TabsProvider value={tabs}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <wire.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </TabsProvider>;
+};
+//#endregion
+//#region src/components/tabs/tabs.ts
+var tabs_exports = /* @__PURE__ */ __exportAll({
+	Content: () => TabContent,
+	Context: () => TabsContext,
+	Indicator: () => TabIndicator,
+	List: () => TabList,
+	Root: () => TabsRoot,
+	RootProvider: () => TabsRootProvider,
+	Trigger: () => TabTrigger
+});
+//#endregion
+export { TabContent, TabIndicator, TabList, TabTrigger, tabs_exports as Tabs, TabsContext, TabsRoot, TabsRootProvider, tabsAnatomy, useTabs, useTabsContext };