@moduix/react 2.2.0 → 2.2.4

package/dist/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,30 +1,23 @@
-import { HTMLArkProps } from "@ark-ui/react/factory";
-import { Key, ReactNode } from "react";
-
-//#region src/components/breadcrumbs/Breadcrumbs.d.ts
+import type { HTMLArkProps } from '@ark-ui/react/factory';
+import { type Key, type ReactNode } from 'react';
 type BreadcrumbsPathItem = {
-  href?: string;
-  key?: Key;
-  label: ReactNode;
+    href?: string;
+    key?: Key;
+    label: ReactNode;
 };
 type BreadcrumbsPathProps = Omit<HTMLArkProps<'ol'>, 'children'> & {
-  items: readonly BreadcrumbsPathItem[];
-  separator?: ReactNode;
+    items: readonly BreadcrumbsPathItem[];
+    separator?: ReactNode;
 };
-declare function BreadcrumbsPath({
-  items,
-  separator,
-  ...props
-}: BreadcrumbsPathProps): import("react").JSX.Element;
+declare function BreadcrumbsPath({ items, separator, ...props }: BreadcrumbsPathProps): import("react").JSX.Element;
 declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-  List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLOListElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLLIElement>>;
-  Link: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLAnchorElement>>;
-  Path: typeof BreadcrumbsPath;
-  Page: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
-  Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLLIElement>>;
-  Ellipsis: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLOListElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLLIElement>>;
+    Link: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    Path: typeof BreadcrumbsPath;
+    Page: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLLIElement>>;
+    Ellipsis: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
 };
-//#endregion
-export { Breadcrumbs };
+export { Breadcrumbs };

package/dist/components/breadcrumbs/Breadcrumbs.js

@@ -1,109 +1,120 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { ChevronRightIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import Breadcrumbs_module_default from "./Breadcrumbs.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { Fragment, forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/breadcrumbs/Breadcrumbs.tsx
-const BreadcrumbsRoot = forwardRef(function BreadcrumbsRoot({ className, "aria-label": ariaLabel = "Breadcrumb", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.nav, {
-		ref,
-		"data-scope": "breadcrumbs",
-		"data-part": "root",
-		"data-slot": "breadcrumbs-root",
-		"aria-label": ariaLabel,
-		className: clsx(Breadcrumbs_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { ChevronRightIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Breadcrumbs_module from "./Breadcrumbs.module.js";
+const Breadcrumbs_BreadcrumbsRoot = /*#__PURE__*/ forwardRef(function({ className, 'aria-label': ariaLabel = 'Breadcrumb', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.nav, {
+        ref: ref,
+        "data-scope": "breadcrumbs",
+        "data-part": "root",
+        "data-slot": "breadcrumbs-root",
+        "aria-label": ariaLabel,
+        className: clsx(Breadcrumbs_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const BreadcrumbsList = forwardRef(function BreadcrumbsList({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.ol, {
-		ref,
-		"data-scope": "breadcrumbs",
-		"data-part": "list",
-		"data-slot": "breadcrumbs-list",
-		className: clsx(Breadcrumbs_module_default.list, normalizeClassName(className)),
-		...props
-	});
+const Breadcrumbs_BreadcrumbsList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.ol, {
+        ref: ref,
+        "data-scope": "breadcrumbs",
+        "data-part": "list",
+        "data-slot": "breadcrumbs-list",
+        className: clsx(Breadcrumbs_module.list, normalizeClassName(className)),
+        ...props
+    });
 });
-const BreadcrumbsItem = forwardRef(function BreadcrumbsItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.li, {
-		ref,
-		"data-scope": "breadcrumbs",
-		"data-part": "item",
-		"data-slot": "breadcrumbs-item",
-		className: clsx(Breadcrumbs_module_default.item, normalizeClassName(className)),
-		...props
-	});
+const Breadcrumbs_BreadcrumbsItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.li, {
+        ref: ref,
+        "data-scope": "breadcrumbs",
+        "data-part": "item",
+        "data-slot": "breadcrumbs-item",
+        className: clsx(Breadcrumbs_module.item, normalizeClassName(className)),
+        ...props
+    });
 });
-const BreadcrumbsLink = forwardRef(function BreadcrumbsLink({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.a, {
-		ref,
-		"data-scope": "breadcrumbs",
-		"data-part": "link",
-		"data-slot": "breadcrumbs-link",
-		className: clsx(Breadcrumbs_module_default.link, normalizeClassName(className)),
-		...props
-	});
+const Breadcrumbs_BreadcrumbsLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.a, {
+        ref: ref,
+        "data-scope": "breadcrumbs",
+        "data-part": "link",
+        "data-slot": "breadcrumbs-link",
+        className: clsx(Breadcrumbs_module.link, normalizeClassName(className)),
+        ...props
+    });
 });
-const BreadcrumbsPage = forwardRef(function BreadcrumbsPage({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.span, {
-		ref,
-		"data-scope": "breadcrumbs",
-		"data-part": "page",
-		"data-slot": "breadcrumbs-page",
-		"aria-current": "page",
-		className: clsx(Breadcrumbs_module_default.page, normalizeClassName(className)),
-		...props
-	});
+const Breadcrumbs_BreadcrumbsPage = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        "data-scope": "breadcrumbs",
+        "data-part": "page",
+        "data-slot": "breadcrumbs-page",
+        "aria-current": "page",
+        className: clsx(Breadcrumbs_module.page, normalizeClassName(className)),
+        ...props
+    });
 });
 function BreadcrumbsPath({ items, separator, ...props }) {
-	return /* @__PURE__ */ jsx(BreadcrumbsList, {
-		...props,
-		children: items.map((item, index) => {
-			const isLastItem = index === items.length - 1;
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbsItem, { children: item.href && !isLastItem ? /* @__PURE__ */ jsx(BreadcrumbsLink, {
-				href: item.href,
-				children: item.label
-			}) : /* @__PURE__ */ jsx(BreadcrumbsPage, { children: item.label }) }), !isLastItem ? /* @__PURE__ */ jsx(BreadcrumbsSeparator, { children: separator }) : null] }, item.key ?? item.href ?? index);
-		})
-	});
+    return /*#__PURE__*/ jsx(Breadcrumbs_BreadcrumbsList, {
+        ...props,
+        children: items.map((item, index)=>{
+            const isLastItem = index === items.length - 1;
+            return /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(Breadcrumbs_BreadcrumbsItem, {
+                        children: isLastItem ? /*#__PURE__*/ jsx(Breadcrumbs_BreadcrumbsPage, {
+                            children: item.label
+                        }) : /*#__PURE__*/ jsx(Breadcrumbs_BreadcrumbsLink, {
+                            href: item.href,
+                            children: item.label
+                        })
+                    }),
+                    isLastItem ? null : /*#__PURE__*/ jsx(Breadcrumbs_BreadcrumbsSeparator, {
+                        children: separator
+                    })
+                ]
+            }, item.key ?? index);
+        })
+    });
 }
-const BreadcrumbsSeparator = forwardRef(function BreadcrumbsSeparator({ className, children, role = "presentation", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.li, {
-		ref,
-		"data-scope": "breadcrumbs",
-		"data-part": "separator",
-		"data-slot": "breadcrumbs-separator",
-		"aria-hidden": "true",
-		role,
-		className: clsx(Breadcrumbs_module_default.separator, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: Breadcrumbs_module_default.separatorIcon })
-	});
+const Breadcrumbs_BreadcrumbsSeparator = /*#__PURE__*/ forwardRef(function({ className, children, role = 'presentation', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.li, {
+        ref: ref,
+        "data-scope": "breadcrumbs",
+        "data-part": "separator",
+        "data-slot": "breadcrumbs-separator",
+        "aria-hidden": "true",
+        role: role,
+        className: clsx(Breadcrumbs_module.separator, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {
+            className: Breadcrumbs_module.separatorIcon
+        })
+    });
 });
-const BreadcrumbsEllipsis = forwardRef(function BreadcrumbsEllipsis({ className, children = "...", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.span, {
-		ref,
-		"data-scope": "breadcrumbs",
-		"data-part": "ellipsis",
-		"data-slot": "breadcrumbs-ellipsis",
-		"aria-hidden": "true",
-		className: clsx(Breadcrumbs_module_default.ellipsis, normalizeClassName(className)),
-		...props,
-		children
-	});
+const Breadcrumbs_BreadcrumbsEllipsis = /*#__PURE__*/ forwardRef(function({ className, children = '...', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        "data-scope": "breadcrumbs",
+        "data-part": "ellipsis",
+        "data-slot": "breadcrumbs-ellipsis",
+        "aria-hidden": "true",
+        className: clsx(Breadcrumbs_module.ellipsis, normalizeClassName(className)),
+        ...props,
+        children: children
+    });
 });
-const Breadcrumbs = Object.assign(BreadcrumbsRoot, {
-	Root: BreadcrumbsRoot,
-	List: BreadcrumbsList,
-	Item: BreadcrumbsItem,
-	Link: BreadcrumbsLink,
-	Path: BreadcrumbsPath,
-	Page: BreadcrumbsPage,
-	Separator: BreadcrumbsSeparator,
-	Ellipsis: BreadcrumbsEllipsis
+const Breadcrumbs = Object.assign(Breadcrumbs_BreadcrumbsRoot, {
+    Root: Breadcrumbs_BreadcrumbsRoot,
+    List: Breadcrumbs_BreadcrumbsList,
+    Item: Breadcrumbs_BreadcrumbsItem,
+    Link: Breadcrumbs_BreadcrumbsLink,
+    Path: BreadcrumbsPath,
+    Page: Breadcrumbs_BreadcrumbsPage,
+    Separator: Breadcrumbs_BreadcrumbsSeparator,
+    Ellipsis: Breadcrumbs_BreadcrumbsEllipsis
 });
-//#endregion
 export { Breadcrumbs };

package/dist/components/breadcrumbs/Breadcrumbs.module.js

@@ -1,14 +1,12 @@
-import './Breadcrumbs.css';
-//#region src/components/breadcrumbs/Breadcrumbs.module.css
-var Breadcrumbs_module_default = {
-	"ellipsis": "WoRWWa_ellipsis",
-	"item": "WoRWWa_item",
-	"link": "WoRWWa_link",
-	"list": "WoRWWa_list",
-	"page": "WoRWWa_page",
-	"root": "WoRWWa_root",
-	"separator": "WoRWWa_separator",
-	"separatorIcon": "WoRWWa_separatorIcon"
+import "./Breadcrumbs_module.css";
+const Breadcrumbs_module = {
+    root: "root-B6shiI",
+    list: "list-FZ1rud",
+    item: "item-RCrA_4",
+    link: "link-xaIY1W",
+    page: "page-IrZ65J",
+    ellipsis: "ellipsis-BQEu94",
+    separator: "separator-VULbp1",
+    separatorIcon: "separatorIcon-Te8UH5"
 };
-//#endregion
-export { Breadcrumbs_module_default as default };
+export default Breadcrumbs_module;

package/dist/components/breadcrumbs/{Breadcrumbs.css → Breadcrumbs_module.css}

@@ -1,12 +1,12 @@
 @layer moduix.components {
-  .WoRWWa_root[data-scope="breadcrumbs"][data-part="root"] {
+  .root-B6shiI[data-scope="breadcrumbs"][data-part="root"] {
     max-width: var(--moduix-breadcrumbs-max-width, 100%);
     color: var(--moduix-breadcrumbs-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-breadcrumbs-font-size, var(--moduix-text-sm));
     line-height: var(--moduix-breadcrumbs-line-height, var(--moduix-line-height-text-sm));
   }
 
-  .WoRWWa_list[data-scope="breadcrumbs"][data-part="list"] {
+  .list-FZ1rud[data-scope="breadcrumbs"][data-part="list"] {
     align-items: center;
     gap: var(--moduix-breadcrumbs-gap, var(--moduix-spacing-1));
     white-space: nowrap;
@@ -15,21 +15,21 @@
     padding: 0;
     list-style: none;
     display: flex;
+  }
 
-    & > .WoRWWa_item:last-child {
-      max-width: var(--moduix-breadcrumbs-item-max-width, 16rem);
-      flex: auto;
-    }
+  .list-FZ1rud[data-scope="breadcrumbs"][data-part="list"] > .item-RCrA_4:last-child {
+    max-width: var(--moduix-breadcrumbs-item-max-width, 16rem);
+    flex: auto;
   }
 
-  .WoRWWa_item[data-scope="breadcrumbs"][data-part="item"] {
+  .item-RCrA_4[data-scope="breadcrumbs"][data-part="item"] {
     flex: 0 auto;
     align-items: center;
     min-width: 0;
     display: inline-flex;
   }
 
-  .WoRWWa_link[data-scope="breadcrumbs"][data-part="link"], .WoRWWa_page[data-scope="breadcrumbs"][data-part="page"] {
+  .link-xaIY1W[data-scope="breadcrumbs"][data-part="link"], .page-IrZ65J[data-scope="breadcrumbs"][data-part="page"] {
     min-width: 0;
     max-width: 100%;
     padding-inline: var(--moduix-breadcrumbs-item-padding-x, var(--moduix-spacing-1));
@@ -37,54 +37,61 @@
     display: block;
   }
 
-  .WoRWWa_link[data-scope="breadcrumbs"][data-part="link"], .WoRWWa_page[data-scope="breadcrumbs"][data-part="page"], .WoRWWa_ellipsis[data-scope="breadcrumbs"][data-part="ellipsis"] {
+  .link-xaIY1W[data-scope="breadcrumbs"][data-part="link"], .page-IrZ65J[data-scope="breadcrumbs"][data-part="page"], .ellipsis-BQEu94[data-scope="breadcrumbs"][data-part="ellipsis"] {
     text-overflow: ellipsis;
     overflow: hidden;
   }
 
-  .WoRWWa_link[data-scope="breadcrumbs"][data-part="link"] {
+  .link-xaIY1W[data-scope="breadcrumbs"][data-part="link"] {
     color: var(--moduix-breadcrumbs-link-color, var(--moduix-color-muted-foreground));
+    -webkit-text-decoration: var(--moduix-breadcrumbs-link-text-decoration, none);
     text-decoration: var(--moduix-breadcrumbs-link-text-decoration, none);
     text-underline-offset: var(--moduix-breadcrumbs-link-underline-offset, .2em);
     border-radius: var(--moduix-breadcrumbs-link-radius, var(--moduix-radius-sm));
     transition: var(--moduix-breadcrumbs-link-transition, var(--moduix-transition-default));
     outline: none;
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        color: var(--moduix-breadcrumbs-link-color-hover, var(--moduix-color-foreground));
-        text-decoration: var(--moduix-breadcrumbs-link-text-decoration-hover, none);
-      }
+  @media (hover: hover) {
+    .link-xaIY1W[data-scope="breadcrumbs"][data-part="link"]:hover {
+      color: var(--moduix-breadcrumbs-link-color-hover, var(--moduix-color-foreground));
+      -webkit-text-decoration: var(--moduix-breadcrumbs-link-text-decoration-hover, none);
+      text-decoration: var(--moduix-breadcrumbs-link-text-decoration-hover, none);
     }
+  }
 
-    &:focus-visible {
-      box-shadow: 0 0 0
+  .link-xaIY1W[data-scope="breadcrumbs"][data-part="link"]:focus-visible {
+    box-shadow: 0 0 0
         var(--moduix-breadcrumbs-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
         var(--moduix-breadcrumbs-focus-ring-color, var(--moduix-color-ring));
-    }
   }
 
-  .WoRWWa_page[data-scope="breadcrumbs"][data-part="page"] {
+  .page-IrZ65J[data-scope="breadcrumbs"][data-part="page"] {
     color: var(--moduix-breadcrumbs-page-color, var(--moduix-color-foreground));
     font-weight: var(--moduix-breadcrumbs-page-font-weight, var(--moduix-weight-medium));
   }
 
-  .WoRWWa_separator[data-scope="breadcrumbs"][data-part="separator"] {
+  .separator-VULbp1[data-scope="breadcrumbs"][data-part="separator"] {
     color: var(--moduix-breadcrumbs-separator-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-breadcrumbs-separator-font-size, .875em);
+    -webkit-user-select: none;
     user-select: none;
     align-items: center;
     line-height: 1;
     display: inline-flex;
   }
 
-  .WoRWWa_separatorIcon {
+  .separatorIcon-Te8UH5 {
     width: var(--moduix-breadcrumbs-separator-icon-size, 1em);
     height: var(--moduix-breadcrumbs-separator-icon-size, 1em);
     flex: none;
   }
 
-  .WoRWWa_ellipsis[data-scope="breadcrumbs"][data-part="ellipsis"] {
+  [dir="rtl"] .separatorIcon-Te8UH5 {
+    transform: rotate(180deg);
+  }
+
+  .ellipsis-BQEu94[data-scope="breadcrumbs"][data-part="ellipsis"] {
     min-width: var(--moduix-breadcrumbs-ellipsis-size, var(--moduix-spacing-4));
     min-height: var(--moduix-breadcrumbs-ellipsis-size, var(--moduix-spacing-4));
     padding-inline: var(--moduix-breadcrumbs-item-padding-x, var(--moduix-spacing-1));
@@ -95,3 +102,4 @@
     display: inline-flex;
   }
 }
+

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

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

package/dist/components/breadcrumbs/index.js

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

package/dist/components/button/Button.d.ts

@@ -1,20 +1,18 @@
-//#region src/components/button/Button.d.ts
 declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  loading?: boolean;
-  variant?: "default" | "outline" | "secondary" | "destructive" | "destructive-outline" | "ghost" | "link";
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg";
-  'data-scope'?: string;
-  'data-part'?: string;
-  'data-slot'?: string;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     loading?: boolean;
     variant?: "default" | "outline" | "secondary" | "destructive" | "destructive-outline" | "ghost" | "link";
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg";
     'data-scope'?: string;
     'data-part'?: string;
     'data-slot'?: string;
-  } & import("react").RefAttributes<HTMLButtonElement>>;
+} & import("react").RefAttributes<HTMLButtonElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        loading?: boolean;
+        variant?: "default" | "outline" | "secondary" | "destructive" | "destructive-outline" | "ghost" | "link";
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg";
+        'data-scope'?: string;
+        'data-part'?: string;
+        'data-slot'?: string;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
-export { Button };
+export { Button };

package/dist/components/button/Button.js

@@ -1,33 +1,41 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Button_module_default from "./Button.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/button/Button.tsx
-const ButtonRoot = forwardRef(function ButtonRoot({ asChild, className, disabled, loading = false, size = "md", type, "data-scope": dataScope = "button", "data-part": dataPart = "root", "data-slot": dataSlot, variant = "default", "aria-busy": ariaBusy, "aria-disabled": ariaDisabled, ...props }, ref) {
-	const nativeDisabled = asChild ? void 0 : loading || disabled;
-	const resolvedAriaBusy = loading ? true : ariaBusy;
-	const resolvedAriaDisabled = loading ? true : ariaDisabled;
-	const isDisabled = disabled || loading || resolvedAriaDisabled === true || resolvedAriaDisabled === "true";
-	return /* @__PURE__ */ jsx(ark.button, {
-		ref,
-		asChild,
-		type: asChild ? type : type ?? "button",
-		disabled: nativeDisabled,
-		"aria-busy": resolvedAriaBusy,
-		"aria-disabled": resolvedAriaDisabled,
-		...props,
-		"data-scope": dataScope,
-		"data-part": dataPart,
-		"data-slot": dataSlot ?? "button-root",
-		"data-variant": variant,
-		"data-size": size,
-		"data-disabled": isDisabled ? "" : void 0,
-		"data-loading": loading ? "" : void 0,
-		className: clsx(Button_module_default.root, normalizeClassName(className))
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Button_module from "./Button.module.js";
+const Button_ButtonRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, disabled, loading = false, onClick, size = 'md', type, 'data-scope': dataScope = 'button', 'data-part': dataPart = 'root', 'data-slot': dataSlot, variant = 'default', 'aria-busy': ariaBusy, 'aria-disabled': ariaDisabled, ...props }, ref) {
+    const isDisabled = disabled || loading || true === ariaDisabled || 'true' === ariaDisabled;
+    const nativeDisabled = asChild ? void 0 : isDisabled;
+    const resolvedAriaBusy = loading ? true : ariaBusy;
+    const resolvedAriaDisabled = isDisabled ? true : ariaDisabled;
+    return /*#__PURE__*/ jsx(ark.button, {
+        ref: ref,
+        asChild: asChild,
+        type: asChild ? type : type ?? 'button',
+        disabled: nativeDisabled,
+        "aria-busy": resolvedAriaBusy,
+        "aria-disabled": resolvedAriaDisabled,
+        ...props,
+        onClick: (event)=>{
+            if (isDisabled) {
+                event.preventDefault();
+                event.stopPropagation();
+                return;
+            }
+            onClick?.(event);
+        },
+        "data-scope": dataScope,
+        "data-part": dataPart,
+        "data-slot": dataSlot ?? 'button-root',
+        "data-variant": variant,
+        "data-size": size,
+        "data-disabled": isDisabled ? '' : void 0,
+        "data-loading": loading ? '' : void 0,
+        className: clsx(Button_module.root, normalizeClassName(className))
+    });
+});
+const Button = Object.assign(Button_ButtonRoot, {
+    Root: Button_ButtonRoot
 });
-const Button = Object.assign(ButtonRoot, { Root: ButtonRoot });
-//#endregion
 export { Button };

package/dist/components/button/Button.module.js

@@ -1,5 +1,5 @@
-import './Button.css';
-//#region src/components/button/Button.module.css
-var Button_module_default = { "root": "NbN_ya_root" };
-//#endregion
-export { Button_module_default as default };
+import "./Button_module.css";
+const Button_module = {
+    root: "root-RR_712"
+};
+export default Button_module;