@sprawlify/solid 0.0.19 → 0.0.21

package/dist/components/steps/index.jsx

@@ -0,0 +1,203 @@
+import { t as __export } from "../../chunk-DLIiRulR.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-BgpRwoCt.jsx";
+import { t as runIfFn } from "../../run-if-fn-D55yVu32.jsx";
+import { t as createContext$1 } from "../../create-context-BpJ2IzPB.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DsPqz7EL.jsx";
+import { t as sprawlify } from "../../factory-CWJejsJ5.jsx";
+import { t as createSplitProps } from "../../create-split-props-8J9EAVSk.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as steps from "@sprawlify/primitives/machines/steps";
+import { anatomy as stepsAnatomy } from "@sprawlify/primitives/machines/steps";
+
+//#region src/components/steps/use-steps-context.ts
+const [StepsProvider, useStepsContext] = createContext$1({
+	hookName: "useStepsContext",
+	providerName: "<StepsProvider />"
+});
+
+//#endregion
+//#region src/components/steps/steps-completed-content.tsx
+const StepsCompletedContent = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getContentProps({ index: steps$1().count }), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/steps/steps-content.tsx
+const StepsContent = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getContentProps(itemProps), localProps);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/steps/steps-context.tsx
+const StepsContext = (props) => {
+	const context = useStepsContext();
+	return props.children(context);
+};
+
+//#endregion
+//#region src/components/steps/use-steps-item-props-context.ts
+const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext$1({
+	hookName: "useStepsItemPropsContext",
+	providerName: "<StepsItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/steps/steps-indicator.tsx
+const StepsIndicator = (props) => {
+	const steps$1 = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getIndicatorProps(itemProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/steps/use-steps-item-context.ts
+const [StepsItemProvider, useStepsItemContext] = createContext$1({
+	hookName: "useStepsItemContext",
+	providerName: "<StepsItem />"
+});
+
+//#endregion
+//#region src/components/steps/steps-item.tsx
+const StepsItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => steps$1().getItemState(itemProps));
+	return <StepsItemPropsProvider value={itemProps}>
+      <StepsItemProvider value={itemState}>
+        <sprawlify.div {...mergedProps} />
+      </StepsItemProvider>
+    </StepsItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/steps/steps-item-context.tsx
+const StepsItemContext = (props) => {
+	return props.children(useStepsItemContext());
+};
+StepsItemContext.displayName = "StepsItemContext";
+
+//#endregion
+//#region src/components/steps/steps-list.tsx
+const StepsList = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getListProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/steps/steps-next-trigger.tsx
+const StepsNextTrigger = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getNextTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/steps/steps-prev-trigger.tsx
+const StepsPrevTrigger = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getPrevTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/steps/steps-progress.tsx
+const StepsProgress = (props) => {
+	const steps$1 = useStepsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getProgressProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/steps/use-steps.ts
+function useSteps(props) {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const locale = useLocaleContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(steps.machine, machineProps);
+	return createMemo(() => steps.connect(service, normalizeProps));
+}
+
+//#endregion
+//#region src/components/steps/steps-root.tsx
+const StepsRoot = (props) => {
+	const [useStepsProps, localProps] = createSplitProps()(props, [
+		"defaultStep",
+		"id",
+		"ids",
+		"count",
+		"linear",
+		"onStepChange",
+		"onStepComplete",
+		"orientation",
+		"step"
+	]);
+	const steps$1 = useSteps(useStepsProps);
+	const mergedProps = mergeProps$1(() => steps$1().getRootProps(), localProps);
+	return <StepsProvider value={steps$1}>
+      <sprawlify.div {...mergedProps} />
+    </StepsProvider>;
+};
+
+//#endregion
+//#region src/components/steps/steps-root-provider.tsx
+const StepsRootProvider = (props) => {
+	const [{ value: steps$1 }, rootProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => steps$1().getRootProps(), rootProps);
+	return <StepsProvider value={steps$1}>
+      <sprawlify.div {...mergedProps}>{props.children}</sprawlify.div>
+    </StepsProvider>;
+};
+
+//#endregion
+//#region src/components/steps/steps-separator.tsx
+const StepsSeparator = (props) => {
+	const steps$1 = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getSeparatorProps(itemProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/steps/steps-trigger.tsx
+const StepsTrigger = (props) => {
+	const steps$1 = useStepsContext();
+	const itemProps = useStepsItemPropsContext();
+	const mergedProps = mergeProps$1(() => steps$1().getTriggerProps(itemProps), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/steps/steps.ts
+var steps_exports = /* @__PURE__ */ __export({
+	CompletedContent: () => StepsCompletedContent,
+	Content: () => StepsContent,
+	Context: () => StepsContext,
+	Indicator: () => StepsIndicator,
+	Item: () => StepsItem,
+	ItemContext: () => StepsItemContext,
+	List: () => StepsList,
+	NextTrigger: () => StepsNextTrigger,
+	PrevTrigger: () => StepsPrevTrigger,
+	Progress: () => StepsProgress,
+	Root: () => StepsRoot,
+	RootProvider: () => StepsRootProvider,
+	Separator: () => StepsSeparator,
+	Trigger: () => StepsTrigger
+});
+
+//#endregion
+export { steps_exports as Steps, StepsCompletedContent, StepsContent, StepsContext, StepsIndicator, StepsItem, StepsItemContext, StepsList, StepsNextTrigger, StepsPrevTrigger, StepsProgress, StepsRoot, StepsRootProvider, StepsSeparator, StepsTrigger, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };

package/dist/components/switch/index.d.ts

@@ -0,0 +1,60 @@
+import { n as PropTypes } from "../../index-CkYyW1zB.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-BDfyh3uz.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-47nL1bn3.js";
+import { t as switchAnatomy } from "../../switch-anatomy-B9kSLgdn.js";
+import * as solid_js153 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as zagSwitch from "@sprawlify/primitives/machines/switch";
+import { CheckedChangeDetails, CheckedChangeDetails as SwitchCheckedChangeDetails } from "@sprawlify/primitives/machines/switch";
+
+//#region src/components/switch/use-switch.d.ts
+interface UseSwitchProps extends Optional<Omit<zagSwitch.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseSwitchReturn extends Accessor<zagSwitch.Api<PropTypes>> {}
+declare const useSwitch: (props?: MaybeAccessor<UseSwitchProps>) => UseSwitchReturn;
+//#endregion
+//#region src/components/switch/use-switch-context.d.ts
+interface UseSwitchContext extends UseSwitchReturn {}
+//#endregion
+//#region src/components/switch/switch-context.d.ts
+interface SwitchContextProps {
+  children: (context: UseSwitchContext) => JSX.Element;
+}
+declare const SwitchContext: (props: SwitchContextProps) => JSX.Element;
+//#endregion
+//#region src/components/switch/switch-control.d.ts
+interface SwitchControlBaseProps extends PolymorphicProps<'span'> {}
+interface SwitchControlProps extends HTMLProps<'span'>, SwitchControlBaseProps {}
+declare const SwitchControl: (props: SwitchControlProps) => solid_js153.JSX.Element;
+//#endregion
+//#region src/components/switch/switch-hidden-input.d.ts
+interface SwitchHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+interface SwitchHiddenInputProps extends HTMLProps<'input'>, SwitchHiddenInputBaseProps {}
+declare const SwitchHiddenInput: (props: SwitchHiddenInputProps) => solid_js153.JSX.Element;
+//#endregion
+//#region src/components/switch/switch-label.d.ts
+interface SwitchLabelBaseProps extends PolymorphicProps<'span'> {}
+interface SwitchLabelProps extends HTMLProps<'span'>, SwitchLabelBaseProps {}
+declare const SwitchLabel: (props: SwitchLabelProps) => solid_js153.JSX.Element;
+//#endregion
+//#region src/components/switch/switch-root.d.ts
+interface SwitchRootBaseProps extends UseSwitchProps, PolymorphicProps<'label'> {}
+interface SwitchRootProps extends HTMLProps<'label'>, SwitchRootBaseProps {}
+declare const SwitchRoot: (props: SwitchRootProps) => solid_js153.JSX.Element;
+//#endregion
+//#region src/components/switch/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) => solid_js153.JSX.Element;
+//#endregion
+//#region src/components/switch/switch-thumb.d.ts
+interface SwitchThumbBaseProps extends PolymorphicProps<'span'> {}
+interface SwitchThumbProps extends HTMLProps<'span'>, SwitchThumbBaseProps {}
+declare const SwitchThumb: (props: SwitchThumbProps) => solid_js153.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/components/switch/index.js

@@ -0,0 +1,142 @@
+import { t as __export } from "../../chunk-DGaS4lLa.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-DlJdnFMg.js";
+import { t as runIfFn } from "../../run-if-fn-COsqwaBZ.js";
+import { t as createContext$1 } from "../../create-context-BqG72mig.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-PrTpHfBr.js";
+import { t as sprawlify } from "../../factory-CRBABr3I.js";
+import "../../field-anatomy-CbZd-AfX.js";
+import "../../fieldset-anatomy-BBa9WoaP.js";
+import { t as switchAnatomy } from "../../switch-anatomy-dc2hdWBY.js";
+import { t as createSplitProps } from "../../create-split-props-L9BbhhCg.js";
+import "../../compose-refs-Chr9AtC3.js";
+import "../../fieldset-DQmh-Ktv.js";
+import { p as useFieldContext } from "../../field-BCordac5.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as zagSwitch from "@sprawlify/primitives/machines/switch";
+
+//#region src/components/switch/use-switch-context.ts
+const [SwitchProvider, useSwitchContext] = createContext$1({
+	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 = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/switch/switch-hidden-input.tsx
+const SwitchHiddenInput = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$2(() => api().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+
+//#endregion
+//#region src/components/switch/switch-label.tsx
+const SwitchLabel = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/switch/use-switch.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(zagSwitch.machine, machineProps);
+	return createMemo(() => zagSwitch.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/switch/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(sprawlify.label, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/switch/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(sprawlify.label, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/switch/switch-thumb.tsx
+const SwitchThumb = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$2(() => api().getThumbProps(), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#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/switch/index.jsx

@@ -0,0 +1,131 @@
+import { t as __export } from "../../chunk-DLIiRulR.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-BgpRwoCt.jsx";
+import { t as runIfFn } from "../../run-if-fn-D55yVu32.jsx";
+import { t as createContext$1 } from "../../create-context-BpJ2IzPB.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DsPqz7EL.jsx";
+import { t as sprawlify } from "../../factory-CWJejsJ5.jsx";
+import { t as createSplitProps } from "../../create-split-props-8J9EAVSk.jsx";
+import "../../compose-refs-11PIsxEa.jsx";
+import "../../fieldset-CnzvSH3P.jsx";
+import { m as useFieldContext } from "../../field-NgZys4GU.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+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({
+	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 = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/switch/switch-hidden-input.tsx
+const SwitchHiddenInput = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$1(() => api().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/switch/switch-label.tsx
+const SwitchLabel = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/switch/use-switch.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(zagSwitch.machine, machineProps);
+	return createMemo(() => zagSwitch.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/switch/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}>
+      <sprawlify.label {...mergedProps} />
+    </SwitchProvider>;
+};
+
+//#endregion
+//#region src/components/switch/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}>
+      <sprawlify.label {...mergedProps} />
+    </SwitchProvider>;
+};
+
+//#endregion
+//#region src/components/switch/switch-thumb.tsx
+const SwitchThumb = (props) => {
+	const api = useSwitchContext();
+	const mergedProps = mergeProps$1(() => api().getThumbProps(), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#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.d.ts

@@ -0,0 +1,61 @@
+import { n as PropTypes } from "../../index-CkYyW1zB.js";
+import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-BDfyh3uz.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-47nL1bn3.js";
+import { t as RenderStrategyProps } from "../../render-strategy-DZynJsi2.js";
+import { t as tabsAnatomy } from "../../tabs-anatomy-nslgxs56.js";
+import * as solid_js371 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as tabs from "@sprawlify/primitives/machines/tabs";
+import { ContentProps, FocusChangeDetails, FocusChangeDetails as TabsFocusChangeDetails, TriggerProps, ValueChangeDetails, ValueChangeDetails as TabsValueChangeDetails } from "@sprawlify/primitives/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) => solid_js371.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) => solid_js371.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) => solid_js371.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) => solid_js371.JSX.Element;
+//#endregion
+//#region src/components/tabs/use-tabs.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-tabs-context.d.ts
+interface UseTabsContext extends UseTabsReturn {}
+//#endregion
+//#region src/components/tabs/tabs-context.d.ts
+interface TabsContextProps {
+  children: (context: UseTabsContext) => JSX.Element;
+}
+declare const TabsContext: (props: TabsContextProps) => JSX.Element;
+//#endregion
+//#region src/components/tabs/tabs-root.d.ts
+interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps<'div'> {}
+interface TabsRootProps extends HTMLProps<'div'>, TabsRootBaseProps {}
+declare const TabsRoot: (props: TabsRootProps) => solid_js371.JSX.Element;
+//#endregion
+//#region src/components/tabs/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) => solid_js371.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 };