@jinmi/ui 0.0.0-stage → 6.0.1

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

@@ -0,0 +1,315 @@
+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

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

@@ -0,0 +1,65 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,97 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.mjs","names":[],"sources":["../../../src/base-ui/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Menu } from '@base-ui/react/menu';\r\nimport { cx } from 'antd-style';\r\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\n\r\nimport { useNativeButton } from '@/hooks/useNativeButton';\r\nimport { parseTrigger } from '@/utils/parseTrigger';\r\n\r\nimport {\r\n  DropdownMenuFooter,\r\n  DropdownMenuHeader,\r\n  DropdownMenuPopup,\r\n  DropdownMenuPortal,\r\n  DropdownMenuPositioner,\r\n  DropdownMenuScrollViewport,\r\n  DropdownMenuTrigger,\r\n} from './atoms';\r\nimport { renderDropdownMenuItems } from './renderItems';\r\nimport { styles } from './sharedStyle';\r\nimport type { DropdownMenuProps } from './type';\r\n\r\nconst DropdownMenu = memo<DropdownMenuProps>(\r\n  ({\r\n    children,\r\n    defaultOpen,\r\n    footer,\r\n    header,\r\n    iconAlign,\r\n    iconSpaceMode,\r\n    items,\r\n    listItemHeight,\r\n    nativeButton,\r\n    onOpenChange,\r\n    onOpenChangeComplete,\r\n    open,\r\n    placement = 'bottomLeft',\r\n    popupProps,\r\n    portalProps,\r\n    positionerProps,\r\n    trigger = 'click',\r\n    triggerProps,\r\n    virtual,\r\n    ...rest\r\n  }) => {\r\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\r\n\r\n    const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);\r\n    const resolvedOpenOnHover = (triggerProps as any)?.openOnHover ?? openOnHover;\r\n\r\n    useEffect(() => {\r\n      if (open === undefined) return;\r\n      setUncontrolledOpen(open);\r\n    }, [open]);\r\n\r\n    const handleOpenChange = useCallback(\r\n      (nextOpen: boolean, details: Parameters<NonNullable<typeof onOpenChange>>[1]) => {\r\n        onOpenChange?.(nextOpen, details);\r\n        if (open === undefined) {\r\n          setUncontrolledOpen(nextOpen);\r\n        }\r\n      },\r\n      [onOpenChange, open],\r\n    );\r\n\r\n    const menuItemsRef = useRef<ReturnType<typeof renderDropdownMenuItems> | null>(null);\r\n    const isOpen = open ?? uncontrolledOpen;\r\n    const menuItems = useMemo(() => {\r\n      if (isOpen) {\r\n        const resolvedItems = typeof items === 'function' ? items() : items;\r\n        const renderedItems = renderDropdownMenuItems(resolvedItems, [], {\r\n          iconAlign,\r\n          iconSpaceMode,\r\n        });\r\n        menuItemsRef.current = renderedItems;\r\n        return renderedItems;\r\n      }\r\n      return menuItemsRef.current;\r\n    }, [isOpen, items, iconAlign, iconSpaceMode]);\r\n    const handleOpenChangeComplete = useCallback(\r\n      (nextOpen: boolean) => {\r\n        onOpenChangeComplete?.(nextOpen);\r\n        if (!nextOpen) {\r\n          menuItemsRef.current = null;\r\n        }\r\n      },\r\n      [onOpenChangeComplete],\r\n    );\r\n    const { container: portalContainer, ...restPortalProps } = (portalProps ?? {}) as any;\r\n\r\n    const { resolvedNativeButton } = useNativeButton({\r\n      children,\r\n      nativeButton,\r\n      triggerNativeButton: triggerProps?.nativeButton,\r\n    });\r\n\r\n    const hasSlots = header != null || footer != null;\r\n\r\n    const triggerElement = (\r\n      <DropdownMenuTrigger\r\n        {...triggerProps}\r\n        nativeButton={resolvedNativeButton}\r\n        openOnHover={resolvedOpenOnHover}\r\n      >\r\n        {children}\r\n      </DropdownMenuTrigger>\r\n    );\r\n\r\n    return (\r\n      <Menu.Root\r\n        {...rest}\r\n        defaultOpen={defaultOpen}\r\n        modal={false}\r\n        open={open}\r\n        onOpenChange={handleOpenChange}\r\n        onOpenChangeComplete={handleOpenChangeComplete}\r\n      >\r\n        {triggerElement}\r\n        <DropdownMenuPortal container={portalContainer} {...restPortalProps}>\r\n          <DropdownMenuPositioner\r\n            {...positionerProps}\r\n            hoverTrigger={resolvedOpenOnHover}\r\n            placement={placement}\r\n          >\r\n            <DropdownMenuPopup\r\n              {...popupProps}\r\n              data-has-footer={footer == null ? undefined : ''}\r\n              data-has-header={header == null ? undefined : ''}\r\n              className={\r\n                hasSlots\r\n                  ? (cx(styles.popupWithSlots, popupProps?.className as string) as any)\r\n                  : popupProps?.className\r\n              }\r\n            >\r\n              {header == null ? null : <DropdownMenuHeader>{header}</DropdownMenuHeader>}\r\n              {hasSlots || virtual ? (\r\n                <DropdownMenuScrollViewport listItemHeight={listItemHeight} virtual={virtual}>\r\n                  {menuItems}\r\n                </DropdownMenuScrollViewport>\r\n              ) : (\r\n                menuItems\r\n              )}\r\n              {footer == null ? null : <DropdownMenuFooter>{footer}</DropdownMenuFooter>}\r\n            </DropdownMenuPopup>\r\n          </DropdownMenuPositioner>\r\n        </DropdownMenuPortal>\r\n      </Menu.Root>\r\n    );\r\n  },\r\n);\r\n\r\nDropdownMenu.displayName = 'DropdownMenuV2';\r\n\r\nexport default DropdownMenu;\r\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

@@ -0,0 +1,135 @@
+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