@sprawlify/solid 0.0.19 → 0.0.21

package/dist/components/tabs/index.js

@@ -0,0 +1,161 @@
+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 { t as tabsAnatomy } from "../../tabs-anatomy-CHgCEJsD.js";
+import { t as createSplitProps } from "../../create-split-props-L9BbhhCg.js";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-U4x7_Ist.js";
+import { t as composeRefs } from "../../compose-refs-Chr9AtC3.js";
+import { i as usePresence, t as PresenceProvider } from "../../presence-NuziQqqg.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as tabs from "@sprawlify/primitives/machines/tabs";
+
+//#region src/components/tabs/use-tabs-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(sprawlify.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(sprawlify.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(sprawlify.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(sprawlify.button, mergedProps);
+};
+
+//#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 = 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/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(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/tabs/tabs-root-provider.tsx
+const TabsRootProvider = (props) => {
+	const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+	const [{ value: tabs$1 }, localprops] = createSplitProps()(tabsProps, ["value"]);
+	const mergedProps = mergeProps$2(() => tabs$1().getRootProps(), localprops);
+	return createComponent(TabsProvider, {
+		value: tabs$1,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#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 };

package/dist/components/tabs/index.jsx

@@ -0,0 +1,137 @@
+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 { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-_PhwzAgZ.jsx";
+import { t as composeRefs } from "../../compose-refs-11PIsxEa.jsx";
+import { i as usePresence, t as PresenceProvider } from "../../presence-ZCUJRZyo.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+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({
+	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}>
+        <sprawlify.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 <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/tabs/tab-list.tsx
+const TabList = (props) => {
+	const api = useTabsContext();
+	const mergedProps = mergeProps$1(() => api().getListProps(), props);
+	return <sprawlify.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 <sprawlify.button {...mergedProps} />;
+};
+
+//#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 = 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/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}>
+        <sprawlify.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </TabsProvider>;
+};
+
+//#endregion
+//#region src/components/tabs/tabs-root-provider.tsx
+const TabsRootProvider = (props) => {
+	const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+	const [{ value: tabs$1 }, localprops] = createSplitProps()(tabsProps, ["value"]);
+	const mergedProps = mergeProps$1(() => tabs$1().getRootProps(), localprops);
+	return <TabsProvider value={tabs$1}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <sprawlify.div {...mergedProps} />
+      </RenderStrategyProvider>
+    </TabsProvider>;
+};
+
+//#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 };

package/dist/components/tags-input/index.d.ts

@@ -0,0 +1,99 @@
+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 tagsInputAnatomy } from "../../tags-input-anatomy-BLnjypXf.js";
+import * as solid_js140 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as tagsInput from "@sprawlify/primitives/machines/tags-input";
+import { FocusOutsideEvent, FocusOutsideEvent as TagsInputFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as TagsInputHighlightChangeDetails, InputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, InteractOutsideEvent, InteractOutsideEvent as TagsInputInteractOutsideEvent, ItemProps, ItemState, PointerDownOutsideEvent, PointerDownOutsideEvent as TagsInputPointerDownOutsideEvent, ValidityChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails } from "@sprawlify/primitives/machines/tags-input";
+
+//#region src/components/tags-input/tags-input-clear-trigger.d.ts
+interface TagsInputClearTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface TagsInputClearTriggerProps extends HTMLProps<'button'>, TagsInputClearTriggerBaseProps {}
+declare const TagsInputClearTrigger: (props: TagsInputClearTriggerProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/use-tags-input.d.ts
+interface UseTagsInputProps extends Optional<Omit<tagsInput.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseTagsInputReturn extends Accessor<tagsInput.Api<PropTypes>> {}
+declare const useTagsInput: (props?: MaybeAccessor<UseTagsInputProps>) => UseTagsInputReturn;
+//#endregion
+//#region src/components/tags-input/use-tags-input-context.d.ts
+interface UseTagsInputContext extends UseTagsInputReturn {}
+//#endregion
+//#region src/components/tags-input/tags-input-context.d.ts
+interface TagsInputContextProps {
+  children: (context: UseTagsInputContext) => JSX.Element;
+}
+declare const TagsInputContext: (props: TagsInputContextProps) => JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-control.d.ts
+interface TagsInputControlBaseProps extends PolymorphicProps<'div'> {}
+interface TagsInputControlProps extends HTMLProps<'div'>, TagsInputControlBaseProps {}
+declare const TagsInputControl: (props: TagsInputControlProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-hidden-input.d.ts
+interface TagsInputHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+interface TagsInputHiddenInputProps extends HTMLProps<'input'>, TagsInputHiddenInputBaseProps {}
+declare const TagsInputHiddenInput: (props: TagsInputHiddenInputProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-input.d.ts
+interface TagsInputInputBaseProps extends PolymorphicProps<'input'> {}
+interface TagsInputInputProps extends HTMLProps<'input'>, TagsInputInputBaseProps {}
+declare const TagsInputInput: (props: TagsInputInputProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-item.d.ts
+interface TagsInputItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
+interface TagsInputItemProps extends HTMLProps<'div'>, TagsInputItemBaseProps {}
+declare const TagsInputItem: (props: TagsInputItemProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/use-tags-input-item-context.d.ts
+interface UseTagsInputItemContext extends Accessor<ItemState> {}
+//#endregion
+//#region src/components/tags-input/tags-input-item-context.d.ts
+interface TagsInputItemContextProps {
+  children: (context: UseTagsInputItemContext) => JSX.Element;
+}
+declare const TagsInputItemContext: (props: TagsInputItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-item-delete-trigger.d.ts
+interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface TagsInputItemDeleteTriggerProps extends HTMLProps<'button'>, TagsInputItemDeleteTriggerBaseProps {}
+declare const TagsInputItemDeleteTrigger: (props: TagsInputItemDeleteTriggerProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-item-input.d.ts
+interface TagsInputItemInputBaseProps extends PolymorphicProps<'input'> {}
+interface TagsInputItemInputProps extends HTMLProps<'input'>, TagsInputItemInputBaseProps {}
+declare const TagsInputItemInput: (props: TagsInputItemInputProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-item-preview.d.ts
+interface TagsInputItemPreviewBaseProps extends PolymorphicProps<'div'> {}
+interface TagsInputItemPreviewProps extends HTMLProps<'div'>, TagsInputItemPreviewBaseProps {}
+declare const TagsInputItemPreview: (props: TagsInputItemPreviewProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-item-text.d.ts
+interface TagsInputItemTextBaseProps extends PolymorphicProps<'span'> {}
+interface TagsInputItemTextProps extends HTMLProps<'span'>, TagsInputItemTextBaseProps {}
+declare const TagsInputItemText: (props: TagsInputItemTextProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-label.d.ts
+interface TagsInputLabelBaseProps extends PolymorphicProps<'label'> {}
+interface TagsInputLabelProps extends HTMLProps<'label'>, TagsInputLabelBaseProps {}
+declare const TagsInputLabel: (props: TagsInputLabelProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-root.d.ts
+interface TagsInputRootBaseProps extends UseTagsInputProps, PolymorphicProps<'div'> {}
+interface TagsInputRootProps extends HTMLProps<'div'>, TagsInputRootBaseProps {}
+declare const TagsInputRoot: (props: TagsInputRootProps) => solid_js140.JSX.Element;
+//#endregion
+//#region src/components/tags-input/tags-input-root-provider.d.ts
+interface RootProviderProps {
+  value: UseTagsInputReturn;
+}
+interface TagsInputRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface TagsInputRootProviderProps extends HTMLProps<'div'>, RootProviderProps, TagsInputRootProviderBaseProps {}
+declare const TagsInputRootProvider: (props: TagsInputRootProviderProps) => solid_js140.JSX.Element;
+declare namespace tags_input_d_exports {
+  export { TagsInputClearTrigger as ClearTrigger, TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, TagsInputClearTriggerProps as ClearTriggerProps, TagsInputContext as Context, TagsInputContextProps as ContextProps, TagsInputControl as Control, TagsInputControlBaseProps as ControlBaseProps, TagsInputControlProps as ControlProps, FocusOutsideEvent, TagsInputHiddenInput as HiddenInput, TagsInputHiddenInputBaseProps as HiddenInputBaseProps, TagsInputHiddenInputProps as HiddenInputProps, HighlightChangeDetails, TagsInputInput as Input, TagsInputInputBaseProps as InputBaseProps, TagsInputInputProps as InputProps, InputValueChangeDetails, InteractOutsideEvent, TagsInputItem as Item, TagsInputItemBaseProps as ItemBaseProps, TagsInputItemContext as ItemContext, TagsInputItemContextProps as ItemContextProps, TagsInputItemDeleteTrigger as ItemDeleteTrigger, TagsInputItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, TagsInputItemDeleteTriggerProps as ItemDeleteTriggerProps, TagsInputItemInput as ItemInput, TagsInputItemInputBaseProps as ItemInputBaseProps, TagsInputItemInputProps as ItemInputProps, TagsInputItemPreview as ItemPreview, TagsInputItemPreviewBaseProps as ItemPreviewBaseProps, TagsInputItemPreviewProps as ItemPreviewProps, TagsInputItemProps as ItemProps, TagsInputItemText as ItemText, TagsInputItemTextBaseProps as ItemTextBaseProps, TagsInputItemTextProps as ItemTextProps, TagsInputLabel as Label, TagsInputLabelBaseProps as LabelBaseProps, TagsInputLabelProps as LabelProps, PointerDownOutsideEvent, TagsInputRoot as Root, TagsInputRootBaseProps as RootBaseProps, TagsInputRootProps as RootProps, TagsInputRootProvider as RootProvider, TagsInputRootProviderBaseProps as RootProviderBaseProps, TagsInputRootProviderProps as RootProviderProps, ValidityChangeDetails, ValueChangeDetails };
+}
+//#endregion
+export { tags_input_d_exports as TagsInput, TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, TagsInputContext, type TagsInputContextProps, TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, type TagsInputFocusOutsideEvent, TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, type TagsInputHighlightChangeDetails, TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps, type TagsInputInputValueChangeDetails, type TagsInputInteractOutsideEvent, TagsInputItem, type TagsInputItemBaseProps, TagsInputItemContext, type TagsInputItemContextProps, TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, type TagsInputItemProps, TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps, TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps, type TagsInputPointerDownOutsideEvent, TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps, TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, type TagsInputValidityChangeDetails, type TagsInputValueChangeDetails, type UseTagsInputContext, type UseTagsInputItemContext, type UseTagsInputProps, type UseTagsInputReturn, tagsInputAnatomy, useTagsInput, useTagsInputContext, useTagsInputItemContext };

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

@@ -0,0 +1,251 @@
+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 tagsInputAnatomy } from "../../tags-input-anatomy-DeQcN1NX.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 tagsInput 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$2(() => api().getClearTriggerProps(), props);
+	return createComponent(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$2(() => api().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-hidden-input.tsx
+const TagsInputHiddenInput = (props) => {
+	const tagsInput$1 = useTagsInputContext();
+	const mergedProps = mergeProps$2(() => tagsInput$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-input.tsx
+const TagsInputInput = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$2(() => api().getInputProps(), props);
+	return createComponent(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$2(() => api().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => api().getItemState(itemProps));
+	return createComponent(TagsInputItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(TagsInputItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#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$2(() => api().getItemDeleteTriggerProps(itemProps), props);
+	return createComponent(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$2(() => api().getItemInputProps(itemProps), props);
+	return createComponent(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$2(() => api().getItemPreviewProps(itemProps), props);
+	return createComponent(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$2(() => api().getItemTextProps(itemProps), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/tags-input/tags-input-label.tsx
+const TagsInputLabel = (props) => {
+	const api = useTagsInputContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(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$2(() => api().getRootProps(), localProps);
+	return createComponent(TagsInputProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#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$2(() => tagsInput$1().getRootProps(), localProps);
+	return createComponent(TagsInputProvider, {
+		value: tagsInput$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#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 };