@duskmoon-dev/components 0.1.2 → 0.2.0

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

@@ -291,8 +291,7 @@ var DatePickerRoot = forwardRef(({
       }) : null,
       /* @__PURE__ */ jsx2("span", {
         className: datePickerIconClass,
-        "aria-hidden": "true",
-        children: "calendar"
+        "aria-hidden": "true"
       }),
       (presetItems.length > 0 || showNow) && visible ? /* @__PURE__ */ jsxs2("div", {
         className: getDatePickerDropdownClasses({ open: visible }),
@@ -1222,7 +1221,10 @@ var DmSearch = forwardRef4(({
               value: values[item.dataIndex],
               loading,
               enableDefaultPlaceHolder,
-              setValue: (value) => setValues((current) => ({ ...current, [item.dataIndex]: value }))
+              setValue: (value) => setValues((current) => ({
+                ...current,
+                [item.dataIndex]: value
+              }))
             })
           ]
         }, item.key))
@@ -1260,7 +1262,12 @@ var DmSearch = forwardRef4(({
 });
 DmSearch.displayName = "DmSearch";
 // src/components/dm-query/DmQuery.tsx
-import { forwardRef as forwardRef5, useImperativeHandle as useImperativeHandle3, useRef as useRef2, useState as useState5 } from "react";
+import {
+  forwardRef as forwardRef5,
+  useImperativeHandle as useImperativeHandle3,
+  useRef as useRef2,
+  useState as useState5
+} from "react";
 import { jsx as jsx6, jsxs as jsxs6, Fragment } from "react/jsx-runtime";
 function toSearchItem(item) {
   return {

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

@@ -291,8 +291,7 @@ var DatePickerRoot = forwardRef(({
       }) : null,
       /* @__PURE__ */ jsx2("span", {
         className: datePickerIconClass,
-        "aria-hidden": "true",
-        children: "calendar"
+        "aria-hidden": "true"
       }),
       (presetItems.length > 0 || showNow) && visible ? /* @__PURE__ */ jsxs2("div", {
         className: getDatePickerDropdownClasses({ open: visible }),
@@ -1222,7 +1221,10 @@ var DmSearch = forwardRef4(({
               value: values[item.dataIndex],
               loading,
               enableDefaultPlaceHolder,
-              setValue: (value) => setValues((current) => ({ ...current, [item.dataIndex]: value }))
+              setValue: (value) => setValues((current) => ({
+                ...current,
+                [item.dataIndex]: value
+              }))
             })
           ]
         }, item.key))

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

@@ -334,8 +334,7 @@ var DatePickerRoot = forwardRef(({
       }) : null,
       /* @__PURE__ */ jsx3("span", {
         className: datePickerIconClass,
-        "aria-hidden": "true",
-        children: "calendar"
+        "aria-hidden": "true"
       }),
       (presetItems.length > 0 || showNow) && visible ? /* @__PURE__ */ jsxs2("div", {
         className: getDatePickerDropdownClasses({ open: visible }),
@@ -1704,7 +1703,10 @@ var DmSearch = forwardRef6(({
               value: values[item.dataIndex],
               loading,
               enableDefaultPlaceHolder,
-              setValue: (value) => setValues((current) => ({ ...current, [item.dataIndex]: value }))
+              setValue: (value) => setValues((current) => ({
+                ...current,
+                [item.dataIndex]: value
+              }))
             })
           ]
         }, item.key))

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

@@ -415,9 +415,7 @@ 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
-}) {
+function getDmToolbarClasses({ className }) {
   return cn(dmToolbarBaseClass, className);
 }
 function getDmToolbarItemClasses({

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

@@ -1699,7 +1699,9 @@ function CommonDmTree({
     const titleField = fieldName(fieldNames, "title");
     const title = source[titleField] ?? source.title;
     const actions = typeof itemToolbar === "function" ? itemToolbar(source) : Array.isArray(itemToolbar) ? /* @__PURE__ */ jsx8("span", {
-      className: getDmTreeItemToolbarClasses({ alwaysShow: itemToolbarAlwaysShow }),
+      className: getDmTreeItemToolbarClasses({
+        alwaysShow: itemToolbarAlwaysShow
+      }),
       children: itemToolbar.filter((action) => shouldShowAction(action, source)).map((action, index) => {
         const disabled = isActionDisabled(action, source);
         return /* @__PURE__ */ jsx8("button", {

package/dist/components/mentions/index.js

@@ -1,13 +1,7 @@
 "use client";
 
 // src/components/mentions/Mentions.tsx
-import React, {
-  forwardRef,
-  useId,
-  useMemo,
-  useRef,
-  useState
-} from "react";
+import React, { forwardRef, useId, useMemo, useRef, useState } from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {

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

@@ -1,2 +1,2 @@
 export { Popover } from "./Popover";
-export type { PopoverPlacement, PopoverProps, PopoverTrigger } from "./Popover.types";
+export type { PopoverPlacement, PopoverProps, PopoverTrigger, } from "./Popover.types";

package/dist/components/tour/index.js

@@ -335,7 +335,10 @@ var Tour = forwardRef(({
   const descriptionId = `${rootId}-description`;
   const lastStep = mergedCurrent >= steps.length - 1;
   const showHighlight = hasMask && (targetRect.width > 0 || targetRect.height > 0);
-  const rootStyle = { ...style, ...zIndex !== undefined ? { zIndex } : undefined };
+  const rootStyle = {
+    ...style,
+    ...zIndex !== undefined ? { zIndex } : undefined
+  };
   const currentCloseIcon = step.closeIcon ?? closeIcon;
   const currentNextButtonProps = mergeButtonProps(nextButtonProps, step.nextButtonProps);
   const currentPrevButtonProps = mergeButtonProps(prevButtonProps, step.prevButtonProps);

package/dist/components/transfer/index.js

@@ -1,11 +1,7 @@
 "use client";
 
 // src/components/transfer/Transfer.tsx
-import {
-  forwardRef,
-  useMemo,
-  useState
-} from "react";
+import { forwardRef, useMemo, useState } from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -148,7 +144,12 @@ function splitSelectedKeys(keys, targetKeySet) {
     return groups;
   }, { source: [], target: [] });
 }
-var TransferSearch = forwardRef(({ className, placeholder = defaultLocale.searchPlaceholder, onChange, ...props }, ref) => /* @__PURE__ */ jsx("input", {
+var TransferSearch = forwardRef(({
+  className,
+  placeholder = defaultLocale.searchPlaceholder,
+  onChange,
+  ...props
+}, ref) => /* @__PURE__ */ jsx("input", {
   ...props,
   ref,
   type: "search",

package/dist/components/typography/index.js

@@ -1,13 +1,7 @@
 "use client";
 
 // src/components/typography/Typography.tsx
-import React, {
-  forwardRef,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
+import React, { forwardRef, useEffect, useMemo, useRef, useState } from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {

package/dist/generated/version.d.ts

@@ -0,0 +1 @@
+export declare const version = "0.2.0";

package/dist/index.js

@@ -77,7 +77,11 @@ var ThemeInitScript = () => {
 };
 // src/infrastructure.ts
 import { useCallback as useCallback2, useState as useState2 } from "react";
-var version = "0.1.1";
+
+// src/generated/version.ts
+var version = "0.2.0";
+
+// src/infrastructure.ts
 var theme = {
   defaultSeed: {
     colorPrimary: "#0065ff"
@@ -1089,7 +1093,16 @@ function CascaderMenus({
     })
   });
 }
-var CascaderPanel = forwardRef3(({ className, options = [], fieldNames, value, defaultValue, onChange, onSelect, ...props }, ref) => {
+var CascaderPanel = forwardRef3(({
+  className,
+  options = [],
+  fieldNames,
+  value,
+  defaultValue,
+  onChange,
+  onSelect,
+  ...props
+}, ref) => {
   const names = useMemo4(() => normalizeFieldNames(fieldNames), [fieldNames]);
   const [activeValue, setActiveValue] = useState5(normalizeSingleValue(value ?? defaultValue));
   const [internalValue, setInternalValue] = useState5(defaultValue);
@@ -1680,9 +1693,9 @@ var alertColorClasses = {
   error: "alert-error"
 };
 var alertAppearanceClasses = {
-  filled: "",
-  outline: "alert-outline",
-  tonal: "alert-tonal"
+  filled: "alert-filled",
+  outline: "alert-outlined",
+  tonal: ""
 };
 function getAlertClasses({
   color = "info",
@@ -1998,14 +2011,10 @@ import {
 var appClass = "app";
 var appRootClass = "app-root";
 var appHolderClass = "app-holder";
-function getAppClasses({
-  className
-}) {
+function getAppClasses({ className }) {
   return cn(appClass, className);
 }
-function getAppRootClasses({
-  className
-}) {
+function getAppRootClasses({ className }) {
   return cn(appRootClass, className);
 }
 
@@ -2834,23 +2843,14 @@ AppBase.displayName = "App";
 var App = AppBase;
 App.Context = AppContext;
 App.useApp = () => useContext3(AppContext);
-function AppRoot({
-  className,
-  ...props
-}) {
+function AppRoot({ className, ...props }) {
   return /* @__PURE__ */ jsx16("div", {
     ...props,
     className: getAppRootClasses({ className })
   });
 }
 // src/components/auto-complete/AutoComplete.tsx
-import React13, {
-  forwardRef as forwardRef10,
-  useId,
-  useMemo as useMemo8,
-  useRef as useRef4,
-  useState as useState10
-} from "react";
+import React13, { forwardRef as forwardRef10, useId, useMemo as useMemo8, useRef as useRef4, useState as useState10 } from "react";
 
 // src/classes/auto-complete.ts
 var autoCompleteBaseClass = "autocomplete";
@@ -2866,17 +2866,27 @@ var autoCompleteOptionFocusedClass = "autocomplete-option-focused";
 var autoCompleteOptionDisabledClass = "autocomplete-option-disabled";
 var autoCompleteClearClass = "autocomplete-clear";
 var autoCompleteNoOptionsClass = "autocomplete-no-options";
+var autoCompleteColorClasses = {
+  primary: "autocomplete-primary",
+  secondary: "autocomplete-secondary",
+  tertiary: "autocomplete-tertiary",
+  info: "autocomplete-info",
+  success: "autocomplete-success",
+  warning: "autocomplete-warning",
+  error: "autocomplete-error"
+};
 var autoCompleteSizeClasses = {
   sm: "autocomplete-sm",
   md: "",
   lg: "autocomplete-lg"
 };
 function getAutoCompleteClasses({
+  color,
   disabled,
   open: open2,
   className
 }) {
-  return cn(autoCompleteBaseClass, disabled && "autocomplete-disabled", open2 && "autocomplete-open", className);
+  return cn(autoCompleteBaseClass, color && autoCompleteColorClasses[color], disabled && "autocomplete-disabled", open2 && "autocomplete-open", className);
 }
 function getAutoCompleteInputClasses({
   size = "md",
@@ -2947,6 +2957,7 @@ var AutoCompleteRoot = forwardRef10(({
   allowClear,
   children,
   className,
+  color,
   defaultOpen,
   defaultValue = "",
   disabled,
@@ -3084,6 +3095,7 @@ var AutoCompleteRoot = forwardRef10(({
     ...props,
     ref,
     className: getAutoCompleteClasses({
+      color,
       disabled,
       open: isOpen,
       className
@@ -3290,11 +3302,10 @@ import {
 } from "react";
 
 // src/classes/checkbox.ts
-var checkboxBaseClass = "checkbox";
+var checkboxBaseClass = "checkbox-wrapper";
+var checkboxInputBaseClass = "checkbox";
 var checkboxInputClass = "checkbox-input";
-var checkboxBoxBaseClass = "checkbox-box";
-var checkboxCheckmarkClass = "checkbox-checkmark";
-var checkboxLabelBaseClass = "checkbox-label";
+var checkboxLabelBaseClass = "checkbox-text";
 var checkboxColorClasses = {
   primary: "checkbox-primary",
   secondary: "checkbox-secondary",
@@ -3312,17 +3323,17 @@ var checkboxLabelPositionClasses = {
 var checkboxErrorClass = "checkbox-error";
 var checkboxLoadingClass = "checkbox-loading";
 function getCheckboxClasses({
-  size = "md",
-  error,
   loading,
   className
 }) {
-  return cn(checkboxBaseClass, checkboxSizeClasses[size], error && checkboxErrorClass, loading && checkboxLoadingClass, className);
+  return cn("checkbox-label", checkboxBaseClass, loading && checkboxLoadingClass, className);
 }
-function getCheckboxBoxClasses({
-  color = "primary"
+function getCheckboxInputClasses({
+  color = "primary",
+  size = "md",
+  error
 }) {
-  return cn(checkboxBoxBaseClass, checkboxColorClasses[color]);
+  return cn(checkboxInputBaseClass, checkboxInputClass, checkboxColorClasses[color], checkboxSizeClasses[size], error && checkboxErrorClass);
 }
 function getCheckboxLabelClasses({
   labelPosition = "right"
@@ -3355,8 +3366,6 @@ var Checkbox = forwardRef13(({
   const isDisabled = disabled || loading;
   return /* @__PURE__ */ jsxs12("label", {
     className: getCheckboxClasses({
-      size,
-      error,
       loading,
       className
     }),
@@ -3365,18 +3374,10 @@ var Checkbox = forwardRef13(({
         ...props,
         ref: inputRef,
         type: "checkbox",
-        className: checkboxInputClass,
+        className: getCheckboxInputClasses({ color, size, error }),
         disabled: isDisabled,
         "aria-checked": indeterminate ? "mixed" : ariaChecked
       }),
-      /* @__PURE__ */ jsx20("span", {
-        className: getCheckboxBoxClasses({ color }),
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx20("span", {
-          className: checkboxCheckmarkClass,
-          children: indeterminate ? "-" : "✓"
-        })
-      }),
       children ? /* @__PURE__ */ jsx20("span", {
         className: getCheckboxLabelClasses({ labelPosition }),
         children
@@ -3565,7 +3566,9 @@ var Collapse = forwardRef15(({
           open2 ? /* @__PURE__ */ jsx22("div", {
             id: contentId,
             className: collapseContentClass,
-            children: item.children
+            children: /* @__PURE__ */ jsx22("div", {
+              children: item.children
+            })
           }) : null
         ]
       }, itemKey);
@@ -3676,8 +3679,9 @@ import { forwardRef as forwardRef17, useState as useState14 } from "react";
 var colorPickerBaseClass = "color-picker";
 var colorPickerSwatchClass = "color-picker-swatch";
 var colorPickerTextClass = "color-picker-text";
-var colorPickerPanelClass = "color-picker-panel popover popover-show";
+var colorPickerPanelClass = "color-picker-panel popover popover-bottom popover-show";
 var colorPickerInputClass = "color-picker-input input";
+var colorPickerFormatSelectClass = "color-picker-format-select select select-sm";
 var colorPickerPresetsClass = "color-picker-presets";
 var colorPickerPresetClass = "color-picker-preset";
 var colorPickerPresetLabelClass = "color-picker-preset-label";
@@ -3851,7 +3855,9 @@ var ColorPicker = forwardRef17(({
                   type: "button",
                   "aria-label": `Select color ${presetCss}`,
                   className: colorPickerSwatchClass,
-                  style: { backgroundColor: colorToCss(presetColor, "hex") },
+                  style: {
+                    backgroundColor: colorToCss(presetColor, "hex")
+                  },
                   onClick: () => emitChange(presetColor)
                 }, `${presetIndex}-${colorIndex}`);
               })
@@ -3897,6 +3903,7 @@ var ColorPicker = forwardRef17(({
         children: typeof showText === "function" ? showText(cssValue) : cssValue
       }) : null,
       /* @__PURE__ */ jsxs14("select", {
+        className: colorPickerFormatSelectClass,
         "aria-label": "Color format",
         value: format,
         disabled,
@@ -4092,8 +4099,7 @@ var DatePickerRoot = forwardRef18(({
       }) : null,
       /* @__PURE__ */ jsx25("span", {
         className: datePickerIconClass,
-        "aria-hidden": "true",
-        children: "calendar"
+        "aria-hidden": "true"
       }),
       (presetItems.length > 0 || showNow) && visible ? /* @__PURE__ */ jsxs15("div", {
         className: getDatePickerDropdownClasses({ open: visible }),
@@ -4282,7 +4288,16 @@ function toItems(items, children) {
     };
   });
 }
-var DescriptionsItem = forwardRef19(({ children, label, span, labelStyle, contentStyle, className, style, ...props }, ref) => /* @__PURE__ */ jsxs16("div", {
+var DescriptionsItem = forwardRef19(({
+  children,
+  label,
+  span,
+  labelStyle,
+  contentStyle,
+  className,
+  style,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs16("div", {
   ...props,
   ref,
   className: cn(descriptionsItemClass, className),
@@ -4806,9 +4821,7 @@ import { forwardRef as forwardRef24 } from "react";
 // src/classes/dm-drawer.ts
 var dmDrawerBaseClass = "dm-drawer";
 var dmDrawerFooterActionClass = "dm-drawer-footer-action";
-function getDmDrawerClasses({
-  className
-}) {
+function getDmDrawerClasses({ className }) {
   return cn(dmDrawerBaseClass, className);
 }
 function getDmDrawerFooterClasses({
@@ -5897,9 +5910,7 @@ 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
-}) {
+function getDmToolbarClasses({ className }) {
   return cn(dmToolbarBaseClass, className);
 }
 function getDmToolbarItemClasses({
@@ -7614,7 +7625,10 @@ var DmSearch = forwardRef36(({
               value: values[item.dataIndex],
               loading,
               enableDefaultPlaceHolder,
-              setValue: (value) => setValues((current) => ({ ...current, [item.dataIndex]: value }))
+              setValue: (value) => setValues((current) => ({
+                ...current,
+                [item.dataIndex]: value
+              }))
             })
           ]
         }, item.key))
@@ -8610,7 +8624,12 @@ var DmProvider = forwardRef38(({
 });
 DmProvider.displayName = "DmProvider";
 // src/components/dm-query/DmQuery.tsx
-import { forwardRef as forwardRef39, useImperativeHandle as useImperativeHandle5, useRef as useRef10, useState as useState31 } from "react";
+import {
+  forwardRef as forwardRef39,
+  useImperativeHandle as useImperativeHandle5,
+  useRef as useRef10,
+  useState as useState31
+} from "react";
 import { jsx as jsx52, jsxs as jsxs36, Fragment as Fragment7 } from "react/jsx-runtime";
 function toSearchItem(item) {
   return {
@@ -10396,7 +10415,9 @@ function CommonDmTree({
     const titleField = fieldName(fieldNames, "title");
     const title = source[titleField] ?? source.title;
     const actions = typeof itemToolbar === "function" ? itemToolbar(source) : Array.isArray(itemToolbar) ? /* @__PURE__ */ jsx61("span", {
-      className: getDmTreeItemToolbarClasses({ alwaysShow: itemToolbarAlwaysShow }),
+      className: getDmTreeItemToolbarClasses({
+        alwaysShow: itemToolbarAlwaysShow
+      }),
       children: itemToolbar.filter((action) => shouldShowAction(action, source)).map((action, index) => {
         const disabled = isActionDisabled(action, source);
         return /* @__PURE__ */ jsx61("button", {
@@ -12191,13 +12212,7 @@ var List = Object.assign(ListRootWithRef, {
 });
 List.displayName = "List";
 // src/components/mentions/Mentions.tsx
-import React62, {
-  forwardRef as forwardRef56,
-  useId as useId4,
-  useMemo as useMemo30,
-  useRef as useRef15,
-  useState as useState44
-} from "react";
+import React62, { forwardRef as forwardRef56, useId as useId4, useMemo as useMemo30, useRef as useRef15, useState as useState44 } from "react";
 
 // src/classes/mentions.ts
 var mentionsBaseClass = "mentions";
@@ -15723,7 +15738,10 @@ var Tour = forwardRef74(({
   const descriptionId = `${rootId}-description`;
   const lastStep = mergedCurrent >= steps.length - 1;
   const showHighlight = hasMask && (targetRect.width > 0 || targetRect.height > 0);
-  const rootStyle = { ...style, ...zIndex !== undefined ? { zIndex } : undefined };
+  const rootStyle = {
+    ...style,
+    ...zIndex !== undefined ? { zIndex } : undefined
+  };
   const currentCloseIcon = step.closeIcon ?? closeIcon;
   const currentNextButtonProps = mergeButtonProps(nextButtonProps, step.nextButtonProps);
   const currentPrevButtonProps = mergeButtonProps(prevButtonProps, step.prevButtonProps);
@@ -15891,11 +15909,7 @@ var Tour = forwardRef74(({
 });
 Tour.displayName = "Tour";
 // src/components/transfer/Transfer.tsx
-import {
-  forwardRef as forwardRef75,
-  useMemo as useMemo33,
-  useState as useState54
-} from "react";
+import { forwardRef as forwardRef75, useMemo as useMemo33, useState as useState54 } from "react";
 
 // src/classes/transfer.ts
 var transferBaseClass = "transfer";
@@ -16013,7 +16027,12 @@ function splitSelectedKeys(keys, targetKeySet) {
     return groups;
   }, { source: [], target: [] });
 }
-var TransferSearch = forwardRef75(({ className, placeholder = defaultLocale2.searchPlaceholder, onChange, ...props }, ref) => /* @__PURE__ */ jsx90("input", {
+var TransferSearch = forwardRef75(({
+  className,
+  placeholder = defaultLocale2.searchPlaceholder,
+  onChange,
+  ...props
+}, ref) => /* @__PURE__ */ jsx90("input", {
   ...props,
   ref,
   type: "search",
@@ -16775,13 +16794,7 @@ TreeSelect.SHOW_ALL = SHOW_ALL;
 TreeSelect.SHOW_PARENT = SHOW_PARENT;
 TreeSelect.SHOW_CHILD = SHOW_CHILD;
 // src/components/typography/Typography.tsx
-import React83, {
-  forwardRef as forwardRef77,
-  useEffect as useEffect26,
-  useMemo as useMemo35,
-  useRef as useRef18,
-  useState as useState56
-} from "react";
+import React83, { forwardRef as forwardRef77, useEffect as useEffect26, useMemo as useMemo35, useRef as useRef18, useState as useState56 } from "react";
 
 // src/classes/typography.ts
 var typographyBaseClass = "typography markdown-body";

package/dist/infrastructure.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps, ElementType, Ref } from "react";
-export declare const version = "0.1.1";
+export { version } from "./generated/version";
 export type GetProps<T extends ElementType> = ComponentProps<T>;
 export type GetProp<T, K extends keyof T> = T[K];
 export type GetRef<T> = T extends ElementType ? ComponentProps<T> extends {

package/dist/infrastructure.js

@@ -2,7 +2,11 @@
 
 // src/infrastructure.ts
 import { useCallback, useState } from "react";
-var version = "0.1.1";
+
+// src/generated/version.ts
+var version = "0.2.0";
+
+// src/infrastructure.ts
 var theme = {
   defaultSeed: {
     colorPrimary: "#0065ff"