@duskmoon-dev/components 0.3.3 → 0.4.0

package/README.md

@@ -41,8 +41,8 @@ import { Button, DmTable, theme } from "@duskmoon-dev/components";
 
 ## Public Surface
 
-- 73 standard components such as `Button`, `Chat`, `Table`, `Modal`, `Select`,
-  and `Typography`.
+- 78 standard components such as `Button`, `Chat`, `OtpInput`, `Swap`, `Fab`,
+  `Megamenu`, `ConsolePage`, `Table`, `Modal`, `Select`, and `Typography`.
 - 21 DuskMoon workflow components such as `DmLayout`, `DmSearch`, `DmTable`,
   `DmProTable`, and `DmToolbar`.
 - 13 infrastructure exports including `theme`, `version`,
@@ -50,6 +50,65 @@ import { Button, DmTable, theme } from "@duskmoon-dev/components";
 - Component subpath exports follow `@duskmoon-dev/components/{component-id}`,
   for example `@duskmoon-dev/components/date-picker`.
 
+`OtpInput` uses one native input with decorative slots. `Swap` uses a native
+checkbox. `Fab`, `Megamenu`, and the mobile menu in `ConsolePage` use the
+browser's Popover API for opening, Escape dismissal, and focus restoration.
+These components require `@duskmoon-dev/core` 1.20.0 or newer.
+
+`Form.Item` associates its label with a single child control, preserving an
+existing child `id`. For composite controls, pass `htmlFor` with the target
+control's `id`. `Badge appearance="outline"` emits both `badge-outlined` and
+the supported `badge-outline` alias.
+
+`Chat.Scroll` provides a fixed-height transcript with a sticky reply rail.
+Pair assistant rows and indicator buttons with timeline slots 1–24; user rows
+do not need ticks. `Chat.Status` and `Chat.Actions` accept ordinary content and
+button callbacks, so the application owns generation state and metrics. The
+Chat docs show all ten Core 1.20.3 showcases, including RTL bubbles, live states,
+tool statuses, and message actions. For an LLM reply, place reasoning and tool
+details inside one `Chat.Bubble`, with final content in
+`.chat-bubble-content`. The new Chat styles and the `Avatar` `2xl` size require
+Core 1.20.3 or newer.
+
+```tsx
+import { Chat } from "@duskmoon-dev/components/chat";
+import { useId } from "react";
+
+export function Conversation() {
+  const replyId = useId();
+  async function copyReply() {
+    await navigator.clipboard.writeText("The build passed.");
+  }
+
+  return (
+    <Chat.Scroll style={{ height: 320 }} aria-label="Conversation">
+      <Chat.ScrollTrack aria-label="Assistant replies">
+        <Chat.ScrollIndicator timeline={1} targetId={replyId} />
+      </Chat.ScrollTrack>
+      <Chat.ScrollBody>
+        <Chat id={replyId} timeline={1}>
+          <Chat.Bubble>The build passed.</Chat.Bubble>
+          <Chat.Status>
+            <Chat.StatusItem>Completed</Chat.StatusItem>
+            <Chat.StatusItem><Chat.StatusValue>42</Chat.StatusValue> token/s</Chat.StatusItem>
+          </Chat.Status>
+          <Chat.Actions hover>
+            <button type="button" onClick={copyReply}>Copy reply</button>
+          </Chat.Actions>
+        </Chat>
+      </Chat.ScrollBody>
+    </Chat.Scroll>
+  );
+}
+```
+
+`Modal` requires a modern browser with native `<dialog>` support. It opens and
+closes through `showModal()` and `close()`, while its forwarded ref and div props
+remain on the inner modal box. Controlled callers must update `open` in
+`onCancel`; `maskClassName` is applied to the dialog for `::backdrop` styling.
+The static `Modal.confirm`, `info`, `success`, `error`, and `warning` handles
+remain exported but do not render a service surface yet.
+
 ## Development
 
 ```bash

package/dist/classes/chat.d.ts

@@ -4,6 +4,15 @@ export declare const chatAvatarClass = "chat-avatar";
 export declare const chatHeaderClass = "chat-header";
 export declare const chatBubbleBaseClass = "chat-bubble";
 export declare const chatFooterClass = "chat-footer";
+export declare const chatStatusClass = "chat-status";
+export declare const chatStatusItemClass = "chat-status-item";
+export declare const chatStatusValueClass = "chat-status-value";
+export declare const chatActionsClass = "chat-actions";
+export declare const chatActionsHoverClass = "chat-actions-hover";
+export declare const chatScrollClass = "chat-scroll";
+export declare const chatScrollBodyClass = "chat-scroll-body";
+export declare const chatScrollTrackClass = "chat-scroll-track";
+export declare const chatScrollIndicatorClass = "chat-scroll-indicator";
 export declare const chatReasoningClass = "chat-reasoning";
 export declare const chatToolBaseClass = "chat-tool";
 export declare const chatToolHeaderClass = "chat-tool-header";
@@ -11,7 +20,6 @@ export declare const chatToolStatusClass = "chat-tool-status";
 export declare const chatToolCallClass = "chat-tool-call";
 export declare const chatToolResultClass = "chat-tool-result";
 export declare const chatTypingClass = "chat-typing";
-export declare const chatStreamingCaretClass = "chat-streaming-caret";
 export declare const chatBubbleFilledClass = "chat-bubble-filled";
 export declare const chatBubbleStreamingClass = "chat-bubble-streaming";
 export declare const chatPlacementClasses: Record<ChatPlacement, string>;

package/dist/classes/console-page.d.ts

@@ -0,0 +1,16 @@
+export type ConsolePageSidebarState = "expanded" | "compact" | "hidden";
+export declare const consolePageFrameClass = "console-page-frame";
+export declare const consolePageAppbarClass = "console-page-appbar";
+export declare const consolePageSidebarClass = "console-page-sidebar";
+export declare const consolePageSidebarHeaderClass = "console-page-sidebar-header";
+export declare const consolePageSidebarBodyClass = "console-page-sidebar-body";
+export declare const consolePageSidebarFooterClass = "console-page-sidebar-footer";
+export declare const consolePageMainClass = "console-page-main";
+export declare const consolePageNavLabelClass = "console-page-nav-label";
+export declare const consolePageSidebarToggleClass = "console-page-sidebar-toggle";
+export declare const consolePageMenuTriggerClass = "console-page-menu-trigger";
+export declare const consolePageMobileMenuClass = "console-page-mobile-menu";
+export declare function getConsolePageClasses({ sidebarState, className, }: {
+    sidebarState?: ConsolePageSidebarState;
+    className?: string;
+}): string;

package/dist/classes/dropdown.d.ts

@@ -1,12 +1,12 @@
 import type { DropdownPlacement } from "../components/dropdown/Dropdown.types";
-export declare const dropdownWrapperClass = "dropdown-wrapper";
-export declare const dropdownBaseClass = "popover dropdown";
-export declare const dropdownOpenClass = "popover-show dropdown-open";
-export declare const dropdownArrowClass = "popover-arrow dropdown-arrow";
+export declare const dropdownWrapperClass = "dropdown";
+export declare const dropdownBaseClass = "dropdown-content";
+export declare const dropdownOpenClass = "";
+export declare const dropdownArrowClass = "dropdown-arrow";
 export declare const dropdownMenuClass = "menu dropdown-menu";
 export declare const dropdownButtonClass = "dropdown-button";
 export declare const dropdownPlacementClasses: Record<DropdownPlacement, string>;
-export declare function getDropdownClasses({ placement, open, arrow, className, }: {
+export declare function getDropdownClasses({ className, }: {
     placement?: DropdownPlacement;
     open?: boolean;
     arrow?: boolean;

package/dist/classes/fab.d.ts

@@ -0,0 +1,11 @@
+export declare const fabClass = "fab";
+export declare const fabTriggerClass = "fab-trigger";
+export declare const fabActionsClass = "fab-actions";
+export declare const fabActionClass = "fab-action";
+export declare const fabLabelClass = "fab-label";
+export declare function getFabClasses({ contained, start, speedDial, className, }: {
+    contained?: boolean;
+    start?: boolean;
+    speedDial?: boolean;
+    className?: string;
+}): string;

package/dist/classes/index.d.ts

@@ -11,6 +11,7 @@ export * from "./button";
 export * from "./calendar";
 export * from "./card";
 export * from "./chat";
+export * from "./console-page";
 export * from "./carousel";
 export * from "./cascader";
 export * from "./checkbox";
@@ -47,6 +48,7 @@ export * from "./dropdown";
 export * from "./empty";
 export * from "./flex";
 export * from "./float-button";
+export * from "./fab";
 export * from "./form";
 export * from "./grid";
 export * from "./image";
@@ -56,9 +58,11 @@ export * from "./layout";
 export * from "./list";
 export * from "./mentions";
 export * from "./menu";
+export * from "./megamenu";
 export * from "./message";
 export * from "./modal";
 export * from "./notification";
+export * from "./otp-input";
 export * from "./pagination";
 export * from "./popover";
 export * from "./popconfirm";
@@ -78,6 +82,7 @@ export * from "./splitter";
 export * from "./statistic";
 export * from "./steps";
 export * from "./switch";
+export * from "./swap";
 export * from "./tabs";
 export * from "./tag";
 export * from "./table";

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;