@jinmi/ui 6.0.2 → 6.1.0

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

@@ -5,7 +5,6 @@ import "../../Text/index.mjs";
 import { CSSProperties, ComponentProps, ReactNode } from "react";
 import { Checkbox } from "@base-ui/react/checkbox";
 import { CheckboxGroup } from "@base-ui/react/checkbox-group";
-//#region src/base-ui/Checkbox/type.d.ts
 type CheckboxShape = 'square' | 'circle';
 type BaseCheckboxProps = Omit<ComponentProps<typeof Checkbox.Root>, 'className' | 'style' | 'render' | 'children' | 'onCheckedChange'>;
 interface CheckboxProps extends BaseCheckboxProps {
@@ -47,6 +46,5 @@ interface CheckboxGroupProps extends BaseCheckboxGroupProps, Pick<FlexboxProps,
   style?: CSSProperties;
   textProps?: CheckboxProps['textProps'];
 }
-//#endregion
 export { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, CheckboxShape };
 //# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,19 @@
+import { ReactNode } from "react";
+interface ChipItem {
+  key: string;
+  label: ReactNode;
+}
+interface ChipListProps {
+  /** Rendered after the chips (an inline "add" input). */
+  after?: ReactNode;
+  className?: string;
+  items: ChipItem[];
+  /** Shows a × on each chip. */
+  onRemove?: (key: string) => void;
+  /** Accessible name of the × buttons. Defaults to "Remove". */
+  removeLabel?: string;
+}
+/** Rounded grey chips (opening questions, tags), optionally removable. */
+declare const ChipList: import("react").NamedExoticComponent<ChipListProps>;
+export { ChipItem, ChipListProps, ChipList as default };
+//# sourceMappingURL=ChipList.d.mts.map

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

@@ -0,0 +1,84 @@
+"use client";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cssVar, cx } from "antd-style";
+import { X } from "lucide-react";
+// src/base-ui/ChipList/ChipList.tsx
+const styles = createStaticStyles(({ css }) => ({
+	chip: css`
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+
+    max-width: 100%;
+    height: 32px;
+    padding-block: 0;
+    padding-inline: 12px;
+    border-radius: 999px;
+
+    font-size: 13px;
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorFillTertiary};
+
+    &[data-removable='true'] {
+      padding-inline-end: 6px;
+    }
+  `,
+	label: css`
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	list: css`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    align-items: center;
+  `,
+	remove: css`
+    cursor: pointer;
+
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    border: 0;
+    border-radius: 999px;
+
+    color: ${cssVar.colorTextTertiary};
+
+    background: transparent;
+
+    &:hover {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillSecondary};
+    }
+  `
+}));
+/** Rounded grey chips (opening questions, tags), optionally removable. */
+const ChipList = memo(({ after, className, items, onRemove, removeLabel = "Remove" }) => /* @__PURE__ */ jsxs("div", {
+	className: cx(styles.list, className),
+	children: [items.map((item) => /* @__PURE__ */ jsxs("span", {
+		className: styles.chip,
+		"data-removable": !!onRemove,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: styles.label,
+			children: item.label
+		}), onRemove && /* @__PURE__ */ jsx("button", {
+			"aria-label": removeLabel,
+			className: styles.remove,
+			type: "button",
+			onClick: () => onRemove(item.key),
+			children: /* @__PURE__ */ jsx(X, { size: 12 })
+		})]
+	}, item.key)), after]
+}));
+ChipList.displayName = "ChipList";
+export { ChipList as default };
+
+//# sourceMappingURL=ChipList.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipList.mjs","names":[],"sources":["../../../src/base-ui/ChipList/ChipList.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cssVar, cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { memo, type ReactNode } from 'react';\n\nconst styles = createStaticStyles(({ css }) => ({\n  chip: css`\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n\n    max-width: 100%;\n    height: 32px;\n    padding-block: 0;\n    padding-inline: 12px;\n    border-radius: 999px;\n\n    font-size: 13px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorFillTertiary};\n\n    &[data-removable='true'] {\n      padding-inline-end: 6px;\n    }\n  `,\n  label: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  list: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  `,\n  remove: css`\n    cursor: pointer;\n\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    border: 0;\n    border-radius: 999px;\n\n    color: ${cssVar.colorTextTertiary};\n\n    background: transparent;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n}));\n\nexport interface ChipItem {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface ChipListProps {\n  /** Rendered after the chips (an inline \"add\" input). */\n  after?: ReactNode;\n  className?: string;\n  items: ChipItem[];\n  /** Shows a × on each chip. */\n  onRemove?: (key: string) => void;\n  /** Accessible name of the × buttons. Defaults to \"Remove\". */\n  removeLabel?: string;\n}\n\n/** Rounded grey chips (opening questions, tags), optionally removable. */\nconst ChipList = memo<ChipListProps>(\n  ({ after, className, items, onRemove, removeLabel = 'Remove' }) => (\n    <div className={cx(styles.list, className)}>\n      {items.map((item) => (\n        <span className={styles.chip} data-removable={!!onRemove} key={item.key}>\n          <span className={styles.label}>{item.label}</span>\n          {onRemove && (\n            <button\n              aria-label={removeLabel}\n              className={styles.remove}\n              type={'button'}\n              onClick={() => onRemove(item.key)}\n            >\n              <X size={12} />\n            </button>\n          )}\n        </span>\n      ))}\n      {after}\n    </div>\n  ),\n);\n\nChipList.displayName = 'ChipList';\n\nexport default ChipList;\n"],"mappings":";;;;;;AAMA,MAAM,SAAS,oBAAoB,EAAE,WAAW;CAC9C,MAAM,GAAG;;;;;;;;;;;;aAYE,OAAO,UAAU;;kBAEZ,OAAO,kBAAkB;;;;;;CAMzC,OAAO,GAAG;;;;;CAKV,MAAM,GAAG;;;;;;CAMT,QAAQ,GAAG;;;;;;;;;;;;;;aAcA,OAAO,kBAAkB;;;;;eAKvB,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;AAG9C,EAAE;;AAmBF,MAAM,WAAW,MACd,EAAE,OAAO,WAAW,OAAO,UAAU,cAAc,eAClD,qBAAC,OAAD;CAAK,WAAW,GAAG,OAAO,MAAM,SAAS;CAAzC,UAAA,CACG,MAAM,KAAK,SACV,qBAAC,QAAD;EAAM,WAAW,OAAO;EAAM,kBAAgB,CAAC,CAAC;EAAhD,UAAA,CACE,oBAAC,QAAD;GAAM,WAAW,OAAO;GAAQ,UAAA,KAAK;EAAY,CAAA,GAChD,YACC,oBAAC,UAAD;GACE,cAAY;GACZ,WAAW,OAAO;GAClB,MAAM;GACN,eAAe,SAAS,KAAK,GAAG;GAEhC,UAAA,oBAAC,GAAD,EAAG,MAAM,GAAK,CAAA;EACR,CAAA,CAEN;CAZyD,GAAA,KAAK,GAY9D,CACP,GACA,KACE;AAET,CAAA,CAAA;AAEA,SAAS,cAAc"}

package/es/base-ui/ChipList/index.d.mts

@@ -0,0 +1,2 @@
+import ChipList, { ChipItem, ChipListProps } from "./ChipList.mjs";
+export { type ChipItem, type ChipListProps, ChipList as default };

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

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

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

@@ -4,7 +4,7 @@ import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/base-ui/Collapsible/Collapsible.tsx
+// src/base-ui/Collapsible/Collapsible.tsx
 const Collapsible$1 = memo(({ open, keepMounted, children, className, contentClassName, contentStyle, style }) => /* @__PURE__ */ jsx(Collapsible.Root, {
 	open,
 	children: /* @__PURE__ */ jsx(Collapsible.Panel, {
@@ -19,7 +19,6 @@ const Collapsible$1 = memo(({ open, keepMounted, children, className, contentCla
 	})
 }));
 Collapsible$1.displayName = "Collapsible";
-//#endregion
 export { Collapsible$1 as default };
 
 //# sourceMappingURL=Collapsible.mjs.map

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

@@ -1,5 +1,4 @@
 import { CSSProperties, ReactNode } from "react";
-//#region src/base-ui/Collapsible/type.d.ts
 interface CollapsibleProps {
   children?: ReactNode;
   className?: string;
@@ -9,6 +8,5 @@ interface CollapsibleProps {
   open: boolean;
   style?: CSSProperties;
 }
-//#endregion
 export { CollapsibleProps };
 //# sourceMappingURL=type.d.mts.map

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

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

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

@@ -16,7 +16,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useThemeMode } from "antd-style";
 import useMergeState from "use-merge-value";
 import { Pipette } from "lucide-react";
-//#region src/base-ui/ColorPicker/ColorPicker.tsx
+// src/base-ui/ColorPicker/ColorPicker.tsx
 const DEFAULT_COLOR = "#000000";
 const hasEyeDropper = () => typeof window !== "undefined" && "EyeDropper" in window;
 const ColorPicker = memo(({ alpha = false, children, className, defaultValue = DEFAULT_COLOR, disabled, onChange, onChangeComplete, presets, showText, size = "middle", style, value }) => {
@@ -221,7 +221,6 @@ const ColorPicker = memo(({ alpha = false, children, className, defaultValue = D
 	}) })] });
 });
 ColorPicker.displayName = "ColorPicker";
-//#endregion
 export { ColorPicker as default };
 
 //# sourceMappingURL=ColorPicker.mjs.map

package/es/base-ui/ColorPicker/SaturationArea.mjs

@@ -2,7 +2,7 @@
 import { styles } from "./style.mjs";
 import { memo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/base-ui/ColorPicker/SaturationArea.tsx
+// src/base-ui/ColorPicker/SaturationArea.tsx
 const clamp = (n) => Math.min(1, Math.max(0, Math.round(n * 100) / 100));
 const SaturationArea = memo(({ hue, label, onChange, onChangeComplete, saturation, value }) => {
 	const areaRef = useRef(null);
@@ -58,7 +58,6 @@ const SaturationArea = memo(({ hue, label, onChange, onChangeComplete, saturatio
 	});
 });
 SaturationArea.displayName = "ColorPickerSaturationArea";
-//#endregion
 export { SaturationArea as default };
 
 //# sourceMappingURL=SaturationArea.mjs.map

package/es/base-ui/ColorPicker/color.mjs

@@ -1,5 +1,5 @@
 import chroma from "chroma-js";
-//#region src/base-ui/ColorPicker/color.ts
+// src/base-ui/ColorPicker/color.ts
 const parseColor = (value, fallbackHue = 0) => {
 	if (!value || !chroma.valid(value)) return {
 		a: 1,
@@ -22,7 +22,6 @@ const normalizeHexInput = (input) => {
 	if (!/^([\da-f]{3}|[\da-f]{6}|[\da-f]{8})$/i.test(raw)) return null;
 	return `#${raw.toLowerCase()}`;
 };
-//#endregion
 export { formatColor, normalizeHexInput, parseColor };
 
 //# sourceMappingURL=color.mjs.map

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

@@ -1,6 +1,6 @@
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/ColorPicker/style.ts
+// src/base-ui/ColorPicker/style.ts
 const checker = (color) => `
   background-image:
     linear-gradient(45deg, ${color} 25%, transparent 25%, transparent 75%, ${color} 75%),
@@ -174,7 +174,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     line-height: 1.2;
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,6 +1,5 @@
 import { InputSize } from "../Input/type.mjs";
 import { CSSProperties, ReactElement } from "react";
-//#region src/base-ui/ColorPicker/type.d.ts
 interface ColorPickerProps {
   alpha?: boolean;
   children?: ReactElement;
@@ -15,6 +14,5 @@ interface ColorPickerProps {
   style?: CSSProperties;
   value?: string;
 }
-//#endregion
 export { ColorPickerProps };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/ContextMenu/ContextMenuHost.d.mts

@@ -1,5 +1,3 @@
-//#region src/base-ui/ContextMenu/ContextMenuHost.d.ts
 declare const ContextMenuHost: import("react").MemoExoticComponent<() => import("react").JSX.Element | null>;
-//#endregion
 export { ContextMenuHost };
 //# sourceMappingURL=ContextMenuHost.d.mts.map

package/es/base-ui/ContextMenu/ContextMenuHost.mjs

@@ -13,7 +13,7 @@ import { memo, useEffect, useMemo, useSyncExternalStore } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { ContextMenu } from "@base-ui/react/context-menu";
-//#region src/base-ui/ContextMenu/ContextMenuHost.tsx
+// src/base-ui/ContextMenu/ContextMenuHost.tsx
 const noAnimationStyles = { "--jinmi-dropdown-animation-duration": "0ms" };
 const ContextMenuHost = memo(() => {
 	const isClient = useIsClient();
@@ -94,7 +94,6 @@ const ContextMenuHost = memo(() => {
 	});
 });
 ContextMenuHost.displayName = "ContextMenuHost";
-//#endregion
 export { ContextMenuHost };
 
 //# sourceMappingURL=ContextMenuHost.mjs.map

package/es/base-ui/ContextMenu/ContextMenuTrigger.d.mts

@@ -2,7 +2,6 @@ import { VirtualListProps } from "../virtual/type.mjs";
 import "../virtual/index.mjs";
 import { ContextMenuItem } from "./type.mjs";
 import React, { HTMLAttributes, MouseEvent, ReactNode } from "react";
-//#region src/base-ui/ContextMenu/ContextMenuTrigger.d.ts
 type ContextMenuTriggerProps = Pick<VirtualListProps, 'virtual' | 'listItemHeight'> & {
   children: ReactNode;
   /**
@@ -24,6 +23,5 @@ type ContextMenuTriggerProps = Pick<VirtualListProps, 'virtual' | 'listItemHeigh
   onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
 } & Omit<HTMLAttributes<HTMLElement>, 'onContextMenu' | 'children'>;
 declare const ContextMenuTrigger: React.NamedExoticComponent<ContextMenuTriggerProps>;
-//#endregion
 export { ContextMenuTrigger, ContextMenuTriggerProps };
 //# sourceMappingURL=ContextMenuTrigger.d.mts.map

package/es/base-ui/ContextMenu/ContextMenuTrigger.mjs

@@ -5,7 +5,7 @@ import React, { cloneElement, isValidElement, memo, useCallback, useId, useSyncE
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import clsx from "clsx";
-//#region src/base-ui/ContextMenu/ContextMenuTrigger.tsx
+// src/base-ui/ContextMenu/ContextMenuTrigger.tsx
 const styles = { trigger: { display: "contents" } };
 const ContextMenuTrigger = memo(({ children, footer, header, items, listItemHeight, onContextMenu, virtual, ...rest }) => {
 	const triggerId = useId();
@@ -48,7 +48,6 @@ const ContextMenuTrigger = memo(({ children, footer, header, items, listItemHeig
 	});
 });
 ContextMenuTrigger.displayName = "ContextMenuTrigger";
-//#endregion
 export { ContextMenuTrigger };
 
 //# sourceMappingURL=ContextMenuTrigger.mjs.map

package/es/base-ui/ContextMenu/renderItems.mjs

@@ -13,7 +13,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Check } from "lucide-react";
 import { ContextMenu } from "@base-ui/react/context-menu";
-//#region src/base-ui/ContextMenu/renderItems.tsx
+// src/base-ui/ContextMenu/renderItems.tsx
 /**
 * Submenu positioners are portaled outside the root menu, so they must allocate
 * their own layer z-index (same pattern as DropdownMenu) rather than relying on
@@ -279,7 +279,6 @@ const renderContextMenuItems = (items, keyPath = [], options) => {
 		}, itemKey);
 	});
 };
-//#endregion
 export { renderContextMenuItems };
 
 //# sourceMappingURL=renderItems.mjs.map

package/es/base-ui/ContextMenu/store.d.mts

@@ -6,7 +6,6 @@ import { ContextMenuItem } from "./type.mjs";
 import "./renderItems.mjs";
 import { ReactNode } from "react";
 import "@floating-ui/react";
-//#region src/base-ui/ContextMenu/store.d.ts
 interface ShowContextMenuOptions extends Pick<VirtualListProps, 'virtual' | 'listItemHeight'> {
   footer?: ReactNode;
   header?: ReactNode;
@@ -32,6 +31,5 @@ declare const showContextMenu: (items: ContextMenuItem[], options?: ShowContextM
  */
 declare const updateContextMenuItems: (items: ContextMenuItem[]) => void;
 declare const closeContextMenu: () => void;
-//#endregion
 export { ContextMenuInterceptor, ShowContextMenuOptions, closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems };
 //# sourceMappingURL=store.d.mts.map

package/es/base-ui/ContextMenu/store.mjs

@@ -1,4 +1,4 @@
-//#region src/base-ui/ContextMenu/store.ts
+// src/base-ui/ContextMenu/store.ts
 const emptyState = {
 	anchor: null,
 	iconSpaceMode: "global",
@@ -122,7 +122,6 @@ const closeContextMenu = () => {
 	}
 	closeWebContextMenu();
 };
-//#endregion
 export { closeContextMenu, getServerSnapshot, getSnapshot, setContextMenuInterceptor, setContextMenuState, showContextMenu, subscribe, updateContextMenuItems, updateLastPointer };
 
 //# sourceMappingURL=store.mjs.map

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

@@ -2,10 +2,8 @@ import { MenuCheckboxItemType } from "../../Menu/checkboxItem.mjs";
 import { MenuSwitchItemType } from "../../Menu/switchItem.mjs";
 import { BaseMenuItemType } from "../../Menu/baseItem.mjs";
 import "../../Menu/index.mjs";
-//#region src/base-ui/ContextMenu/type.d.ts
 type ContextMenuCheckboxItem = MenuCheckboxItemType;
 type ContextMenuSwitchItem = MenuSwitchItemType;
 type ContextMenuItem = BaseMenuItemType;
-//#endregion
 export { ContextMenuCheckboxItem, ContextMenuItem, ContextMenuSwitchItem };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/DatePicker/CalendarPanel.mjs

@@ -10,7 +10,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import dayjs from "dayjs";
-//#region src/base-ui/DatePicker/CalendarPanel.tsx
+// src/base-ui/DatePicker/CalendarPanel.tsx
 const MONTHS = Array.from({ length: 12 }, (_, index) => index);
 const CalendarPanel = memo(({ bounds, hovered, mode, month, onHover, onMonthChange, onSelect, range, selected, showNav = true }) => {
 	const { t } = useTranslation(datePicker_default);
@@ -182,7 +182,6 @@ const CalendarPanel = memo(({ bounds, hovered, mode, month, onHover, onMonthChan
 	});
 });
 CalendarPanel.displayName = "CalendarPanel";
-//#endregion
 export { CalendarPanel as default };
 
 //# sourceMappingURL=CalendarPanel.mjs.map

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

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

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

@@ -11,7 +11,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import useMergeState from "use-merge-value";
 import { CalendarIcon } from "lucide-react";
 import dayjs from "dayjs";
-//#region src/base-ui/DatePicker/DatePicker.tsx
+// src/base-ui/DatePicker/DatePicker.tsx
 const PLACEHOLDER_KEY = {
 	date: "datePicker.placeholder",
 	month: "datePicker.monthPlaceholder",
@@ -82,7 +82,6 @@ const DatePicker = memo(({ allowClear = true, className, defaultValue = null, di
 	});
 });
 DatePicker.displayName = "DatePicker";
-//#endregion
 export { DatePicker as default, formatDate };
 
 //# sourceMappingURL=DatePicker.mjs.map

package/es/base-ui/DatePicker/DateRangePicker.d.mts

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

package/es/base-ui/DatePicker/DateRangePicker.mjs

@@ -12,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import useMergeState from "use-merge-value";
 import { ArrowRight, CalendarIcon } from "lucide-react";
 import dayjs from "dayjs";
-//#region src/base-ui/DatePicker/DateRangePicker.tsx
+// src/base-ui/DatePicker/DateRangePicker.tsx
 const EMPTY = [null, null];
 const DateRangePicker = memo(({ allowClear = true, className, defaultValue = EMPTY, disabled, disabledDate, format, max, min, onChange, placeholder, shadow, size, style, value, variant }) => {
 	const { t } = useTranslation(datePicker_default);
@@ -122,7 +122,6 @@ const DateRangePicker = memo(({ allowClear = true, className, defaultValue = EMP
 	});
 });
 DateRangePicker.displayName = "DateRangePicker";
-//#endregion
 export { DateRangePicker as default };
 
 //# sourceMappingURL=DateRangePicker.mjs.map

package/es/base-ui/DatePicker/PickerShell.mjs

@@ -6,7 +6,7 @@ import { PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTri
 import { memo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useThemeMode } from "antd-style";
-//#region src/base-ui/DatePicker/PickerShell.tsx
+// src/base-ui/DatePicker/PickerShell.tsx
 const PickerShell = memo(({ children, className, disabled, icon, onClear, onOpenChange, open, shadow, showClear, size = "middle", style, trigger, variant }) => {
 	const { isDarkMode } = useThemeMode();
 	const anchorRef = useRef(null);
@@ -37,7 +37,6 @@ const PickerShell = memo(({ children, className, disabled, icon, onClear, onOpen
 	});
 });
 PickerShell.displayName = "PickerShell";
-//#endregion
 export { PickerShell as default };
 
 //# sourceMappingURL=PickerShell.mjs.map

package/es/base-ui/DatePicker/calendar.d.mts

@@ -1,5 +1,3 @@
-//#region src/base-ui/DatePicker/calendar.d.ts
 type CalendarMode = 'date' | 'month' | 'year';
-//#endregion
 export { CalendarMode };
 //# sourceMappingURL=calendar.d.mts.map

package/es/base-ui/DatePicker/calendar.mjs

@@ -1,5 +1,5 @@
 import dayjs from "dayjs";
-//#region src/base-ui/DatePicker/calendar.ts
+// src/base-ui/DatePicker/calendar.ts
 const DEFAULT_FORMAT = {
 	date: "MMM D, YYYY",
 	month: "MMMM YYYY",
@@ -40,7 +40,6 @@ const clampToBounds = (date, { max, min }) => {
 	if (max && dayjs(date).isAfter(max, "day")) return max;
 	return date;
 };
-//#endregion
 export { DEFAULT_FORMAT, buildMonthGrid, clampToBounds, getWeekStart, getWeekdayLabels, isDayDisabled, isMonthDisabled, isSameDay, isYearDisabled, moveDayFocus, orderRange };
 
 //# sourceMappingURL=calendar.mjs.map

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

@@ -1,6 +1,6 @@
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/DatePicker/style.ts
+// src/base-ui/DatePicker/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	band: css`
     background: ${cssVar.colorFillSecondary};
@@ -188,7 +188,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     height: 20px;
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,7 +1,6 @@
 import { InputSize, InputVariant } from "../Input/type.mjs";
 import { CalendarMode } from "./calendar.mjs";
 import { CSSProperties, ReactNode } from "react";
-//#region src/base-ui/DatePicker/type.d.ts
 interface PickerCommonProps {
   allowClear?: boolean;
   className?: string;
@@ -30,6 +29,5 @@ interface DateRangePickerProps extends PickerCommonProps {
   placeholder?: [string, string];
   value?: DateRangeValue;
 }
-//#endregion
 export { type CalendarMode, DatePickerProps, DateRangePickerProps, DateRangeValue };
 //# sourceMappingURL=type.d.mts.map

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

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

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

@@ -3,7 +3,7 @@ import { styles } from "./style.mjs";
 import { Fragment, memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/Descriptions/Descriptions.tsx
+// src/base-ui/Descriptions/Descriptions.tsx
 const Descriptions = memo(({ bordered = false, className, classNames, colon = true, column = 1, extra, items, ref, styles: customStyles, title, ...rest }) => {
 	const columnCount = Math.max(1, Math.floor(column));
 	let cursor = 0;
@@ -56,7 +56,6 @@ const Descriptions = memo(({ bordered = false, className, classNames, colon = tr
 	});
 });
 Descriptions.displayName = "Descriptions";
-//#endregion
 export { Descriptions as default };
 
 //# sourceMappingURL=Descriptions.mjs.map

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

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Descriptions/style.ts
+// src/base-ui/Descriptions/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	bordered: css`
     gap: 0;
@@ -58,7 +58,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     color: ${cssVar.colorText};
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,5 +1,4 @@
 import { CSSProperties, ComponentProps, Key, ReactNode, Ref } from "react";
-//#region src/base-ui/Descriptions/type.d.ts
 interface DescriptionsItem {
   children?: ReactNode;
   key?: Key;
@@ -23,6 +22,5 @@ interface DescriptionsProps extends Omit<ComponentProps<'div'>, 'title'> {
   };
   title?: ReactNode;
 }
-//#endregion
 export { DescriptionsItem, DescriptionsProps };
 //# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,15 @@
+import { DetailGridProps, DetailHeaderProps, DetailPageProps, FactListProps, InfoCardProps, ReadonlyBlockProps } from "./type.mjs";
+/** The centered 1080px column of a detail page, with an optional "← Back" link. */
+declare const DetailPage: import("react").NamedExoticComponent<DetailPageProps>;
+/** Icon tile, 26px title with badges, byline, description, and actions on the right. */
+declare const DetailHeader: import("react").NamedExoticComponent<DetailHeaderProps>;
+/** Main column (sections, 28px apart) beside a sticky 300px aside. */
+declare const DetailGrid: import("react").NamedExoticComponent<DetailGridProps>;
+/** The bordered "Thông tin" card of the aside. */
+declare const InfoCard: import("react").NamedExoticComponent<InfoCardProps>;
+/** Label / value pairs; `tone="warning"` colors a value that needs attention. */
+declare const FactList: import("react").NamedExoticComponent<FactListProps>;
+/** A read-only text box (instructions, greeting) — the shape of an input, not editable. */
+declare const ReadonlyBlock: import("react").NamedExoticComponent<ReadonlyBlockProps>;
+export { DetailGrid, DetailHeader, FactList, InfoCard, ReadonlyBlock, DetailPage as default };
+//# sourceMappingURL=DetailPage.d.mts.map