@sprawlify/solid 0.0.15 → 0.0.16

package/dist/components/editable/index.js

@@ -0,0 +1,190 @@
+import { t as __export } from "../../chunk-B93cd-Dz.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-oNB2jGcl.js";
+import { t as runIfFn } from "../../run-if-fn-D5794CxE.js";
+import { t as createContext$1 } from "../../create-context-GfQ_MylE.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-Bo0OFe08.js";
+import { t as createSplitProps } from "../../create-split-props-pQu7jijw.js";
+import { t as sprawlify } from "../../factory-PGDAvOKb.js";
+import "../../compose-refs-BVVIB7xn.js";
+import "../../fieldset-BrJqMLEd.js";
+import { m as useFieldContext } from "../../field-CoYiA2ek.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as editable from "@sprawlify/primitives/machines/editable";
+import { anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
+
+//#region src/components/editable/use-editable-context.ts
+const [EditableProvider, useEditableContext] = createContext$1({
+	hookName: "useEditableContext",
+	providerName: "<EditableProvider />"
+});
+
+//#endregion
+//#region src/components/editable/editable-area.tsx
+const EditableArea = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$2(() => api().getAreaProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/editable/editable-cancel-trigger.tsx
+const EditableCancelTrigger = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$2(() => api().getCancelTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/editable/editable-context.tsx
+const EditableContext = (props) => props.children(useEditableContext());
+
+//#endregion
+//#region src/components/editable/editable-control.tsx
+const EditableControl = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/editable/editable-edit-trigger.tsx
+const EditableEditTrigger = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$2(() => api().getEditTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/editable/editable-input.tsx
+const EditableInput = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$2(() => api().getInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+
+//#endregion
+//#region src/components/editable/editable-label.tsx
+const EditableLabel = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/editable/editable-preview.tsx
+const EditablePreview = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$2(() => api().getPreviewProps(), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/editable/use-editable.ts
+const useEditable = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			input: 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(editable.machine, machineProps);
+	return createMemo(() => editable.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/editable/editable-root.tsx
+const EditableRoot = (props) => {
+	const [useEditableProps, localProps] = createSplitProps()(props, [
+		"activationMode",
+		"autoResize",
+		"defaultEdit",
+		"defaultValue",
+		"disabled",
+		"edit",
+		"finalFocusEl",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"maxLength",
+		"name",
+		"onEditChange",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onPointerDownOutside",
+		"onValueChange",
+		"onValueCommit",
+		"onValueRevert",
+		"placeholder",
+		"readOnly",
+		"required",
+		"selectOnFocus",
+		"submitMode",
+		"translations",
+		"value"
+	]);
+	const api = useEditable(useEditableProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(EditableProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/editable/editable-root-provider.tsx
+const EditableRootProvider = (props) => {
+	const [{ value: editable$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => editable$1().getRootProps(), localProps);
+	return createComponent(EditableProvider, {
+		value: editable$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/editable/editable-submit-trigger.tsx
+const EditableSubmitTrigger = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$2(() => api().getSubmitTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/editable/editable.ts
+var editable_exports = /* @__PURE__ */ __export({
+	Area: () => EditableArea,
+	CancelTrigger: () => EditableCancelTrigger,
+	Context: () => EditableContext,
+	Control: () => EditableControl,
+	EditTrigger: () => EditableEditTrigger,
+	Input: () => EditableInput,
+	Label: () => EditableLabel,
+	Preview: () => EditablePreview,
+	Root: () => EditableRoot,
+	RootProvider: () => EditableRootProvider,
+	SubmitTrigger: () => EditableSubmitTrigger
+});
+
+//#endregion
+export { editable_exports as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, editableAnatomy, useEditable, useEditableContext };

package/dist/components/editable/index.jsx

@@ -0,0 +1,181 @@
+import { t as __export } from "../../chunk-B5so6B0y.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-DbInRfhI.jsx";
+import { t as runIfFn } from "../../run-if-fn-A3VwXy-o.jsx";
+import { t as createContext$1 } from "../../create-context-C3rvZvkc.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DFaRRd80.jsx";
+import { t as createSplitProps } from "../../create-split-props-B8A7_AF7.jsx";
+import { t as sprawlify } from "../../factory-Ch5jgk20.jsx";
+import "../../compose-refs-icUeuyHm.jsx";
+import "../../fieldset-B_LyllEa.jsx";
+import { m as useFieldContext } from "../../field-BRr9Zdes.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as editable from "@sprawlify/primitives/machines/editable";
+import { anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
+
+//#region src/components/editable/use-editable-context.ts
+const [EditableProvider, useEditableContext] = createContext$1({
+	hookName: "useEditableContext",
+	providerName: "<EditableProvider />"
+});
+
+//#endregion
+//#region src/components/editable/editable-area.tsx
+const EditableArea = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$1(() => api().getAreaProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/editable/editable-cancel-trigger.tsx
+const EditableCancelTrigger = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$1(() => api().getCancelTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/editable/editable-context.tsx
+const EditableContext = (props) => props.children(useEditableContext());
+
+//#endregion
+//#region src/components/editable/editable-control.tsx
+const EditableControl = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/editable/editable-edit-trigger.tsx
+const EditableEditTrigger = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$1(() => api().getEditTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/editable/editable-input.tsx
+const EditableInput = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$1(() => api().getInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/editable/editable-label.tsx
+const EditableLabel = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/editable/editable-preview.tsx
+const EditablePreview = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$1(() => api().getPreviewProps(), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/editable/use-editable.ts
+const useEditable = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			input: 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(editable.machine, machineProps);
+	return createMemo(() => editable.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/editable/editable-root.tsx
+const EditableRoot = (props) => {
+	const [useEditableProps, localProps] = createSplitProps()(props, [
+		"activationMode",
+		"autoResize",
+		"defaultEdit",
+		"defaultValue",
+		"disabled",
+		"edit",
+		"finalFocusEl",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"maxLength",
+		"name",
+		"onEditChange",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onPointerDownOutside",
+		"onValueChange",
+		"onValueCommit",
+		"onValueRevert",
+		"placeholder",
+		"readOnly",
+		"required",
+		"selectOnFocus",
+		"submitMode",
+		"translations",
+		"value"
+	]);
+	const api = useEditable(useEditableProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <EditableProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </EditableProvider>;
+};
+
+//#endregion
+//#region src/components/editable/editable-root-provider.tsx
+const EditableRootProvider = (props) => {
+	const [{ value: editable$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => editable$1().getRootProps(), localProps);
+	return <EditableProvider value={editable$1}>
+      <sprawlify.div {...mergedProps} />
+    </EditableProvider>;
+};
+
+//#endregion
+//#region src/components/editable/editable-submit-trigger.tsx
+const EditableSubmitTrigger = (props) => {
+	const api = useEditableContext();
+	const mergedProps = mergeProps$1(() => api().getSubmitTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/editable/editable.ts
+var editable_exports = /* @__PURE__ */ __export({
+	Area: () => EditableArea,
+	CancelTrigger: () => EditableCancelTrigger,
+	Context: () => EditableContext,
+	Control: () => EditableControl,
+	EditTrigger: () => EditableEditTrigger,
+	Input: () => EditableInput,
+	Label: () => EditableLabel,
+	Preview: () => EditablePreview,
+	Root: () => EditableRoot,
+	RootProvider: () => EditableRootProvider,
+	SubmitTrigger: () => EditableSubmitTrigger
+});
+
+//#endregion
+export { editable_exports as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, editableAnatomy, useEditable, useEditableContext };

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

@@ -1,6 +1,6 @@
-import { n as MaybeAccessor } from "../../types-bQRbEioA.js";
-import { n as PolymorphicProps, t as HTMLProps } from "../../factory-B6RK6SH4.js";
-import * as solid_js7 from "solid-js";
+import { n as MaybeAccessor } from "../../types-Dbw4va3W.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
+import * as solid_js8 from "solid-js";
 import { JSX } from "solid-js";
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
@@ -39,7 +39,7 @@ interface UseFieldProps {
   readOnly?: boolean;
 }
 type UseFieldReturn = ReturnType<typeof useField>;
-declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js7.Accessor<{
+declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js8.Accessor<{
   ariaDescribedby: string;
   ids: {
     control: string;
@@ -48,7 +48,7 @@ declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js7.Acce
     helperText: string;
   };
   refs: {
-    rootRef: solid_js7.Setter<HTMLDivElement | undefined>;
+    rootRef: solid_js8.Setter<HTMLDivElement | undefined>;
   };
   disabled: boolean;
   invalid: boolean;
@@ -143,22 +143,22 @@ declare const FieldContext: (props: FieldContextProps) => JSX.Element;
 //#region src/components/field/field-error-text.d.ts
 interface FieldErrorTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldErrorTextProps extends HTMLProps<'span'>, FieldErrorTextBaseProps {}
-declare const FieldErrorText: (props: FieldErrorTextProps) => solid_js7.JSX.Element;
+declare const FieldErrorText: (props: FieldErrorTextProps) => solid_js8.JSX.Element;
 //#endregion
 //#region src/components/field/field-helper-text.d.ts
 interface FieldHelperTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldHelperTextProps extends HTMLProps<'span'>, FieldHelperTextBaseProps {}
-declare const FieldHelperText: (props: FieldHelperTextProps) => solid_js7.JSX.Element;
+declare const FieldHelperText: (props: FieldHelperTextProps) => solid_js8.JSX.Element;
 //#endregion
 //#region src/components/field/field-input.d.ts
 interface FieldInputBaseProps extends PolymorphicProps<'input'> {}
 interface FieldInputProps extends HTMLProps<'input'>, FieldInputBaseProps {}
-declare const FieldInput: (props: FieldInputProps) => solid_js7.JSX.Element;
+declare const FieldInput: (props: FieldInputProps) => solid_js8.JSX.Element;
 //#endregion
 //#region src/components/field/field-label.d.ts
 interface FieldLabelBaseProps extends PolymorphicProps<'label'> {}
 interface FieldLabelProps extends HTMLProps<'label'>, FieldLabelBaseProps {}
-declare const FieldLabel: (props: FieldLabelProps) => solid_js7.JSX.Element;
+declare const FieldLabel: (props: FieldLabelProps) => solid_js8.JSX.Element;
 //#endregion
 //#region src/components/field/field-required-indicator.d.ts
 interface FieldRequiredIndicatorBaseProps extends PolymorphicProps<'span'> {
@@ -170,7 +170,7 @@ declare const FieldRequiredIndicator: (props: FieldRequiredIndicatorProps) => JS
 //#region src/components/field/field-root.d.ts
 interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps<'div'> {}
 interface FieldRootProps extends HTMLProps<'div'>, FieldRootBaseProps {}
-declare const FieldRoot: (props: FieldRootProps) => solid_js7.JSX.Element;
+declare const FieldRoot: (props: FieldRootProps) => solid_js8.JSX.Element;
 //#endregion
 //#region src/components/field/field-root-provider.d.ts
 interface RootProviderProps {
@@ -178,22 +178,22 @@ interface RootProviderProps {
 }
 interface FieldRootProviderBaseProps extends PolymorphicProps<'div'> {}
 interface FieldRootProviderProps extends HTMLProps<'div'>, RootProviderProps, FieldRootProviderBaseProps {}
-declare const FieldRootProvider: (props: FieldRootProviderProps) => solid_js7.JSX.Element;
+declare const FieldRootProvider: (props: FieldRootProviderProps) => solid_js8.JSX.Element;
 //#endregion
 //#region src/components/field/field-select.d.ts
 interface FieldSelectBaseProps extends PolymorphicProps<'select'> {}
 interface FieldSelectProps extends HTMLProps<'select'>, FieldSelectBaseProps {}
-declare const FieldSelect: (props: FieldSelectProps) => solid_js7.JSX.Element;
+declare const FieldSelect: (props: FieldSelectProps) => solid_js8.JSX.Element;
 //#endregion
 //#region src/components/field/field-textarea.d.ts
 interface FieldTextareaBaseProps extends PolymorphicProps<'textarea'> {
   autoresize?: boolean;
 }
 interface FieldTextareaProps extends HTMLProps<'textarea'>, FieldTextareaBaseProps {}
-declare const FieldTextarea: (props: FieldTextareaProps) => solid_js7.JSX.Element;
+declare const FieldTextarea: (props: FieldTextareaProps) => solid_js8.JSX.Element;
 //#endregion
 //#region src/components/field/field-anatomy.d.ts
-declare const fieldAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "input" | "textarea" | "select" | "root" | "errorText" | "helperText" | "requiredIndicator">;
+declare const fieldAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "errorText" | "helperText" | "input" | "label" | "select" | "textarea" | "requiredIndicator">;
 declare namespace field_d_exports {
   export { FieldContext as Context, FieldContextProps as ContextProps, FieldErrorText as ErrorText, FieldErrorTextBaseProps as ErrorTextBaseProps, FieldErrorTextProps as ErrorTextProps, FieldHelperText as HelperText, FieldHelperTextBaseProps as HelperTextBaseProps, FieldHelperTextProps as HelperTextProps, FieldInput as Input, FieldInputBaseProps as InputBaseProps, FieldInputProps as InputProps, FieldLabel as Label, FieldLabelBaseProps as LabelBaseProps, FieldLabelProps as LabelProps, FieldRequiredIndicator as RequiredIndicator, FieldRequiredIndicatorBaseProps as RequiredIndicatorBaseProps, FieldRequiredIndicatorProps as RequiredIndicatorProps, FieldRoot as Root, FieldRootBaseProps as RootBaseProps, FieldRootProps as RootProps, FieldRootProvider as RootProvider, FieldRootProviderBaseProps as RootProviderBaseProps, FieldRootProviderProps as RootProviderProps, FieldSelect as Select, FieldSelectBaseProps as SelectBaseProps, FieldSelectProps as SelectProps, FieldTextarea as Textarea, FieldTextareaBaseProps as TextareaBaseProps, FieldTextareaProps as TextareaProps };
 }

package/dist/components/field/index.js

@@ -1,9 +1,10 @@
-import "../../run-if-fn-eYlaegHy.js";
-import "../../create-context-PS2j4mEo.js";
-import "../../providers-CQkAUunr.js";
-import "../../factory-CEdj72aS.js";
-import "../../compose-refs-vsrTrt13.js";
-import "../../fieldset-D1BO0LmU.js";
-import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-C_WuoXOj.js";
+import "../../core-oNB2jGcl.js";
+import "../../create-context-GfQ_MylE.js";
+import "../../providers-Bo0OFe08.js";
+import "../../create-split-props-pQu7jijw.js";
+import "../../factory-PGDAvOKb.js";
+import "../../compose-refs-BVVIB7xn.js";
+import "../../fieldset-BrJqMLEd.js";
+import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-CoYiA2ek.js";
 
 export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };

package/dist/components/field/index.jsx

@@ -1,9 +1,10 @@
-import "../../run-if-fn-DRWB51JE.jsx";
-import "../../create-context-h3cXiEld.jsx";
-import "../../providers-CHqGPEsc.jsx";
-import "../../create-split-props-CQVsvhvg.jsx";
-import "../../compose-refs-CzyOb8yH.jsx";
-import "../../fieldset-BG-0ZqWT.jsx";
-import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-CphvciGc.jsx";
+import "../../core-DbInRfhI.jsx";
+import "../../create-context-C3rvZvkc.jsx";
+import "../../providers-DFaRRd80.jsx";
+import "../../create-split-props-B8A7_AF7.jsx";
+import "../../factory-Ch5jgk20.jsx";
+import "../../compose-refs-icUeuyHm.jsx";
+import "../../fieldset-B_LyllEa.jsx";
+import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-BRr9Zdes.jsx";
 
 export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };

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

@@ -1,8 +1,8 @@
-import { n as MaybeAccessor } from "../../types-bQRbEioA.js";
-import { n as PolymorphicProps, t as HTMLProps } from "../../factory-B6RK6SH4.js";
-import * as solid_js103 from "solid-js";
+import { n as MaybeAccessor } from "../../types-Dbw4va3W.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
+import * as solid_js177 from "solid-js";
 import { JSX } from "solid-js";
-import * as _sprawlify_primitives_anatomy3 from "@sprawlify/primitives/anatomy";
+import * as _sprawlify_primitives_anatomy6 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/fieldset/use-fieldset.d.ts
 interface UseFieldsetProps {
@@ -20,9 +20,9 @@ interface UseFieldsetProps {
   invalid?: boolean;
 }
 type UseFieldsetReturn = ReturnType<typeof useFieldset>;
-declare const useFieldset: (props?: MaybeAccessor<UseFieldsetProps>) => solid_js103.Accessor<{
+declare const useFieldset: (props?: MaybeAccessor<UseFieldsetProps>) => solid_js177.Accessor<{
   refs: {
-    rootRef: solid_js103.Setter<HTMLFieldSetElement | undefined>;
+    rootRef: solid_js177.Setter<HTMLFieldSetElement | undefined>;
   };
   ids: {
     legend: string;
@@ -72,23 +72,23 @@ declare const FieldsetContext: (props: FieldsetContextProps) => JSX.Element;
 //#region src/components/fieldset/fieldset-error-text.d.ts
 interface FieldsetErrorTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldsetErrorTextProps extends HTMLProps<'span'>, FieldsetErrorTextBaseProps {}
-declare const FieldsetErrorText: (props: FieldsetErrorTextProps) => solid_js103.JSX.Element;
+declare const FieldsetErrorText: (props: FieldsetErrorTextProps) => solid_js177.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-helper-text.d.ts
 interface FieldsetHelperTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldsetHelperTextProps extends HTMLProps<'span'>, FieldsetHelperTextBaseProps {}
-declare const FieldsetHelperText: (props: FieldsetHelperTextProps) => solid_js103.JSX.Element;
+declare const FieldsetHelperText: (props: FieldsetHelperTextProps) => solid_js177.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-legend.d.ts
 interface FieldsetLegendBaseProps extends PolymorphicProps<'legend'> {}
 interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {}
-declare const FieldsetLegend: (props: FieldsetLegendProps) => solid_js103.JSX.Element;
+declare const FieldsetLegend: (props: FieldsetLegendProps) => solid_js177.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-root.d.ts
 interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps<'fieldset'> {}
 interface FieldsetRootProps extends HTMLProps<'fieldset'>, FieldsetRootBaseProps {}
 declare const FieldsetRoot: {
-  (props: FieldsetRootProps): solid_js103.JSX.Element;
+  (props: FieldsetRootProps): solid_js177.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -98,10 +98,10 @@ interface RootProviderProps {
 }
 interface FieldsetRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'fieldset'> {}
 interface FieldsetRootProviderProps extends HTMLProps<'fieldset'>, FieldsetRootProviderBaseProps {}
-declare const FieldsetRootProvider: (props: FieldsetRootProviderProps) => solid_js103.JSX.Element;
+declare const FieldsetRootProvider: (props: FieldsetRootProviderProps) => solid_js177.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-anatomy.d.ts
-declare const fieldsetAnatomy: _sprawlify_primitives_anatomy3.AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
+declare const fieldsetAnatomy: _sprawlify_primitives_anatomy6.AnatomyInstance<"root" | "errorText" | "helperText" | "legend">;
 declare namespace fieldset_d_exports {
   export { FieldsetContext as Context, FieldsetContextProps as ContextProps, FieldsetErrorText as ErrorText, FieldsetErrorTextBaseProps as ErrorTextBaseProps, FieldsetErrorTextProps as ErrorTextProps, FieldsetHelperText as HelperText, FieldsetHelperTextBaseProps as HelperTextBaseProps, FieldsetHelperTextProps as HelperTextProps, FieldsetLegend as Legend, FieldsetLegendBaseProps as LegendBaseProps, FieldsetLegendProps as LegendProps, FieldsetRoot as Root, FieldsetRootBaseProps as RootBaseProps, FieldsetRootProps as RootProps, FieldsetRootProvider as RootProvider, FieldsetRootProviderBaseProps as RootProviderBaseProps, FieldsetRootProviderProps as RootProviderProps };
 }

package/dist/components/fieldset/index.js

@@ -1,8 +1,9 @@
-import "../../run-if-fn-eYlaegHy.js";
-import "../../create-context-PS2j4mEo.js";
-import "../../providers-CQkAUunr.js";
-import "../../factory-CEdj72aS.js";
-import "../../compose-refs-vsrTrt13.js";
-import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-D1BO0LmU.js";
+import "../../core-oNB2jGcl.js";
+import "../../create-context-GfQ_MylE.js";
+import "../../providers-Bo0OFe08.js";
+import "../../create-split-props-pQu7jijw.js";
+import "../../factory-PGDAvOKb.js";
+import "../../compose-refs-BVVIB7xn.js";
+import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-BrJqMLEd.js";
 
 export { fieldset_exports as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };

package/dist/components/fieldset/index.jsx

@@ -1,8 +1,9 @@
-import "../../run-if-fn-DRWB51JE.jsx";
-import "../../create-context-h3cXiEld.jsx";
-import "../../providers-CHqGPEsc.jsx";
-import "../../create-split-props-CQVsvhvg.jsx";
-import "../../compose-refs-CzyOb8yH.jsx";
-import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-BG-0ZqWT.jsx";
+import "../../core-DbInRfhI.jsx";
+import "../../create-context-C3rvZvkc.jsx";
+import "../../providers-DFaRRd80.jsx";
+import "../../create-split-props-B8A7_AF7.jsx";
+import "../../factory-Ch5jgk20.jsx";
+import "../../compose-refs-icUeuyHm.jsx";
+import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-B_LyllEa.jsx";
 
 export { fieldset_exports as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };

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

@@ -0,0 +1,15 @@
+import { n as MaybeAccessor, t as Assign } from "../../types-Dbw4va3W.js";
+import * as solid_js35 from "solid-js";
+import { Accessor, ComponentProps } from "solid-js";
+import { HighlightChunk, HighlightWordProps } from "@sprawlify/primitives/highlight-word";
+
+//#region src/components/highlight/use-highlight.d.ts
+interface UseHighlightProps extends HighlightWordProps {}
+declare const useHighlight: (props: MaybeAccessor<UseHighlightProps>) => Accessor<HighlightChunk[]>;
+//#endregion
+//#region src/components/highlight/highlight.d.ts
+interface HighlightBaseProps extends UseHighlightProps {}
+interface HighlightProps extends Assign<ComponentProps<'mark'>, HighlightBaseProps> {}
+declare const Highlight: (props: HighlightProps) => solid_js35.JSX.Element;
+//#endregion
+export { Highlight, type HighlightChunk, type HighlightProps, type UseHighlightProps, useHighlight };