@duskmoon-dev/components 0.3.0 → 0.3.3

package/dist/components/dm-message/index.js

@@ -1,8 +1,5 @@
 "use client";
 
-// src/components/message/Message.tsx
-import React, { useSyncExternalStore } from "react";
-
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -28,6 +25,19 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-message.ts
+var dmMessageContentClass = "dm-message-content";
+var dmMessageScrollbarClass = "dm-message-scrollbar";
+var dmMessageLineClass = "dm-message-line";
+function getDmMessageContentClasses({
+  className
+}) {
+  return cn(dmMessageContentClass, className);
+}
+
+// src/components/message/Message.tsx
+import React, { useSyncExternalStore } from "react";
+
 // src/classes/message.ts
 var messageHolderClass = "message-holder";
 var messageBaseClass = "message";
@@ -154,13 +164,13 @@ function config(nextConfig) {
   emit();
 }
 function MessageHolder({ className }) {
-  const snapshot2 = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   return /* @__PURE__ */ jsx("div", {
     className: getMessageHolderClasses({
-      placement: snapshot2.config.placement,
+      placement: snapshot.config.placement,
       className
     }),
-    children: snapshot2.messages.map((item) => /* @__PURE__ */ jsxs("div", {
+    children: snapshot.messages.map((item) => /* @__PURE__ */ jsxs("div", {
       className: getMessageClasses({
         type: item.type,
         className: item.className
@@ -199,16 +209,6 @@ var message = {
   ...apiBase,
   useMessage: () => [message, /* @__PURE__ */ jsx(MessageHolder, {}, "message-holder")]
 };
-// src/classes/dm-message.ts
-var dmMessageContentClass = "dm-message-content";
-var dmMessageScrollbarClass = "dm-message-scrollbar";
-var dmMessageLineClass = "dm-message-line";
-function getDmMessageContentClasses({
-  className
-}) {
-  return cn(dmMessageContentClass, className);
-}
-
 // src/components/dm-message/DmMessage.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 function decodeHtmlEntities(content) {
@@ -274,7 +274,7 @@ var DmMessage = {
   destroy: destroy2
 };
 export {
-  DmMessageHolder,
+  DmMessage,
   DmMessageContent,
-  DmMessage
+  DmMessageHolder
 };

package/dist/components/dm-page-header/index.js

@@ -1,5 +1,8 @@
 "use client";
 
+// src/components/dm-page-header/DmPageHeader.tsx
+import React4, { useMemo as useMemo2 } from "react";
+
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -25,104 +28,25 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
-// src/classes/button.ts
-var buttonBaseClass = "btn";
-var buttonColorClasses = {
-  primary: "btn-primary",
-  secondary: "btn-secondary",
-  tertiary: "btn-tertiary",
-  accent: "btn-accent",
-  neutral: "btn-neutral",
-  base: "btn-base",
-  info: "btn-info",
-  success: "btn-success",
-  warning: "btn-warning",
-  error: "btn-error"
-};
-var buttonAppearanceClasses = {
-  filled: "",
-  outline: "btn-outline",
-  tonal: "btn-tonal",
-  ghost: "btn-ghost",
-  text: "btn-text"
-};
-var buttonShapeClasses = {
-  rect: "",
-  circle: "btn-circle",
-  square: "btn-square"
-};
-var buttonSizeClasses = {
-  xs: "btn-xs",
-  sm: "btn-sm",
-  md: "btn-md",
-  lg: "btn-lg"
-};
-var buttonBlockClass = "btn-block";
-var buttonIsLoadingClass = "btn-loading";
-function getButtonClasses({
-  color = "primary",
-  appearance = "filled",
-  shape = "rect",
-  size = "md",
-  block,
-  isLoading,
+// src/classes/dm-page-header.ts
+var dmPageHeaderBaseClass = "dm-page-header";
+var dmPageHeaderMainClass = "dm-page-header-main";
+var dmPageHeaderBackClass = "dm-page-header-back";
+var dmPageHeaderDividerClass = "dm-page-header-divider";
+var dmPageHeaderContentClass = "dm-page-header-content";
+var dmPageHeaderTitleClass = "dm-page-header-title";
+var dmPageHeaderTitleListClass = "dm-page-header-title-list";
+var dmPageHeaderTitleItemClass = "dm-page-header-title-item";
+var dmPageHeaderExtraClass = "dm-page-header-extra";
+var dmPageHeaderBodyClass = "dm-page-header-body";
+var dmPageHeaderBreadcrumbClass = "dm-page-header-breadcrumb";
+function getDmPageHeaderClasses({
+  hasExtra,
   className
 }) {
-  return cn(buttonBaseClass, buttonColorClasses[color], buttonAppearanceClasses[appearance], buttonShapeClasses[shape], buttonSizeClasses[size], block && buttonBlockClass, isLoading && buttonIsLoadingClass, className);
+  return cn(dmPageHeaderBaseClass, hasExtra && "dm-page-header-has-extra", className);
 }
 
-// src/components/button/Button.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Button({
-  color = "primary",
-  appearance = "filled",
-  shape = "rect",
-  size = "md",
-  block,
-  isLoading,
-  leftIcon,
-  rightIcon,
-  className,
-  children,
-  disabled,
-  ref,
-  ...props
-}) {
-  const classes = getButtonClasses({
-    color,
-    appearance,
-    shape,
-    size,
-    block,
-    isLoading,
-    className
-  });
-  return /* @__PURE__ */ jsxs("button", {
-    ref,
-    className: classes,
-    disabled: disabled || isLoading,
-    "aria-busy": isLoading,
-    "aria-disabled": disabled || isLoading,
-    ...props,
-    children: [
-      isLoading && /* @__PURE__ */ jsx("span", {
-        className: "btn-spinner"
-      }),
-      !isLoading && leftIcon && /* @__PURE__ */ jsx("span", {
-        className: "btn-icon-left",
-        children: leftIcon
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: "btn-content",
-        children
-      }),
-      !isLoading && rightIcon && /* @__PURE__ */ jsx("span", {
-        className: "btn-icon-right",
-        children: rightIcon
-      })
-    ]
-  });
-}
 // src/components/breadcrumb/Breadcrumb.tsx
 import React, { forwardRef } from "react";
 
@@ -155,7 +79,7 @@ function getBreadcrumbLinkClasses({
 }
 
 // src/components/breadcrumb/Breadcrumb.tsx
-import { jsx as jsx2, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 var defaultSeparator = "/";
 function isSeparatorItem(item) {
   return "type" in item && item.type === "separator";
@@ -208,9 +132,9 @@ function activateOnKeyboard(event) {
 }
 function renderItemBody(item) {
   const title = getItemTitle(item);
-  return /* @__PURE__ */ jsxs2(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      item.icon ? /* @__PURE__ */ jsx2("span", {
+      item.icon ? /* @__PURE__ */ jsx("span", {
         className: breadcrumbIconClass,
         "aria-hidden": "true",
         children: item.icon
@@ -257,7 +181,7 @@ function renderMenuItems(menu, items = []) {
       item.onClick?.(event);
       menu.onClick?.({ key, item, domEvent: event });
     }
-    const content = item.disabled ? /* @__PURE__ */ jsx2("span", {
+    const content = item.disabled ? /* @__PURE__ */ jsx("span", {
       role: "menuitem",
       "aria-disabled": "true",
       className: getBreadcrumbLinkClasses({
@@ -265,23 +189,23 @@ function renderMenuItems(menu, items = []) {
         className: breadcrumbMenuItemClass
       }),
       children: label
-    }) : href ? /* @__PURE__ */ jsx2("a", {
+    }) : href ? /* @__PURE__ */ jsx("a", {
       role: "menuitem",
       className: cn(breadcrumbMenuItemClass, getBreadcrumbLinkClasses({})),
       href,
       onClick: handleClick,
       children: label
-    }) : /* @__PURE__ */ jsx2("button", {
+    }) : /* @__PURE__ */ jsx("button", {
       type: "button",
       role: "menuitem",
       className: cn(breadcrumbMenuItemClass, getBreadcrumbLinkClasses({})),
       onClick: handleClick,
       children: label
     });
-    return /* @__PURE__ */ jsxs2("li", {
+    return /* @__PURE__ */ jsxs("li", {
       children: [
         content,
-        item.children?.length ? /* @__PURE__ */ jsx2("ul", {
+        item.children?.length ? /* @__PURE__ */ jsx("ul", {
           className: breadcrumbMenuListClass,
           role: "menu",
           children: renderMenuItems(menu, item.children)
@@ -297,7 +221,7 @@ function renderDefaultItemContent(item, paths, active) {
   }
   const href = item.href ?? (!active ? getHref(item, paths) : undefined);
   if (href) {
-    return /* @__PURE__ */ jsx2("a", {
+    return /* @__PURE__ */ jsx("a", {
       className: getBreadcrumbLinkClasses({}),
       href,
       onClick: item.onClick,
@@ -305,7 +229,7 @@ function renderDefaultItemContent(item, paths, active) {
     });
   }
   if (item.onClick) {
-    return /* @__PURE__ */ jsx2("span", {
+    return /* @__PURE__ */ jsx("span", {
       role: "button",
       tabIndex: 0,
       className: getBreadcrumbLinkClasses({}),
@@ -317,18 +241,18 @@ function renderDefaultItemContent(item, paths, active) {
   return body;
 }
 function renderMenuItem(item, menu, children, disabled) {
-  return /* @__PURE__ */ jsxs2("details", {
+  return /* @__PURE__ */ jsxs("details", {
     className: getBreadcrumbItemClasses({
       disabled,
       className: cn(breadcrumbMenuClass, item.className)
     }),
     "aria-disabled": disabled || undefined,
     children: [
-      /* @__PURE__ */ jsx2("summary", {
+      /* @__PURE__ */ jsx("summary", {
         className: getBreadcrumbLinkClasses({ disabled }),
         children
       }),
-      /* @__PURE__ */ jsx2("ul", {
+      /* @__PURE__ */ jsx("ul", {
         className: breadcrumbMenuListClass,
         role: "menu",
         children: renderMenuItems(menu, menu.items)
@@ -349,7 +273,7 @@ var Breadcrumb = forwardRef(({
 }, ref) => {
   const entries = items ?? routes;
   if (!entries?.length) {
-    return /* @__PURE__ */ jsx2("nav", {
+    return /* @__PURE__ */ jsx("nav", {
       ...props,
       ref,
       "aria-label": ariaLabel,
@@ -360,7 +284,7 @@ var Breadcrumb = forwardRef(({
   const routeEntries = entries.filter((item) => !isSeparatorItem(item));
   let routeIndex = -1;
   let previousRenderedItemWasSeparator = true;
-  return /* @__PURE__ */ jsx2("nav", {
+  return /* @__PURE__ */ jsx("nav", {
     ...props,
     ref,
     "aria-label": ariaLabel,
@@ -368,7 +292,7 @@ var Breadcrumb = forwardRef(({
     children: entries.map((entry, index) => {
       if (isSeparatorItem(entry)) {
         previousRenderedItemWasSeparator = true;
-        return /* @__PURE__ */ jsx2("span", {
+        return /* @__PURE__ */ jsx("span", {
           className: cn(breadcrumbSeparatorClass, entry.className),
           "aria-hidden": "true",
           children: entry.separator ?? separator
@@ -383,14 +307,14 @@ var Breadcrumb = forwardRef(({
       const applyActiveClass = active && !itemRender && !entry.href && !entry.onClick;
       const insertSeparator = !previousRenderedItemWasSeparator;
       previousRenderedItemWasSeparator = false;
-      return /* @__PURE__ */ jsxs2(React.Fragment, {
+      return /* @__PURE__ */ jsxs(React.Fragment, {
         children: [
-          insertSeparator ? /* @__PURE__ */ jsx2("span", {
+          insertSeparator ? /* @__PURE__ */ jsx("span", {
             className: breadcrumbSeparatorClass,
             "aria-hidden": "true",
             children: separator
           }) : null,
-          menu?.items?.length ? renderMenuItem(entry, menu, content, entry.disabled) : /* @__PURE__ */ jsx2("span", {
+          menu?.items?.length ? renderMenuItem(entry, menu, content, entry.disabled) : /* @__PURE__ */ jsx("span", {
             className: getBreadcrumbItemClasses({
               active: applyActiveClass,
               disabled: entry.disabled,
@@ -406,6 +330,123 @@ var Breadcrumb = forwardRef(({
   });
 });
 Breadcrumb.displayName = "Breadcrumb";
+// src/components/dm-toolbar/DmToolbar.tsx
+import { useMemo } from "react";
+
+// src/classes/dm-toolbar.ts
+var dmToolbarBaseClass = "dm-toolbar";
+var dmToolbarItemClass = "dm-toolbar-item";
+var dmToolbarPrimaryItemClass = "dm-toolbar-primary-item";
+var dmToolbarSecondaryItemClass = "dm-toolbar-secondary-item";
+var dmToolbarMoreClass = "dm-toolbar-more";
+function getDmToolbarClasses({ className }) {
+  return cn(dmToolbarBaseClass, className);
+}
+function getDmToolbarItemClasses({
+  primary,
+  className
+}) {
+  return cn(dmToolbarItemClass, primary ? dmToolbarPrimaryItemClass : dmToolbarSecondaryItemClass, className);
+}
+
+// src/classes/button.ts
+var buttonBaseClass = "btn";
+var buttonColorClasses = {
+  primary: "btn-primary",
+  secondary: "btn-secondary",
+  tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
+  info: "btn-info",
+  success: "btn-success",
+  warning: "btn-warning",
+  error: "btn-error"
+};
+var buttonAppearanceClasses = {
+  filled: "",
+  outline: "btn-outline",
+  tonal: "btn-tonal",
+  ghost: "btn-ghost",
+  text: "btn-text"
+};
+var buttonShapeClasses = {
+  rect: "",
+  circle: "btn-circle",
+  square: "btn-square"
+};
+var buttonSizeClasses = {
+  xs: "btn-xs",
+  sm: "btn-sm",
+  md: "btn-md",
+  lg: "btn-lg"
+};
+var buttonBlockClass = "btn-block";
+var buttonIsLoadingClass = "btn-loading";
+function getButtonClasses({
+  color = "primary",
+  appearance = "filled",
+  shape = "rect",
+  size = "md",
+  block,
+  isLoading,
+  className
+}) {
+  return cn(buttonBaseClass, buttonColorClasses[color], buttonAppearanceClasses[appearance], buttonShapeClasses[shape], buttonSizeClasses[size], block && buttonBlockClass, isLoading && buttonIsLoadingClass, className);
+}
+
+// src/components/button/Button.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Button({
+  color = "primary",
+  appearance = "filled",
+  shape = "rect",
+  size = "md",
+  block,
+  isLoading,
+  leftIcon,
+  rightIcon,
+  className,
+  children,
+  disabled,
+  ref,
+  ...props
+}) {
+  const classes = getButtonClasses({
+    color,
+    appearance,
+    shape,
+    size,
+    block,
+    isLoading,
+    className
+  });
+  return /* @__PURE__ */ jsxs2("button", {
+    ref,
+    className: classes,
+    disabled: disabled || isLoading,
+    "aria-busy": isLoading,
+    "aria-disabled": disabled || isLoading,
+    ...props,
+    children: [
+      isLoading && /* @__PURE__ */ jsx2("span", {
+        className: "btn-spinner"
+      }),
+      !isLoading && leftIcon && /* @__PURE__ */ jsx2("span", {
+        className: "btn-icon-left",
+        children: leftIcon
+      }),
+      /* @__PURE__ */ jsx2("span", {
+        className: "btn-content",
+        children
+      }),
+      !isLoading && rightIcon && /* @__PURE__ */ jsx2("span", {
+        className: "btn-icon-right",
+        children: rightIcon
+      })
+    ]
+  });
+}
 // src/components/dropdown/Dropdown.tsx
 import {
   cloneElement,
@@ -692,25 +733,6 @@ DropdownButton.displayName = "Dropdown.Button";
 var Dropdown = Object.assign(DropdownRoot, {
   Button: DropdownButton
 });
-// src/components/dm-toolbar/DmToolbar.tsx
-import { useMemo } from "react";
-
-// src/classes/dm-toolbar.ts
-var dmToolbarBaseClass = "dm-toolbar";
-var dmToolbarItemClass = "dm-toolbar-item";
-var dmToolbarPrimaryItemClass = "dm-toolbar-primary-item";
-var dmToolbarSecondaryItemClass = "dm-toolbar-secondary-item";
-var dmToolbarMoreClass = "dm-toolbar-more";
-function getDmToolbarClasses({ className }) {
-  return cn(dmToolbarBaseClass, className);
-}
-function getDmToolbarItemClasses({
-  primary,
-  className
-}) {
-  return cn(dmToolbarItemClass, primary ? dmToolbarPrimaryItemClass : dmToolbarSecondaryItemClass, className);
-}
-
 // src/components/dm-toolbar/DmToolbar.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function isPrimary(item) {
@@ -764,12 +786,12 @@ function DmToolbar({
   maxVisibleSecondaryItems
 }) {
   const { visibleSecondaryItems, overflowSecondaryItems, primaryItems } = useMemo(() => {
-    const primaryItems2 = items.filter(isPrimary);
+    const primaryItems = items.filter(isPrimary);
     const secondaryItems = items.filter((item) => !isPrimary(item));
     const visibleLimit = maxVisibleSecondaryItems === undefined ? secondaryItems.length : Math.max(0, maxVisibleSecondaryItems);
-    const visibleSecondaryItems2 = visibleLimit === 0 ? [] : secondaryItems.slice(-visibleLimit);
-    const overflowSecondaryItems2 = visibleLimit >= secondaryItems.length ? [] : secondaryItems.slice(0, secondaryItems.length - visibleLimit);
-    return { visibleSecondaryItems: visibleSecondaryItems2, overflowSecondaryItems: overflowSecondaryItems2, primaryItems: primaryItems2 };
+    const visibleSecondaryItems = visibleLimit === 0 ? [] : secondaryItems.slice(-visibleLimit);
+    const overflowSecondaryItems = visibleLimit >= secondaryItems.length ? [] : secondaryItems.slice(0, secondaryItems.length - visibleLimit);
+    return { visibleSecondaryItems, overflowSecondaryItems, primaryItems };
   }, [items, maxVisibleSecondaryItems]);
   const showMore = overflowSecondaryItems.length > 0;
   return /* @__PURE__ */ jsxs4("div", {
@@ -799,28 +821,6 @@ function DmToolbar({
   });
 }
 DmToolbar.displayName = "DmToolbar";
-// src/components/dm-page-header/DmPageHeader.tsx
-import React4, { useMemo as useMemo2 } from "react";
-
-// src/classes/dm-page-header.ts
-var dmPageHeaderBaseClass = "dm-page-header";
-var dmPageHeaderMainClass = "dm-page-header-main";
-var dmPageHeaderBackClass = "dm-page-header-back";
-var dmPageHeaderDividerClass = "dm-page-header-divider";
-var dmPageHeaderContentClass = "dm-page-header-content";
-var dmPageHeaderTitleClass = "dm-page-header-title";
-var dmPageHeaderTitleListClass = "dm-page-header-title-list";
-var dmPageHeaderTitleItemClass = "dm-page-header-title-item";
-var dmPageHeaderExtraClass = "dm-page-header-extra";
-var dmPageHeaderBodyClass = "dm-page-header-body";
-var dmPageHeaderBreadcrumbClass = "dm-page-header-breadcrumb";
-function getDmPageHeaderClasses({
-  hasExtra,
-  className
-}) {
-  return cn(dmPageHeaderBaseClass, hasExtra && "dm-page-header-has-extra", className);
-}
-
 // src/components/dm-page-header/DmPageHeader.tsx
 import { jsx as jsx5, jsxs as jsxs5, Fragment as Fragment2 } from "react/jsx-runtime";
 function isTitleList(title) {

package/dist/components/dm-pagination/index.js

@@ -1,10 +1,12 @@
 "use client";
 
-// src/components/pagination/Pagination.tsx
+// src/components/dm-pagination/DmPagination.tsx
 import {
-  forwardRef,
-  useMemo,
-  useState
+  forwardRef as forwardRef2,
+  useEffect,
+  useMemo as useMemo2,
+  useRef,
+  useState as useState2
 } from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
@@ -32,6 +34,39 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-pagination.ts
+var dmPaginationBaseClass = "dm-pagination";
+var dmPaginationHiddenClass = "dm-pagination-hidden";
+var dmPaginationPagerClass = "dm-pagination-pager";
+var dmPaginationRefreshClass = "dm-pagination-refresh";
+var dmPaginationRefreshLoadingClass = "dm-pagination-refresh-loading";
+var dmPaginationSelectedClass = "dm-pagination-selected";
+var dmPaginationAlignClasses = {
+  left: "dm-pagination-left",
+  center: "dm-pagination-center",
+  right: "dm-pagination-right"
+};
+function getDmPaginationClasses({
+  align = "right",
+  hidden,
+  className
+}) {
+  return cn(dmPaginationBaseClass, dmPaginationAlignClasses[align], hidden && dmPaginationHiddenClass, className);
+}
+function getDmPaginationRefreshClasses({
+  loading,
+  className
+}) {
+  return cn(dmPaginationRefreshClass, loading && dmPaginationRefreshLoadingClass, className);
+}
+
+// src/components/pagination/Pagination.tsx
+import {
+  forwardRef,
+  useMemo,
+  useState
+} from "react";
+
 // src/classes/pagination.ts
 var paginationBaseClass = "pagination";
 var paginationItemClass = "pagination-item";
@@ -276,41 +311,6 @@ var Pagination = forwardRef(({
   });
 });
 Pagination.displayName = "Pagination";
-// src/components/dm-pagination/DmPagination.tsx
-import {
-  forwardRef as forwardRef2,
-  useEffect,
-  useMemo as useMemo2,
-  useRef,
-  useState as useState2
-} from "react";
-
-// src/classes/dm-pagination.ts
-var dmPaginationBaseClass = "dm-pagination";
-var dmPaginationHiddenClass = "dm-pagination-hidden";
-var dmPaginationPagerClass = "dm-pagination-pager";
-var dmPaginationRefreshClass = "dm-pagination-refresh";
-var dmPaginationRefreshLoadingClass = "dm-pagination-refresh-loading";
-var dmPaginationSelectedClass = "dm-pagination-selected";
-var dmPaginationAlignClasses = {
-  left: "dm-pagination-left",
-  center: "dm-pagination-center",
-  right: "dm-pagination-right"
-};
-function getDmPaginationClasses({
-  align = "right",
-  hidden,
-  className
-}) {
-  return cn(dmPaginationBaseClass, dmPaginationAlignClasses[align], hidden && dmPaginationHiddenClass, className);
-}
-function getDmPaginationRefreshClasses({
-  loading,
-  className
-}) {
-  return cn(dmPaginationRefreshClass, loading && dmPaginationRefreshLoadingClass, className);
-}
-
 // src/components/dm-pagination/DmPagination.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var defaultLocale = {