@sprawlify/solid 0.0.18 → 0.0.20

package/dist/components/segment-group/index.jsx

@@ -0,0 +1,172 @@
+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 segmentGroup from "@sprawlify/primitives/machines/radio-group";
+import { anatomy } from "@sprawlify/primitives/machines/radio-group";
+
+//#region src/components/segment-group/use-segment-group-context.ts
+const [SegmentGroupProvider, useSegmentGroupContext] = createContext$1({
+	hookName: "useSegmentGroupContext",
+	providerName: "<SegmentGroupProvider />"
+});
+
+//#endregion
+//#region src/components/segment-group/segment-group-context.tsx
+const SegmentGroupContext = (props) => props.children(useSegmentGroupContext());
+
+//#endregion
+//#region src/components/segment-group/segment-group-anatomy.ts
+const segmentGroupAnatomy = anatomy.rename("segment-group");
+const parts = segmentGroupAnatomy.build();
+
+//#endregion
+//#region src/components/segment-group/segment-group-indicator.tsx
+const SegmentGroupIndicator = (props) => {
+	const segmentGroup$1 = useSegmentGroupContext();
+	const mergedProps = mergeProps$1(() => segmentGroup$1().getIndicatorProps(), parts.indicator.attrs, props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/segment-group/use-segment-group-item-context.ts
+const [SegmentGroupItemProvider, useSegmentGroupItemContext] = createContext$1({
+	hookName: "useSegmentGroupItemContext",
+	providerName: "<SegmentGroupItemProvider />"
+});
+
+//#endregion
+//#region src/components/segment-group/use-segment-group-item-props-context.ts
+const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createContext$1({
+	hookName: "useSegmentGroupItemPropsContext",
+	providerName: "<SegmentGroupItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/segment-group/segment-group-item.tsx
+const SegmentGroupItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"value",
+		"disabled",
+		"invalid"
+	]);
+	const segmentGroup$1 = useSegmentGroupContext();
+	const mergedProps = mergeProps$1(() => segmentGroup$1().getItemProps(itemProps), parts.item.attrs, localProps);
+	const itemState = createMemo(() => segmentGroup$1().getItemState(itemProps));
+	return <SegmentGroupItemPropsProvider value={itemProps}>
+      <SegmentGroupItemProvider value={itemState}>
+        <sprawlify.label {...mergedProps} />
+      </SegmentGroupItemProvider>
+    </SegmentGroupItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/segment-group/segment-group-item-context.tsx
+const SegmentGroupItemContext = (props) => props.children(useSegmentGroupItemContext());
+
+//#endregion
+//#region src/components/segment-group/segment-group-item-control.tsx
+const SegmentGroupItemControl = (props) => {
+	const segmentGroup$1 = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = mergeProps$1(() => segmentGroup$1().getItemControlProps(itemProps), parts.itemControl.attrs, props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/segment-group/segment-group-item-hidden-input.tsx
+const SegmentGroupItemHiddenInput = (props) => {
+	const segmentGroup$1 = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = mergeProps$1(() => segmentGroup$1().getItemHiddenInputProps(itemProps), props);
+	return <sprawlify.input {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/segment-group/segment-group-item-text.tsx
+const SegmentGroupItemText = (props) => {
+	const segmentGroup$1 = useSegmentGroupContext();
+	const itemProps = useSegmentGroupItemPropsContext();
+	const mergedProps = mergeProps$1(() => segmentGroup$1().getItemTextProps(itemProps), parts.itemText.attrs, props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/segment-group/segment-group-label.tsx
+const SegmentGroupLabel = (props) => {
+	const segmentGroup$1 = useSegmentGroupContext();
+	const mergedProps = mergeProps$1(() => segmentGroup$1().getLabelProps(), parts.label.attrs, props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/segment-group/use-segment-group.ts
+const useSegmentGroup = (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(segmentGroup.machine, machineProps);
+	return createMemo(() => segmentGroup.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/segment-group/segment-group-root.tsx
+const SegmentGroupRoot = (props) => {
+	const [useSegmentGroupProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"name",
+		"onValueChange",
+		"orientation",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const segmentGroup$1 = useSegmentGroup(useSegmentGroupProps);
+	const mergedProps = mergeProps$1(() => segmentGroup$1().getRootProps(), parts.root.attrs, localProps);
+	return <SegmentGroupProvider value={segmentGroup$1}>
+      <sprawlify.div {...mergedProps} />
+    </SegmentGroupProvider>;
+};
+
+//#endregion
+//#region src/components/segment-group/segment-group-root-provider.tsx
+const SegmentGroupRootProvider = (props) => {
+	const [{ value: segmentGroup$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => segmentGroup$1().getRootProps(), parts.root.attrs, localProps);
+	return <SegmentGroupProvider value={segmentGroup$1}>
+      <sprawlify.div {...mergedProps} />
+    </SegmentGroupProvider>;
+};
+
+//#endregion
+//#region src/components/segment-group/segment-group.ts
+var segment_group_exports = /* @__PURE__ */ __export({
+	Context: () => SegmentGroupContext,
+	Indicator: () => SegmentGroupIndicator,
+	Item: () => SegmentGroupItem,
+	ItemContext: () => SegmentGroupItemContext,
+	ItemControl: () => SegmentGroupItemControl,
+	ItemHiddenInput: () => SegmentGroupItemHiddenInput,
+	ItemText: () => SegmentGroupItemText,
+	Label: () => SegmentGroupLabel,
+	Root: () => SegmentGroupRoot,
+	RootProvider: () => SegmentGroupRootProvider
+});
+
+//#endregion
+export { segment_group_exports as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, segmentGroupAnatomy, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext };

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

@@ -1,24 +1,25 @@
-import { n as PropTypes } from "../../index-BLALA3BS.js";
-import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-mGUbKy2h.js";
-import { r as PolymorphicProps, t as HTMLProps } from "../../factory-srnAQg4A.js";
-import "../../render-strategy-BmTDUy3U.js";
-import { s as UsePresenceProps } from "../../index-DylIyeqd.js";
-import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-BwthXhaG.js";
-import * as solid_js178 from "solid-js";
+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 "../../render-strategy-DZynJsi2.js";
+import { t as selectAnatomy } from "../../select-anatomy-C-C6kOOF.js";
+import { s as UsePresenceProps } from "../../index-Cxus87ws.js";
+import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-k6GG_NQV.js";
+import * as solid_js461 from "solid-js";
 import { Accessor, JSX } from "solid-js";
 import * as select from "@sprawlify/primitives/machines/select";
-import { FocusOutsideEvent, FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent, InteractOutsideEvent as SelectInteractOutsideEvent, ItemProps, ItemState, OpenChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as SelectValueChangeDetails, anatomy as selectAnatomy } from "@sprawlify/primitives/machines/select";
+import { FocusOutsideEvent, FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent, InteractOutsideEvent as SelectInteractOutsideEvent, ItemProps, ItemState, OpenChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as SelectValueChangeDetails } from "@sprawlify/primitives/machines/select";
 import { JSX as JSX$1 } from "solid-js/jsx-runtime";
 
 //#region src/components/select/select-clear-trigger.d.ts
 interface SelectClearTriggerBaseProps extends PolymorphicProps<'button'> {}
 interface SelectClearTriggerProps extends HTMLProps<'button'>, SelectClearTriggerBaseProps {}
-declare const SelectClearTrigger: (props: SelectClearTriggerProps) => solid_js178.JSX.Element;
+declare const SelectClearTrigger: (props: SelectClearTriggerProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-content.d.ts
 interface SelectContentBaseProps extends PolymorphicProps<'div'> {}
 interface SelectContentProps extends HTMLProps<'div'>, SelectContentBaseProps {}
-declare const SelectContent: (props: SelectContentProps) => solid_js178.JSX.Element;
+declare const SelectContent: (props: SelectContentProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/use-select.d.ts
 interface UseSelectProps<T extends CollectionItem> extends Optional<Omit<select.Props<T>, 'collection' | 'dir' | 'getRootNode'>, 'id'> {
@@ -39,22 +40,22 @@ declare const SelectContext: <T extends CollectionItem>(props: SelectContextProp
 //#region src/components/select/select-control.d.ts
 interface SelectControlBaseProps extends PolymorphicProps<'div'> {}
 interface SelectControlProps extends HTMLProps<'div'>, SelectControlBaseProps {}
-declare const SelectControl: (props: SelectControlProps) => solid_js178.JSX.Element;
+declare const SelectControl: (props: SelectControlProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-hidden-select.d.ts
 interface SelectHiddenSelectBaseProps extends PolymorphicProps<'select'> {}
 interface SelectHiddenSelectProps extends HTMLProps<'select'>, SelectHiddenSelectBaseProps {}
-declare const SelectHiddenSelect: (props: SelectHiddenSelectProps) => solid_js178.JSX.Element;
+declare const SelectHiddenSelect: (props: SelectHiddenSelectProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-indicator.d.ts
 interface SelectIndicatorBaseProps extends PolymorphicProps<'div'> {}
 interface SelectIndicatorProps extends HTMLProps<'div'>, SelectIndicatorBaseProps {}
-declare const SelectIndicator: (props: SelectIndicatorProps) => solid_js178.JSX.Element;
+declare const SelectIndicator: (props: SelectIndicatorProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-item.d.ts
 interface SelectItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
 interface SelectItemProps extends HTMLProps<'div'>, SelectItemBaseProps {}
-declare const SelectItem: (props: SelectItemProps) => solid_js178.JSX.Element;
+declare const SelectItem: (props: SelectItemProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/use-select-item-context.d.ts
 interface UseSelectItemContext extends Accessor<ItemState> {}
@@ -68,37 +69,37 @@ declare const SelectItemContext: (props: SelectItemContextProps) => JSX.Element;
 //#region src/components/select/select-item-group.d.ts
 interface SelectItemGroupBaseProps extends PolymorphicProps<'div'> {}
 interface SelectItemGroupProps extends HTMLProps<'div'>, SelectItemGroupBaseProps {}
-declare const SelectItemGroup: (props: SelectItemGroupProps) => solid_js178.JSX.Element;
+declare const SelectItemGroup: (props: SelectItemGroupProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-item-group-label.d.ts
 interface SelectItemGroupLabelBaseProps extends PolymorphicProps<'div'> {}
 interface SelectItemGroupLabelProps extends HTMLProps<'div'>, SelectItemGroupLabelBaseProps {}
-declare const SelectItemGroupLabel: (props: SelectItemGroupLabelProps) => solid_js178.JSX.Element;
+declare const SelectItemGroupLabel: (props: SelectItemGroupLabelProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-item-indicator.d.ts
 interface SelectItemIndicatorBaseProps extends PolymorphicProps<'div'> {}
 interface SelectItemIndicatorProps extends HTMLProps<'div'>, SelectItemIndicatorBaseProps {}
-declare const SelectItemIndicator: (props: SelectItemIndicatorProps) => solid_js178.JSX.Element;
+declare const SelectItemIndicator: (props: SelectItemIndicatorProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-item-text.d.ts
 interface SelectItemTextBaseProps extends PolymorphicProps<'span'> {}
 interface SelectItemTextProps extends HTMLProps<'span'>, SelectItemTextBaseProps {}
-declare const SelectItemText: (props: SelectItemTextProps) => solid_js178.JSX.Element;
+declare const SelectItemText: (props: SelectItemTextProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-label.d.ts
 interface SelectLabelBaseProps extends PolymorphicProps<'label'> {}
 interface SelectLabelProps extends HTMLProps<'label'>, SelectLabelBaseProps {}
-declare const SelectLabel: (props: SelectLabelProps) => solid_js178.JSX.Element;
+declare const SelectLabel: (props: SelectLabelProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-list.d.ts
 interface SelectListBaseProps extends PolymorphicProps<'div'> {}
 interface SelectListProps extends HTMLProps<'div'>, SelectListBaseProps {}
-declare const SelectList: (props: SelectListProps) => solid_js178.JSX.Element;
+declare const SelectList: (props: SelectListProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-positioner.d.ts
 interface SelectPositionerBaseProps extends PolymorphicProps<'div'> {}
 interface SelectPositionerProps extends HTMLProps<'div'>, SelectPositionerBaseProps {}
-declare const SelectPositioner: (props: SelectPositionerProps) => solid_js178.JSX.Element;
+declare const SelectPositioner: (props: SelectPositionerProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-root.d.ts
 interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps, PolymorphicProps<'div'> {}
@@ -119,14 +120,14 @@ type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Ass
 //#region src/components/select/select-trigger.d.ts
 interface SelectTriggerBaseProps extends PolymorphicProps<'button'> {}
 interface SelectTriggerProps extends HTMLProps<'button'>, SelectTriggerBaseProps {}
-declare const SelectTrigger: (props: SelectTriggerProps) => solid_js178.JSX.Element;
+declare const SelectTrigger: (props: SelectTriggerProps) => solid_js461.JSX.Element;
 //#endregion
 //#region src/components/select/select-value-text.d.ts
 interface SelectValueTextBaseProps extends PolymorphicProps<'span'> {
   placeholder?: string;
 }
 interface SelectValueTextProps extends HTMLProps<'span'>, SelectValueTextBaseProps {}
-declare const SelectValueText: (props: SelectValueTextProps) => solid_js178.JSX.Element;
+declare const SelectValueText: (props: SelectValueTextProps) => solid_js461.JSX.Element;
 declare namespace select_d_exports {
   export { SelectClearTrigger as ClearTrigger, SelectClearTriggerBaseProps as ClearTriggerBaseProps, SelectClearTriggerProps as ClearTriggerProps, CollectionItem, SelectContent as Content, SelectContentBaseProps as ContentBaseProps, SelectContentProps as ContentProps, SelectContext as Context, SelectContextProps as ContextProps, SelectControl as Control, SelectControlBaseProps as ControlBaseProps, SelectControlProps as ControlProps, FocusOutsideEvent, SelectHiddenSelect as HiddenSelect, SelectHiddenSelectBaseProps as HiddenSelectBaseProps, SelectHiddenSelectProps as HiddenSelectProps, HighlightChangeDetails, SelectIndicator as Indicator, SelectIndicatorBaseProps as IndicatorBaseProps, SelectIndicatorProps as IndicatorProps, InteractOutsideEvent, SelectItem as Item, SelectItemBaseProps as ItemBaseProps, SelectItemContext as ItemContext, SelectItemContextProps as ItemContextProps, SelectItemGroup as ItemGroup, SelectItemGroupBaseProps as ItemGroupBaseProps, SelectItemGroupLabel as ItemGroupLabel, SelectItemGroupLabelBaseProps as ItemGroupLabelBaseProps, SelectItemGroupLabelProps as ItemGroupLabelProps, SelectItemGroupProps as ItemGroupProps, SelectItemIndicator as ItemIndicator, SelectItemIndicatorBaseProps as ItemIndicatorBaseProps, SelectItemIndicatorProps as ItemIndicatorProps, SelectItemProps as ItemProps, SelectItemText as ItemText, SelectItemTextBaseProps as ItemTextBaseProps, SelectItemTextProps as ItemTextProps, SelectLabel as Label, SelectLabelBaseProps as LabelBaseProps, SelectLabelProps as LabelProps, SelectList as List, SelectListBaseProps as ListBaseProps, ListCollection, SelectListProps as ListProps, OpenChangeDetails, PointerDownOutsideEvent, SelectPositioner as Positioner, SelectPositionerBaseProps as PositionerBaseProps, SelectPositionerProps as PositionerProps, SelectRoot as Root, SelectRootBaseProps as RootBaseProps, SelectRootComponent as RootComponent, SelectRootComponentProps as RootComponentProps, SelectRootProps as RootProps, SelectRootProvider as RootProvider, SelectRootProviderBaseProps as RootProviderBaseProps, SelectRootProviderComponent as RootProviderComponent, SelectRootProviderProps as RootProviderProps, SelectTrigger as Trigger, SelectTriggerBaseProps as TriggerBaseProps, SelectTriggerProps as TriggerProps, ValueChangeDetails, SelectValueText as ValueText, SelectValueTextBaseProps as ValueTextBaseProps, SelectValueTextProps as ValueTextProps };
 }

package/dist/components/select/index.js

@@ -1,20 +1,22 @@
-import { t as __export } from "../../chunk-Bn8mXcTA.js";
-import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-CRjuRw95.js";
-import { t as runIfFn } from "../../run-if-fn-C80kt4dU.js";
-import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
-import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DgUckEdb.js";
-import { t as sprawlify } from "../../factory-k8EbNZ7r.js";
-import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
-import "../../render-strategy-BlHCR8sl.js";
-import { t as composeRefs } from "../../compose-refs-tCBI7PRJ.js";
-import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Clrs1hmS.js";
-import "../../fieldset-B2nK8dL5.js";
-import { m as useFieldContext } from "../../field-CZv3v7K-.js";
-import { n as useListCollection, o as createListCollection } from "../../collection-BVSLJ8Vb.js";
+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 selectAnatomy } from "../../select-anatomy-D-hDwjng.js";
+import { t as createSplitProps } from "../../create-split-props-L9BbhhCg.js";
+import "../../render-strategy-U4x7_Ist.js";
+import { t as composeRefs } from "../../compose-refs-Chr9AtC3.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-NuziQqqg.js";
+import "../../fieldset-DQmh-Ktv.js";
+import { p as useFieldContext } from "../../field-BCordac5.js";
+import { n as useListCollection, o as createListCollection } from "../../collection--s4jM1D5.js";
 import { Index, Show, createMemo, createUniqueId } from "solid-js";
 import { createComponent, effect, insert, mergeProps as mergeProps$1, template } from "solid-js/web";
 import * as select from "@sprawlify/primitives/machines/select";
-import { anatomy as selectAnatomy } from "@sprawlify/primitives/machines/select";
 
 //#region src/components/select/use-select-context.ts
 const [SelectProvider, useSelectContext] = createContext$1({

package/dist/components/select/index.jsx

@@ -1,16 +1,16 @@
-import { t as __export } from "../../chunk-BJ7z6UrO.jsx";
-import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-C_FYj4uc.jsx";
-import { t as runIfFn } from "../../run-if-fn-CrJzzDIM.jsx";
-import { t as createContext$1 } from "../../create-context-BwqlrMqL.jsx";
-import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-C6VPiSrB.jsx";
-import { t as sprawlify } from "../../factory-BIJk1mK6.jsx";
-import { t as createSplitProps } from "../../create-split-props-CKwjjjkD.jsx";
-import "../../render-strategy-KJFIjVVG.jsx";
-import { t as composeRefs } from "../../compose-refs-Cp4AShsY.jsx";
-import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-H4-8_5_s.jsx";
-import "../../fieldset-aYQsMWX2.jsx";
-import { m as useFieldContext } from "../../field-CtkmPUb0.jsx";
-import { n as useListCollection, o as createListCollection } from "../../collection-CIXQG-Ne.jsx";
+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 "../../render-strategy-_PhwzAgZ.jsx";
+import { t as composeRefs } from "../../compose-refs-11PIsxEa.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-ZCUJRZyo.jsx";
+import "../../fieldset-CnzvSH3P.jsx";
+import { m as useFieldContext } from "../../field-NgZys4GU.jsx";
+import { n as useListCollection, o as createListCollection } from "../../collection--IEeSstQ.jsx";
 import { Index, Show, createMemo, createUniqueId } from "solid-js";
 import * as select from "@sprawlify/primitives/machines/select";
 import { anatomy as selectAnatomy } from "@sprawlify/primitives/machines/select";

package/dist/components/signature-pad/index.d.ts

@@ -0,0 +1,70 @@
+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 signaturePadAnatomy } from "../../signature-pad-anatomy-DmdvoOSX.js";
+import * as solid_js249 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as signaturePad from "@sprawlify/primitives/machines/signature-pad";
+import { DrawDetails, DrawDetails as SignaturePadDrawDetails, DrawEndDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions, DrawingOptions as SignaturePadDrawingOptions, HiddenInputProps } from "@sprawlify/primitives/machines/signature-pad";
+
+//#region src/components/signature-pad/signature-pad-clear-trigger.d.ts
+interface SignaturePadClearTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface SignaturePadClearTriggerProps extends HTMLProps<'button'>, SignaturePadClearTriggerBaseProps {}
+declare const SignaturePadClearTrigger: (props: SignaturePadClearTriggerProps) => solid_js249.JSX.Element;
+//#endregion
+//#region src/components/signature-pad/use-signature-pad.d.ts
+interface UseSignaturePadProps extends Optional<Omit<signaturePad.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseSignaturePadReturn extends Accessor<signaturePad.Api<PropTypes>> {}
+declare const useSignaturePad: (props?: MaybeAccessor<UseSignaturePadProps>) => UseSignaturePadReturn;
+//#endregion
+//#region src/components/signature-pad/use-signature-pad-context.d.ts
+interface UseSignaturePadContext extends UseSignaturePadReturn {}
+//#endregion
+//#region src/components/signature-pad/signature-pad-context.d.ts
+interface SignaturePadContextProps {
+  children: (context: UseSignaturePadContext) => JSX.Element;
+}
+declare const SignaturePadContext: (props: SignaturePadContextProps) => JSX.Element;
+//#endregion
+//#region src/components/signature-pad/signature-pad-control.d.ts
+interface SignaturePadControlBaseProps extends PolymorphicProps<'div'> {}
+interface SignaturePadControlProps extends HTMLProps<'div'>, SignaturePadControlBaseProps {}
+declare const SignaturePadControl: (props: SignaturePadControlProps) => solid_js249.JSX.Element;
+//#endregion
+//#region src/components/signature-pad/signature-pad-guide.d.ts
+interface SignaturePadGuideBaseProps extends PolymorphicProps<'div'> {}
+interface SignaturePadGuideProps extends HTMLProps<'div'>, SignaturePadGuideBaseProps {}
+declare const SignaturePadGuide: (props: SignaturePadGuideProps) => solid_js249.JSX.Element;
+//#endregion
+//#region src/components/signature-pad/signature-pad-hidden-input.d.ts
+interface SignaturePadHiddenInputBaseProps extends HiddenInputProps, PolymorphicProps<'input'> {}
+interface SignaturePadHiddenInputProps extends Assign<HTMLProps<'input'>, SignaturePadHiddenInputBaseProps> {}
+declare const SignaturePadHiddenInput: (props: SignaturePadHiddenInputProps) => solid_js249.JSX.Element;
+//#endregion
+//#region src/components/signature-pad/signature-pad-label.d.ts
+interface SignaturePadLabelBaseProps extends PolymorphicProps<'label'> {}
+interface SignaturePadLabelProps extends HTMLProps<'label'>, SignaturePadLabelBaseProps {}
+declare const SignaturePadLabel: (props: SignaturePadLabelProps) => solid_js249.JSX.Element;
+//#endregion
+//#region src/components/signature-pad/signature-pad-root.d.ts
+interface SignaturePadRootBaseProps extends UseSignaturePadProps, PolymorphicProps<'div'> {}
+interface SignaturePadRootProps extends HTMLProps<'div'>, SignaturePadRootBaseProps {}
+declare const SignaturePadRoot: (props: SignaturePadRootProps) => solid_js249.JSX.Element;
+//#endregion
+//#region src/components/signature-pad/signature-pad-root-provider.d.ts
+interface RootProviderProps {
+  value: UseSignaturePadReturn;
+}
+interface SignaturePadRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface SignaturePadRootProviderProps extends HTMLProps<'div'>, RootProviderProps, SignaturePadRootProviderBaseProps {}
+declare const SignaturePadRootProvider: (props: SignaturePadRootProviderProps) => solid_js249.JSX.Element;
+//#endregion
+//#region src/components/signature-pad/signature-pad-segment.d.ts
+interface SignaturePadSegmentBaseProps extends PolymorphicProps<'svg'> {}
+interface SignaturePadSegmentProps extends HTMLProps<'svg'>, SignaturePadSegmentBaseProps {}
+declare const SignaturePadSegment: (props: SignaturePadSegmentProps) => solid_js249.JSX.Element;
+declare namespace signature_pad_d_exports {
+  export { SignaturePadClearTrigger as ClearTrigger, SignaturePadClearTriggerBaseProps as ClearTriggerBaseProps, SignaturePadClearTriggerProps as ClearTriggerProps, SignaturePadContext as Context, SignaturePadContextProps as ContextProps, SignaturePadControl as Control, SignaturePadControlBaseProps as ControlBaseProps, SignaturePadControlProps as ControlProps, DrawDetails, DrawEndDetails, DrawingOptions, SignaturePadGuide as Guide, SignaturePadGuideBaseProps as GuideBaseProps, SignaturePadGuideProps as GuideProps, SignaturePadHiddenInput as HiddenInput, SignaturePadHiddenInputBaseProps as HiddenInputBaseProps, SignaturePadHiddenInputProps as HiddenInputProps, SignaturePadLabel as Label, SignaturePadLabelBaseProps as LabelBaseProps, SignaturePadLabelProps as LabelProps, SignaturePadRoot as Root, SignaturePadRootBaseProps as RootBaseProps, SignaturePadRootProps as RootProps, SignaturePadRootProvider as RootProvider, SignaturePadRootProviderBaseProps as RootProviderBaseProps, SignaturePadRootProviderProps as RootProviderProps, SignaturePadSegment as Segment, SignaturePadSegmentBaseProps as SegmentBaseProps, SignaturePadSegmentProps as SegmentProps };
+}
+//#endregion
+export { signature_pad_d_exports as SignaturePad, SignaturePadClearTrigger, type SignaturePadClearTriggerBaseProps, type SignaturePadClearTriggerProps, SignaturePadContext, type SignaturePadContextProps, SignaturePadControl, type SignaturePadControlBaseProps, type SignaturePadControlProps, type SignaturePadDrawDetails, type SignaturePadDrawEndDetails, type SignaturePadDrawingOptions, SignaturePadGuide, type SignaturePadGuideBaseProps, type SignaturePadGuideProps, SignaturePadHiddenInput, type SignaturePadHiddenInputBaseProps, type SignaturePadHiddenInputProps, SignaturePadLabel, type SignaturePadLabelBaseProps, type SignaturePadLabelProps, SignaturePadRoot, type SignaturePadRootBaseProps, type SignaturePadRootProps, SignaturePadRootProvider, type SignaturePadRootProviderBaseProps, type SignaturePadRootProviderProps, SignaturePadSegment, type SignaturePadSegmentBaseProps, type SignaturePadSegmentProps, type UseSignaturePadContext, type UseSignaturePadProps, type UseSignaturePadReturn, signaturePadAnatomy, useSignaturePad, useSignaturePadContext };

package/dist/components/signature-pad/index.js

@@ -0,0 +1,185 @@
+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 signaturePadAnatomy } from "../../signature-pad-anatomy-BPRzD8r2.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 { For, Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1, spread, template } from "solid-js/web";
+import * as signaturePad from "@sprawlify/primitives/machines/signature-pad";
+
+//#region src/components/signature-pad/use-signature-pad-context.ts
+const [SignaturePadProvider, useSignaturePadContext] = createContext$1({
+	hookName: "useSignaturePadContext",
+	providerName: "<SignaturePadProvider />"
+});
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-clear-trigger.tsx
+const SignaturePadClearTrigger = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad$1().getClearTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-context.tsx
+const SignaturePadContext = (props) => props.children(useSignaturePadContext());
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-control.tsx
+const SignaturePadControl = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad$1().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-guide.tsx
+const SignaturePadGuide = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad$1().getGuideProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-hidden-input.tsx
+const SignaturePadHiddenInput = (props) => {
+	const [hiddenInputProps, localProps] = createSplitProps()(props, ["value"]);
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad$1().getHiddenInputProps(hiddenInputProps), localProps);
+	const field = useFieldContext();
+	return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-label.tsx
+const SignaturePadLabel = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad$1().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/signature-pad/use-signature-pad.ts
+const useSignaturePad = (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,
+		required: field?.().required,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(signaturePad.machine, machineProps);
+	return createMemo(() => signaturePad.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-root.tsx
+const SignaturePadRoot = (props) => {
+	const [useSignaturePadProps, localProps] = createSplitProps()(props, [
+		"id",
+		"ids",
+		"defaultPaths",
+		"drawing",
+		"disabled",
+		"readOnly",
+		"name",
+		"onDraw",
+		"onDrawEnd",
+		"paths",
+		"readOnly",
+		"required",
+		"translations"
+	]);
+	const signaturePad$1 = useSignaturePad(useSignaturePadProps);
+	const mergedProps = mergeProps$2(() => signaturePad$1().getRootProps(), localProps);
+	return createComponent(SignaturePadProvider, {
+		value: signaturePad$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-root-provider.tsx
+const SignaturePadRootProvider = (props) => {
+	const [{ value: signaturePad$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => signaturePad$1().getRootProps(), localProps);
+	return createComponent(SignaturePadProvider, {
+		value: signaturePad$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad-segment.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<title>Signature`), _tmpl$2 = /* @__PURE__ */ template(`<svg><path></svg>`, false, true, false);
+const SignaturePadSegment = (props) => {
+	const signaturePad$1 = useSignaturePadContext();
+	const mergedProps = mergeProps$2(() => signaturePad$1().getSegmentProps(), props);
+	return createComponent(sprawlify.svg, mergeProps$1(mergedProps, { get children() {
+		return [
+			_tmpl$(),
+			createComponent(For, {
+				get each() {
+					return signaturePad$1().paths;
+				},
+				children: (path) => (() => {
+					var _el$3 = _tmpl$2();
+					spread(_el$3, mergeProps$1(() => signaturePad$1().getSegmentPathProps({ path })), true, false);
+					return _el$3;
+				})()
+			}),
+			createComponent(Show, {
+				get when() {
+					return signaturePad$1().currentPath;
+				},
+				get children() {
+					var _el$2 = _tmpl$2();
+					spread(_el$2, mergeProps$1(() => signaturePad$1().getSegmentPathProps({ path: signaturePad$1().currentPath })), true, false);
+					return _el$2;
+				}
+			})
+		];
+	} }));
+};
+
+//#endregion
+//#region src/components/signature-pad/signature-pad.ts
+var signature_pad_exports = /* @__PURE__ */ __export({
+	ClearTrigger: () => SignaturePadClearTrigger,
+	Context: () => SignaturePadContext,
+	Control: () => SignaturePadControl,
+	Guide: () => SignaturePadGuide,
+	HiddenInput: () => SignaturePadHiddenInput,
+	Label: () => SignaturePadLabel,
+	Root: () => SignaturePadRoot,
+	RootProvider: () => SignaturePadRootProvider,
+	Segment: () => SignaturePadSegment
+});
+
+//#endregion
+export { signature_pad_exports as SignaturePad, SignaturePadClearTrigger, SignaturePadContext, SignaturePadControl, SignaturePadGuide, SignaturePadHiddenInput, SignaturePadLabel, SignaturePadRoot, SignaturePadRootProvider, SignaturePadSegment, signaturePadAnatomy, useSignaturePad, useSignaturePadContext };