@jinmi/ui 6.0.1 → 6.1.0

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

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

@@ -0,0 +1,113 @@
+"use client";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { ArrowLeft } from "lucide-react";
+// src/base-ui/DetailPage/DetailPage.tsx
+/** The centered 1080px column of a detail page, with an optional "← Back" link. */
+const DetailPage = memo(({ back, children, className, ref, ...rest }) => /* @__PURE__ */ jsxs("div", {
+	className: cx(styles.page, className),
+	ref,
+	...rest,
+	children: [back && /* @__PURE__ */ jsxs("button", {
+		className: styles.back,
+		type: "button",
+		onClick: back.onClick,
+		children: [/* @__PURE__ */ jsx(ArrowLeft, { size: 14 }), back.label]
+	}), children]
+}));
+DetailPage.displayName = "DetailPage";
+/** Icon tile, 26px title with badges, byline, description, and actions on the right. */
+const DetailHeader = memo(({ actions, avatar, badges, byline, className, description, ref, running, title, ...rest }) => /* @__PURE__ */ jsxs("header", {
+	className: cx(styles.header, className),
+	ref,
+	...rest,
+	children: [
+		avatar !== void 0 && /* @__PURE__ */ jsxs("span", {
+			className: styles.icon,
+			children: [avatar, running && /* @__PURE__ */ jsx("span", { className: styles.running })]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: styles.headText,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: styles.titleRow,
+					children: [/* @__PURE__ */ jsx("h1", {
+						className: styles.title,
+						children: title
+					}), badges?.filter(Boolean).map((badge, index) => /* @__PURE__ */ jsx("span", {
+						className: styles.badge,
+						children: badge
+					}, index))]
+				}),
+				byline && /* @__PURE__ */ jsx("span", {
+					className: styles.byline,
+					children: byline
+				}),
+				description && /* @__PURE__ */ jsx("p", {
+					className: styles.description,
+					children: description
+				})
+			]
+		}),
+		actions && /* @__PURE__ */ jsx("div", {
+			className: styles.actions,
+			children: actions
+		})
+	]
+}));
+DetailHeader.displayName = "DetailHeader";
+/** Main column (sections, 28px apart) beside a sticky 300px aside. */
+const DetailGrid = memo(({ aside, asideHidden, children, className, ref, ...rest }) => {
+	const showAside = !!aside && !asideHidden;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(styles.grid, className),
+		"data-aside": showAside,
+		ref,
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: styles.main,
+			children
+		}), aside && /* @__PURE__ */ jsx("aside", {
+			className: styles.aside,
+			hidden: !showAside,
+			children: aside
+		})]
+	});
+});
+DetailGrid.displayName = "DetailGrid";
+/** The bordered "Thông tin" card of the aside. */
+const InfoCard = memo(({ children, className, ref, title, ...rest }) => /* @__PURE__ */ jsxs("div", {
+	className: cx(styles.card, className),
+	ref,
+	...rest,
+	children: [title && /* @__PURE__ */ jsx("h2", {
+		className: styles.cardTitle,
+		children: title
+	}), children]
+}));
+InfoCard.displayName = "InfoCard";
+/** Label / value pairs; `tone="warning"` colors a value that needs attention. */
+const FactList = memo(({ className, items, title }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [title && /* @__PURE__ */ jsx("h3", {
+	className: styles.factsTitle,
+	children: title
+}), /* @__PURE__ */ jsx("dl", {
+	className: cx(styles.facts, className),
+	children: items.map((item, index) => /* @__PURE__ */ jsxs("div", {
+		className: styles.fact,
+		"data-tone": item.tone ?? "default",
+		children: [/* @__PURE__ */ jsx("dt", { children: item.label }), /* @__PURE__ */ jsx("dd", { children: item.value })]
+	}, item.key ?? (typeof item.label === "string" ? item.label : index)))
+})] }));
+FactList.displayName = "FactList";
+/** A read-only text box (instructions, greeting) — the shape of an input, not editable. */
+const ReadonlyBlock = memo(({ className, ref, ...rest }) => /* @__PURE__ */ jsx("div", {
+	className: cx(styles.readonly, className),
+	ref,
+	...rest
+}));
+ReadonlyBlock.displayName = "ReadonlyBlock";
+export { DetailGrid, DetailHeader, FactList, InfoCard, ReadonlyBlock, DetailPage as default };
+
+//# sourceMappingURL=DetailPage.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPage.mjs","names":[],"sources":["../../../src/base-ui/DetailPage/DetailPage.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ArrowLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport { styles } from './style';\nimport type {\n  DetailGridProps,\n  DetailHeaderProps,\n  DetailPageProps,\n  FactListProps,\n  InfoCardProps,\n  ReadonlyBlockProps,\n} from './type';\n\n/** The centered 1080px column of a detail page, with an optional \"← Back\" link. */\nconst DetailPage = memo<DetailPageProps>(({ back, children, className, ref, ...rest }) => (\n  <div className={cx(styles.page, className)} ref={ref} {...rest}>\n    {back && (\n      <button className={styles.back} type={'button'} onClick={back.onClick}>\n        <ArrowLeft size={14} />\n        {back.label}\n      </button>\n    )}\n    {children}\n  </div>\n));\n\nDetailPage.displayName = 'DetailPage';\n\n/** Icon tile, 26px title with badges, byline, description, and actions on the right. */\nexport const DetailHeader = memo<DetailHeaderProps>(\n  ({ actions, avatar, badges, byline, className, description, ref, running, title, ...rest }) => (\n    <header className={cx(styles.header, className)} ref={ref} {...rest}>\n      {avatar !== undefined && (\n        <span className={styles.icon}>\n          {avatar}\n          {running && <span className={styles.running} />}\n        </span>\n      )}\n      <div className={styles.headText}>\n        <div className={styles.titleRow}>\n          <h1 className={styles.title}>{title}</h1>\n          {badges?.filter(Boolean).map((badge, index) => (\n            <span className={styles.badge} key={index}>\n              {badge}\n            </span>\n          ))}\n        </div>\n        {byline && <span className={styles.byline}>{byline}</span>}\n        {description && <p className={styles.description}>{description}</p>}\n      </div>\n      {actions && <div className={styles.actions}>{actions}</div>}\n    </header>\n  ),\n);\n\nDetailHeader.displayName = 'DetailHeader';\n\n/** Main column (sections, 28px apart) beside a sticky 300px aside. */\nexport const DetailGrid = memo<DetailGridProps>(\n  ({ aside, asideHidden, children, className, ref, ...rest }) => {\n    const showAside = !!aside && !asideHidden;\n    return (\n      <div className={cx(styles.grid, className)} data-aside={showAside} ref={ref} {...rest}>\n        <div className={styles.main}>{children}</div>\n        {aside && (\n          <aside className={styles.aside} hidden={!showAside}>\n            {aside}\n          </aside>\n        )}\n      </div>\n    );\n  },\n);\n\nDetailGrid.displayName = 'DetailGrid';\n\n/** The bordered \"Thông tin\" card of the aside. */\nexport const InfoCard = memo<InfoCardProps>(({ children, className, ref, title, ...rest }) => (\n  <div className={cx(styles.card, className)} ref={ref} {...rest}>\n    {title && <h2 className={styles.cardTitle}>{title}</h2>}\n    {children}\n  </div>\n));\n\nInfoCard.displayName = 'InfoCard';\n\n/** Label / value pairs; `tone=\"warning\"` colors a value that needs attention. */\nexport const FactList = memo<FactListProps>(({ className, items, title }) => (\n  <>\n    {title && <h3 className={styles.factsTitle}>{title}</h3>}\n    <dl className={cx(styles.facts, className)}>\n      {items.map((item, index) => (\n        <div\n          className={styles.fact}\n          data-tone={item.tone ?? 'default'}\n          key={item.key ?? (typeof item.label === 'string' ? item.label : index)}\n        >\n          <dt>{item.label}</dt>\n          <dd>{item.value}</dd>\n        </div>\n      ))}\n    </dl>\n  </>\n));\n\nFactList.displayName = 'FactList';\n\n/** A read-only text box (instructions, greeting) — the shape of an input, not editable. */\nexport const ReadonlyBlock = memo<ReadonlyBlockProps>(({ className, ref, ...rest }) => (\n  <div className={cx(styles.readonly, className)} ref={ref} {...rest} />\n));\n\nReadonlyBlock.displayName = 'ReadonlyBlock';\n\nexport default DetailPage;\n"],"mappings":";;;;;;;;AAiBA,MAAM,aAAa,MAAuB,EAAE,MAAM,UAAU,WAAW,KAAK,GAAG,WAC7E,qBAAC,OAAD;CAAK,WAAW,GAAG,OAAO,MAAM,SAAS;CAAQ;CAAK,GAAI;CAA1D,UAAA,CACG,QACC,qBAAC,UAAD;EAAQ,WAAW,OAAO;EAAM,MAAM;EAAU,SAAS,KAAK;EAA9D,UAAA,CACE,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA,GACrB,KAAK,KACA;CAET,CAAA,GAAA,QACE;AACN,CAAA,CAAA;AAED,WAAW,cAAc;;AAGzB,MAAa,eAAe,MACzB,EAAE,SAAS,QAAQ,QAAQ,QAAQ,WAAW,aAAa,KAAK,SAAS,OAAO,GAAG,WAClF,qBAAC,UAAD;CAAQ,WAAW,GAAG,OAAO,QAAQ,SAAS;CAAQ;CAAK,GAAI;CAA/D,UAAA;EACG,WAAW,KAAA,KACV,qBAAC,QAAD;GAAM,WAAW,OAAO;GAAxB,UAAA,CACG,QACA,WAAW,oBAAC,QAAD,EAAM,WAAW,OAAO,QAAU,CAAA,CAC1C;;EAER,qBAAC,OAAD;GAAK,WAAW,OAAO;GAAvB,UAAA;IACE,qBAAC,OAAD;KAAK,WAAW,OAAO;KAAvB,UAAA,CACE,oBAAC,MAAD;MAAI,WAAW,OAAO;MAAQ,UAAA;KAAU,CAAA,GACvC,QAAQ,OAAO,OAAO,CAAC,CAAC,KAAK,OAAO,UACnC,oBAAC,QAAD;MAAM,WAAW,OAAO;MACrB,UAAA;KACG,GAF8B,KAE9B,CACP,CACE;;IACJ,UAAU,oBAAC,QAAD;KAAM,WAAW,OAAO;KAAS,UAAA;IAAa,CAAA;IACxD,eAAe,oBAAC,KAAD;KAAG,WAAW,OAAO;KAAc,UAAA;IAAe,CAAA;GAC/D;;EACJ,WAAW,oBAAC,OAAD;GAAK,WAAW,OAAO;GAAU,UAAA;EAAa,CAAA;CACpD;AAEZ,CAAA,CAAA;AAEA,aAAa,cAAc;;AAG3B,MAAa,aAAa,MACvB,EAAE,OAAO,aAAa,UAAU,WAAW,KAAK,GAAG,WAAW;CAC7D,MAAM,YAAY,CAAC,CAAC,SAAS,CAAC;CAC9B,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,MAAM,SAAS;EAAG,cAAY;EAAgB;EAAK,GAAI;EAAjF,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GAAO;EAAc,CAAA,GAC3C,SACC,oBAAC,SAAD;GAAO,WAAW,OAAO;GAAO,QAAQ,CAAC;GACtC,UAAA;EACI,CAAA,CAEN;;AAET,CACF;AAEA,WAAW,cAAc;;AAGzB,MAAa,WAAW,MAAqB,EAAE,UAAU,WAAW,KAAK,OAAO,GAAG,WACjF,qBAAC,OAAD;CAAK,WAAW,GAAG,OAAO,MAAM,SAAS;CAAQ;CAAK,GAAI;CAA1D,UAAA,CACG,SAAS,oBAAC,MAAD;EAAI,WAAW,OAAO;EAAY,UAAA;CAAU,CAAA,GACrD,QACE;AACN,CAAA,CAAA;AAED,SAAS,cAAc;;AAGvB,MAAa,WAAW,MAAqB,EAAE,WAAW,OAAO,YAC/D,qBAAA,YAAA,EAAA,UAAA,CACG,SAAS,oBAAC,MAAD;CAAI,WAAW,OAAO;CAAa,UAAA;AAAU,CAAA,GACvD,oBAAC,MAAD;CAAI,WAAW,GAAG,OAAO,OAAO,SAAS;CACtC,UAAA,MAAM,KAAK,MAAM,UAChB,qBAAC,OAAD;EACE,WAAW,OAAO;EAClB,aAAW,KAAK,QAAQ;EAF1B,UAAA,CAKE,oBAAC,MAAD,EAAA,UAAK,KAAK,MAAU,CAAA,GACpB,oBAAC,MAAD,EAAA,UAAK,KAAK,MAAU,CAAA,CACjB;CAJE,GAAA,KAAK,QAAQ,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,MAI7D,CACN;AACC,CAAA,CACJ,EAAA,CAAA,CACH;AAED,SAAS,cAAc;;AAGvB,MAAa,gBAAgB,MAA0B,EAAE,WAAW,KAAK,GAAG,WAC1E,oBAAC,OAAD;CAAK,WAAW,GAAG,OAAO,UAAU,SAAS;CAAQ;CAAK,GAAI;AAAO,CAAA,CACtE;AAED,cAAc,cAAc"}

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

@@ -0,0 +1,4 @@
+import { DetailGridProps, DetailHeaderProps, DetailPageProps, FactItem, FactListProps, FactTone, InfoCardProps, ReadonlyBlockProps } from "./type.mjs";
+import DetailPage, { DetailGrid, DetailHeader, FactList, InfoCard, ReadonlyBlock } from "./DetailPage.mjs";
+import { styles } from "./style.mjs";
+export { DetailGrid, type DetailGridProps, DetailHeader, type DetailHeaderProps, type DetailPageProps, type FactItem, FactList, type FactListProps, type FactTone, InfoCard, type InfoCardProps, ReadonlyBlock, type ReadonlyBlockProps, DetailPage as default, styles as detailPageStyles };

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

@@ -0,0 +1,25 @@
+declare const styles: {
+  actions: string;
+  aside: string;
+  back: string;
+  badge: string;
+  byline: string;
+  card: string;
+  cardTitle: string;
+  description: string;
+  fact: string;
+  facts: string;
+  factsTitle: string;
+  grid: string;
+  header: string;
+  headText: string;
+  icon: string;
+  main: string;
+  page: string;
+  readonly: string;
+  running: string;
+  title: string;
+  titleRow: string;
+};
+export { styles };
+//# sourceMappingURL=style.d.mts.map