@moduix/react 2.1.0 → 2.2.4

package/dist/components/empty/Empty_module.css

@@ -0,0 +1,91 @@
+@layer moduix.components {
+  .root-eGkN9L {
+    box-sizing: border-box;
+    justify-items: center;
+    gap: var(--moduix-empty-gap, var(--moduix-spacing-4));
+    width: 100%;
+    min-width: 0;
+    padding: var(--moduix-empty-padding, var(--moduix-spacing-8));
+    border: var(--moduix-empty-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-empty-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-empty-radius, var(--moduix-radius-xl));
+    background-color: var(--moduix-empty-bg, color-mix(in oklab, var(--moduix-color-card) 92%, var(--moduix-color-muted)));
+    color: var(--moduix-empty-color, var(--moduix-color-card-foreground));
+    box-shadow: var(--moduix-empty-shadow, none);
+    text-align: center;
+    display: grid;
+  }
+
+  .icon-LWbtAW {
+    min-width: 0;
+    padding: var(--moduix-empty-icon-padding, var(--moduix-spacing-3));
+    border-radius: var(--moduix-radius-full);
+    background-color: var(--moduix-empty-icon-bg, var(--moduix-color-muted));
+    color: var(--moduix-empty-icon-color, var(--moduix-color-muted-foreground));
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .icon-LWbtAW:where(svg), .icon-LWbtAW :where(svg) {
+    width: var(--moduix-empty-icon-size, var(--moduix-spacing-6));
+    height: var(--moduix-empty-icon-size, var(--moduix-spacing-6));
+    pointer-events: none;
+    flex-shrink: 0;
+  }
+
+  .content-qVnKHg {
+    justify-items: center;
+    gap: var(--moduix-empty-content-gap, var(--moduix-spacing-1));
+    min-width: 0;
+    max-width: var(--moduix-empty-content-max-width, 28rem);
+    display: grid;
+  }
+
+  .title-siLoJh {
+    min-width: 0;
+    color: var(--moduix-empty-title-color, currentColor);
+    font-size: var(--moduix-empty-title-font-size, var(--moduix-text-xl));
+    font-weight: var(--moduix-empty-title-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-empty-title-line-height, var(--moduix-line-height-text-xl));
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .description-_YR4BR {
+    min-width: 0;
+    color: var(--moduix-empty-description-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-empty-description-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-empty-description-line-height, var(--moduix-line-height-text-sm));
+    overflow-wrap: anywhere;
+  }
+
+  .description-_YR4BR > :first-child {
+    margin-top: 0;
+  }
+
+  .description-_YR4BR > :last-child {
+    margin-bottom: 0;
+  }
+
+  .actions-pllhOJ {
+    justify-content: center;
+    align-items: center;
+    gap: var(--moduix-empty-actions-gap, var(--moduix-spacing-2));
+    flex-wrap: wrap;
+    min-width: 0;
+    max-width: 100%;
+    display: flex;
+  }
+
+  .actions-pllhOJ > * {
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .actions-pllhOJ > :where(button, a) {
+    overflow-wrap: anywhere;
+    white-space: normal;
+  }
+}
+

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

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

package/dist/components/empty/index.js

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

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

@@ -1,26 +1,17 @@
-import { ComponentProps } from "react";
-import { Field, useField, useFieldContext } from "@ark-ui/react/field";
-
-//#region src/components/field/Field.d.ts
-type FieldItemProps = ComponentProps<'div'> & ComponentProps<typeof Field.Item>;
-declare function FieldItem({
-  className,
-  children,
-  value,
-  ...props
-}: FieldItemProps): import("react").JSX.Element;
-declare const Field$1: import("react").ForwardRefExoticComponent<Omit<Field.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Field.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Field.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Item: typeof FieldItem;
-  Label: import("react").ForwardRefExoticComponent<Omit<Field.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Input: import("react").ForwardRefExoticComponent<Omit<Field.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-  Textarea: import("react").ForwardRefExoticComponent<Omit<Field.TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-  Select: import("react").ForwardRefExoticComponent<Omit<Field.SelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-  HelperText: import("react").ForwardRefExoticComponent<Omit<Field.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  ErrorText: import("react").ForwardRefExoticComponent<Omit<Field.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  RequiredIndicator: import("react").ForwardRefExoticComponent<Omit<Field.RequiredIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  Context: (props: Field.ContextProps) => import("react").ReactNode;
+import { Field as FieldPrimitive, useField, useFieldContext } from '@ark-ui/react/field';
+import type { ComponentProps } from 'react';
+type FieldItemProps = ComponentProps<'div'> & ComponentProps<typeof FieldPrimitive.Item>;
+declare const Field: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<FieldItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Textarea: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    Select: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.SelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    HelperText: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ErrorText: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    RequiredIndicator: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.RequiredIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Context: (props: FieldPrimitive.ContextProps) => import("react").ReactNode;
 };
-//#endregion
-export { Field$1 as Field, useField, useFieldContext };
+export { Field, useField, useFieldContext };

package/dist/components/field/Field.js

@@ -1,105 +1,105 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Field_module_default from "./Field.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Field, useField, useFieldContext } from "@ark-ui/react/field";
-//#region src/components/field/Field.tsx
-const FieldRoot = forwardRef(function FieldRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.Root, {
-		ref,
-		"data-slot": "field-root",
-		className: clsx(Field_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Field_module from "./Field.module.js";
+const Field_FieldRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Root, {
+        ref: ref,
+        "data-slot": "field-root",
+        className: clsx(Field_module.root, normalizeClassName(className)),
+        ...props
+    });
+});
+const Field_FieldRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.RootProvider, {
+        ref: ref,
+        "data-slot": "field-root-provider",
+        className: clsx(Field_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldRootProvider = forwardRef(function FieldRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.RootProvider, {
-		ref,
-		"data-slot": "field-root-provider",
-		className: clsx(Field_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Field_FieldItem = /*#__PURE__*/ forwardRef(function({ className, children, value, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Item, {
+        value: value,
+        children: /*#__PURE__*/ jsx("div", {
+            ref: ref,
+            "data-slot": "field-item",
+            className: clsx(Field_module.item, normalizeClassName(className)),
+            ...props,
+            children: children
+        })
+    });
 });
-function FieldItem({ className, children, value, ...props }) {
-	return /* @__PURE__ */ jsx(Field.Item, {
-		value,
-		children: /* @__PURE__ */ jsx("div", {
-			"data-slot": "field-item",
-			className: clsx(Field_module_default.item, normalizeClassName(className)),
-			...props,
-			children
-		})
-	});
-}
-const FieldLabel = forwardRef(function FieldLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.Label, {
-		ref,
-		"data-slot": "field-label",
-		className: clsx(Field_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const Field_FieldLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Label, {
+        ref: ref,
+        "data-slot": "field-label",
+        className: clsx(Field_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldInput = forwardRef(function FieldInput({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.Input, {
-		ref,
-		"data-slot": "field-input",
-		className: clsx(Field_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const Field_FieldInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Input, {
+        ref: ref,
+        "data-slot": "field-input",
+        className: clsx(Field_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldTextarea = forwardRef(function FieldTextarea({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.Textarea, {
-		ref,
-		"data-slot": "field-textarea",
-		className: clsx(Field_module_default.control, Field_module_default.textarea, normalizeClassName(className)),
-		...props
-	});
+const Field_FieldTextarea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Textarea, {
+        ref: ref,
+        "data-slot": "field-textarea",
+        className: clsx(Field_module.control, Field_module.textarea, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldSelect = forwardRef(function FieldSelect({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.Select, {
-		ref,
-		"data-slot": "field-select",
-		className: clsx(Field_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const Field_FieldSelect = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Select, {
+        ref: ref,
+        "data-slot": "field-select",
+        className: clsx(Field_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldHelperText = forwardRef(function FieldHelperText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.HelperText, {
-		ref,
-		"data-slot": "field-helper-text",
-		className: clsx(Field_module_default.helperText, normalizeClassName(className)),
-		...props
-	});
+const Field_FieldHelperText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.HelperText, {
+        ref: ref,
+        "data-slot": "field-helper-text",
+        className: clsx(Field_module.helperText, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldErrorText = forwardRef(function FieldErrorText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.ErrorText, {
-		ref,
-		"data-slot": "field-error-text",
-		className: clsx(Field_module_default.errorText, normalizeClassName(className)),
-		...props
-	});
+const Field_FieldErrorText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.ErrorText, {
+        ref: ref,
+        "data-slot": "field-error-text",
+        className: clsx(Field_module.errorText, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldRequiredIndicator = forwardRef(function FieldRequiredIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.RequiredIndicator, {
-		ref,
-		"data-slot": "field-required-indicator",
-		className: clsx(Field_module_default.requiredIndicator, normalizeClassName(className)),
-		...props
-	});
+const Field_FieldRequiredIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.RequiredIndicator, {
+        ref: ref,
+        "data-slot": "field-required-indicator",
+        className: clsx(Field_module.requiredIndicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const Field$1 = 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
+const Field_Field = Object.assign(Field_FieldRoot, {
+    Root: Field_FieldRoot,
+    RootProvider: Field_FieldRootProvider,
+    Item: Field_FieldItem,
+    Label: Field_FieldLabel,
+    Input: Field_FieldInput,
+    Textarea: Field_FieldTextarea,
+    Select: Field_FieldSelect,
+    HelperText: Field_FieldHelperText,
+    ErrorText: Field_FieldErrorText,
+    RequiredIndicator: Field_FieldRequiredIndicator,
+    Context: Field.Context
 });
-//#endregion
-export { Field$1 as Field, useField, useFieldContext };
+export { Field_Field as Field, useField, useFieldContext };

package/dist/components/field/Field.module.js

@@ -1,14 +1,12 @@
-import './Field.css';
-//#region src/components/field/Field.module.css
-var Field_module_default = {
-	"control": "SVzJ0G_control",
-	"errorText": "SVzJ0G_errorText",
-	"helperText": "SVzJ0G_helperText",
-	"item": "SVzJ0G_item",
-	"label": "SVzJ0G_label",
-	"requiredIndicator": "SVzJ0G_requiredIndicator",
-	"root": "SVzJ0G_root",
-	"textarea": "SVzJ0G_textarea"
+import "./Field_module.css";
+const Field_module = {
+    root: "root-8ZfZ1W",
+    item: "item-IAvDWz",
+    label: "label-b5wNPe",
+    helperText: "helperText-pAOAcE",
+    control: "control-hI2WSE",
+    textarea: "textarea-Y8lb0K",
+    errorText: "errorText-HCuYXk",
+    requiredIndicator: "requiredIndicator-yiixrR"
 };
-//#endregion
-export { Field_module_default as default };
+export default Field_module;

package/dist/components/field/Field_module.css

@@ -0,0 +1,98 @@
+@layer moduix.components {
+  .root-8ZfZ1W {
+    box-sizing: border-box;
+    align-items: flex-start;
+    gap: var(--moduix-field-gap, var(--moduix-spacing-1));
+    width: var(--moduix-field-width, 100%);
+    max-width: var(--moduix-field-max-width, none);
+    color: var(--moduix-field-color, var(--moduix-color-foreground));
+    flex-direction: column;
+    display: flex;
+  }
+
+  .root-8ZfZ1W[data-disabled] {
+    opacity: var(--moduix-field-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .item-IAvDWz {
+    gap: var(--moduix-field-item-gap, var(--moduix-spacing-1));
+    display: grid;
+  }
+
+  .label-b5wNPe {
+    align-items: center;
+    gap: var(--moduix-field-label-gap, var(--moduix-spacing-2));
+    color: var(--moduix-field-label-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-field-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-field-label-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-field-label-line-height, var(--moduix-line-height-text-sm));
+    display: inline-flex;
+  }
+
+  .helperText-pAOAcE {
+    color: var(--moduix-field-description-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-field-description-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-field-description-line-height, var(--moduix-line-height-text-sm));
+    margin: 0;
+  }
+
+  .control-hI2WSE {
+    box-sizing: border-box;
+    width: var(--moduix-field-control-width, 100%);
+    min-height: var(--moduix-field-control-height, var(--moduix-size-md));
+    border: var(--moduix-field-control-border-width, var(--moduix-border-width-sm))
+      var(--moduix-field-control-border-style, solid)
+      var(--moduix-field-control-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-field-control-radius, var(--moduix-radius-md));
+    padding: var(--moduix-field-control-padding-y, var(--moduix-spacing-1))
+      var(--moduix-field-control-padding-x, var(--moduix-spacing-3-5));
+    background-color: var(--moduix-field-control-bg, var(--moduix-color-background));
+    color: var(--moduix-field-control-color, var(--moduix-color-foreground));
+    font: inherit;
+    font-size: var(--moduix-field-control-font-size, var(--moduix-text-md));
+    line-height: var(--moduix-field-control-line-height, var(--moduix-line-height-text-md));
+    outline: var(--moduix-field-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+      solid transparent;
+    outline-offset: var(--moduix-field-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+    transition: border-color var(--moduix-field-control-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-field-control-transition, var(--moduix-transition-default));
+    margin: 0;
+  }
+
+  .control-hI2WSE::placeholder {
+    color: var(--moduix-field-control-placeholder-color, var(--moduix-color-muted-foreground));
+  }
+
+  .control-hI2WSE:focus-visible {
+    outline-color: var(--moduix-field-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .control-hI2WSE[data-invalid] {
+    border-color: var(--moduix-field-control-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .control-hI2WSE[data-invalid]:focus-visible {
+    outline-color: var(--moduix-field-control-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .control-hI2WSE[data-disabled], .control-hI2WSE:disabled {
+    pointer-events: none;
+  }
+
+  .textarea-Y8lb0K {
+    min-height: var(--moduix-field-textarea-min-height, 5rem);
+    resize: vertical;
+  }
+
+  .errorText-HCuYXk {
+    color: var(--moduix-field-error-color, var(--moduix-color-destructive));
+    font-size: var(--moduix-field-error-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-field-error-line-height, var(--moduix-line-height-text-sm));
+    margin: 0;
+  }
+
+  .requiredIndicator-yiixrR {
+    color: var(--moduix-field-required-indicator-color, var(--moduix-color-destructive));
+  }
+}
+

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

@@ -1,2 +1 @@
-import { Field, useField, useFieldContext } from "./Field.js";
-export { Field, useField, useFieldContext };
+export * from './Field.js';

package/dist/components/field/index.js

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

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

@@ -1,12 +1,10 @@
-import { Fieldset, useFieldset } from "@ark-ui/react/fieldset";
-
-//#region src/components/fieldset/Fieldset.d.ts
-declare const Fieldset$1: import("react").ForwardRefExoticComponent<Omit<Fieldset.RootProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Fieldset.RootProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Fieldset.RootProviderProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>>;
-  Legend: import("react").ForwardRefExoticComponent<Omit<Fieldset.LegendProps & import("react").RefAttributes<HTMLLegendElement>, "ref"> & import("react").RefAttributes<HTMLLegendElement>>;
-  HelperText: import("react").ForwardRefExoticComponent<Omit<Fieldset.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  ErrorText: import("react").ForwardRefExoticComponent<Omit<Fieldset.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+import { Fieldset as FieldsetPrimitive, useFieldset, useFieldsetContext } from '@ark-ui/react/fieldset';
+declare const Fieldset: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.RootProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.RootProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.RootProviderProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>>;
+    Context: (props: FieldsetPrimitive.ContextProps) => import("react").ReactNode;
+    Legend: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.LegendProps & import("react").RefAttributes<HTMLLegendElement>, "ref"> & import("react").RefAttributes<HTMLLegendElement>>;
+    HelperText: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ErrorText: import("react").ForwardRefExoticComponent<Omit<FieldsetPrimitive.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 };
-//#endregion
-export { Fieldset$1 as Fieldset, useFieldset };
+export { Fieldset, useFieldset, useFieldsetContext };

package/dist/components/fieldset/Fieldset.js

@@ -1,56 +1,56 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Fieldset_module_default from "./Fieldset.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Fieldset, useFieldset, useFieldsetContext } from "@ark-ui/react/fieldset";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Fieldset, useFieldset } from "@ark-ui/react/fieldset";
-//#region src/components/fieldset/Fieldset.tsx
-const FieldsetRoot = forwardRef(function FieldsetRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Fieldset.Root, {
-		ref,
-		"data-slot": "fieldset-root",
-		className: clsx(Fieldset_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Fieldset_module from "./Fieldset.module.js";
+const Fieldset_FieldsetRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.Root, {
+        ref: ref,
+        "data-slot": "fieldset-root",
+        className: clsx(Fieldset_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldsetRootProvider = forwardRef(function FieldsetRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Fieldset.RootProvider, {
-		ref,
-		"data-slot": "fieldset-root-provider",
-		className: clsx(Fieldset_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Fieldset_FieldsetRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.RootProvider, {
+        ref: ref,
+        "data-slot": "fieldset-root-provider",
+        className: clsx(Fieldset_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldsetLegend = forwardRef(function FieldsetLegend({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Fieldset.Legend, {
-		ref,
-		"data-slot": "fieldset-legend",
-		className: clsx(Fieldset_module_default.legend, normalizeClassName(className)),
-		...props
-	});
+const Fieldset_FieldsetLegend = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.Legend, {
+        ref: ref,
+        "data-slot": "fieldset-legend",
+        className: clsx(Fieldset_module.legend, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldsetHelperText = forwardRef(function FieldsetHelperText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Fieldset.HelperText, {
-		ref,
-		"data-slot": "fieldset-helper-text",
-		className: clsx(Fieldset_module_default.helperText, normalizeClassName(className)),
-		...props
-	});
+const Fieldset_FieldsetHelperText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.HelperText, {
+        ref: ref,
+        "data-slot": "fieldset-helper-text",
+        className: clsx(Fieldset_module.helperText, normalizeClassName(className)),
+        ...props
+    });
 });
-const FieldsetErrorText = forwardRef(function FieldsetErrorText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Fieldset.ErrorText, {
-		ref,
-		"data-slot": "fieldset-error-text",
-		className: clsx(Fieldset_module_default.errorText, normalizeClassName(className)),
-		...props
-	});
+const Fieldset_FieldsetErrorText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Fieldset.ErrorText, {
+        ref: ref,
+        "data-slot": "fieldset-error-text",
+        className: clsx(Fieldset_module.errorText, normalizeClassName(className)),
+        ...props
+    });
 });
-const Fieldset$1 = Object.assign(FieldsetRoot, {
-	Root: FieldsetRoot,
-	RootProvider: FieldsetRootProvider,
-	Legend: FieldsetLegend,
-	HelperText: FieldsetHelperText,
-	ErrorText: FieldsetErrorText
+const Fieldset_Fieldset = Object.assign(Fieldset_FieldsetRoot, {
+    Root: Fieldset_FieldsetRoot,
+    RootProvider: Fieldset_FieldsetRootProvider,
+    Context: Fieldset.Context,
+    Legend: Fieldset_FieldsetLegend,
+    HelperText: Fieldset_FieldsetHelperText,
+    ErrorText: Fieldset_FieldsetErrorText
 });
-//#endregion
-export { Fieldset$1 as Fieldset, useFieldset };
+export { Fieldset_Fieldset as Fieldset, useFieldset, useFieldsetContext };

package/dist/components/fieldset/Fieldset.module.js

@@ -1,10 +1,8 @@
-import './Fieldset.css';
-//#region src/components/fieldset/Fieldset.module.css
-var Fieldset_module_default = {
-	"errorText": "zyuCNW_errorText",
-	"helperText": "zyuCNW_helperText",
-	"legend": "zyuCNW_legend",
-	"root": "zyuCNW_root"
+import "./Fieldset_module.css";
+const Fieldset_module = {
+    root: "root-ODbEDu",
+    legend: "legend-tBpqK_",
+    helperText: "helperText-slHAwI",
+    errorText: "errorText-OdD9sO"
 };
-//#endregion
-export { Fieldset_module_default as default };
+export default Fieldset_module;