@sprawlify/solid 0.0.19 → 0.0.21

package/dist/components/tags-input/index.jsx

@@ -0,0 +1,234 @@
+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 tagsInput from "@sprawlify/primitives/machines/tags-input";
+import { anatomy as tagsInputAnatomy } from "@sprawlify/primitives/machines/tags-input";
+
+//#region src/components/tags-input/use-tags-input-context.ts
+const [TagsInputProvider, useTagsInputContext] = createContext$1({
+	hookName: "useTagsInputContext",
+	providerName: "<TagsInputProvider />"
+});
+
+//#endregion
+//#region src/components/tags-input/tags-input-clear-trigger.tsx
+const TagsInputClearTrigger = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getClearTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-context.tsx
+const TagsInputContext = (props) => props.children(useTagsInputContext());
+
+//#endregion
+//#region src/components/tags-input/tags-input-control.tsx
+const TagsInputControl = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-hidden-input.tsx
+const TagsInputHiddenInput = (props) => {
+	const tagsInput$1 = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => tagsInput$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-input.tsx
+const TagsInputInput = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getInputProps(), props);
+	return <sprawlify.input {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tags-input/use-tags-input-item-context.ts
+const [TagsInputItemProvider, useTagsInputItemContext] = createContext$1({
+	hookName: "useTagsInputItemContext",
+	providerName: "<TagsInputItemProvider />"
+});
+
+//#endregion
+//#region src/components/tags-input/use-tags-input-item-props-context.ts
+const [TagsInputItemPropsProvider, useTagsInputItemPropsContext] = createContext$1({
+	hookName: "useTagsInputItemPropsContext",
+	providerName: "<TagsInputItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/tags-input/tags-input-item.tsx
+const TagsInputItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"disabled",
+		"index",
+		"value"
+	]);
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => api().getItemState(itemProps));
+	return <TagsInputItemPropsProvider value={itemProps}>
+      <TagsInputItemProvider value={itemState}>
+        <sprawlify.div {...mergedProps} />
+      </TagsInputItemProvider>
+    </TagsInputItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-item-context.tsx
+const TagsInputItemContext = (props) => props.children(useTagsInputItemContext());
+
+//#endregion
+//#region src/components/tags-input/tags-input-item-delete-trigger.tsx
+const TagsInputItemDeleteTrigger = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$1(() => api().getItemDeleteTriggerProps(itemProps), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-item-input.tsx
+const TagsInputItemInput = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$1(() => api().getItemInputProps(itemProps), props);
+	return <sprawlify.input {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-item-preview.tsx
+const TagsInputItemPreview = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$1(() => api().getItemPreviewProps(itemProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-item-text.tsx
+const TagsInputItemText = (props) => {
+	const api = useTagsInputContext();
+	const itemProps = useTagsInputItemPropsContext();
+	const mergedProps = mergeProps$1(() => api().getItemTextProps(itemProps), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-label.tsx
+const TagsInputLabel = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tags-input/use-tags-input.ts
+const useTagsInput = (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
+		},
+		dir: locale().dir,
+		disabled: field?.().disabled,
+		invalid: field?.().invalid,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(tagsInput.machine, machineProps);
+	return createMemo(() => tagsInput.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-root.tsx
+const TagsInputRoot = (props) => {
+	const [useTagsInputProps, localProps] = createSplitProps()(props, [
+		"addOnPaste",
+		"allowOverflow",
+		"autoFocus",
+		"blurBehavior",
+		"defaultInputValue",
+		"defaultValue",
+		"delimiter",
+		"disabled",
+		"editable",
+		"form",
+		"id",
+		"ids",
+		"inputValue",
+		"invalid",
+		"max",
+		"maxLength",
+		"name",
+		"onFocusOutside",
+		"onHighlightChange",
+		"onInputValueChange",
+		"onInteractOutside",
+		"onPointerDownOutside",
+		"onValueChange",
+		"onValueInvalid",
+		"readOnly",
+		"required",
+		"translations",
+		"validate",
+		"value"
+	]);
+	const api = useTagsInput(useTagsInputProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <TagsInputProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </TagsInputProvider>;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-root-provider.tsx
+const TagsInputRootProvider = (props) => {
+	const [{ value: tagsInput$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => tagsInput$1().getRootProps(), localProps);
+	return <TagsInputProvider value={tagsInput$1}>
+      <sprawlify.div {...mergedProps} />
+    </TagsInputProvider>;
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input.ts
+var tags_input_exports = /* @__PURE__ */ __export({
+	ClearTrigger: () => TagsInputClearTrigger,
+	Context: () => TagsInputContext,
+	Control: () => TagsInputControl,
+	HiddenInput: () => TagsInputHiddenInput,
+	Input: () => TagsInputInput,
+	Item: () => TagsInputItem,
+	ItemContext: () => TagsInputItemContext,
+	ItemDeleteTrigger: () => TagsInputItemDeleteTrigger,
+	ItemInput: () => TagsInputItemInput,
+	ItemPreview: () => TagsInputItemPreview,
+	ItemText: () => TagsInputItemText,
+	Label: () => TagsInputLabel,
+	Root: () => TagsInputRoot,
+	RootProvider: () => TagsInputRootProvider
+});
+
+//#endregion
+export { tags_input_exports as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, TagsInputRootProvider, tagsInputAnatomy, useTagsInput, useTagsInputContext, useTagsInputItemContext };

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

@@ -0,0 +1,65 @@
+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 timerAnatomy } from "../../timer-anatomy-C7PWvKv1.js";
+import * as solid_js161 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as timer from "@sprawlify/primitives/machines/timer";
+import { ActionTriggerProps, ItemProps, TickDetails } from "@sprawlify/primitives/machines/timer";
+
+//#region src/components/timer/timer-action-trigger.d.ts
+interface TimerActionTriggerBaseProps extends ActionTriggerProps, PolymorphicProps<'button'> {}
+interface TimerActionTriggerProps extends HTMLProps<'button'>, TimerActionTriggerBaseProps {}
+declare const TimerActionTrigger: (props: TimerActionTriggerProps) => solid_js161.JSX.Element;
+//#endregion
+//#region src/components/timer/timer-area.d.ts
+interface TimerAreaBaseProps extends PolymorphicProps<'div'> {}
+interface TimerAreaProps extends HTMLProps<'div'>, TimerAreaBaseProps {}
+declare const TimerArea: (props: TimerAreaProps) => solid_js161.JSX.Element;
+//#endregion
+//#region src/components/timer/use-timer.d.ts
+interface UseTimerProps extends Optional<Omit<timer.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseTimerReturn extends Accessor<timer.Api<PropTypes>> {}
+declare const useTimer: (props?: MaybeAccessor<UseTimerProps>) => UseTimerReturn;
+//#endregion
+//#region src/components/timer/use-timer-context.d.ts
+interface UseTimerContext extends UseTimerReturn {}
+//#endregion
+//#region src/components/timer/timer-context.d.ts
+interface TimerContextProps {
+  children: (context: UseTimerContext) => JSX.Element;
+}
+declare const TimerContext: (props: TimerContextProps) => JSX.Element;
+//#endregion
+//#region src/components/timer/timer-control.d.ts
+interface TimerControlBaseProps extends PolymorphicProps<'div'> {}
+interface TimerControlProps extends HTMLProps<'div'>, TimerControlBaseProps {}
+declare const TimerControl: (props: TimerControlProps) => solid_js161.JSX.Element;
+//#endregion
+//#region src/components/timer/timer-item.d.ts
+interface TimerItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
+interface TimerItemProps extends HTMLProps<'div'>, TimerItemBaseProps {}
+declare const TimerItem: (props: TimerItemProps) => solid_js161.JSX.Element;
+//#endregion
+//#region src/components/timer/timer-root.d.ts
+interface TimerRootBaseProps extends UseTimerProps, PolymorphicProps<'div'> {}
+interface TimerRootProps extends HTMLProps<'div'>, TimerRootBaseProps {}
+declare const TimerRoot: (props: TimerRootProps) => solid_js161.JSX.Element;
+//#endregion
+//#region src/components/timer/timer-root-provider.d.ts
+interface RootProviderProps {
+  value: UseTimerReturn;
+}
+interface TimerRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'> {}
+interface TimerRootProviderProps extends HTMLProps<'div'>, TimerRootProviderBaseProps {}
+declare const TimerRootProvider: (props: TimerRootProviderProps) => solid_js161.JSX.Element;
+//#endregion
+//#region src/components/timer/timer-separator.d.ts
+interface TimerSeparatorBaseProps extends PolymorphicProps<'div'> {}
+interface TimerSeparatorProps extends HTMLProps<'div'>, TimerSeparatorBaseProps {}
+declare const TimerSeparator: (props: TimerSeparatorProps) => solid_js161.JSX.Element;
+declare namespace timer_d_exports {
+  export { TimerActionTrigger as ActionTrigger, TimerActionTriggerBaseProps as ActionTriggerBaseProps, TimerActionTriggerProps as ActionTriggerProps, TimerArea as Area, TimerAreaBaseProps as AreaBaseProps, TimerAreaProps as AreaProps, TimerContext as Context, TimerContextProps as ContextProps, TimerControl as Control, TimerControlBaseProps as ControlBaseProps, TimerControlProps as ControlProps, TimerItem as Item, TimerItemBaseProps as ItemBaseProps, TimerItemProps as ItemProps, TimerRoot as Root, TimerRootBaseProps as RootBaseProps, TimerRootProps as RootProps, TimerRootProvider as RootProvider, TimerRootProviderProps as RootProviderBaseProps, TimerRootProviderBaseProps as RootProviderProps, TimerSeparator as Separator, TimerSeparatorBaseProps as SeparatorBaseProps, TimerSeparatorProps as SeparatorProps, TickDetails };
+}
+//#endregion
+export { timer_d_exports as Timer, TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, TimerArea, type TimerAreaBaseProps, type TimerAreaProps, TimerContext, type TimerContextProps, TimerControl, type TimerControlBaseProps, type TimerControlProps, TimerItem, type TimerItemBaseProps, type TimerItemProps, TimerRoot, type TimerRootBaseProps, type TimerRootProps, TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, type UseTimerContext, type UseTimerProps, type UseTimerReturn, timerAnatomy, useTimer, useTimerContext };

package/dist/components/timer/index.js

@@ -0,0 +1,132 @@
+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 { o as useEnvironmentContext } from "../../providers-PrTpHfBr.js";
+import { t as sprawlify } from "../../factory-CRBABr3I.js";
+import { t as timerAnatomy } from "../../timer-anatomy-UMWybMgG.js";
+import { t as createSplitProps } from "../../create-split-props-L9BbhhCg.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as timer from "@sprawlify/primitives/machines/timer";
+
+//#region src/components/timer/use-timer-context.ts
+const [TimerProvider, useTimerContext] = createContext$1({
+	hookName: "useTimerContext",
+	providerName: "<TimerProvider />"
+});
+
+//#endregion
+//#region src/components/timer/timer-action-trigger.tsx
+const TimerActionTrigger = (props) => {
+	const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer$1().getActionTriggerProps(actionTriggerProps), localProps);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/timer/timer-area.tsx
+const TimerArea = (props) => {
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer$1().getAreaProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/timer/timer-context.tsx
+const TimerContext = (props) => props.children(useTimerContext());
+
+//#endregion
+//#region src/components/timer/timer-control.tsx
+const TimerControl = (props) => {
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer$1().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/timer/timer-item.tsx
+const TimerItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["type"]);
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer$1().getItemProps(itemProps), localProps);
+	return createComponent(sprawlify.div, mergeProps$1(mergedProps, { get children() {
+		return timer$1().formattedTime[itemProps.type];
+	} }));
+};
+
+//#endregion
+//#region src/components/timer/use-timer.ts
+const useTimer = (props) => {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(timer.machine, machineProps);
+	return createMemo(() => timer.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/timer/timer-root.tsx
+const TimerRoot = (props) => {
+	const [useTimerProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"autoStart",
+		"interval",
+		"countdown",
+		"startMs",
+		"targetMs",
+		"onComplete",
+		"onTick"
+	]);
+	const timer$1 = useTimer(useTimerProps);
+	const mergedProps = mergeProps$2(() => timer$1().getRootProps(), localProps);
+	return createComponent(TimerProvider, {
+		value: timer$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/timer/timer-root-provider.tsx
+const TimerRootProvider = (props) => {
+	const [{ value: timer$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => timer$1().getRootProps(), localProps);
+	return createComponent(TimerProvider, {
+		value: timer$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/timer/timer-separator.tsx
+const TimerSeparator = (props) => {
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$2(() => timer$1().getSeparatorProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/timer/timer.ts
+var timer_exports = /* @__PURE__ */ __export({
+	ActionTrigger: () => TimerActionTrigger,
+	Area: () => TimerArea,
+	Context: () => TimerContext,
+	Control: () => TimerControl,
+	Item: () => TimerItem,
+	Root: () => TimerRoot,
+	RootProvider: () => TimerRootProvider,
+	Separator: () => TimerSeparator
+});
+
+//#endregion
+export { timer_exports as Timer, TimerActionTrigger, TimerArea, TimerContext, TimerControl, TimerItem, TimerRoot, TimerRootProvider, TimerSeparator, timerAnatomy, useTimer, useTimerContext };

package/dist/components/timer/index.jsx

@@ -0,0 +1,123 @@
+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 { 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 timer from "@sprawlify/primitives/machines/timer";
+import { anatomy as timerAnatomy } from "@sprawlify/primitives/machines/timer";
+
+//#region src/components/timer/use-timer-context.ts
+const [TimerProvider, useTimerContext] = createContext$1({
+	hookName: "useTimerContext",
+	providerName: "<TimerProvider />"
+});
+
+//#endregion
+//#region src/components/timer/timer-action-trigger.tsx
+const TimerActionTrigger = (props) => {
+	const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer$1().getActionTriggerProps(actionTriggerProps), localProps);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/timer/timer-area.tsx
+const TimerArea = (props) => {
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer$1().getAreaProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/timer/timer-context.tsx
+const TimerContext = (props) => props.children(useTimerContext());
+
+//#endregion
+//#region src/components/timer/timer-control.tsx
+const TimerControl = (props) => {
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer$1().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/timer/timer-item.tsx
+const TimerItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["type"]);
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer$1().getItemProps(itemProps), localProps);
+	return <sprawlify.div {...mergedProps}>{timer$1().formattedTime[itemProps.type]}</sprawlify.div>;
+};
+
+//#endregion
+//#region src/components/timer/use-timer.ts
+const useTimer = (props) => {
+	const id = createUniqueId();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(timer.machine, machineProps);
+	return createMemo(() => timer.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/timer/timer-root.tsx
+const TimerRoot = (props) => {
+	const [useTimerProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"autoStart",
+		"interval",
+		"countdown",
+		"startMs",
+		"targetMs",
+		"onComplete",
+		"onTick"
+	]);
+	const timer$1 = useTimer(useTimerProps);
+	const mergedProps = mergeProps$1(() => timer$1().getRootProps(), localProps);
+	return <TimerProvider value={timer$1}>
+      <sprawlify.div {...mergedProps} />
+    </TimerProvider>;
+};
+
+//#endregion
+//#region src/components/timer/timer-root-provider.tsx
+const TimerRootProvider = (props) => {
+	const [{ value: timer$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => timer$1().getRootProps(), localProps);
+	return <TimerProvider value={timer$1}>
+      <sprawlify.div {...mergedProps} />
+    </TimerProvider>;
+};
+
+//#endregion
+//#region src/components/timer/timer-separator.tsx
+const TimerSeparator = (props) => {
+	const timer$1 = useTimerContext();
+	const mergedProps = mergeProps$1(() => timer$1().getSeparatorProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/timer/timer.ts
+var timer_exports = /* @__PURE__ */ __export({
+	ActionTrigger: () => TimerActionTrigger,
+	Area: () => TimerArea,
+	Context: () => TimerContext,
+	Control: () => TimerControl,
+	Item: () => TimerItem,
+	Root: () => TimerRoot,
+	RootProvider: () => TimerRootProvider,
+	Separator: () => TimerSeparator
+});
+
+//#endregion
+export { timer_exports as Timer, TimerActionTrigger, TimerArea, TimerContext, TimerControl, TimerItem, TimerRoot, TimerRootProvider, TimerSeparator, timerAnatomy, useTimer, useTimerContext };

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

@@ -0,0 +1,63 @@
+import { n as PropTypes } from "../../index-CkYyW1zB.js";
+import { t as Assign } from "../../types-BDfyh3uz.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-47nL1bn3.js";
+import { t as toastAnatomy } from "../../toast-anatomy-DPPfbzb8.js";
+import * as solid_js134 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as toast from "@sprawlify/primitives/machines/toast";
+import { ActionOptions, ActionOptions as ToastActionOptions, Placement, Placement as ToastPlacement, PromiseOptions, PromiseOptions as ToastPromiseOptions, Status, Status as ToastStatus, StatusChangeDetails, StatusChangeDetails as ToastStatusChangeDetails, StoreProps, StoreProps as ToastStoreProps, Type, Type as ToastType } from "@sprawlify/primitives/machines/toast";
+
+//#region src/components/toast/create-toaster.d.ts
+interface CreateToasterProps extends Partial<toast.StoreProps> {
+  placement: toast.Placement;
+}
+interface CreateToasterReturn extends toast.Store<JSX.Element> {}
+declare const createToaster: (props: CreateToasterProps) => CreateToasterReturn;
+//#endregion
+//#region src/components/toast/toast-action-trigger.d.ts
+interface ToastActionTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface ToastActionTriggerProps extends HTMLProps<'button'>, ToastActionTriggerBaseProps {}
+declare const ToastActionTrigger: (props: ToastActionTriggerProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-close-trigger.d.ts
+interface ToastCloseTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface ToastCloseTriggerProps extends HTMLProps<'button'>, ToastCloseTriggerBaseProps {}
+declare const ToastCloseTrigger: (props: ToastCloseTriggerProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/toast/use-toast-context.d.ts
+interface UseToastContext extends Accessor<toast.Api<PropTypes, JSX.Element>> {}
+//#endregion
+//#region src/components/toast/toast-context.d.ts
+interface ToastContextProps {
+  children: (context: UseToastContext) => JSX.Element;
+}
+declare const ToastContext: (props: ToastContextProps) => JSX.Element;
+//#endregion
+//#region src/components/toast/toast-description.d.ts
+interface ToastDescriptionBaseProps extends PolymorphicProps<'div'> {}
+interface ToastDescriptionProps extends HTMLProps<'div'>, ToastDescriptionBaseProps {}
+declare const ToastDescription: (props: ToastDescriptionProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-root.d.ts
+interface ToastRootBaseProps extends PolymorphicProps<'div'> {}
+interface ToastRootProps extends HTMLProps<'div'>, ToastRootBaseProps {}
+declare const ToastRoot: (props: ToastRootProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-title.d.ts
+interface ToastTitleBaseProps extends PolymorphicProps<'div'> {}
+interface ToastTitleProps extends HTMLProps<'div'>, ToastTitleBaseProps {}
+declare const ToastTitle: (props: ToastTitleProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/toast/toaster.d.ts
+type ToastOptions = toast.Options<JSX.Element>;
+interface ToasterBaseProps extends PolymorphicProps<'div'>, Omit<toast.GroupProps, 'id' | 'store'> {
+  toaster: CreateToasterReturn;
+  children: (toast: Accessor<ToastOptions>) => JSX.Element;
+}
+interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {}
+declare const Toaster: (props: ToasterProps) => JSX.Element;
+declare namespace toast_d_exports {
+  export { ActionOptions, ToastActionTrigger as ActionTrigger, ToastActionTriggerBaseProps as ActionTriggerBaseProps, ToastActionTriggerProps as ActionTriggerProps, ToastCloseTrigger as CloseTrigger, ToastCloseTriggerBaseProps as CloseTriggerBaseProps, ToastCloseTriggerProps as CloseTriggerProps, ToastContext as Context, ToastContextProps as ContextProps, ToastDescription as Description, ToastDescriptionBaseProps as DescriptionBaseProps, ToastDescriptionProps as DescriptionProps, ToastOptions as Options, Placement, PromiseOptions, ToastRoot as Root, ToastRootBaseProps as RootBaseProps, ToastRootProps as RootProps, Status, StatusChangeDetails, StoreProps, ToastTitle as Title, ToastTitleBaseProps as TitleBaseProps, ToastTitleProps as TitleProps, Type };
+}
+//#endregion
+export { type CreateToasterProps, type CreateToasterReturn, toast_d_exports as Toast, type ToastActionOptions, ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, ToastContext, type ToastContextProps, ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps, type ToastOptions, type ToastPlacement, type ToastPromiseOptions, ToastRoot, type ToastRootBaseProps, type ToastRootProps, type ToastStatus, type ToastStatusChangeDetails, type ToastStoreProps, ToastTitle, type ToastTitleBaseProps, type ToastTitleProps, type ToastType, Toaster, type ToasterBaseProps, type ToasterProps, type UseToastContext, createToaster, toastAnatomy, useToastContext };