@moduix/solid-tailwind 1.0.0

package/dist/components/empty/Empty.js

@@ -0,0 +1,121 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { ark } from "@ark-ui/solid/factory";
+import { splitProps } from "solid-js";
+import { cn } from "../../internal/cn.js";
+function EmptyRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(ark.div, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "empty",
+        "data-part": "root",
+        "data-slot": "empty-root",
+        get ["class"] () {
+            return cn('grid w-full min-w-0 justify-items-center gap-4 rounded-xl border border-border bg-card p-8 text-center text-card-foreground', local.class);
+        }
+    }));
+}
+function EmptyIcon(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(ark.div, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "empty",
+        "data-part": "icon",
+        "data-slot": "empty-icon",
+        get ["class"] () {
+            return cn('inline-flex min-w-0 items-center justify-center rounded-full bg-muted p-3 text-muted-foreground [&_svg]:pointer-events-none [&_svg]:size-6 [&_svg]:shrink-0', local.class);
+        }
+    }));
+}
+function EmptyContent(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(ark.div, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "empty",
+        "data-part": "content",
+        "data-slot": "empty-content",
+        get ["class"] () {
+            return cn('grid max-w-md min-w-0 justify-items-center gap-1', local.class);
+        }
+    }));
+}
+function EmptyTitle(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(ark.h3, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "empty",
+        "data-part": "title",
+        "data-slot": "empty-title",
+        get ["class"] () {
+            return cn('min-w-0 text-xl font-semibold wrap-anywhere', local.class);
+        }
+    }));
+}
+function EmptyDescription(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(ark.div, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "empty",
+        "data-part": "description",
+        "data-slot": "empty-description",
+        get ["class"] () {
+            return cn('min-w-0 text-sm wrap-anywhere text-muted-foreground [&>:first-child]:mt-0 [&>:last-child]:mb-0', local.class);
+        }
+    }));
+}
+function EmptyActions(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(ark.div, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "empty",
+        "data-part": "actions",
+        "data-slot": "empty-actions",
+        get ["class"] () {
+            return cn('flex max-w-full min-w-0 flex-wrap items-center justify-center gap-2 [&>*]:max-w-full [&>*]:min-w-0 [&>:is(button,a)]:wrap-anywhere [&>:is(button,a)]:whitespace-normal', local.class);
+        }
+    }));
+}
+const Empty = Object.assign(EmptyRoot, {
+    Root: EmptyRoot,
+    Icon: EmptyIcon,
+    Content: EmptyContent,
+    Title: EmptyTitle,
+    Description: EmptyDescription,
+    Actions: EmptyActions
+});
+export { Empty };

package/dist/components/empty/Empty.jsx

@@ -0,0 +1,54 @@
+import { ark } from "@ark-ui/solid/factory";
+import { splitProps } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+function EmptyRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <ark.div asChild={local.asChild} {...others} data-scope="empty" data-part="root" data-slot="empty-root" class={cn('grid w-full min-w-0 justify-items-center gap-4 rounded-xl border border-border bg-card p-8 text-center text-card-foreground', local.class)}/>;
+}
+function EmptyIcon(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <ark.div asChild={local.asChild} {...others} data-scope="empty" data-part="icon" data-slot="empty-icon" class={cn('inline-flex min-w-0 items-center justify-center rounded-full bg-muted p-3 text-muted-foreground [&_svg]:pointer-events-none [&_svg]:size-6 [&_svg]:shrink-0', local.class)}/>;
+}
+function EmptyContent(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <ark.div asChild={local.asChild} {...others} data-scope="empty" data-part="content" data-slot="empty-content" class={cn('grid max-w-md min-w-0 justify-items-center gap-1', local.class)}/>;
+}
+function EmptyTitle(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <ark.h3 asChild={local.asChild} {...others} data-scope="empty" data-part="title" data-slot="empty-title" class={cn('min-w-0 text-xl font-semibold wrap-anywhere', local.class)}/>;
+}
+function EmptyDescription(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <ark.div asChild={local.asChild} {...others} data-scope="empty" data-part="description" data-slot="empty-description" class={cn('min-w-0 text-sm wrap-anywhere text-muted-foreground [&>:first-child]:mt-0 [&>:last-child]:mb-0', local.class)}/>;
+}
+function EmptyActions(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <ark.div asChild={local.asChild} {...others} data-scope="empty" data-part="actions" data-slot="empty-actions" class={cn('flex max-w-full min-w-0 flex-wrap items-center justify-center gap-2 [&>*]:max-w-full [&>*]:min-w-0 [&>:is(button,a)]:wrap-anywhere [&>:is(button,a)]:whitespace-normal', local.class)}/>;
+}
+const Empty = Object.assign(EmptyRoot, {
+    Root: EmptyRoot,
+    Icon: EmptyIcon,
+    Content: EmptyContent,
+    Title: EmptyTitle,
+    Description: EmptyDescription,
+    Actions: EmptyActions
+});
+export { Empty };

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

@@ -0,0 +1 @@
+export { Empty } from './Empty.js';

package/dist/components/empty/index.js

@@ -0,0 +1 @@
+export { Empty } from "./Empty.js";

package/dist/components/empty/index.jsx

@@ -0,0 +1 @@
+export { Empty } from "./Empty.jsx";

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

@@ -0,0 +1,37 @@
+import { Field as FieldPrimitive, useField, useFieldContext } from '@ark-ui/solid/field';
+import type { ComponentProps } from 'solid-js';
+import type { JSX } from 'solid-js';
+type FieldItemProps = ComponentProps<typeof FieldPrimitive.Item> & ComponentProps<'div'>;
+type FieldInputProps = ComponentProps<typeof FieldPrimitive.Input> & {
+    defaultValue?: string | number | readonly string[];
+};
+type FieldTextareaProps = ComponentProps<typeof FieldPrimitive.Textarea> & {
+    defaultValue?: string | number | readonly string[];
+};
+type FieldSelectProps = ComponentProps<typeof FieldPrimitive.Select> & {
+    defaultValue?: ComponentProps<typeof FieldPrimitive.Select>['value'];
+};
+declare function FieldRoot(props: ComponentProps<typeof FieldPrimitive.Root>): JSX.Element;
+declare function FieldRootProvider(props: ComponentProps<typeof FieldPrimitive.RootProvider>): JSX.Element;
+declare function FieldItem(props: FieldItemProps): JSX.Element;
+declare function FieldLabel(props: ComponentProps<typeof FieldPrimitive.Label>): JSX.Element;
+declare function FieldInput(props: FieldInputProps): JSX.Element;
+declare function FieldTextarea(props: FieldTextareaProps): JSX.Element;
+declare function FieldSelect(props: FieldSelectProps): JSX.Element;
+declare function FieldHelperText(props: ComponentProps<typeof FieldPrimitive.HelperText>): JSX.Element;
+declare function FieldErrorText(props: ComponentProps<typeof FieldPrimitive.ErrorText>): JSX.Element;
+declare function FieldRequiredIndicator(props: ComponentProps<typeof FieldPrimitive.RequiredIndicator>): JSX.Element;
+declare const Field: typeof FieldRoot & {
+    Root: typeof FieldRoot;
+    RootProvider: typeof FieldRootProvider;
+    Item: typeof FieldItem;
+    Label: typeof FieldLabel;
+    Input: typeof FieldInput;
+    Textarea: typeof FieldTextarea;
+    Select: typeof FieldSelect;
+    HelperText: typeof FieldHelperText;
+    ErrorText: typeof FieldErrorText;
+    RequiredIndicator: typeof FieldRequiredIndicator;
+    Context: (props: FieldPrimitive.ContextProps) => JSX.Element;
+};
+export { Field, useField, useFieldContext };

package/dist/components/field/Field.js

@@ -0,0 +1,236 @@
+import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
+import { Field, useField, useFieldContext } from "@ark-ui/solid/field";
+import { createEffect, splitProps } from "solid-js";
+import { cn } from "../../internal/cn.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const FieldSelectPrimitive = Field.Select;
+function FieldRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Field.Root, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-slot": "field-root",
+        get ["class"] () {
+            return cn('flex w-full max-w-none flex-col items-start gap-1 text-foreground data-disabled:opacity-50', local.class);
+        }
+    }));
+}
+function FieldRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Field.RootProvider, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-slot": "field-root-provider",
+        get ["class"] () {
+            return cn('flex w-full max-w-none flex-col items-start gap-1 text-foreground data-disabled:opacity-50', local.class);
+        }
+    }));
+}
+function FieldItem(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class',
+        'ref',
+        'value'
+    ]);
+    return createComponent(Field.Item, {
+        get value () {
+            return local.value;
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            var _ref$ = local.ref;
+            "function" == typeof _ref$ ? use(_ref$, _el$) : local.ref = _el$;
+            spread(_el$, mergeProps(others, {
+                "data-slot": "field-item",
+                get ["class"] () {
+                    return cn('grid gap-1', local.class);
+                }
+            }), false, true);
+            insert(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
+}
+function FieldLabel(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Field.Label, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-slot": "field-label",
+        get ["class"] () {
+            return cn('inline-flex items-center gap-2 text-sm leading-5 font-medium wrap-anywhere text-foreground', local.class);
+        }
+    }));
+}
+function FieldInput(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'defaultValue',
+        'ref'
+    ]);
+    let inputRef;
+    createEffect(()=>{
+        if (inputRef) inputRef.defaultValue = String(local.defaultValue ?? '');
+    });
+    return createComponent(Field.Input, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, ()=>local.asChild ? {
+            'prop:defaultValue': local.defaultValue
+        } : {}, {
+        "data-slot": "field-input",
+        get ["class"] () {
+            return cn('min-h-control-md w-full rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', local.class);
+        },
+        ref: (element)=>{
+            inputRef = element;
+            if ('function' == typeof local.ref) local.ref(element);
+        }
+    }));
+}
+function FieldTextarea(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'defaultValue',
+        'ref'
+    ]);
+    let textareaRef;
+    createEffect(()=>{
+        if (textareaRef) textareaRef.defaultValue = String(local.defaultValue ?? '');
+    });
+    return createComponent(Field.Textarea, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, ()=>local.asChild ? {
+            'prop:defaultValue': local.defaultValue
+        } : {}, {
+        "data-slot": "field-textarea",
+        get ["class"] () {
+            return cn('min-h-20 w-full resize-y rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', local.class);
+        },
+        ref: (element)=>{
+            textareaRef = element;
+            if ('function' == typeof local.ref) local.ref(element);
+        }
+    }));
+}
+function FieldSelect(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'defaultValue',
+        'ref'
+    ]);
+    let selectRef;
+    createEffect(()=>{
+        const defaultValue = local.defaultValue;
+        if (!selectRef || void 0 === defaultValue) return;
+        const values = new Set((Array.isArray(defaultValue) ? defaultValue : [
+            defaultValue
+        ]).map((value)=>String(value)));
+        for (const option of Array.from(selectRef.options)){
+            const selected = values.has(option.value);
+            option.selected = selected;
+            option.defaultSelected = selected;
+        }
+    });
+    return createComponent(FieldSelectPrimitive, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        get ["prop:defaultValue"] () {
+            return local.defaultValue;
+        },
+        "data-slot": "field-select",
+        get ["class"] () {
+            return cn('min-h-control-md w-full rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', local.class);
+        },
+        ref: (element)=>{
+            selectRef = element;
+            if ('function' == typeof local.ref) local.ref(element);
+        }
+    }));
+}
+function FieldHelperText(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Field.HelperText, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-slot": "field-helper-text",
+        get ["class"] () {
+            return cn('text-sm leading-5 wrap-anywhere text-muted-foreground', local.class);
+        }
+    }));
+}
+function FieldErrorText(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Field.ErrorText, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-slot": "field-error-text",
+        get ["class"] () {
+            return cn('text-sm leading-5 font-medium wrap-anywhere text-destructive', local.class);
+        }
+    }));
+}
+function FieldRequiredIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Field.RequiredIndicator, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-slot": "field-required-indicator",
+        get ["class"] () {
+            return cn('text-destructive', local.class);
+        }
+    }));
+}
+const Field_Field = Object.assign(FieldRoot, {
+    Root: FieldRoot,
+    RootProvider: FieldRootProvider,
+    Item: FieldItem,
+    Label: FieldLabel,
+    Input: FieldInput,
+    Textarea: FieldTextarea,
+    Select: FieldSelect,
+    HelperText: FieldHelperText,
+    ErrorText: FieldErrorText,
+    RequiredIndicator: FieldRequiredIndicator,
+    Context: Field.Context
+});
+export { Field_Field as Field, useField, useFieldContext };

package/dist/components/field/Field.jsx

@@ -0,0 +1,134 @@
+import { Field, useField, useFieldContext } from "@ark-ui/solid/field";
+import { createEffect, splitProps } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+const FieldSelectPrimitive = Field.Select;
+function FieldRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Field.Root asChild={local.asChild} {...others} data-slot="field-root" class={cn('flex w-full max-w-none flex-col items-start gap-1 text-foreground data-disabled:opacity-50', local.class)}/>;
+}
+function FieldRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Field.RootProvider asChild={local.asChild} {...others} data-slot="field-root-provider" class={cn('flex w-full max-w-none flex-col items-start gap-1 text-foreground data-disabled:opacity-50', local.class)}/>;
+}
+function FieldItem(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class',
+        'ref',
+        'value'
+    ]);
+    return <Field.Item value={local.value}>
+      <div {...others} data-slot="field-item" class={cn('grid gap-1', local.class)} ref={local.ref}>
+        {local.children}
+      </div>
+    </Field.Item>;
+}
+function FieldLabel(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Field.Label asChild={local.asChild} {...others} data-slot="field-label" class={cn('inline-flex items-center gap-2 text-sm leading-5 font-medium wrap-anywhere text-foreground', local.class)}/>;
+}
+function FieldInput(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'defaultValue',
+        'ref'
+    ]);
+    let inputRef;
+    createEffect(()=>{
+        if (inputRef) inputRef.defaultValue = String(local.defaultValue ?? '');
+    });
+    return <Field.Input asChild={local.asChild} {...others} {...local.asChild ? {
+        'prop:defaultValue': local.defaultValue
+    } : {}} data-slot="field-input" class={cn('min-h-control-md w-full rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', local.class)} ref={(element)=>{
+        inputRef = element;
+        if ('function' == typeof local.ref) local.ref(element);
+    }}/>;
+}
+function FieldTextarea(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'defaultValue',
+        'ref'
+    ]);
+    let textareaRef;
+    createEffect(()=>{
+        if (textareaRef) textareaRef.defaultValue = String(local.defaultValue ?? '');
+    });
+    return <Field.Textarea asChild={local.asChild} {...others} {...local.asChild ? {
+        'prop:defaultValue': local.defaultValue
+    } : {}} data-slot="field-textarea" class={cn('min-h-20 w-full resize-y rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', local.class)} ref={(element)=>{
+        textareaRef = element;
+        if ('function' == typeof local.ref) local.ref(element);
+    }}/>;
+}
+function FieldSelect(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'defaultValue',
+        'ref'
+    ]);
+    let selectRef;
+    createEffect(()=>{
+        const defaultValue = local.defaultValue;
+        if (!selectRef || void 0 === defaultValue) return;
+        const values = new Set((Array.isArray(defaultValue) ? defaultValue : [
+            defaultValue
+        ]).map((value)=>String(value)));
+        for (const option of Array.from(selectRef.options)){
+            const selected = values.has(option.value);
+            option.selected = selected;
+            option.defaultSelected = selected;
+        }
+    });
+    return <FieldSelectPrimitive asChild={local.asChild} {...others} prop:defaultValue={local.defaultValue} data-slot="field-select" class={cn('min-h-control-md w-full rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', local.class)} ref={(element)=>{
+        selectRef = element;
+        if ('function' == typeof local.ref) local.ref(element);
+    }}/>;
+}
+function FieldHelperText(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Field.HelperText asChild={local.asChild} {...others} data-slot="field-helper-text" class={cn('text-sm leading-5 wrap-anywhere text-muted-foreground', local.class)}/>;
+}
+function FieldErrorText(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Field.ErrorText asChild={local.asChild} {...others} data-slot="field-error-text" class={cn('text-sm leading-5 font-medium wrap-anywhere text-destructive', local.class)}/>;
+}
+function FieldRequiredIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Field.RequiredIndicator asChild={local.asChild} {...others} data-slot="field-required-indicator" class={cn('text-destructive', local.class)}/>;
+}
+const Field_Field = Object.assign(FieldRoot, {
+    Root: FieldRoot,
+    RootProvider: FieldRootProvider,
+    Item: FieldItem,
+    Label: FieldLabel,
+    Input: FieldInput,
+    Textarea: FieldTextarea,
+    Select: FieldSelect,
+    HelperText: FieldHelperText,
+    ErrorText: FieldErrorText,
+    RequiredIndicator: FieldRequiredIndicator,
+    Context: Field.Context
+});
+export { Field_Field as Field, useField, useFieldContext };

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

@@ -0,0 +1 @@
+export * from './Field.js';

package/dist/components/field/index.js

@@ -0,0 +1 @@
+export * from "./Field.js";

package/dist/components/field/index.jsx

@@ -0,0 +1 @@
+export * from "./Field.jsx";

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

@@ -0,0 +1,16 @@
+import { Fieldset as FieldsetPrimitive, useFieldset, useFieldsetContext } from '@ark-ui/solid/fieldset';
+import type { ComponentProps } from 'solid-js';
+declare function FieldsetRoot(props: ComponentProps<typeof FieldsetPrimitive.Root>): import("solid-js").JSX.Element;
+declare function FieldsetRootProvider(props: ComponentProps<typeof FieldsetPrimitive.RootProvider>): import("solid-js").JSX.Element;
+declare function FieldsetLegend(props: ComponentProps<typeof FieldsetPrimitive.Legend>): import("solid-js").JSX.Element;
+declare function FieldsetHelperText(props: ComponentProps<typeof FieldsetPrimitive.HelperText>): import("solid-js").JSX.Element;
+declare function FieldsetErrorText(props: ComponentProps<typeof FieldsetPrimitive.ErrorText>): import("solid-js").JSX.Element;
+declare const Fieldset: typeof FieldsetRoot & {
+    Root: typeof FieldsetRoot;
+    RootProvider: typeof FieldsetRootProvider;
+    Context: (props: FieldsetPrimitive.ContextProps) => import("solid-js").JSX.Element;
+    Legend: typeof FieldsetLegend;
+    HelperText: typeof FieldsetHelperText;
+    ErrorText: typeof FieldsetErrorText;
+};
+export { Fieldset, useFieldset, useFieldsetContext };