@duskmoon-dev/components 0.3.3 → 0.4.1

package/dist/classes/index.js

@@ -137,7 +137,8 @@ var avatarSizeClasses = {
   sm: "avatar-sm",
   md: "avatar-md",
   lg: "avatar-lg",
-  xl: "avatar-xl"
+  xl: "avatar-xl",
+  "2xl": "avatar-2xl"
 };
 var avatarShapeClasses = {
   circle: "avatar-circle",
@@ -175,7 +176,7 @@ var badgeColorClasses = {
 };
 var badgeAppearanceClasses = {
   filled: "",
-  outline: "badge-outline",
+  outline: "badge-outlined badge-outline",
   tonal: "badge-tonal",
   ghost: "badge-ghost"
 };
@@ -243,7 +244,7 @@ var buttonAppearanceClasses = {
 };
 var buttonShapeClasses = {
   rect: "",
-  circle: "btn-circle",
+  circle: "btn-circle btn-icon",
   square: "btn-square"
 };
 var buttonSizeClasses = {
@@ -263,7 +264,7 @@ function getButtonClasses({
   isLoading,
   className
 }) {
-  return cn2(buttonBaseClass, buttonColorClasses[color], buttonAppearanceClasses[appearance], buttonShapeClasses[shape], buttonSizeClasses[size], block && buttonBlockClass, isLoading && buttonIsLoadingClass, className);
+  return cn2(buttonBaseClass, buttonColorClasses[color], buttonAppearanceClasses[appearance], buttonShapeClasses[shape], buttonSizeClasses[size], shape === "circle" && size === "xs" && "btn-icon-sm", shape === "circle" && size === "sm" && "btn-icon-sm", shape === "circle" && size === "lg" && "btn-icon-lg", block && buttonBlockClass, isLoading && buttonIsLoadingClass, className);
 }
 // src/classes/calendar.ts
 var calendarBaseClass = "datepicker calendar";
@@ -320,6 +321,15 @@ var chatAvatarClass = "chat-avatar";
 var chatHeaderClass = "chat-header";
 var chatBubbleBaseClass = "chat-bubble";
 var chatFooterClass = "chat-footer";
+var chatStatusClass = "chat-status";
+var chatStatusItemClass = "chat-status-item";
+var chatStatusValueClass = "chat-status-value";
+var chatActionsClass = "chat-actions";
+var chatActionsHoverClass = "chat-actions-hover";
+var chatScrollClass = "chat-scroll";
+var chatScrollBodyClass = "chat-scroll-body";
+var chatScrollTrackClass = "chat-scroll-track";
+var chatScrollIndicatorClass = "chat-scroll-indicator";
 var chatReasoningClass = "chat-reasoning";
 var chatToolBaseClass = "chat-tool";
 var chatToolHeaderClass = "chat-tool-header";
@@ -327,7 +337,6 @@ var chatToolStatusClass = "chat-tool-status";
 var chatToolCallClass = "chat-tool-call";
 var chatToolResultClass = "chat-tool-result";
 var chatTypingClass = "chat-typing";
-var chatStreamingCaretClass = "chat-streaming-caret";
 var chatBubbleFilledClass = "chat-bubble-filled";
 var chatBubbleStreamingClass = "chat-bubble-streaming";
 var chatPlacementClasses = {
@@ -379,6 +388,24 @@ function getChatToolClasses({
 }) {
   return cn2(chatToolBaseClass, status && chatToolStateClasses[status], className);
 }
+// src/classes/console-page.ts
+var consolePageFrameClass = "console-page-frame";
+var consolePageAppbarClass = "console-page-appbar";
+var consolePageSidebarClass = "console-page-sidebar";
+var consolePageSidebarHeaderClass = "console-page-sidebar-header";
+var consolePageSidebarBodyClass = "console-page-sidebar-body";
+var consolePageSidebarFooterClass = "console-page-sidebar-footer";
+var consolePageMainClass = "console-page-main";
+var consolePageNavLabelClass = "console-page-nav-label";
+var consolePageSidebarToggleClass = "console-page-sidebar-toggle";
+var consolePageMenuTriggerClass = "console-page-menu-trigger";
+var consolePageMobileMenuClass = "console-page-mobile-menu";
+function getConsolePageClasses({
+  sidebarState = "expanded",
+  className
+}) {
+  return cn2("console-page", sidebarState !== "expanded" && `console-page-sidebar-${sidebarState}`, className);
+}
 // src/classes/carousel.ts
 var carouselBaseClass = "carousel";
 var carouselTrackClass = "carousel-track";
@@ -1053,29 +1080,26 @@ function getDmTruncateTextClasses({
   return cn2(dmTruncateTextClass, multiline && dmTruncateMultilineClass, overflow && dmTruncateOverflowClass, className);
 }
 // 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 dropdownWrapperClass = "dropdown";
+var dropdownBaseClass = "dropdown-content";
+var dropdownOpenClass = "";
+var dropdownArrowClass = "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"
+  top: "dropdown-block-start",
+  bottom: "dropdown-block-end",
+  left: "dropdown-inline-start",
+  right: "dropdown-inline-end",
+  topLeft: "dropdown-block-start",
+  topRight: "dropdown-block-start",
+  bottomLeft: "dropdown-block-end",
+  bottomRight: "dropdown-block-end"
 };
 function getDropdownClasses({
-  placement = "bottomLeft",
-  open,
-  arrow,
   className
 }) {
-  return cn2(dropdownBaseClass, dropdownPlacementClasses[placement], open && dropdownOpenClass, !arrow && "popover-no-arrow dropdown-no-arrow", className);
+  return cn2(dropdownBaseClass, className);
 }
 // src/classes/empty.ts
 var emptyBaseClass = "empty";
@@ -1135,6 +1159,20 @@ function getFloatButtonBackTopClasses({
 }) {
   return cn2(floatButtonBackTopClass, visible && floatButtonBackTopVisibleClass, className);
 }
+// src/classes/fab.ts
+var fabClass = "fab";
+var fabTriggerClass = "fab-trigger";
+var fabActionsClass = "fab-actions";
+var fabActionClass = "fab-action";
+var fabLabelClass = "fab-label";
+function getFabClasses({
+  contained,
+  start,
+  speedDial,
+  className
+}) {
+  return cn2(fabClass, contained && "fab-contained", start && "fab-start", speedDial && "fab-speed-dial", className);
+}
 // src/classes/form.ts
 var formClass = "form";
 var formItemClass = "form-item";
@@ -1433,6 +1471,17 @@ function getMenuItemClasses({
 }) {
   return cn2(menuItemClass, active && menuItemActiveClass, disabled && menuItemDisabledClass, danger && "menu-item-danger", submenu && menuItemSubmenuClass, className);
 }
+// src/classes/megamenu.ts
+var megamenuClass = "megamenu";
+var megamenuBarClass = "megamenu-bar";
+var megamenuItemClass = "megamenu-item";
+var megamenuTriggerClass = "megamenu-trigger";
+var megamenuPanelClass = "megamenu-panel";
+var megamenuGridClass = "megamenu-grid";
+var megamenuGroupClass = "megamenu-group";
+var megamenuHeadingClass = "megamenu-heading";
+var megamenuSupportingClass = "megamenu-supporting";
+var megamenuMobileClass = "megamenu-mobile";
 // src/classes/message.ts
 var messageHolderClass = "message-holder";
 var messageBaseClass = "message";
@@ -1520,6 +1569,44 @@ function getNotificationNoticeClasses({
 }) {
   return cn2("toast", "alert", notificationNoticeClass, notificationTypeClasses[type], open && "toast-show", open && notificationNoticeOpenClass, className);
 }
+// src/classes/otp-input.ts
+var otpInputBaseClass = "otp-input";
+var otpInputCodeClass = "otp-code";
+var otpInputSizeClasses = {
+  xs: "otp-input-xs",
+  sm: "otp-input-sm",
+  md: "otp-input-md",
+  lg: "otp-input-lg",
+  xl: "otp-input-xl"
+};
+var otpInputVariantClasses = {
+  outlined: "",
+  filled: "otp-input-filled",
+  underlined: "otp-input-underline"
+};
+var otpInputColorClasses = {
+  primary: "otp-input-primary",
+  secondary: "otp-input-secondary",
+  tertiary: "otp-input-tertiary",
+  info: "otp-input-info",
+  success: "otp-input-success",
+  warning: "otp-input-warning",
+  error: "otp-input-error",
+  accent: "otp-input-accent",
+  neutral: "otp-input-neutral",
+  base: "otp-input-base"
+};
+function getOtpInputClasses({
+  size = "md",
+  variant = "outlined",
+  color,
+  wrapperClassName
+}) {
+  return cn2(otpInputBaseClass, otpInputSizeClasses[size], otpInputVariantClasses[variant], color && otpInputColorClasses[color], wrapperClassName);
+}
+function getOtpInputCodeClasses({ className }) {
+  return cn2(otpInputCodeClass, className);
+}
 // src/classes/pagination.ts
 var paginationBaseClass = "pagination";
 var paginationItemClass = "pagination-item";
@@ -1554,7 +1641,6 @@ function getPaginationItemClasses({
 // src/classes/popover.ts
 var popoverWrapperClass = "popover-wrapper";
 var popoverBaseClass = "popover";
-var popoverShowClass = "popover-show";
 var popoverArrowClass = "popover-arrow";
 var popoverNoArrowClass = "popover-no-arrow";
 var popoverPlacementClasses = {
@@ -1565,11 +1651,10 @@ var popoverPlacementClasses = {
 };
 function getPopoverClasses({
   placement = "top",
-  open,
   arrow = true,
   className
 }) {
-  return cn2(popoverBaseClass, popoverPlacementClasses[placement], open && popoverShowClass, !arrow && popoverNoArrowClass, className);
+  return cn2(popoverBaseClass, popoverPlacementClasses[placement], !arrow && popoverNoArrowClass, className);
 }
 // src/classes/popconfirm.ts
 var popconfirmWrapperClass = "popover-wrapper popconfirm-wrapper";
@@ -2154,6 +2239,21 @@ function getSwitchTrackClasses({
 }) {
   return cn2(switchTrackClass, switchColorClasses[color]);
 }
+// src/classes/swap.ts
+var swapBaseClass = "swap";
+var swapInputClass = "swap-input";
+var swapOffClass = "swap-off";
+var swapOnClass = "swap-on";
+var swapRotateClass = "swap-rotate";
+function getSwapClasses({
+  rotate = false,
+  wrapperClassName
+}) {
+  return cn2(swapBaseClass, rotate && swapRotateClass, wrapperClassName);
+}
+function getSwapInputClasses({ className }) {
+  return cn2(swapInputClass, className);
+}
 // src/classes/tabs.ts
 var tabsRootClass = "tabs-root";
 var tabsRootVerticalClass = "tabs-root-vertical";
@@ -2535,36 +2635,36 @@ var treeSelectBaseClass = "tree-select";
 var treeSelectOpenClass = "tree-select-open";
 var treeSelectDisabledClass = "tree-select-disabled";
 var treeSelectMultipleClass = "tree-select-multiple";
-var treeSelectSelectionClass = "tree-select-selection";
+var treeSelectSelectionClass = "tree-select-selection tree-select-value";
 var treeSelectPlaceholderClass = "tree-select-placeholder";
 var treeSelectTagClass = "tree-select-tag";
 var treeSelectClearClass = "tree-select-clear";
-var treeSelectIconClass = "tree-select-icon";
+var treeSelectIconClass = "tree-select-icon tree-select-arrow";
 var treeSelectDropdownClass = "tree-select-dropdown";
-var treeSelectSearchClass = "tree-select-search";
-var treeSelectListClass = "tree-select-list";
+var treeSelectSearchClass = "tree-select-search-input";
+var treeSelectListClass = "tree-select-list tree-select-options";
 var treeSelectEmptyClass = "tree-select-empty";
 var treeSelectNodeClass = "tree-select-node";
 var treeSelectNodeSelectedClass = "tree-select-node-selected";
 var treeSelectNodeCheckedClass = "tree-select-node-checked";
 var treeSelectNodeExpandedClass = "tree-select-node-expanded";
 var treeSelectNodeDisabledClass = "tree-select-node-disabled";
-var treeSelectSwitcherClass = "tree-select-switcher";
+var treeSelectSwitcherClass = "tree-select-switcher tree-select-node-toggle";
 var treeSelectCheckboxClass = "tree-select-checkbox";
-var treeSelectTitleClass = "tree-select-title";
+var treeSelectTitleClass = "tree-select-title tree-select-node-label";
 function getTreeSelectContainerClasses({
   open,
   disabled,
   multiple,
   className
 }) {
-  return cn2(treeSelectContainerClass, open && treeSelectOpenClass, disabled && treeSelectDisabledClass, multiple && treeSelectMultipleClass, className);
+  return cn2(treeSelectContainerClass, treeSelectBaseClass, open && treeSelectOpenClass, disabled && treeSelectDisabledClass, multiple && treeSelectMultipleClass, className);
 }
 function getTreeSelectClasses({
   disabled,
   className
 }) {
-  return cn2(treeSelectBaseClass, disabled && treeSelectDisabledClass, className);
+  return cn2("tree-select-trigger", disabled && treeSelectDisabledClass, className);
 }
 function getTreeSelectNodeClasses({
   selected,
@@ -2809,6 +2909,8 @@ export {
   cascaderSizeClasses,
   cascaderStatusClasses,
   cascaderTagClass,
+  chatActionsClass,
+  chatActionsHoverClass,
   chatAvatarClass,
   chatBaseClass,
   chatBubbleBaseClass,
@@ -2820,7 +2922,13 @@ export {
   chatHeaderClass,
   chatPlacementClasses,
   chatReasoningClass,
-  chatStreamingCaretClass,
+  chatScrollBodyClass,
+  chatScrollClass,
+  chatScrollIndicatorClass,
+  chatScrollTrackClass,
+  chatStatusClass,
+  chatStatusItemClass,
+  chatStatusValueClass,
   chatToolBaseClass,
   chatToolCallClass,
   chatToolHeaderClass,
@@ -2867,6 +2975,17 @@ export {
   configProviderClass,
   configProviderLtrClass,
   configProviderRtlClass,
+  consolePageAppbarClass,
+  consolePageFrameClass,
+  consolePageMainClass,
+  consolePageMenuTriggerClass,
+  consolePageMobileMenuClass,
+  consolePageNavLabelClass,
+  consolePageSidebarBodyClass,
+  consolePageSidebarClass,
+  consolePageSidebarFooterClass,
+  consolePageSidebarHeaderClass,
+  consolePageSidebarToggleClass,
   datePickerBaseClass,
   datePickerClearClass,
   datePickerDropdownClass,
@@ -3046,6 +3165,11 @@ export {
   emptyDescriptionClass,
   emptyFooterClass,
   emptyImageClass,
+  fabActionClass,
+  fabActionsClass,
+  fabClass,
+  fabLabelClass,
+  fabTriggerClass,
   flexBaseClass,
   flexVerticalClass,
   flexWrapClass,
@@ -3110,6 +3234,7 @@ export {
   getCollapseItemClasses,
   getColorPickerClasses,
   getConfigProviderClasses,
+  getConsolePageClasses,
   getDatePickerClasses,
   getDatePickerDropdownClasses,
   getDescriptionsClasses,
@@ -3145,6 +3270,7 @@ export {
   getDrawerClasses,
   getDropdownClasses,
   getEmptyClasses,
+  getFabClasses,
   getFlexClasses,
   getFloatButtonBackTopClasses,
   getFloatButtonClasses,
@@ -3172,6 +3298,8 @@ export {
   getModalClasses,
   getNotificationHolderClasses,
   getNotificationNoticeClasses,
+  getOtpInputClasses,
+  getOtpInputCodeClasses,
   getPaginationClasses,
   getPaginationItemClasses,
   getPasswordWrapperClasses,
@@ -3206,6 +3334,8 @@ export {
   getStepsClasses,
   getStepsStepClasses,
   getStepsStepIconClasses,
+  getSwapClasses,
+  getSwapInputClasses,
   getSwitchClasses,
   getSwitchTrackClasses,
   getTabClasses,
@@ -3300,6 +3430,16 @@ export {
   markdownColorChipSwatchClass,
   markdownColorCodeClass,
   markdownFrontMatterClass,
+  megamenuBarClass,
+  megamenuClass,
+  megamenuGridClass,
+  megamenuGroupClass,
+  megamenuHeadingClass,
+  megamenuItemClass,
+  megamenuMobileClass,
+  megamenuPanelClass,
+  megamenuSupportingClass,
+  megamenuTriggerClass,
   mentionsBaseClass,
   mentionsDropdownClass,
   mentionsNoOptionsClass,
@@ -3356,6 +3496,8 @@ export {
   notificationPlacementClasses,
   notificationRootClass,
   notificationTypeClasses,
+  otpInputBaseClass,
+  otpInputCodeClass,
   paginationBaseClass,
   paginationCompactClass,
   paginationEllipsisClass,
@@ -3385,7 +3527,6 @@ export {
   popoverBaseClass,
   popoverNoArrowClass,
   popoverPlacementClasses,
-  popoverShowClass,
   popoverWrapperClass,
   progressBaseClass,
   progressColorClasses,
@@ -3533,6 +3674,11 @@ export {
   stepsStepSubtitleClass,
   stepsVerticalClass,
   stepsWithPercentClass,
+  swapBaseClass,
+  swapInputClass,
+  swapOffClass,
+  swapOnClass,
+  swapRotateClass,
   switchBaseClass,
   switchColorClasses,
   switchInputClass,

package/dist/classes/megamenu.d.ts

@@ -0,0 +1,10 @@
+export declare const megamenuClass = "megamenu";
+export declare const megamenuBarClass = "megamenu-bar";
+export declare const megamenuItemClass = "megamenu-item";
+export declare const megamenuTriggerClass = "megamenu-trigger";
+export declare const megamenuPanelClass = "megamenu-panel";
+export declare const megamenuGridClass = "megamenu-grid";
+export declare const megamenuGroupClass = "megamenu-group";
+export declare const megamenuHeadingClass = "megamenu-heading";
+export declare const megamenuSupportingClass = "megamenu-supporting";
+export declare const megamenuMobileClass = "megamenu-mobile";

package/dist/classes/otp-input.d.ts

@@ -0,0 +1,12 @@
+import type { OtpInputColor, OtpInputSize, OtpInputVariant } from "../components/otp-input/OtpInput.types";
+export declare const otpInputBaseClass = "otp-input";
+export declare const otpInputCodeClass = "otp-code";
+export declare function getOtpInputClasses({ size, variant, color, wrapperClassName, }: {
+    size?: OtpInputSize;
+    variant?: OtpInputVariant;
+    color?: OtpInputColor;
+    wrapperClassName?: string;
+}): string;
+export declare function getOtpInputCodeClasses({ className }: {
+    className?: string;
+}): string;

package/dist/classes/popover.d.ts

@@ -1,13 +1,11 @@
 import type { PopoverPlacement } from "../components/popover/Popover.types";
 export declare const popoverWrapperClass = "popover-wrapper";
 export declare const popoverBaseClass = "popover";
-export declare const popoverShowClass = "popover-show";
 export declare const popoverArrowClass = "popover-arrow";
 export declare const popoverNoArrowClass = "popover-no-arrow";
 export declare const popoverPlacementClasses: Record<PopoverPlacement, string>;
-export declare function getPopoverClasses({ placement, open, arrow, className, }: {
+export declare function getPopoverClasses({ placement, arrow, className, }: {
     placement?: PopoverPlacement;
-    open?: boolean;
     arrow?: boolean;
     className?: string;
 }): string;

package/dist/classes/swap.d.ts

@@ -0,0 +1,12 @@
+export declare const swapBaseClass = "swap";
+export declare const swapInputClass = "swap-input";
+export declare const swapOffClass = "swap-off";
+export declare const swapOnClass = "swap-on";
+export declare const swapRotateClass = "swap-rotate";
+export declare function getSwapClasses({ rotate, wrapperClassName, }: {
+    rotate?: boolean;
+    wrapperClassName?: string;
+}): string;
+export declare function getSwapInputClasses({ className }: {
+    className?: string;
+}): string;

package/dist/classes/tree-select.d.ts

@@ -3,23 +3,23 @@ export declare const treeSelectBaseClass = "tree-select";
 export declare const treeSelectOpenClass = "tree-select-open";
 export declare const treeSelectDisabledClass = "tree-select-disabled";
 export declare const treeSelectMultipleClass = "tree-select-multiple";
-export declare const treeSelectSelectionClass = "tree-select-selection";
+export declare const treeSelectSelectionClass = "tree-select-selection tree-select-value";
 export declare const treeSelectPlaceholderClass = "tree-select-placeholder";
 export declare const treeSelectTagClass = "tree-select-tag";
 export declare const treeSelectClearClass = "tree-select-clear";
-export declare const treeSelectIconClass = "tree-select-icon";
+export declare const treeSelectIconClass = "tree-select-icon tree-select-arrow";
 export declare const treeSelectDropdownClass = "tree-select-dropdown";
-export declare const treeSelectSearchClass = "tree-select-search";
-export declare const treeSelectListClass = "tree-select-list";
+export declare const treeSelectSearchClass = "tree-select-search-input";
+export declare const treeSelectListClass = "tree-select-list tree-select-options";
 export declare const treeSelectEmptyClass = "tree-select-empty";
 export declare const treeSelectNodeClass = "tree-select-node";
 export declare const treeSelectNodeSelectedClass = "tree-select-node-selected";
 export declare const treeSelectNodeCheckedClass = "tree-select-node-checked";
 export declare const treeSelectNodeExpandedClass = "tree-select-node-expanded";
 export declare const treeSelectNodeDisabledClass = "tree-select-node-disabled";
-export declare const treeSelectSwitcherClass = "tree-select-switcher";
+export declare const treeSelectSwitcherClass = "tree-select-switcher tree-select-node-toggle";
 export declare const treeSelectCheckboxClass = "tree-select-checkbox";
-export declare const treeSelectTitleClass = "tree-select-title";
+export declare const treeSelectTitleClass = "tree-select-title tree-select-node-label";
 export declare function getTreeSelectContainerClasses({ open, disabled, multiple, className, }: {
     open?: boolean;
     disabled?: boolean;