@duskmoon-dev/components 0.3.1 → 0.3.3

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

@@ -1,15 +1,7 @@
 "use client";
 
-// src/components/tabs/Tabs.tsx
-import {
-  Children,
-  Fragment,
-  forwardRef,
-  isValidElement,
-  useId,
-  useRef,
-  useState
-} from "react";
+// src/components/dm-tabs/DmTabs.tsx
+import { forwardRef as forwardRef2 } from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -36,6 +28,38 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-tabs.ts
+var dmTabsShellClass = "dm-tabs-shell";
+var dmTabsLineHorizontalClass = "dm-line-horizontal-tabs";
+var dmTabsLineVerticalClass = "dm-line-vertical-tabs";
+var dmTabsCardClass = "dm-card-tabs";
+var dmTabsCardTransparentClass = "dm-card-transparent-tabs";
+var dmTabsOptionTreeClass = "dm-option-tree-tabs";
+function getDmTabsShellClasses({ className }) {
+  return cn(dmTabsShellClass, className);
+}
+function getDmTabsClasses({
+  type = "line",
+  tabPosition = "top",
+  transparentCard,
+  optionTree,
+  className
+}) {
+  const isVerticalLine = type === "line" && (tabPosition === "left" || tabPosition === "right");
+  return cn(type === "line" && (isVerticalLine ? dmTabsLineVerticalClass : dmTabsLineHorizontalClass), type !== "line" && (transparentCard ? dmTabsCardTransparentClass : dmTabsCardClass), optionTree && dmTabsOptionTreeClass, className);
+}
+
+// src/components/tabs/Tabs.tsx
+import {
+  Children,
+  Fragment,
+  forwardRef,
+  isValidElement,
+  useId,
+  useRef,
+  useState
+} from "react";
+
 // src/classes/tabs.ts
 var tabsRootClass = "tabs-root";
 var tabsRootVerticalClass = "tabs-root-vertical";
@@ -353,30 +377,6 @@ TabsBase.displayName = "Tabs";
 var Tabs = Object.assign(TabsBase, {
   TabPane
 });
-// src/components/dm-tabs/DmTabs.tsx
-import { forwardRef as forwardRef2 } from "react";
-
-// src/classes/dm-tabs.ts
-var dmTabsShellClass = "dm-tabs-shell";
-var dmTabsLineHorizontalClass = "dm-line-horizontal-tabs";
-var dmTabsLineVerticalClass = "dm-line-vertical-tabs";
-var dmTabsCardClass = "dm-card-tabs";
-var dmTabsCardTransparentClass = "dm-card-transparent-tabs";
-var dmTabsOptionTreeClass = "dm-option-tree-tabs";
-function getDmTabsShellClasses({ className }) {
-  return cn(dmTabsShellClass, className);
-}
-function getDmTabsClasses({
-  type = "line",
-  tabPosition = "top",
-  transparentCard,
-  optionTree,
-  className
-}) {
-  const isVerticalLine = type === "line" && (tabPosition === "left" || tabPosition === "right");
-  return cn(type === "line" && (isVerticalLine ? dmTabsLineVerticalClass : dmTabsLineHorizontalClass), type !== "line" && (transparentCard ? dmTabsCardTransparentClass : dmTabsCardClass), optionTree && dmTabsOptionTreeClass, className);
-}
-
 // src/components/dm-tabs/DmTabs.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var DmTabs = forwardRef2(({

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

@@ -1,5 +1,8 @@
 "use client";
 
+// src/components/dm-toolbar/DmToolbar.tsx
+import { useMemo } from "react";
+
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -25,6 +28,22 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// 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 = {
@@ -409,25 +428,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 jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function isPrimary(item) {
@@ -481,12 +481,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__ */ jsxs3("div", {

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

@@ -1,12 +1,7 @@
 "use client";
 
-// src/components/input/Input.tsx
-import {
-  forwardRef,
-  useImperativeHandle,
-  useRef,
-  useState
-} from "react";
+// src/components/dm-tree/DmTree.tsx
+import { useMemo as useMemo2, useState as useState5 } from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -33,6 +28,49 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-tree.ts
+var dmTreeBaseClass = "dm-tree";
+var dmTreeAutoWidthClass = "dm-tree-auto-width";
+var dmTreeContentClass = "dm-tree-content";
+var dmTreeToolbarClass = "dm-tree-toolbar";
+var dmTreeIconToolbarClass = "dm-tree-icon-toolbar";
+var dmTreeAllButtonClass = "dm-tree-all-button";
+var dmTreeAllButtonSelectedClass = "dm-tree-all-button-selected";
+var dmTreeSearchClass = "dm-tree-search";
+var dmTreeBodyClass = "dm-tree-body";
+var dmTreeNodeTitleClass = "dm-tree-node-title";
+var dmTreeNodePrefixClass = "dm-tree-node-prefix";
+var dmTreeItemToolbarClass = "dm-tree-item-toolbar";
+var dmTreeItemToolbarVisibleClass = "dm-tree-item-toolbar-visible";
+var dmTreeOptionClass = "dm-tree-option";
+function getDmTreeClasses({
+  autoWidth,
+  optionTree,
+  className
+}) {
+  return cn(dmTreeBaseClass, autoWidth && dmTreeAutoWidthClass, optionTree && dmTreeOptionClass, className);
+}
+function getDmTreeAllButtonClasses({
+  selected,
+  className
+}) {
+  return cn(dmTreeAllButtonClass, selected && dmTreeAllButtonSelectedClass, className);
+}
+function getDmTreeItemToolbarClasses({
+  alwaysShow,
+  className
+}) {
+  return cn(dmTreeItemToolbarClass, alwaysShow && dmTreeItemToolbarVisibleClass, className);
+}
+
+// src/components/input/Input.tsx
+import {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+
 // src/classes/input.ts
 var inputBaseClass = "input";
 var inputWrapperClass = "input-wrapper";
@@ -343,6 +381,27 @@ var Input = Object.assign(InputRoot, {
   TextArea,
   Group
 });
+// src/components/dm-status/DmStatus.tsx
+import { forwardRef as forwardRef4 } from "react";
+
+// src/classes/dm-status.ts
+var dmStatusBaseClass = "dm-status";
+var dmStatusLoadingClass = "dm-status-loading";
+var dmStatusContentClass = "dm-status-content";
+var dmStatusImageClass = "dm-status-image";
+var dmStatusTypeClasses = {
+  empty: "dm-status-empty",
+  loading: "dm-status-loading-state",
+  error: "dm-status-error",
+  success: "dm-status-success"
+};
+function getDmStatusClasses({
+  status,
+  className
+}) {
+  return cn(dmStatusBaseClass, dmStatusTypeClasses[status], className);
+}
+
 // src/components/empty/Empty.tsx
 import { forwardRef as forwardRef2 } from "react";
 
@@ -469,8 +528,8 @@ function useDelayedSpinning(spinning, delay) {
       return;
     }
     if (!spinning) {
-      const resetTimer2 = window.setTimeout(() => setDelayedActive(false), 0);
-      return () => window.clearTimeout(resetTimer2);
+      const resetTimer = window.setTimeout(() => setDelayedActive(false), 0);
+      return () => window.clearTimeout(resetTimer);
     }
     const resetTimer = window.setTimeout(() => setDelayedActive(false), 0);
     const showTimer = window.setTimeout(() => setDelayedActive(true), delay);
@@ -537,27 +596,6 @@ var SpinBase = forwardRef3(({
 SpinBase.displayName = "Spin";
 var Spin = SpinBase;
 Spin.setDefaultIndicator = setDefaultIndicator;
-// src/components/dm-status/DmStatus.tsx
-import { forwardRef as forwardRef4 } from "react";
-
-// src/classes/dm-status.ts
-var dmStatusBaseClass = "dm-status";
-var dmStatusLoadingClass = "dm-status-loading";
-var dmStatusContentClass = "dm-status-content";
-var dmStatusImageClass = "dm-status-image";
-var dmStatusTypeClasses = {
-  empty: "dm-status-empty",
-  loading: "dm-status-loading-state",
-  error: "dm-status-error",
-  success: "dm-status-success"
-};
-function getDmStatusClasses({
-  status,
-  className
-}) {
-  return cn(dmStatusBaseClass, dmStatusTypeClasses[status], className);
-}
-
 // src/components/dm-status/DmStatus.tsx
 import { jsx as jsx4, jsxs as jsxs4, Fragment } from "react/jsx-runtime";
 var defaultDescriptions = {
@@ -682,6 +720,30 @@ var DmStatus = forwardRef4(({
   });
 });
 DmStatus.displayName = "DmStatus";
+// src/components/dm-tabs/DmTabs.tsx
+import { forwardRef as forwardRef6 } from "react";
+
+// src/classes/dm-tabs.ts
+var dmTabsShellClass = "dm-tabs-shell";
+var dmTabsLineHorizontalClass = "dm-line-horizontal-tabs";
+var dmTabsLineVerticalClass = "dm-line-vertical-tabs";
+var dmTabsCardClass = "dm-card-tabs";
+var dmTabsCardTransparentClass = "dm-card-transparent-tabs";
+var dmTabsOptionTreeClass = "dm-option-tree-tabs";
+function getDmTabsShellClasses({ className }) {
+  return cn(dmTabsShellClass, className);
+}
+function getDmTabsClasses({
+  type = "line",
+  tabPosition = "top",
+  transparentCard,
+  optionTree,
+  className
+}) {
+  const isVerticalLine = type === "line" && (tabPosition === "left" || tabPosition === "right");
+  return cn(type === "line" && (isVerticalLine ? dmTabsLineVerticalClass : dmTabsLineHorizontalClass), type !== "line" && (transparentCard ? dmTabsCardTransparentClass : dmTabsCardClass), optionTree && dmTabsOptionTreeClass, className);
+}
+
 // src/components/tabs/Tabs.tsx
 import {
   Children,
@@ -1010,30 +1072,6 @@ TabsBase.displayName = "Tabs";
 var Tabs = Object.assign(TabsBase, {
   TabPane
 });
-// src/components/dm-tabs/DmTabs.tsx
-import { forwardRef as forwardRef6 } from "react";
-
-// src/classes/dm-tabs.ts
-var dmTabsShellClass = "dm-tabs-shell";
-var dmTabsLineHorizontalClass = "dm-line-horizontal-tabs";
-var dmTabsLineVerticalClass = "dm-line-vertical-tabs";
-var dmTabsCardClass = "dm-card-tabs";
-var dmTabsCardTransparentClass = "dm-card-transparent-tabs";
-var dmTabsOptionTreeClass = "dm-option-tree-tabs";
-function getDmTabsShellClasses({ className }) {
-  return cn(dmTabsShellClass, className);
-}
-function getDmTabsClasses({
-  type = "line",
-  tabPosition = "top",
-  transparentCard,
-  optionTree,
-  className
-}) {
-  const isVerticalLine = type === "line" && (tabPosition === "left" || tabPosition === "right");
-  return cn(type === "line" && (isVerticalLine ? dmTabsLineVerticalClass : dmTabsLineHorizontalClass), type !== "line" && (transparentCard ? dmTabsCardTransparentClass : dmTabsCardClass), optionTree && dmTabsOptionTreeClass, className);
-}
-
 // src/components/dm-tabs/DmTabs.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var DmTabs = forwardRef6(({
@@ -1476,44 +1514,6 @@ var Tree = TreeBase;
 Tree.TreeNode = TreeNodeComponent;
 Tree.DirectoryTree = DirectoryTree;
 Tree.displayName = "Tree";
-// src/components/dm-tree/DmTree.tsx
-import { useMemo as useMemo2, useState as useState5 } from "react";
-
-// src/classes/dm-tree.ts
-var dmTreeBaseClass = "dm-tree";
-var dmTreeAutoWidthClass = "dm-tree-auto-width";
-var dmTreeContentClass = "dm-tree-content";
-var dmTreeToolbarClass = "dm-tree-toolbar";
-var dmTreeIconToolbarClass = "dm-tree-icon-toolbar";
-var dmTreeAllButtonClass = "dm-tree-all-button";
-var dmTreeAllButtonSelectedClass = "dm-tree-all-button-selected";
-var dmTreeSearchClass = "dm-tree-search";
-var dmTreeBodyClass = "dm-tree-body";
-var dmTreeNodeTitleClass = "dm-tree-node-title";
-var dmTreeNodePrefixClass = "dm-tree-node-prefix";
-var dmTreeItemToolbarClass = "dm-tree-item-toolbar";
-var dmTreeItemToolbarVisibleClass = "dm-tree-item-toolbar-visible";
-var dmTreeOptionClass = "dm-tree-option";
-function getDmTreeClasses({
-  autoWidth,
-  optionTree,
-  className
-}) {
-  return cn(dmTreeBaseClass, autoWidth && dmTreeAutoWidthClass, optionTree && dmTreeOptionClass, className);
-}
-function getDmTreeAllButtonClasses({
-  selected,
-  className
-}) {
-  return cn(dmTreeAllButtonClass, selected && dmTreeAllButtonSelectedClass, className);
-}
-function getDmTreeItemToolbarClasses({
-  alwaysShow,
-  className
-}) {
-  return cn(dmTreeItemToolbarClass, alwaysShow && dmTreeItemToolbarVisibleClass, className);
-}
-
 // src/components/dm-tree/DmTree.tsx
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var defaultFieldNames = {

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

@@ -1,7 +1,15 @@
 "use client";
 
-// src/components/tooltip/Tooltip.tsx
-import { forwardRef, useState } from "react";
+// src/components/dm-truncate/DmTruncate.tsx
+import {
+  forwardRef as forwardRef2,
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState as useState2
+} from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -28,6 +36,29 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-truncate.ts
+var dmTruncateBaseClass = "dm-truncate";
+var dmTruncateContentClass = "dm-truncate-content";
+var dmTruncateTextClass = "dm-truncate-text";
+var dmTruncateMultilineClass = "dm-truncate-multiline";
+var dmTruncateOverflowClass = "dm-truncate-overflow";
+var dmTruncateOverflowTagClass = "dm-truncate-overflow-tag";
+var dmTruncateCopyClass = "dm-truncate-copy";
+var dmTruncateMeasureClass = "dm-truncate-measure";
+function getDmTruncateClasses(className) {
+  return cn(dmTruncateBaseClass, className);
+}
+function getDmTruncateTextClasses({
+  multiline,
+  overflow,
+  className
+}) {
+  return cn(dmTruncateTextClass, multiline && dmTruncateMultilineClass, overflow && dmTruncateOverflowClass, className);
+}
+
+// src/components/tooltip/Tooltip.tsx
+import { forwardRef, useState } from "react";
+
 // src/classes/tooltip.ts
 var tooltipWrapperClass = "tooltip-wrapper";
 var tooltipBaseClass = "tooltip";
@@ -128,37 +159,6 @@ var Tooltip = forwardRef(({
   });
 });
 Tooltip.displayName = "Tooltip";
-// src/components/dm-truncate/DmTruncate.tsx
-import {
-  forwardRef as forwardRef2,
-  useCallback,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState as useState2
-} from "react";
-
-// src/classes/dm-truncate.ts
-var dmTruncateBaseClass = "dm-truncate";
-var dmTruncateContentClass = "dm-truncate-content";
-var dmTruncateTextClass = "dm-truncate-text";
-var dmTruncateMultilineClass = "dm-truncate-multiline";
-var dmTruncateOverflowClass = "dm-truncate-overflow";
-var dmTruncateOverflowTagClass = "dm-truncate-overflow-tag";
-var dmTruncateCopyClass = "dm-truncate-copy";
-var dmTruncateMeasureClass = "dm-truncate-measure";
-function getDmTruncateClasses(className) {
-  return cn(dmTruncateBaseClass, className);
-}
-function getDmTruncateTextClasses({
-  multiline,
-  overflow,
-  className
-}) {
-  return cn(dmTruncateTextClass, multiline && dmTruncateMultilineClass, overflow && dmTruncateOverflowClass, className);
-}
-
 // src/components/dm-truncate/DmTruncate.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function toPlainText(value) {

package/dist/components/dropdown/index.js

@@ -1,5 +1,14 @@
 "use client";
 
+// src/components/dropdown/Dropdown.tsx
+import {
+  cloneElement,
+  forwardRef,
+  isValidElement,
+  useId,
+  useState
+} from "react";
+
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -25,6 +34,80 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dropdown.ts
+var dropdownWrapperClass = "dropdown-wrapper";
+var dropdownBaseClass = "popover dropdown";
+var dropdownOpenClass = "popover-show dropdown-open";
+var dropdownArrowClass = "popover-arrow dropdown-arrow";
+var dropdownMenuClass = "menu dropdown-menu";
+var dropdownButtonClass = "dropdown-button";
+var dropdownPlacementClasses = {
+  top: "popover-top dropdown-top",
+  bottom: "popover-bottom dropdown-bottom",
+  left: "popover-left dropdown-left",
+  right: "popover-right dropdown-right",
+  topLeft: "popover-top dropdown-top-left",
+  topRight: "popover-top dropdown-top-right",
+  bottomLeft: "popover-bottom dropdown-bottom-left",
+  bottomRight: "popover-bottom dropdown-bottom-right"
+};
+function getDropdownClasses({
+  placement = "bottomLeft",
+  open,
+  arrow,
+  className
+}) {
+  return cn(dropdownBaseClass, dropdownPlacementClasses[placement], open && dropdownOpenClass, !arrow && "popover-no-arrow dropdown-no-arrow", className);
+}
+
+// src/classes/menu.ts
+var menuBaseClass = "menu";
+var menuShowClass = "menu-show";
+var menuItemClass = "menu-item";
+var menuItemActiveClass = "menu-item-active";
+var menuItemDisabledClass = "menu-item-disabled";
+var menuItemIconClass = "menu-item-icon";
+var menuItemTrailingClass = "menu-item-trailing";
+var menuItemSubmenuClass = "menu-item-submenu";
+var menuDividerClass = "menu-divider";
+var menuLabelClass = "menu-label";
+var menuSubmenuClass = "menu-submenu";
+var menuCompactClass = "menu-compact";
+var menuWideClass = "menu-wide";
+var menuModeClasses = {
+  vertical: "menu-vertical",
+  horizontal: "menu-horizontal",
+  inline: "menu-inline"
+};
+var menuThemeClasses = {
+  light: "",
+  dark: "menu-dark menu-surface-container-highest"
+};
+var menuSizeClasses = {
+  sm: menuCompactClass,
+  md: "",
+  lg: menuWideClass
+};
+function getMenuClasses({
+  mode = "vertical",
+  theme = "light",
+  size = "md",
+  inlineCollapsed,
+  disabled,
+  className
+}) {
+  return cn(menuBaseClass, menuShowClass, menuModeClasses[mode], menuThemeClasses[theme], menuSizeClasses[size], inlineCollapsed && "menu-inline-collapsed", disabled && menuItemDisabledClass, className);
+}
+function getMenuItemClasses({
+  active,
+  disabled,
+  danger,
+  submenu,
+  className
+}) {
+  return cn(menuItemClass, active && menuItemActiveClass, disabled && menuItemDisabledClass, danger && "menu-item-danger", submenu && menuItemSubmenuClass, className);
+}
+
 // src/classes/button.ts
 var buttonBaseClass = "btn";
 var buttonColorClasses = {
@@ -123,89 +206,6 @@ function Button({
     ]
   });
 }
-// src/components/dropdown/Dropdown.tsx
-import {
-  cloneElement,
-  forwardRef,
-  isValidElement,
-  useId,
-  useState
-} from "react";
-
-// src/classes/dropdown.ts
-var dropdownWrapperClass = "dropdown-wrapper";
-var dropdownBaseClass = "popover dropdown";
-var dropdownOpenClass = "popover-show dropdown-open";
-var dropdownArrowClass = "popover-arrow dropdown-arrow";
-var dropdownMenuClass = "menu dropdown-menu";
-var dropdownButtonClass = "dropdown-button";
-var dropdownPlacementClasses = {
-  top: "popover-top dropdown-top",
-  bottom: "popover-bottom dropdown-bottom",
-  left: "popover-left dropdown-left",
-  right: "popover-right dropdown-right",
-  topLeft: "popover-top dropdown-top-left",
-  topRight: "popover-top dropdown-top-right",
-  bottomLeft: "popover-bottom dropdown-bottom-left",
-  bottomRight: "popover-bottom dropdown-bottom-right"
-};
-function getDropdownClasses({
-  placement = "bottomLeft",
-  open,
-  arrow,
-  className
-}) {
-  return cn(dropdownBaseClass, dropdownPlacementClasses[placement], open && dropdownOpenClass, !arrow && "popover-no-arrow dropdown-no-arrow", className);
-}
-
-// src/classes/menu.ts
-var menuBaseClass = "menu";
-var menuShowClass = "menu-show";
-var menuItemClass = "menu-item";
-var menuItemActiveClass = "menu-item-active";
-var menuItemDisabledClass = "menu-item-disabled";
-var menuItemIconClass = "menu-item-icon";
-var menuItemTrailingClass = "menu-item-trailing";
-var menuItemSubmenuClass = "menu-item-submenu";
-var menuDividerClass = "menu-divider";
-var menuLabelClass = "menu-label";
-var menuSubmenuClass = "menu-submenu";
-var menuCompactClass = "menu-compact";
-var menuWideClass = "menu-wide";
-var menuModeClasses = {
-  vertical: "menu-vertical",
-  horizontal: "menu-horizontal",
-  inline: "menu-inline"
-};
-var menuThemeClasses = {
-  light: "",
-  dark: "menu-dark menu-surface-container-highest"
-};
-var menuSizeClasses = {
-  sm: menuCompactClass,
-  md: "",
-  lg: menuWideClass
-};
-function getMenuClasses({
-  mode = "vertical",
-  theme = "light",
-  size = "md",
-  inlineCollapsed,
-  disabled,
-  className
-}) {
-  return cn(menuBaseClass, menuShowClass, menuModeClasses[mode], menuThemeClasses[theme], menuSizeClasses[size], inlineCollapsed && "menu-inline-collapsed", disabled && menuItemDisabledClass, className);
-}
-function getMenuItemClasses({
-  active,
-  disabled,
-  danger,
-  submenu,
-  className
-}) {
-  return cn(menuItemClass, active && menuItemActiveClass, disabled && menuItemDisabledClass, danger && "menu-item-danger", submenu && menuItemSubmenuClass, className);
-}
-
 // src/components/dropdown/Dropdown.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function hasTrigger(triggers, trigger) {

package/dist/components/form/index.js

@@ -444,6 +444,6 @@ Form.create = () => {
   return;
 };
 export {
-  FormContext,
-  Form
+  Form,
+  FormContext
 };

package/dist/components/grid/index.js

@@ -98,7 +98,7 @@ var Grid = {
   useWatch
 };
 export {
-  useWatch,
+  Grid,
   useBreakpoint,
-  Grid
+  useWatch
 };