@sprawlify/react 0.0.10 → 0.0.11

package/dist/components/switch/index.mjs

@@ -0,0 +1,159 @@
+import { t as __export } from "../../chunk-Bw6_Qrqn.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-CAwCcfBy.mjs";
+import { t as createContext$1 } from "../../create-context-B-_JrOL2.mjs";
+import { n as useEnvironmentContext } from "../../environment-tlwGXNO0.mjs";
+import { i as useLocaleContext } from "../../locale-BmYiujeK.mjs";
+import "../../providers-DPvEY1gv.mjs";
+import { n as sprawlify } from "../../factory-cfMsSoBo.mjs";
+import { t as createSplitProps } from "../../create-split-props-BjYU0VXX.mjs";
+import "../../use-fieldset-context-BhJsLpTP.mjs";
+import "../../use-safe-layout-effect-B6ZrTy_c.mjs";
+import { m as useFieldContext } from "../../field-gOd2zfjb.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as zagSwitch from "@sprawlify/primitives/machines/switch";
+import { anatomy as switchAnatomy } from "@sprawlify/primitives/machines/switch";
+
+//#region src/components/switch/use-switch-context.ts
+const [SwitchProvider, useSwitchContext] = createContext$1({
+	name: "SwitchContext",
+	hookName: "useSwitchContext",
+	providerName: "<SwitchProvider />"
+});
+
+//#endregion
+//#region src/components/switch/switch-context.tsx
+const SwitchContext = (props) => props.children(useSwitchContext());
+
+//#endregion
+//#region src/components/switch/switch-control.tsx
+const SwitchControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSwitchContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+SwitchControl.displayName = "SwitchControl";
+
+//#endregion
+//#region src/components/switch/switch-hidden-input.tsx
+const SwitchHiddenInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSwitchContext().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+SwitchHiddenInput.displayName = "SwitchHiddenInput";
+
+//#endregion
+//#region src/components/switch/switch-label.tsx
+const SwitchLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSwitchContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+SwitchLabel.displayName = "SwitchLabel";
+
+//#endregion
+//#region src/components/switch/use-switch.ts
+const useSwitch = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		dir,
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		invalid: field?.invalid,
+		required: field?.required,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(zagSwitch.machine, machineProps);
+	return zagSwitch.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/switch/switch-root.tsx
+const splitRootProps = createSplitProps();
+const SwitchRoot = forwardRef((props, ref) => {
+	const [useSwitchProps, localProps] = splitRootProps(props, [
+		"checked",
+		"defaultChecked",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"label",
+		"name",
+		"onCheckedChange",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const switchContext = useSwitch(useSwitchProps);
+	const mergedProps = mergeProps(switchContext.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SwitchProvider, {
+		value: switchContext,
+		children: /* @__PURE__ */ jsx(sprawlify.label, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SwitchRoot.displayName = "SwitchRoot";
+
+//#endregion
+//#region src/components/switch/switch-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const SwitchRootProvider = forwardRef((props, ref) => {
+	const [{ value: api }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(api.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SwitchProvider, {
+		value: api,
+		children: /* @__PURE__ */ jsx(sprawlify.label, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SwitchRootProvider.displayName = "SwitchRootProvider";
+
+//#endregion
+//#region src/components/switch/switch-thumb.tsx
+const SwitchThumb = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSwitchContext().getThumbProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+SwitchThumb.displayName = "SwitchThumb";
+
+//#endregion
+//#region src/components/switch/switch.ts
+var switch_exports = /* @__PURE__ */ __export({
+	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/components/tabs/index.cjs

@@ -0,0 +1,191 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_compose_refs = require('../../compose-refs-C5QNDywq.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+const require_render_strategy = require('../../render-strategy-BywM_IvB.cjs');
+const require_presence = require('../../presence-CPov8wyU.cjs');
+require('../../use-event-CLH8zHoJ.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_tabs = require("@sprawlify/primitives/machines/tabs");
+__sprawlify_primitives_machines_tabs = require_chunk.__toESM(__sprawlify_primitives_machines_tabs);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/tabs/use-tabs-context.ts
+const [TabsProvider, useTabsContext] = require_create_context.createContext({
+	name: "TabsContext",
+	hookName: "useTabsContext",
+	providerName: "<TabsProvider />"
+});
+
+//#endregion
+//#region src/components/tabs/tab-content.tsx
+const splitContentProps = require_create_split_props.createSplitProps();
+const TabContent = (0, react.forwardRef)((props, ref) => {
+	const [contentProps, localProps] = splitContentProps(props, ["value"]);
+	const tabs = useTabsContext();
+	const presence = require_presence.usePresence({
+		...require_render_strategy.useRenderStrategyPropsContext(),
+		present: tabs.value === props.value,
+		immediate: true
+	});
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(tabs.getContentProps(contentProps), presence.getPresenceProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+		value: presence,
+		children: presence.unmounted ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref: require_compose_refs.composeRefs(presence.ref, ref)
+		})
+	});
+});
+TabContent.displayName = "TabContent";
+
+//#endregion
+//#region src/components/tabs/tab-indicator.tsx
+const TabIndicator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useTabsContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TabIndicator.displayName = "TabIndicator";
+
+//#endregion
+//#region src/components/tabs/tab-list.tsx
+const TabList = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useTabsContext().getListProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TabList.displayName = "TabList";
+
+//#endregion
+//#region src/components/tabs/tab-trigger.tsx
+const splitTriggerProps = require_create_split_props.createSplitProps();
+const TabTrigger = (0, react.forwardRef)((props, ref) => {
+	const [tabProps, localProps] = splitTriggerProps(props, ["disabled", "value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useTabsContext().getTriggerProps(tabProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+TabTrigger.displayName = "TabTrigger";
+
+//#endregion
+//#region src/components/tabs/tabs-context.tsx
+const TabsContext = (props) => props.children(useTabsContext());
+
+//#endregion
+//#region src/components/tabs/use-tabs.ts
+const useTabs = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_tabs.machine, machineProps);
+	return __sprawlify_primitives_machines_tabs.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/tabs/tabs-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const TabsRoot = (0, react.forwardRef)((props, ref) => {
+	const [renderStrategyProps, tabsProps] = require_render_strategy.splitRenderStrategyProps(props);
+	const [useTabsProps, localProps] = splitRootProps(tabsProps, [
+		"activationMode",
+		"composite",
+		"defaultValue",
+		"deselectable",
+		"id",
+		"ids",
+		"loopFocus",
+		"navigate",
+		"onFocusChange",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const tabs = useTabs(useTabsProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(tabs.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsProvider, {
+		value: tabs,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+TabsRoot.displayName = "TabsRoot";
+
+//#endregion
+//#region src/components/tabs/tabs-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const TabsRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [renderStrategyProps, tabsProps] = require_render_strategy.splitRenderStrategyProps(props);
+	const [{ value: tabs }, localProps] = splitRootProviderProps(tabsProps, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(tabs.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsProvider, {
+		value: tabs,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+TabsRootProvider.displayName = "TabsRootProvider";
+
+//#endregion
+//#region src/components/tabs/tabs.ts
+var tabs_exports = /* @__PURE__ */ require_chunk.__export({
+	Content: () => TabContent,
+	Context: () => TabsContext,
+	Indicator: () => TabIndicator,
+	List: () => TabList,
+	Root: () => TabsRoot,
+	RootProvider: () => TabsRootProvider,
+	Trigger: () => TabTrigger
+});
+
+//#endregion
+exports.TabContent = TabContent;
+exports.TabIndicator = TabIndicator;
+exports.TabList = TabList;
+exports.TabTrigger = TabTrigger;
+Object.defineProperty(exports, 'Tabs', {
+  enumerable: true,
+  get: function () {
+    return tabs_exports;
+  }
+});
+exports.TabsContext = TabsContext;
+exports.TabsRoot = TabsRoot;
+exports.TabsRootProvider = TabsRootProvider;
+Object.defineProperty(exports, 'tabsAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_tabs.anatomy;
+  }
+});
+exports.useTabs = useTabs;
+exports.useTabsContext = useTabsContext;

package/dist/components/tabs/index.d.cts

@@ -0,0 +1,60 @@
+import { t as PropTypes } from "../../normalize-props-Ddn7AQaE.cjs";
+import { r as Optional, t as Assign } from "../../types-0lfB8uM7.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-dXEes8-E.cjs";
+import { t as RenderStrategyProps } from "../../render-strategy-B_O9rJFa.cjs";
+import * as react450 from "react";
+import { ReactNode } from "react";
+import * as tabs from "@sprawlify/primitives/machines/tabs";
+import { ContentProps, FocusChangeDetails, FocusChangeDetails as TabsFocusChangeDetails, TriggerProps, ValueChangeDetails, ValueChangeDetails as TabsValueChangeDetails, anatomy as tabsAnatomy } from "@sprawlify/primitives/machines/tabs";
+
+//#region src/components/tabs/tab-content.d.ts
+interface TabContentBaseProps extends ContentProps, PolymorphicProps {}
+interface TabContentProps extends HTMLProps<"div">, TabContentBaseProps {}
+declare const TabContent: react450.ForwardRefExoticComponent<TabContentProps & react450.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tabs/tab-indicator.d.ts
+interface TabIndicatorBaseProps extends PolymorphicProps {}
+interface TabIndicatorProps extends HTMLProps<"div">, TabIndicatorBaseProps {}
+declare const TabIndicator: react450.ForwardRefExoticComponent<TabIndicatorProps & react450.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tabs/tab-list.d.ts
+interface TabListBaseProps extends PolymorphicProps {}
+interface TabListProps extends HTMLProps<"div">, TabListBaseProps {}
+declare const TabList: react450.ForwardRefExoticComponent<TabListProps & react450.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tabs/tab-trigger.d.ts
+interface TabTriggerBaseProps extends TriggerProps, PolymorphicProps {}
+interface TabTriggerProps extends Assign<HTMLProps<"button">, TabTriggerBaseProps> {}
+declare const TabTrigger: react450.ForwardRefExoticComponent<TabTriggerProps & react450.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/tabs/use-tabs.d.ts
+interface UseTabsProps extends Optional<Omit<tabs.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTabsReturn extends tabs.Api<PropTypes> {}
+declare const useTabs: (props?: UseTabsProps) => UseTabsReturn;
+//#endregion
+//#region src/components/tabs/use-tabs-context.d.ts
+interface UseTabsContext extends UseTabsReturn {}
+//#endregion
+//#region src/components/tabs/tabs-context.d.ts
+interface TabsContextProps {
+  children: (context: UseTabsContext) => ReactNode;
+}
+declare const TabsContext: (props: TabsContextProps) => ReactNode;
+//#endregion
+//#region src/components/tabs/tabs-root.d.ts
+interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps {}
+interface TabsRootProps extends Assign<HTMLProps<"div">, TabsRootBaseProps> {}
+declare const TabsRoot: react450.ForwardRefExoticComponent<TabsRootProps & react450.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tabs/tabs-root-provider.d.ts
+interface RootProviderProps {
+  value: UseTabsReturn;
+}
+interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
+interface TabsRootProviderProps extends HTMLProps<"div">, TabsRootProviderBaseProps {}
+declare const TabsRootProvider: react450.ForwardRefExoticComponent<TabsRootProviderProps & react450.RefAttributes<HTMLDivElement>>;
+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/components/tabs/index.d.mts

@@ -0,0 +1,60 @@
+import { r as PropTypes } from "../../index-BVPDbcQQ.mjs";
+import { r as Optional, t as Assign } from "../../types-C61WyxPn.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-Fen9bAK7.mjs";
+import { t as RenderStrategyProps } from "../../render-strategy-DHJmxfwl.mjs";
+import * as react674 from "react";
+import { ReactNode } from "react";
+import * as tabs from "@sprawlify/primitives/machines/tabs";
+import { ContentProps, FocusChangeDetails, FocusChangeDetails as TabsFocusChangeDetails, TriggerProps, ValueChangeDetails, ValueChangeDetails as TabsValueChangeDetails, anatomy as tabsAnatomy } from "@sprawlify/primitives/machines/tabs";
+
+//#region src/components/tabs/tab-content.d.ts
+interface TabContentBaseProps extends ContentProps, PolymorphicProps {}
+interface TabContentProps extends HTMLProps<"div">, TabContentBaseProps {}
+declare const TabContent: react674.ForwardRefExoticComponent<TabContentProps & react674.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tabs/tab-indicator.d.ts
+interface TabIndicatorBaseProps extends PolymorphicProps {}
+interface TabIndicatorProps extends HTMLProps<"div">, TabIndicatorBaseProps {}
+declare const TabIndicator: react674.ForwardRefExoticComponent<TabIndicatorProps & react674.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tabs/tab-list.d.ts
+interface TabListBaseProps extends PolymorphicProps {}
+interface TabListProps extends HTMLProps<"div">, TabListBaseProps {}
+declare const TabList: react674.ForwardRefExoticComponent<TabListProps & react674.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tabs/tab-trigger.d.ts
+interface TabTriggerBaseProps extends TriggerProps, PolymorphicProps {}
+interface TabTriggerProps extends Assign<HTMLProps<"button">, TabTriggerBaseProps> {}
+declare const TabTrigger: react674.ForwardRefExoticComponent<TabTriggerProps & react674.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/tabs/use-tabs.d.ts
+interface UseTabsProps extends Optional<Omit<tabs.Props, "dir" | "getRootNode">, "id"> {}
+interface UseTabsReturn extends tabs.Api<PropTypes> {}
+declare const useTabs: (props?: UseTabsProps) => UseTabsReturn;
+//#endregion
+//#region src/components/tabs/use-tabs-context.d.ts
+interface UseTabsContext extends UseTabsReturn {}
+//#endregion
+//#region src/components/tabs/tabs-context.d.ts
+interface TabsContextProps {
+  children: (context: UseTabsContext) => ReactNode;
+}
+declare const TabsContext: (props: TabsContextProps) => ReactNode;
+//#endregion
+//#region src/components/tabs/tabs-root.d.ts
+interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps {}
+interface TabsRootProps extends Assign<HTMLProps<"div">, TabsRootBaseProps> {}
+declare const TabsRoot: react674.ForwardRefExoticComponent<TabsRootProps & react674.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/tabs/tabs-root-provider.d.ts
+interface RootProviderProps {
+  value: UseTabsReturn;
+}
+interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
+interface TabsRootProviderProps extends HTMLProps<"div">, TabsRootProviderBaseProps {}
+declare const TabsRootProvider: react674.ForwardRefExoticComponent<TabsRootProviderProps & react674.RefAttributes<HTMLDivElement>>;
+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/components/tabs/index.mjs

@@ -0,0 +1,170 @@
+import { t as __export } from "../../chunk-Bw6_Qrqn.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-CAwCcfBy.mjs";
+import { t as createContext$1 } from "../../create-context-B-_JrOL2.mjs";
+import { n as useEnvironmentContext } from "../../environment-tlwGXNO0.mjs";
+import { i as useLocaleContext } from "../../locale-BmYiujeK.mjs";
+import "../../providers-DPvEY1gv.mjs";
+import { t as composeRefs } from "../../compose-refs-DSWOgxGb.mjs";
+import { n as sprawlify } from "../../factory-cfMsSoBo.mjs";
+import { t as createSplitProps } from "../../create-split-props-BjYU0VXX.mjs";
+import { n as splitRenderStrategyProps, r as useRenderStrategyPropsContext, t as RenderStrategyPropsProvider } from "../../render-strategy-BakagjKt.mjs";
+import { i as usePresence, t as PresenceProvider } from "../../presence-CxbyNsuo.mjs";
+import "../../use-event-CjjVkASI.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as tabs from "@sprawlify/primitives/machines/tabs";
+import { anatomy as tabsAnatomy } from "@sprawlify/primitives/machines/tabs";
+
+//#region src/components/tabs/use-tabs-context.ts
+const [TabsProvider, useTabsContext] = createContext$1({
+	name: "TabsContext",
+	hookName: "useTabsContext",
+	providerName: "<TabsProvider />"
+});
+
+//#endregion
+//#region src/components/tabs/tab-content.tsx
+const splitContentProps = createSplitProps();
+const TabContent = forwardRef((props, ref) => {
+	const [contentProps, localProps] = splitContentProps(props, ["value"]);
+	const tabs$1 = useTabsContext();
+	const presence = usePresence({
+		...useRenderStrategyPropsContext(),
+		present: tabs$1.value === props.value,
+		immediate: true
+	});
+	const mergedProps = mergeProps(tabs$1.getContentProps(contentProps), presence.getPresenceProps(), localProps);
+	return /* @__PURE__ */ jsx(PresenceProvider, {
+		value: presence,
+		children: presence.unmounted ? null : /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref: composeRefs(presence.ref, ref)
+		})
+	});
+});
+TabContent.displayName = "TabContent";
+
+//#endregion
+//#region src/components/tabs/tab-indicator.tsx
+const TabIndicator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTabsContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TabIndicator.displayName = "TabIndicator";
+
+//#endregion
+//#region src/components/tabs/tab-list.tsx
+const TabList = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTabsContext().getListProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TabList.displayName = "TabList";
+
+//#endregion
+//#region src/components/tabs/tab-trigger.tsx
+const splitTriggerProps = createSplitProps();
+const TabTrigger = forwardRef((props, ref) => {
+	const [tabProps, localProps] = splitTriggerProps(props, ["disabled", "value"]);
+	const mergedProps = mergeProps(useTabsContext().getTriggerProps(tabProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+TabTrigger.displayName = "TabTrigger";
+
+//#endregion
+//#region src/components/tabs/tabs-context.tsx
+const TabsContext = (props) => props.children(useTabsContext());
+
+//#endregion
+//#region src/components/tabs/use-tabs.ts
+const useTabs = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(tabs.machine, machineProps);
+	return tabs.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/tabs/tabs-root.tsx
+const splitRootProps = createSplitProps();
+const TabsRoot = forwardRef((props, ref) => {
+	const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+	const [useTabsProps, localProps] = splitRootProps(tabsProps, [
+		"activationMode",
+		"composite",
+		"defaultValue",
+		"deselectable",
+		"id",
+		"ids",
+		"loopFocus",
+		"navigate",
+		"onFocusChange",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const tabs$1 = useTabs(useTabsProps);
+	const mergedProps = mergeProps(tabs$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(TabsProvider, {
+		value: tabs$1,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+TabsRoot.displayName = "TabsRoot";
+
+//#endregion
+//#region src/components/tabs/tabs-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const TabsRootProvider = forwardRef((props, ref) => {
+	const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+	const [{ value: tabs$1 }, localProps] = splitRootProviderProps(tabsProps, ["value"]);
+	const mergedProps = mergeProps(tabs$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(TabsProvider, {
+		value: tabs$1,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+TabsRootProvider.displayName = "TabsRootProvider";
+
+//#endregion
+//#region src/components/tabs/tabs.ts
+var tabs_exports = /* @__PURE__ */ __export({
+	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 };