@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/base-ui/Drawer/style.mjs

@@ -1,315 +0,0 @@
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Drawer/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	backdrop: css`
-    position: fixed;
-    z-index: 1200;
-    inset: 0;
-
-    background: ${cssVar.colorBgMask};
-
-    transition: opacity 180ms cubic-bezier(0.32, 0.72, 0, 1);
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      opacity: 0;
-    }
-  `,
-	popup: css`
-    pointer-events: none;
-
-    position: fixed;
-    z-index: 1201;
-
-    display: flex;
-
-    /* clamp here rather than on the panel, so an oversized size prop shrinks the
-       box instead of detaching the panel from its anchored edge */
-    max-width: 100dvw;
-    max-height: 100dvh;
-  `,
-	popupLeft: css`
-    inset-block: 0;
-    inset-inline-start: 0;
-  `,
-	popupRight: css`
-    inset-block: 0;
-    inset-inline-end: 0;
-  `,
-	popupTop: css`
-    inset-block-start: 0;
-    inset-inline: 0;
-  `,
-	popupBottom: css`
-    inset-block-end: 0;
-    inset-inline: 0;
-  `,
-	panel: css`
-    pointer-events: auto;
-
-    position: relative;
-
-    /* push offset rides on CSS vars so [data-starting-style] can override the whole transform */
-    transform: translate(var(--drawer-push-x, 0), var(--drawer-push-y, 0));
-
-    overflow: hidden;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-
-    box-sizing: border-box;
-    min-width: 0;
-    min-height: 0;
-
-    /* Container, not elevated: the antd-based Drawer paints its panel on container, and in dark
-       themes elevated is a visibly lighter step — the two drawers must read as the same surface. */
-    background: ${cssVar.colorBgContainer};
-
-    /* Geometry and alphas are antd's boxShadowDrawer{Left,Right,Up,Down} verbatim, so both drawers
-       cast identically. antd builds those by scaling colorShadow's *own* alpha by 8/12/5%, and
-       colorShadow flips from opaque black to rgba(255,255,255,0.2) in dark — hence the color-mix
-       against the raw var rather than a literal black (colorShadow has no AliasToken typing, so
-       cssVar cannot reach it). An edge-anchored panel casts along its placement axis rather than
-       downward like a centred dialog would: direction classes set the sign, weight classes scale
-       the alpha, so the two compose without a class per combination. */
-    box-shadow:
-      calc(var(--drawer-cast-x, 0) * 6px) calc(var(--drawer-cast-y, 0) * 6px) 16px 0
-        color-mix(
-          in srgb,
-          var(--ant-color-shadow, #000) calc(8% * var(--drawer-cast-alpha, 1)),
-          transparent
-        ),
-      calc(var(--drawer-cast-x, 0) * 3px) calc(var(--drawer-cast-y, 0) * 3px) 6px -4px
-        color-mix(
-          in srgb,
-          var(--ant-color-shadow, #000) calc(12% * var(--drawer-cast-alpha, 1)),
-          transparent
-        ),
-      calc(var(--drawer-cast-x, 0) * 9px) calc(var(--drawer-cast-y, 0) * 9px) 28px 8px
-        color-mix(
-          in srgb,
-          var(--ant-color-shadow, #000) calc(5% * var(--drawer-cast-alpha, 1)),
-          transparent
-        );
-
-    transition: transform 300ms cubic-bezier(0.32, 0.72, 0, 1);
-  `,
-	panelLeft: css`
-    --drawer-cast-x: 1;
-
-    border-inline-end: var(--drawer-edge-width, 1px) solid ${cssVar.colorBorder};
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      transform: translateX(-100%);
-    }
-  `,
-	panelRight: css`
-    --drawer-cast-x: -1;
-
-    border-inline-start: var(--drawer-edge-width, 1px) solid ${cssVar.colorBorder};
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      transform: translateX(100%);
-    }
-  `,
-	panelTop: css`
-    --drawer-cast-y: 1;
-
-    border-block-end: var(--drawer-edge-width, 1px) solid ${cssVar.colorBorder};
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      transform: translateY(-100%);
-    }
-  `,
-	panelBottom: css`
-    --drawer-cast-y: -1;
-
-    border-block-start: var(--drawer-edge-width, 1px) solid ${cssVar.colorBorder};
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      transform: translateY(100%);
-    }
-  `,
-	panelRoundedLeft: css`
-    border-start-end-radius: 12px;
-    border-end-end-radius: 12px;
-  `,
-	panelRoundedRight: css`
-    border-start-start-radius: 12px;
-    border-end-start-radius: 12px;
-  `,
-	panelRoundedTop: css`
-    border-end-start-radius: 12px;
-    border-end-end-radius: 12px;
-  `,
-	panelRoundedBottom: css`
-    border-start-start-radius: 12px;
-    border-start-end-radius: 12px;
-  `,
-	panelFlush: css`
-    --drawer-cast-alpha: 0;
-    --drawer-edge-width: 0;
-  `,
-	panelBoosted: css`
-    --drawer-cast-alpha: 1.75;
-  `,
-	panelRecessed: css`
-    --drawer-cast-alpha: 0.5;
-  `,
-	header: css`
-    display: flex;
-    flex: none;
-    gap: 8px;
-    align-items: center;
-    justify-content: space-between;
-
-    min-height: 56px;
-    padding-block: 12px;
-    padding-inline: 16px;
-    border-block-end: 1px solid ${cssVar.colorSplit};
-  `,
-	containerInner: css`
-    display: flex;
-    flex: 1;
-    gap: 8px;
-    align-items: center;
-    justify-content: space-between;
-
-    width: 100%;
-    margin-inline: auto;
-  `,
-	containerInnerFooter: css`
-    justify-content: flex-end;
-  `,
-	title: css`
-    margin: 0;
-
-    font-size: 17px;
-    font-weight: 600;
-    line-height: 1.4;
-    color: ${cssVar.colorText};
-    letter-spacing: -0.005em;
-  `,
-	extra: css`
-    display: flex;
-    flex: none;
-    gap: 4px;
-    align-items: center;
-
-    margin-inline-end: -4px;
-  `,
-	extraFloating: css`
-    position: absolute;
-    z-index: 1;
-    inset-block-start: 12px;
-    inset-inline-end: 12px;
-
-    margin-inline-end: 0;
-  `,
-	close: css`
-    cursor: pointer;
-
-    position: relative;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    width: 32px;
-    height: 32px;
-    padding: 0;
-    border: none;
-    border-radius: 8px;
-
-    color: ${cssVar.colorTextTertiary};
-
-    background: transparent;
-
-    transition:
-      color 160ms cubic-bezier(0.32, 0.72, 0, 1),
-      background 160ms cubic-bezier(0.32, 0.72, 0, 1),
-      transform 160ms cubic-bezier(0.32, 0.72, 0, 1);
-
-    /* Restores the 40px target the 32px visual box gives up, without nudging the header layout. */
-    &::after {
-      content: '';
-      position: absolute;
-      inset: -4px;
-    }
-
-    &:hover {
-      transform: scale(1.04);
-      color: ${cssVar.colorText};
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    &:active {
-      transform: scale(0.96);
-    }
-
-    ${focusRing};
-  `,
-	content: css`
-    overflow: hidden auto;
-    display: flex;
-    flex: 1;
-    min-height: 0;
-  `,
-	bodyContent: css`
-    display: flex;
-    flex-direction: column;
-
-    width: 100%;
-    min-height: 100%;
-    margin-inline: auto;
-    padding-block: 12px;
-    padding-inline: 16px;
-  `,
-	contentSidebar: css`
-    overflow: hidden;
-  `,
-	bodyContentSidebar: css`
-    flex-direction: row;
-    height: 100%;
-    min-height: 0;
-    padding: 0;
-  `,
-	sidebar: css`
-    overflow: hidden auto;
-    flex: none;
-
-    padding-block: 12px;
-    padding-inline: 16px;
-    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};
-
-    background: ${cssVar.colorBgLayout};
-  `,
-	sidebarContent: css`
-    overflow: hidden auto;
-    flex: 1;
-
-    min-width: 0;
-    padding-block: 12px;
-    padding-inline: 16px;
-  `,
-	footer: css`
-    display: flex;
-    flex: none;
-    gap: 8px;
-    align-items: center;
-    justify-content: flex-end;
-
-    padding-block: 12px;
-    padding-inline: 16px;
-    border-block-start: 1px solid ${cssVar.colorSplit};
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Drawer/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Drawer/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  backdrop: css`\n    position: fixed;\n    z-index: 1200;\n    inset: 0;\n\n    background: ${cssVar.colorBgMask};\n\n    transition: opacity 180ms cubic-bezier(0.32, 0.72, 0, 1);\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      opacity: 0;\n    }\n  `,\n\n  popup: css`\n    pointer-events: none;\n\n    position: fixed;\n    z-index: 1201;\n\n    display: flex;\n\n    /* clamp here rather than on the panel, so an oversized size prop shrinks the\n       box instead of detaching the panel from its anchored edge */\n    max-width: 100dvw;\n    max-height: 100dvh;\n  `,\n\n  popupLeft: css`\n    inset-block: 0;\n    inset-inline-start: 0;\n  `,\n\n  popupRight: css`\n    inset-block: 0;\n    inset-inline-end: 0;\n  `,\n\n  popupTop: css`\n    inset-block-start: 0;\n    inset-inline: 0;\n  `,\n\n  popupBottom: css`\n    inset-block-end: 0;\n    inset-inline: 0;\n  `,\n\n  panel: css`\n    pointer-events: auto;\n\n    position: relative;\n\n    /* push offset rides on CSS vars so [data-starting-style] can override the whole transform */\n    transform: translate(var(--drawer-push-x, 0), var(--drawer-push-y, 0));\n\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    box-sizing: border-box;\n    min-width: 0;\n    min-height: 0;\n\n    /* Container, not elevated: the antd-based Drawer paints its panel on container, and in dark\n       themes elevated is a visibly lighter step — the two drawers must read as the same surface. */\n    background: ${cssVar.colorBgContainer};\n\n    /* Geometry and alphas are antd's boxShadowDrawer{Left,Right,Up,Down} verbatim, so both drawers\n       cast identically. antd builds those by scaling colorShadow's *own* alpha by 8/12/5%, and\n       colorShadow flips from opaque black to rgba(255,255,255,0.2) in dark — hence the color-mix\n       against the raw var rather than a literal black (colorShadow has no AliasToken typing, so\n       cssVar cannot reach it). An edge-anchored panel casts along its placement axis rather than\n       downward like a centred dialog would: direction classes set the sign, weight classes scale\n       the alpha, so the two compose without a class per combination. */\n    box-shadow:\n      calc(var(--drawer-cast-x, 0) * 6px) calc(var(--drawer-cast-y, 0) * 6px) 16px 0\n        color-mix(\n          in srgb,\n          var(--ant-color-shadow, #000) calc(8% * var(--drawer-cast-alpha, 1)),\n          transparent\n        ),\n      calc(var(--drawer-cast-x, 0) * 3px) calc(var(--drawer-cast-y, 0) * 3px) 6px -4px\n        color-mix(\n          in srgb,\n          var(--ant-color-shadow, #000) calc(12% * var(--drawer-cast-alpha, 1)),\n          transparent\n        ),\n      calc(var(--drawer-cast-x, 0) * 9px) calc(var(--drawer-cast-y, 0) * 9px) 28px 8px\n        color-mix(\n          in srgb,\n          var(--ant-color-shadow, #000) calc(5% * var(--drawer-cast-alpha, 1)),\n          transparent\n        );\n\n    transition: transform 300ms cubic-bezier(0.32, 0.72, 0, 1);\n  `,\n\n  panelLeft: css`\n    --drawer-cast-x: 1;\n\n    border-inline-end: var(--drawer-edge-width, 1px) solid ${cssVar.colorBorder};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translateX(-100%);\n    }\n  `,\n\n  panelRight: css`\n    --drawer-cast-x: -1;\n\n    border-inline-start: var(--drawer-edge-width, 1px) solid ${cssVar.colorBorder};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translateX(100%);\n    }\n  `,\n\n  panelTop: css`\n    --drawer-cast-y: 1;\n\n    border-block-end: var(--drawer-edge-width, 1px) solid ${cssVar.colorBorder};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translateY(-100%);\n    }\n  `,\n\n  panelBottom: css`\n    --drawer-cast-y: -1;\n\n    border-block-start: var(--drawer-edge-width, 1px) solid ${cssVar.colorBorder};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translateY(100%);\n    }\n  `,\n\n  /* Only the edges facing content get rounded; the anchored edge stays flush with the viewport.\n     Kept apart from the direction classes so a flush panel can drop the radius by omitting the\n     class rather than by out-specifying it. */\n  panelRoundedLeft: css`\n    border-start-end-radius: 12px;\n    border-end-end-radius: 12px;\n  `,\n\n  panelRoundedRight: css`\n    border-start-start-radius: 12px;\n    border-end-start-radius: 12px;\n  `,\n\n  panelRoundedTop: css`\n    border-end-start-radius: 12px;\n    border-end-end-radius: 12px;\n  `,\n\n  panelRoundedBottom: css`\n    border-start-start-radius: 12px;\n    border-start-end-radius: 12px;\n  `,\n\n  /* Filling the viewport leaves nothing to cast onto or to divide from — the shadow and the edge\n     rule would only dirty the seam against the viewport. */\n  panelFlush: css`\n    --drawer-cast-alpha: 0;\n    --drawer-edge-width: 0;\n  `,\n\n  /* Without a backdrop the panel has to earn its separation from live content behind it. */\n  panelBoosted: css`\n    --drawer-cast-alpha: 1.75;\n  `,\n\n  /* A pushed ancestor has receded behind its child; stacking full-weight casts would silt up. */\n  panelRecessed: css`\n    --drawer-cast-alpha: 0.5;\n  `,\n\n  header: css`\n    display: flex;\n    flex: none;\n    gap: 8px;\n    align-items: center;\n    justify-content: space-between;\n\n    min-height: 56px;\n    padding-block: 12px;\n    padding-inline: 16px;\n    border-block-end: 1px solid ${cssVar.colorSplit};\n  `,\n\n  containerInner: css`\n    display: flex;\n    flex: 1;\n    gap: 8px;\n    align-items: center;\n    justify-content: space-between;\n\n    width: 100%;\n    margin-inline: auto;\n  `,\n\n  containerInnerFooter: css`\n    justify-content: flex-end;\n  `,\n\n  title: css`\n    margin: 0;\n\n    font-size: 17px;\n    font-weight: 600;\n    line-height: 1.4;\n    color: ${cssVar.colorText};\n    letter-spacing: -0.005em;\n  `,\n\n  extra: css`\n    display: flex;\n    flex: none;\n    gap: 4px;\n    align-items: center;\n\n    margin-inline-end: -4px;\n  `,\n\n  extraFloating: css`\n    position: absolute;\n    z-index: 1;\n    inset-block-start: 12px;\n    inset-inline-end: 12px;\n\n    margin-inline-end: 0;\n  `,\n\n  close: css`\n    cursor: pointer;\n\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: none;\n    border-radius: 8px;\n\n    color: ${cssVar.colorTextTertiary};\n\n    background: transparent;\n\n    transition:\n      color 160ms cubic-bezier(0.32, 0.72, 0, 1),\n      background 160ms cubic-bezier(0.32, 0.72, 0, 1),\n      transform 160ms cubic-bezier(0.32, 0.72, 0, 1);\n\n    /* Restores the 40px target the 32px visual box gives up, without nudging the header layout. */\n    &::after {\n      content: '';\n      position: absolute;\n      inset: -4px;\n    }\n\n    &:hover {\n      transform: scale(1.04);\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &:active {\n      transform: scale(0.96);\n    }\n\n    ${focusRing};\n  `,\n\n  content: css`\n    overflow: hidden auto;\n    display: flex;\n    flex: 1;\n    min-height: 0;\n  `,\n\n  bodyContent: css`\n    display: flex;\n    flex-direction: column;\n\n    width: 100%;\n    min-height: 100%;\n    margin-inline: auto;\n    padding-block: 12px;\n    padding-inline: 16px;\n  `,\n\n  contentSidebar: css`\n    overflow: hidden;\n  `,\n\n  bodyContentSidebar: css`\n    flex-direction: row;\n    height: 100%;\n    min-height: 0;\n    padding: 0;\n  `,\n\n  sidebar: css`\n    overflow: hidden auto;\n    flex: none;\n\n    padding-block: 12px;\n    padding-inline: 16px;\n    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    background: ${cssVar.colorBgLayout};\n  `,\n\n  sidebarContent: css`\n    overflow: hidden auto;\n    flex: 1;\n\n    min-width: 0;\n    padding-block: 12px;\n    padding-inline: 16px;\n  `,\n\n  footer: css`\n    display: flex;\n    flex: none;\n    gap: 8px;\n    align-items: center;\n    justify-content: flex-end;\n\n    padding-block: 12px;\n    padding-inline: 16px;\n    border-block-start: 1px solid ${cssVar.colorSplit};\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;;;;;kBAKG,OAAO,YAAY;;;;;;;;;CAUnC,OAAO,GAAG;;;;;;;;;;;;;CAcV,WAAW,GAAG;;;;CAKd,YAAY,GAAG;;;;CAKf,UAAU,GAAG;;;;CAKb,aAAa,GAAG;;;;CAKhB,OAAO,GAAG;;;;;;;;;;;;;;;;;;;kBAmBM,OAAO,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxC,WAAW,GAAG;;;6DAG6C,OAAO,YAAY;;;;;;;CAQ9E,YAAY,GAAG;;;+DAG8C,OAAO,YAAY;;;;;;;CAQhF,UAAU,GAAG;;;4DAG6C,OAAO,YAAY;;;;;;;CAQ7E,aAAa,GAAG;;;8DAG4C,OAAO,YAAY;;;;;;;CAW/E,kBAAkB,GAAG;;;;CAKrB,mBAAmB,GAAG;;;;CAKtB,iBAAiB,GAAG;;;;CAKpB,oBAAoB,GAAG;;;;CAOvB,YAAY,GAAG;;;;CAMf,cAAc,GAAG;;;CAKjB,eAAe,GAAG;;;CAIlB,QAAQ,GAAG;;;;;;;;;;kCAUqB,OAAO,WAAW;;CAGlD,gBAAgB,GAAG;;;;;;;;;;CAWnB,sBAAsB,GAAG;;;CAIzB,OAAO,GAAG;;;;;;aAMC,OAAO,UAAU;;;CAI5B,OAAO,GAAG;;;;;;;;CASV,eAAe,GAAG;;;;;;;;CASlB,OAAO,GAAG;;;;;;;;;;;;;;;aAeC,OAAO,kBAAkB;;;;;;;;;;;;;;;;;;eAkBvB,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;;;;;MAOxC,UAAU;;CAGd,SAAS,GAAG;;;;;;CAOZ,aAAa,GAAG;;;;;;;;;;CAWhB,gBAAgB,GAAG;;;CAInB,oBAAoB,GAAG;;;;;;CAOvB,SAAS,GAAG;;;;;;mCAMqB,OAAO,qBAAqB;;kBAE7C,OAAO,cAAc;;CAGrC,gBAAgB,GAAG;;;;;;;;CASnB,QAAQ,GAAG;;;;;;;;;oCASuB,OAAO,WAAW;;AAEtD,EAAE"}

package/es/base-ui/Drawer/type.d.mts

@@ -1,65 +0,0 @@
-import { CSSProperties, ReactNode } from "react";
-//#region src/base-ui/Drawer/type.d.ts
-type DrawerPlacement = 'bottom' | 'left' | 'right' | 'top';
-type DrawerPush = boolean | {
-  distance?: number;
-};
-interface DrawerSemanticNames {
-  backdrop?: string;
-  bodyContent?: string;
-  close?: string;
-  content?: string;
-  extra?: string;
-  footer?: string;
-  header?: string;
-  panel?: string;
-  popup?: string;
-  sidebar?: string;
-  sidebarContent?: string;
-  title?: string;
-}
-interface DrawerSemanticStyles {
-  backdrop?: CSSProperties;
-  bodyContent?: CSSProperties;
-  close?: CSSProperties;
-  content?: CSSProperties;
-  extra?: CSSProperties;
-  footer?: CSSProperties;
-  header?: CSSProperties;
-  panel?: CSSProperties;
-  popup?: CSSProperties;
-  sidebar?: CSSProperties;
-  sidebarContent?: CSSProperties;
-  title?: CSSProperties;
-}
-interface DrawerProps {
-  afterOpenChange?: (open: boolean) => void;
-  children?: ReactNode;
-  className?: string;
-  classNames?: DrawerSemanticNames;
-  closable?: boolean;
-  closeIcon?: ReactNode;
-  containerMaxWidth?: number | string;
-  extra?: ReactNode;
-  footer?: ReactNode;
-  getContainer?: HTMLElement | false | null;
-  height?: number | string;
-  keyboard?: boolean;
-  mask?: boolean;
-  maskClosable?: boolean;
-  noHeader?: boolean;
-  onClose?: () => void;
-  open?: boolean;
-  placement?: DrawerPlacement;
-  push?: DrawerPush;
-  sidebar?: ReactNode;
-  sidebarWidth?: number | string;
-  style?: CSSProperties;
-  styles?: DrawerSemanticStyles;
-  title?: ReactNode;
-  width?: number | string;
-  zIndex?: number;
-}
-//#endregion
-export { DrawerPlacement, DrawerProps, DrawerPush, DrawerSemanticNames, DrawerSemanticStyles };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/DropdownMenu/DropdownMenu.d.mts

@@ -1,6 +0,0 @@
-import { DropdownMenuProps } from "./type.mjs";
-//#region src/base-ui/DropdownMenu/DropdownMenu.d.ts
-declare const DropdownMenu: import("react").NamedExoticComponent<DropdownMenuProps<unknown>>;
-//#endregion
-export { DropdownMenu as default };
-//# sourceMappingURL=DropdownMenu.d.mts.map

package/es/base-ui/DropdownMenu/DropdownMenu.mjs

@@ -1,97 +0,0 @@
-"use client";
-import { useNativeButton } from "../../hooks/useNativeButton.mjs";
-import { styles } from "./sharedStyle.mjs";
-import { DropdownMenuFooter, DropdownMenuHeader, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuScrollViewport, DropdownMenuTrigger } from "./atoms.mjs";
-import { parseTrigger } from "../../utils/parseTrigger.mjs";
-import { renderDropdownMenuItems } from "./renderItems.mjs";
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { Menu } from "@base-ui/react/menu";
-//#region src/base-ui/DropdownMenu/DropdownMenu.tsx
-const DropdownMenu = memo(({ children, defaultOpen, footer, header, iconAlign, iconSpaceMode, items, listItemHeight, nativeButton, onOpenChange, onOpenChangeComplete, open, placement = "bottomLeft", popupProps, portalProps, positionerProps, trigger = "click", triggerProps, virtual, ...rest }) => {
-	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
-	const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);
-	const resolvedOpenOnHover = triggerProps?.openOnHover ?? openOnHover;
-	useEffect(() => {
-		if (open === void 0) return;
-		setUncontrolledOpen(open);
-	}, [open]);
-	const handleOpenChange = useCallback((nextOpen, details) => {
-		onOpenChange?.(nextOpen, details);
-		if (open === void 0) setUncontrolledOpen(nextOpen);
-	}, [onOpenChange, open]);
-	const menuItemsRef = useRef(null);
-	const isOpen = open ?? uncontrolledOpen;
-	const menuItems = useMemo(() => {
-		if (isOpen) {
-			const resolvedItems = typeof items === "function" ? items() : items;
-			const renderedItems = renderDropdownMenuItems(resolvedItems, [], {
-				iconAlign,
-				iconSpaceMode
-			});
-			menuItemsRef.current = renderedItems;
-			return renderedItems;
-		}
-		return menuItemsRef.current;
-	}, [
-		isOpen,
-		items,
-		iconAlign,
-		iconSpaceMode
-	]);
-	const handleOpenChangeComplete = useCallback((nextOpen) => {
-		onOpenChangeComplete?.(nextOpen);
-		if (!nextOpen) menuItemsRef.current = null;
-	}, [onOpenChangeComplete]);
-	const { container: portalContainer, ...restPortalProps } = portalProps ?? {};
-	const { resolvedNativeButton } = useNativeButton({
-		children,
-		nativeButton,
-		triggerNativeButton: triggerProps?.nativeButton
-	});
-	const hasSlots = header != null || footer != null;
-	const triggerElement = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		...triggerProps,
-		nativeButton: resolvedNativeButton,
-		openOnHover: resolvedOpenOnHover,
-		children
-	});
-	return /* @__PURE__ */ jsxs(Menu.Root, {
-		...rest,
-		defaultOpen,
-		modal: false,
-		open,
-		onOpenChange: handleOpenChange,
-		onOpenChangeComplete: handleOpenChangeComplete,
-		children: [triggerElement, /* @__PURE__ */ jsx(DropdownMenuPortal, {
-			container: portalContainer,
-			...restPortalProps,
-			children: /* @__PURE__ */ jsx(DropdownMenuPositioner, {
-				...positionerProps,
-				hoverTrigger: resolvedOpenOnHover,
-				placement,
-				children: /* @__PURE__ */ jsxs(DropdownMenuPopup, {
-					...popupProps,
-					"data-has-footer": footer == null ? void 0 : "",
-					"data-has-header": header == null ? void 0 : "",
-					className: hasSlots ? cx(styles.popupWithSlots, popupProps?.className) : popupProps?.className,
-					children: [
-						header == null ? null : /* @__PURE__ */ jsx(DropdownMenuHeader, { children: header }),
-						hasSlots || virtual ? /* @__PURE__ */ jsx(DropdownMenuScrollViewport, {
-							listItemHeight,
-							virtual,
-							children: menuItems
-						}) : menuItems,
-						footer == null ? null : /* @__PURE__ */ jsx(DropdownMenuFooter, { children: footer })
-					]
-				})
-			})
-		})]
-	});
-});
-DropdownMenu.displayName = "DropdownMenuV2";
-//#endregion
-export { DropdownMenu as default };
-
-//# sourceMappingURL=DropdownMenu.mjs.map

package/es/base-ui/DropdownMenu/DropdownMenu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.mjs","names":[],"sources":["../../../src/base-ui/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\n\nimport { Menu } from '@base-ui/react/menu';\nimport { cx } from 'antd-style';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { parseTrigger } from '@/utils/parseTrigger';\n\nimport {\n  DropdownMenuFooter,\n  DropdownMenuHeader,\n  DropdownMenuPopup,\n  DropdownMenuPortal,\n  DropdownMenuPositioner,\n  DropdownMenuScrollViewport,\n  DropdownMenuTrigger,\n} from './atoms';\nimport { renderDropdownMenuItems } from './renderItems';\nimport { styles } from './sharedStyle';\nimport type { DropdownMenuProps } from './type';\n\nconst DropdownMenu = memo<DropdownMenuProps>(\n  ({\n    children,\n    defaultOpen,\n    footer,\n    header,\n    iconAlign,\n    iconSpaceMode,\n    items,\n    listItemHeight,\n    nativeButton,\n    onOpenChange,\n    onOpenChangeComplete,\n    open,\n    placement = 'bottomLeft',\n    popupProps,\n    portalProps,\n    positionerProps,\n    trigger = 'click',\n    triggerProps,\n    virtual,\n    ...rest\n  }) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n\n    const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);\n    const resolvedOpenOnHover = (triggerProps as any)?.openOnHover ?? openOnHover;\n\n    useEffect(() => {\n      if (open === undefined) return;\n      setUncontrolledOpen(open);\n    }, [open]);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, details: Parameters<NonNullable<typeof onOpenChange>>[1]) => {\n        onOpenChange?.(nextOpen, details);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [onOpenChange, open],\n    );\n\n    const menuItemsRef = useRef<ReturnType<typeof renderDropdownMenuItems> | null>(null);\n    const isOpen = open ?? uncontrolledOpen;\n    const menuItems = useMemo(() => {\n      if (isOpen) {\n        const resolvedItems = typeof items === 'function' ? items() : items;\n        const renderedItems = renderDropdownMenuItems(resolvedItems, [], {\n          iconAlign,\n          iconSpaceMode,\n        });\n        menuItemsRef.current = renderedItems;\n        return renderedItems;\n      }\n      return menuItemsRef.current;\n    }, [isOpen, items, iconAlign, iconSpaceMode]);\n    const handleOpenChangeComplete = useCallback(\n      (nextOpen: boolean) => {\n        onOpenChangeComplete?.(nextOpen);\n        if (!nextOpen) {\n          menuItemsRef.current = null;\n        }\n      },\n      [onOpenChangeComplete],\n    );\n    const { container: portalContainer, ...restPortalProps } = (portalProps ?? {}) as any;\n\n    const { resolvedNativeButton } = useNativeButton({\n      children,\n      nativeButton,\n      triggerNativeButton: triggerProps?.nativeButton,\n    });\n\n    const hasSlots = header != null || footer != null;\n\n    const triggerElement = (\n      <DropdownMenuTrigger\n        {...triggerProps}\n        nativeButton={resolvedNativeButton}\n        openOnHover={resolvedOpenOnHover}\n      >\n        {children}\n      </DropdownMenuTrigger>\n    );\n\n    return (\n      <Menu.Root\n        {...rest}\n        defaultOpen={defaultOpen}\n        modal={false}\n        open={open}\n        onOpenChange={handleOpenChange}\n        onOpenChangeComplete={handleOpenChangeComplete}\n      >\n        {triggerElement}\n        <DropdownMenuPortal container={portalContainer} {...restPortalProps}>\n          <DropdownMenuPositioner\n            {...positionerProps}\n            hoverTrigger={resolvedOpenOnHover}\n            placement={placement}\n          >\n            <DropdownMenuPopup\n              {...popupProps}\n              data-has-footer={footer == null ? undefined : ''}\n              data-has-header={header == null ? undefined : ''}\n              className={\n                hasSlots\n                  ? (cx(styles.popupWithSlots, popupProps?.className as string) as any)\n                  : popupProps?.className\n              }\n            >\n              {header == null ? null : <DropdownMenuHeader>{header}</DropdownMenuHeader>}\n              {hasSlots || virtual ? (\n                <DropdownMenuScrollViewport listItemHeight={listItemHeight} virtual={virtual}>\n                  {menuItems}\n                </DropdownMenuScrollViewport>\n              ) : (\n                menuItems\n              )}\n              {footer == null ? null : <DropdownMenuFooter>{footer}</DropdownMenuFooter>}\n            </DropdownMenuPopup>\n          </DropdownMenuPositioner>\n        </DropdownMenuPortal>\n      </Menu.Root>\n    );\n  },\n);\n\nDropdownMenu.displayName = 'DropdownMenuV2';\n\nexport default DropdownMenu;\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,eAAe,MAClB,EACC,UACA,aACA,QACA,QACA,WACA,eACA,OACA,gBACA,cACA,cACA,sBACA,MACA,YAAY,cACZ,YACA,aACA,iBACA,UAAU,SACV,cACA,SACA,GAAG,WACC;CACJ,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,WAAW,CAAC;CAE7E,MAAM,EAAE,gBAAgB,cAAc,aAAa,OAAO,GAAG,CAAC,OAAO,CAAC;CACtE,MAAM,sBAAuB,cAAsB,eAAe;CAElE,gBAAgB;EACd,IAAI,SAAS,KAAA,GAAW;EACxB,oBAAoB,IAAI;CAC1B,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,mBAAmB,aACtB,UAAmB,YAA6D;EAC/E,eAAe,UAAU,OAAO;EAChC,IAAI,SAAS,KAAA,GACX,oBAAoB,QAAQ;CAEhC,GACA,CAAC,cAAc,IAAI,CACrB;CAEA,MAAM,eAAe,OAA0D,IAAI;CACnF,MAAM,SAAS,QAAQ;CACvB,MAAM,YAAY,cAAc;EAC9B,IAAI,QAAQ;GACV,MAAM,gBAAgB,OAAO,UAAU,aAAa,MAAM,IAAI;GAC9D,MAAM,gBAAgB,wBAAwB,eAAe,CAAC,GAAG;IAC/D;IACA;GACF,CAAC;GACD,aAAa,UAAU;GACvB,OAAO;EACT;EACA,OAAO,aAAa;CACtB,GAAG;EAAC;EAAQ;EAAO;EAAW;CAAa,CAAC;CAC5C,MAAM,2BAA2B,aAC9B,aAAsB;EACrB,uBAAuB,QAAQ;EAC/B,IAAI,CAAC,UACH,aAAa,UAAU;CAE3B,GACA,CAAC,oBAAoB,CACvB;CACA,MAAM,EAAE,WAAW,iBAAiB,GAAG,oBAAqB,eAAe,CAAC;CAE5E,MAAM,EAAE,yBAAyB,gBAAgB;EAC/C;EACA;EACA,qBAAqB,cAAc;CACrC,CAAC;CAED,MAAM,WAAW,UAAU,QAAQ,UAAU;CAE7C,MAAM,iBACJ,oBAAC,qBAAD;EACE,GAAI;EACJ,cAAc;EACd,aAAa;EAEZ;CACkB,CAAA;CAGvB,OACE,qBAAC,KAAK,MAAN;EACE,GAAI;EACS;EACb,OAAO;EACD;EACN,cAAc;EACd,sBAAsB;EANxB,UAAA,CAQG,gBACD,oBAAC,oBAAD;GAAoB,WAAW;GAAiB,GAAI;GAClD,UAAA,oBAAC,wBAAD;IACE,GAAI;IACJ,cAAc;IACH;IAEX,UAAA,qBAAC,mBAAD;KACE,GAAI;KACJ,mBAAiB,UAAU,OAAO,KAAA,IAAY;KAC9C,mBAAiB,UAAU,OAAO,KAAA,IAAY;KAC9C,WACE,WACK,GAAG,OAAO,gBAAgB,YAAY,SAAmB,IAC1D,YAAY;KAPpB,UAAA;MAUG,UAAU,OAAO,OAAO,oBAAC,oBAAD,EAAA,UAAqB,OAA2B,CAAA;MACxE,YAAY,UACX,oBAAC,4BAAD;OAA4C;OAAyB;OAClE,UAAA;MACyB,CAAA,IAE5B;MAED,UAAU,OAAO,OAAO,oBAAC,oBAAD,EAAA,UAAqB,OAA2B,CAAA;KACxD;;GACG,CAAA;EACN,CAAA,CACX;;AAEf,CACF;AAEA,aAAa,cAAc"}

package/es/base-ui/DropdownMenu/atoms.d.mts

@@ -1,135 +0,0 @@
-import { VirtualListProps } from "../virtual/type.mjs";
-import "../virtual/index.mjs";
-import { DropdownMenuPlacement } from "./type.mjs";
-import React from "react";
-import { Menu } from "@base-ui/react/menu";
-//#region src/base-ui/DropdownMenu/atoms.d.ts
-declare const DropdownMenuRoot: typeof Menu.Root;
-declare const DropdownMenuSubmenuRoot: typeof Menu.SubmenuRoot;
-declare const DropdownMenuCheckboxItemIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-type DropdownMenuTriggerProps = Omit<React.ComponentPropsWithRef<typeof Menu.Trigger>, 'children' | 'render'> & {
-  children: React.ReactNode;
-};
-declare const DropdownMenuTrigger: {
-  ({ children, className, nativeButton, ref: refProp, ...rest }: DropdownMenuTriggerProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {
-  /**
-   * When `container` is not provided, it uses a shared container created by `usePortalContainer`.
-   */
-  container?: HTMLElement | null;
-};
-declare const DropdownMenuPortal: {
-  ({ container, ...rest }: DropdownMenuPortalProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {
-  hoverTrigger?: boolean;
-  placement?: DropdownMenuPlacement;
-};
-declare const DropdownMenuPositioner: {
-  ({ className, collisionPadding, placement, hoverTrigger, align, side, sideOffset, children, style, ...rest }: DropdownMenuPositionerProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
-declare const DropdownMenuPopup: {
-  ({ className, ...rest }: DropdownMenuPopupProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-declare const DropdownMenuHeader: {
-  ({ className, ...rest }: DropdownMenuHeaderProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuFooterProps = React.HTMLAttributes<HTMLDivElement>;
-declare const DropdownMenuFooter: {
-  ({ className, ...rest }: DropdownMenuFooterProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuScrollViewportProps = React.HTMLAttributes<HTMLDivElement> & VirtualListProps;
-declare const DropdownMenuScrollViewport: {
-  ({ children, className, getItemLabel, keepMounted, listItemHeight, virtual, ...rest }: DropdownMenuScrollViewportProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & {
-  danger?: boolean;
-};
-declare const DropdownMenuItem: {
-  ({ className, danger, ...rest }: DropdownMenuItemProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {
-  danger?: boolean;
-};
-declare const DropdownMenuCheckboxItemPrimitive: {
-  ({ className, danger, ...rest }: DropdownMenuCheckboxItemProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
-declare const DropdownMenuSeparator: {
-  ({ className, ...rest }: DropdownMenuSeparatorProps): React.JSX.Element;
-  displayName: string;
-};
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type DropdownMenuGroupLabelProps = React.ComponentProps<typeof Menu.GroupLabel>;
-declare const DropdownMenuGroupLabel: {
-  ({ className, ...rest }: DropdownMenuGroupLabelProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {
-  danger?: boolean;
-};
-declare const DropdownMenuSubmenuTrigger: {
-  ({ className, danger, ...rest }: DropdownMenuSubmenuTriggerProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare const DropdownMenuItemContent: {
-  ({ className, ...rest }: DropdownMenuItemContentProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
-declare const DropdownMenuItemIcon: {
-  ({ className, ...rest }: DropdownMenuItemIconProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuItemLabelGroupProps = React.HTMLAttributes<HTMLDivElement>;
-declare const DropdownMenuItemLabelGroup: {
-  ({ className, ...rest }: DropdownMenuItemLabelGroupProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
-declare const DropdownMenuItemLabel: {
-  ({ className, ...rest }: DropdownMenuItemLabelProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuItemDescProps = React.HTMLAttributes<HTMLSpanElement>;
-declare const DropdownMenuItemDesc: {
-  ({ className, ...rest }: DropdownMenuItemDescProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
-declare const DropdownMenuItemExtra: {
-  ({ className, ...rest }: DropdownMenuItemExtraProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;
-declare const DropdownMenuSubmenuArrow: {
-  ({ className, ...rest }: DropdownMenuSubmenuArrowProps): React.JSX.Element;
-  displayName: string;
-};
-type DropdownMenuSwitchItemProps = Omit<React.ComponentProps<typeof Menu.Item>, 'onClick'> & {
-  checked?: boolean;
-  closeOnClick?: boolean;
-  danger?: boolean;
-  defaultChecked?: boolean;
-  onCheckedChange?: (checked: boolean) => void;
-};
-declare const DropdownMenuSwitchItem: {
-  ({ checked: checkedProp, className, closeOnClick, danger, defaultChecked, disabled, onCheckedChange, children, ...rest }: DropdownMenuSwitchItemProps): React.JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuCheckboxItemProps, DropdownMenuFooter, DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuGroupLabelProps, DropdownMenuHeader, DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemContentProps, DropdownMenuItemDesc, DropdownMenuItemDescProps, DropdownMenuItemExtra, DropdownMenuItemExtraProps, DropdownMenuItemIcon, DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuItemLabelGroupProps, DropdownMenuItemLabelProps, DropdownMenuItemProps, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuScrollViewportProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem, DropdownMenuSwitchItemProps, DropdownMenuTrigger, DropdownMenuTriggerProps };
-//# sourceMappingURL=atoms.d.mts.map