@moduix/react 2.1.0 → 2.2.4

package/dist/components/editable/Editable.js

@@ -1,115 +1,122 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CheckIcon, CloseIcon, PencilIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import Editable_module_default from "./Editable.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Editable, useEditable, useEditableContext } from "@ark-ui/react/editable";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Editable, useEditable, useEditableContext } from "@ark-ui/react/editable";
-//#region src/components/editable/Editable.tsx
-const EditableRoot = forwardRef(function EditableRoot({ activationMode = "dblclick", className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.Root, {
-		ref,
-		"data-slot": "editable-root",
-		activationMode,
-		className: clsx(Editable_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { CheckIcon, CloseIcon, PencilIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Editable_module from "./Editable.module.js";
+const Editable_EditableRoot = /*#__PURE__*/ forwardRef(function({ activationMode = 'dblclick', className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Root, {
+        ref: ref,
+        "data-slot": "editable-root",
+        activationMode: activationMode,
+        className: clsx(Editable_module.root, normalizeClassName(className)),
+        ...props
+    });
+});
+const Editable_EditableRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.RootProvider, {
+        ref: ref,
+        "data-slot": "editable-root-provider",
+        className: clsx(Editable_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const EditableRootProvider = forwardRef(function EditableRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.RootProvider, {
-		ref,
-		"data-slot": "editable-root-provider",
-		className: clsx(Editable_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Editable_EditableLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Label, {
+        ref: ref,
+        "data-slot": "editable-label",
+        className: clsx(Editable_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const EditableLabel = forwardRef(function EditableLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.Label, {
-		ref,
-		"data-slot": "editable-label",
-		className: clsx(Editable_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const Editable_EditableArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Area, {
+        ref: ref,
+        "data-slot": "editable-area",
+        className: clsx(Editable_module.area, normalizeClassName(className)),
+        ...props
+    });
 });
-const EditableArea = forwardRef(function EditableArea({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.Area, {
-		ref,
-		"data-slot": "editable-area",
-		className: clsx(Editable_module_default.area, normalizeClassName(className)),
-		...props
-	});
+const Editable_EditableInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Input, {
+        ref: ref,
+        "data-slot": "editable-input",
+        className: clsx(Editable_module.input, normalizeClassName(className)),
+        ...props
+    });
 });
-const EditableInput = forwardRef(function EditableInput({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.Input, {
-		ref,
-		"data-slot": "editable-input",
-		className: clsx(Editable_module_default.input, normalizeClassName(className)),
-		...props
-	});
+const Editable_EditablePreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Preview, {
+        ref: ref,
+        "data-slot": "editable-preview",
+        className: clsx(Editable_module.preview, normalizeClassName(className)),
+        ...props
+    });
 });
-const EditablePreview = forwardRef(function EditablePreview({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.Preview, {
-		ref,
-		"data-slot": "editable-preview",
-		className: clsx(Editable_module_default.preview, normalizeClassName(className)),
-		...props
-	});
+const Editable_EditableControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Control, {
+        ref: ref,
+        "data-slot": "editable-control",
+        className: clsx(Editable_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const EditableControl = forwardRef(function EditableControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.Control, {
-		ref,
-		"data-slot": "editable-control",
-		className: clsx(Editable_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const Editable_EditableEditTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.EditTrigger, {
+        ref: ref,
+        "data-slot": "editable-edit-trigger",
+        className: clsx(Editable_module.trigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(PencilIcon, {})
+    });
 });
-const EditableEditTrigger = forwardRef(function EditableEditTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.EditTrigger, {
-		ref,
-		"data-slot": "editable-edit-trigger",
-		className: clsx(Editable_module_default.trigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(PencilIcon, {})
-	});
+const Editable_EditableSubmitTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.SubmitTrigger, {
+        ref: ref,
+        "data-slot": "editable-submit-trigger",
+        className: clsx(Editable_module.trigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
 });
-const EditableSubmitTrigger = forwardRef(function EditableSubmitTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.SubmitTrigger, {
-		ref,
-		"data-slot": "editable-submit-trigger",
-		className: clsx(Editable_module_default.trigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
-	});
+const Editable_EditableCancelTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.CancelTrigger, {
+        ref: ref,
+        "data-slot": "editable-cancel-trigger",
+        className: clsx(Editable_module.trigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
+    });
 });
-const EditableCancelTrigger = forwardRef(function EditableCancelTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Editable.CancelTrigger, {
-		ref,
-		"data-slot": "editable-cancel-trigger",
-		className: clsx(Editable_module_default.trigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
-	});
+const Editable_EditableControls = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable_EditableControl, {
+        ref: ref,
+        className: className,
+        ...props,
+        children: /*#__PURE__*/ jsx(Editable.Context, {
+            children: (editable)=>editable.editing ? /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(Editable_EditableSubmitTrigger, {}),
+                        /*#__PURE__*/ jsx(Editable_EditableCancelTrigger, {})
+                    ]
+                }) : /*#__PURE__*/ jsx(Editable_EditableEditTrigger, {})
+        })
+    });
 });
-function EditableControls({ className, ...props }) {
-	return /* @__PURE__ */ jsx(EditableControl, {
-		className,
-		...props,
-		children: /* @__PURE__ */ jsx(Editable.Context, { children: (editable) => editable.editing ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(EditableSubmitTrigger, {}), /* @__PURE__ */ jsx(EditableCancelTrigger, {})] }) : /* @__PURE__ */ jsx(EditableEditTrigger, {}) })
-	});
-}
-const Editable$1 = Object.assign(EditableRoot, {
-	Root: EditableRoot,
-	RootProvider: EditableRootProvider,
-	Label: EditableLabel,
-	Area: EditableArea,
-	Input: EditableInput,
-	Preview: EditablePreview,
-	Control: EditableControl,
-	EditTrigger: EditableEditTrigger,
-	SubmitTrigger: EditableSubmitTrigger,
-	CancelTrigger: EditableCancelTrigger,
-	Controls: EditableControls,
-	Context: Editable.Context
+const Editable_Editable = Object.assign(Editable_EditableRoot, {
+    Root: Editable_EditableRoot,
+    RootProvider: Editable_EditableRootProvider,
+    Label: Editable_EditableLabel,
+    Area: Editable_EditableArea,
+    Input: Editable_EditableInput,
+    Preview: Editable_EditablePreview,
+    Control: Editable_EditableControl,
+    EditTrigger: Editable_EditableEditTrigger,
+    SubmitTrigger: Editable_EditableSubmitTrigger,
+    CancelTrigger: Editable_EditableCancelTrigger,
+    Controls: Editable_EditableControls,
+    Context: Editable.Context
 });
-//#endregion
-export { Editable$1 as Editable, useEditable, useEditableContext };
+export { Editable_Editable as Editable, useEditable, useEditableContext };

package/dist/components/editable/Editable.module.js

@@ -1,13 +1,11 @@
-import './Editable.css';
-//#region src/components/editable/Editable.module.css
-var Editable_module_default = {
-	"area": "_4ZG42W_area",
-	"control": "_4ZG42W_control",
-	"input": "_4ZG42W_input",
-	"label": "_4ZG42W_label",
-	"preview": "_4ZG42W_preview",
-	"root": "_4ZG42W_root",
-	"trigger": "_4ZG42W_trigger"
+import "./Editable_module.css";
+const Editable_module = {
+    root: "root-h3pdNe",
+    area: "area-jB4rub",
+    label: "label-W5mYXc",
+    input: "input-D00lXJ",
+    preview: "preview-FEFxa4",
+    control: "control-RAMaJ8",
+    trigger: "trigger-vykuEP"
 };
-//#endregion
-export { Editable_module_default as default };
+export default Editable_module;

package/dist/components/editable/Editable_module.css

@@ -0,0 +1,176 @@
+@layer moduix.components {
+  .root-h3pdNe {
+    box-sizing: border-box;
+    align-items: center;
+    row-gap: var(--moduix-editable-gap, var(--moduix-spacing-1));
+    column-gap: var(--moduix-editable-control-gap, var(--moduix-spacing-1));
+    width: var(--moduix-editable-width, auto);
+    max-width: var(--moduix-editable-max-width, 100%);
+    color: var(--moduix-editable-color, var(--moduix-color-foreground));
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: inline-grid;
+  }
+
+  .root-h3pdNe:has(.area-jB4rub[data-disabled]) {
+    opacity: var(--moduix-editable-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .label-W5mYXc {
+    align-items: center;
+    gap: var(--moduix-editable-label-gap, var(--moduix-spacing-1));
+    color: var(--moduix-editable-label-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-editable-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-editable-label-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-editable-label-line-height, var(--moduix-line-height-text-sm));
+    grid-column: 1 / -1;
+    display: inline-flex;
+  }
+
+  .label-W5mYXc[data-invalid] {
+    color: var(--moduix-editable-label-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .area-jB4rub {
+    --_editable-focus-ring-width: var(--moduix-editable-focus-ring-width, var(--moduix-editable-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))));
+    box-sizing: border-box;
+    width: var(--moduix-editable-area-width, 100%);
+    min-width: 0;
+    min-height: var(--moduix-editable-area-height, var(--moduix-size-md));
+    border: var(--moduix-editable-border-width, var(--moduix-border-width-sm))
+      var(--moduix-editable-border-style, solid)
+      var(--moduix-editable-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-editable-radius, var(--moduix-radius-md));
+    padding: var(--moduix-editable-padding-y, var(--moduix-spacing-1))
+      var(--moduix-editable-padding-x, var(--moduix-spacing-3-5));
+    background-color: var(--moduix-editable-bg, var(--moduix-color-background));
+    color: var(--moduix-editable-color, var(--moduix-color-foreground));
+    outline: var(--_editable-focus-ring-width) solid transparent;
+    outline-offset: calc(var(--_editable-focus-ring-width) * -1);
+    transition: border-color var(--moduix-editable-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-editable-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-editable-transition, var(--moduix-transition-default));
+    grid-column: 1;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .area-jB4rub[data-focus] {
+    outline-color: var(--moduix-editable-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .area-jB4rub:has(.input-D00lXJ:is([data-invalid], [aria-invalid="true"]), .preview-FEFxa4:is([data-invalid], [aria-invalid="true"])) {
+    border-color: var(--moduix-editable-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .area-jB4rub:has(.input-D00lXJ:is([data-invalid], [aria-invalid="true"]), .preview-FEFxa4:is([data-invalid], [aria-invalid="true"]))[data-focus] {
+    outline-color: var(--moduix-editable-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .area-jB4rub[data-disabled] {
+    pointer-events: none;
+  }
+
+  .input-D00lXJ, .preview-FEFxa4 {
+    box-sizing: border-box;
+    width: var(--moduix-editable-input-width, 100%);
+    min-width: 0;
+    color: inherit;
+    font: inherit;
+    font-size: var(--moduix-editable-font-size, var(--moduix-text-md));
+    line-height: var(--moduix-editable-line-height, var(--moduix-line-height-text-md));
+    background: none;
+    border: 0;
+    outline: 0;
+    margin: 0;
+    padding: 0;
+    display: block;
+  }
+
+  .input-D00lXJ {
+    appearance: none;
+  }
+
+  .input-D00lXJ::placeholder {
+    color: var(--moduix-editable-placeholder-color, var(--moduix-color-muted-foreground));
+  }
+
+  .input-D00lXJ:is(textarea) {
+    min-height: var(--moduix-editable-textarea-min-height, 6rem);
+    resize: var(--moduix-editable-textarea-resize, vertical);
+  }
+
+  .preview-FEFxa4 {
+    min-height: var(--moduix-editable-preview-min-height, 1lh);
+    cursor: text;
+  }
+
+  .preview-FEFxa4[data-placeholder-shown] {
+    color: var(--moduix-editable-placeholder-color, var(--moduix-color-muted-foreground));
+  }
+
+  .preview-FEFxa4:is([data-disabled], [data-readonly], [aria-readonly="true"]) {
+    cursor: default;
+  }
+
+  .control-RAMaJ8 {
+    align-items: center;
+    align-self: var(--moduix-editable-control-align, center);
+    gap: var(--moduix-editable-control-gap, var(--moduix-spacing-1));
+    grid-column: 2;
+    display: inline-flex;
+  }
+
+  .trigger-vykuEP {
+    box-sizing: border-box;
+    width: var(--moduix-editable-trigger-size, var(--moduix-editable-area-height, var(--moduix-size-md)));
+    min-width: var(--moduix-editable-trigger-size, var(--moduix-editable-area-height, var(--moduix-size-md)));
+    height: var(--moduix-editable-trigger-size, var(--moduix-editable-area-height, var(--moduix-size-md)));
+    border: var(--moduix-editable-trigger-border-width, var(--moduix-border-width-sm))
+      var(--moduix-editable-trigger-border-style, solid)
+      var(--moduix-editable-trigger-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-editable-trigger-radius, var(--moduix-radius-sm));
+    background-color: var(--moduix-editable-trigger-bg, var(--moduix-color-background));
+    color: var(--moduix-editable-trigger-color, var(--moduix-color-foreground));
+    outline: var(--moduix-editable-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+      solid transparent;
+    outline-offset: calc(0px -
+        var(--moduix-editable-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))));
+    cursor: pointer;
+    transition: background-color var(--moduix-editable-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-editable-transition, var(--moduix-transition-default)),
+      color var(--moduix-editable-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-editable-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-editable-transition, var(--moduix-transition-default));
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    display: inline-flex;
+  }
+
+  @media (hover: hover) {
+    .trigger-vykuEP:hover {
+      background-color: var(--moduix-editable-trigger-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .trigger-vykuEP:active {
+    background-color: var(--moduix-editable-trigger-bg-active, var(--moduix-editable-trigger-bg-hover, var(--moduix-color-accent)));
+  }
+
+  .trigger-vykuEP:focus-visible, .trigger-vykuEP[data-focus] {
+    outline-color: var(--moduix-editable-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .trigger-vykuEP:is([data-disabled], :disabled) {
+    pointer-events: none;
+    opacity: var(--moduix-editable-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .trigger-vykuEP > svg {
+    width: var(--moduix-editable-trigger-icon-size, var(--moduix-spacing-3-5));
+    height: var(--moduix-editable-trigger-icon-size, var(--moduix-spacing-3-5));
+    flex-shrink: 0;
+  }
+}
+

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

@@ -1,2 +1 @@
-import { Editable, useEditable, useEditableContext } from "./Editable.js";
-export { Editable, useEditable, useEditableContext };
+export { Editable, useEditable, useEditableContext } from './Editable.js';

package/dist/components/editable/index.js

@@ -0,0 +1 @@
+export { Editable, useEditable, useEditableContext } from "./Editable.js";

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

@@ -1,11 +1,9 @@
-//#region src/components/empty/Empty.d.ts
 declare const Empty: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLHeadingElement>>;
-  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Actions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Actions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
-export { Empty };
+export { Empty };

package/dist/components/empty/Empty.js

@@ -1,77 +1,75 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Empty_module_default from "./Empty.module.js";
+import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/empty/Empty.tsx
-const EmptyRoot = forwardRef(function EmptyRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "empty",
-		"data-part": "root",
-		"data-slot": "empty-root",
-		className: clsx(Empty_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Empty_module from "./Empty.module.js";
+const Empty_EmptyRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "root",
+        "data-slot": "empty-root",
+        className: clsx(Empty_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const EmptyIcon = forwardRef(function EmptyIcon({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "empty",
-		"data-part": "icon",
-		"data-slot": "empty-icon",
-		className: clsx(Empty_module_default.icon, normalizeClassName(className)),
-		...props
-	});
+const Empty_EmptyIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "icon",
+        "data-slot": "empty-icon",
+        className: clsx(Empty_module.icon, normalizeClassName(className)),
+        ...props
+    });
 });
-const EmptyContent = forwardRef(function EmptyContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "empty",
-		"data-part": "content",
-		"data-slot": "empty-content",
-		className: clsx(Empty_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const Empty_EmptyContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "content",
+        "data-slot": "empty-content",
+        className: clsx(Empty_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const EmptyTitle = forwardRef(function EmptyTitle({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.h3, {
-		ref,
-		"data-scope": "empty",
-		"data-part": "title",
-		"data-slot": "empty-title",
-		className: clsx(Empty_module_default.title, normalizeClassName(className)),
-		...props
-	});
+const Empty_EmptyTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.h3, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "title",
+        "data-slot": "empty-title",
+        className: clsx(Empty_module.title, normalizeClassName(className)),
+        ...props
+    });
 });
-const EmptyDescription = forwardRef(function EmptyDescription({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "empty",
-		"data-part": "description",
-		"data-slot": "empty-description",
-		className: clsx(Empty_module_default.description, normalizeClassName(className)),
-		...props
-	});
+const Empty_EmptyDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "description",
+        "data-slot": "empty-description",
+        className: clsx(Empty_module.description, normalizeClassName(className)),
+        ...props
+    });
 });
-const EmptyActions = forwardRef(function EmptyActions({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "empty",
-		"data-part": "actions",
-		"data-slot": "empty-actions",
-		className: clsx(Empty_module_default.actions, normalizeClassName(className)),
-		...props
-	});
+const Empty_EmptyActions = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "actions",
+        "data-slot": "empty-actions",
+        className: clsx(Empty_module.actions, normalizeClassName(className)),
+        ...props
+    });
 });
-const Empty = Object.assign(EmptyRoot, {
-	Root: EmptyRoot,
-	Icon: EmptyIcon,
-	Content: EmptyContent,
-	Title: EmptyTitle,
-	Description: EmptyDescription,
-	Actions: EmptyActions
+const Empty = Object.assign(Empty_EmptyRoot, {
+    Root: Empty_EmptyRoot,
+    Icon: Empty_EmptyIcon,
+    Content: Empty_EmptyContent,
+    Title: Empty_EmptyTitle,
+    Description: Empty_EmptyDescription,
+    Actions: Empty_EmptyActions
 });
-//#endregion
 export { Empty };

package/dist/components/empty/Empty.module.js

@@ -1,12 +1,10 @@
-import './Empty.css';
-//#region src/components/empty/Empty.module.css
-var Empty_module_default = {
-	"actions": "QhU81q_actions",
-	"content": "QhU81q_content",
-	"description": "QhU81q_description",
-	"icon": "QhU81q_icon",
-	"root": "QhU81q_root",
-	"title": "QhU81q_title"
+import "./Empty_module.css";
+const Empty_module = {
+    root: "root-eGkN9L",
+    icon: "icon-LWbtAW",
+    content: "content-qVnKHg",
+    title: "title-siLoJh",
+    description: "description-_YR4BR",
+    actions: "actions-pllhOJ"
 };
-//#endregion
-export { Empty_module_default as default };
+export default Empty_module;