@jinmi/ui 6.0.2 → 6.1.0

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

@@ -8,7 +8,7 @@ import { styles } from "./style.mjs";
 import { memo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Menu, X } from "lucide-react";
-//#region src/base-ui/Burger/Burger.tsx
+// src/base-ui/Burger/Burger.tsx
 const withoutIcons = (items) => items.flatMap((item) => item.type === "divider" ? [] : [{
 	...item,
 	icon: void 0
@@ -63,7 +63,6 @@ const Burger = memo(({ activeKey, className, footer, fullscreen = false, headerH
 	})] });
 });
 Burger.displayName = "Burger";
-//#endregion
 export { Burger as default };
 
 //# sourceMappingURL=Burger.mjs.map

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

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Burger/style.ts
+// src/base-ui/Burger/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	body: css`
     display: flex;
@@ -57,7 +57,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -3,7 +3,6 @@ import "../ActionIcon/index.mjs";
 import { ListItem } from "../List/type.mjs";
 import "../List/index.mjs";
 import { CSSProperties, Key, ReactNode } from "react";
-//#region src/base-ui/Burger/type.d.ts
 interface BurgerProps {
   activeKey?: Key | null;
   className?: string;
@@ -18,6 +17,5 @@ interface BurgerProps {
   style?: CSSProperties;
   variant?: ActionIconProps['variant'];
 }
-//#endregion
 export { BurgerProps };
 //# sourceMappingURL=type.d.mts.map

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

@@ -1,7 +1,5 @@
 import { ButtonProps, ButtonType } from "./type.mjs";
 import { ReactElement } from "react";
-//#region src/base-ui/Button/Button.d.ts
 declare const Button: <T extends ButtonType = "default">(props: ButtonProps<T>) => ReactElement;
-//#endregion
 export { Button as default };
 //# sourceMappingURL=Button.d.mts.map

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

@@ -5,7 +5,7 @@ import { styles } from "./style.mjs";
 import { isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/Button/Button.tsx
+// src/base-ui/Button/Button.tsx
 const resolveIconNode = (node) => {
 	if (node === void 0 || node === null) return null;
 	if (isValidElement(node) || typeof node === "string" || typeof node === "number") return node;
@@ -122,7 +122,6 @@ const ButtonImpl = ({ block, children, className, classNames, danger = false, di
 };
 ButtonImpl.displayName = "BaseButton";
 const Button = ButtonImpl;
-//#endregion
 export { Button as default };
 
 //# sourceMappingURL=Button.mjs.map

package/es/base-ui/Button/SplitButton.d.mts

@@ -2,7 +2,6 @@ import { DropdownMenuProps } from "../DropdownMenu/type.mjs";
 import "../DropdownMenu/index.mjs";
 import { ButtonProps } from "./type.mjs";
 import { CSSProperties, ReactNode } from "react";
-//#region src/base-ui/Button/SplitButton.d.ts
 interface SharedVisualProps {
   danger?: boolean;
   disabled?: boolean;
@@ -26,6 +25,5 @@ type SplitButtonComponent = typeof SplitButton & {
   Menu: typeof SplitButtonMenu;
 };
 declare const _default: SplitButtonComponent;
-//#endregion
 export { type SplitButtonMenuProps, type SplitButtonProps, _default as default };
 //# sourceMappingURL=SplitButton.d.mts.map

package/es/base-ui/Button/SplitButton.mjs

@@ -6,7 +6,7 @@ import { createContext, use, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { createStaticStyles, cx } from "antd-style";
 import { ChevronDownIcon } from "lucide-react";
-//#region src/base-ui/Button/SplitButton.tsx
+// src/base-ui/Button/SplitButton.tsx
 const SplitButtonContext = createContext({});
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	interactionDisabled: css`
@@ -115,7 +115,6 @@ const SplitButtonMenu = ({ icon = /* @__PURE__ */ jsx(ChevronDownIcon, { size: 1
 };
 SplitButton.Main = SplitButtonMain;
 SplitButton.Menu = SplitButtonMenu;
-//#endregion
 export { SplitButton as default };
 
 //# sourceMappingURL=SplitButton.mjs.map

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

@@ -1,4 +1,3 @@
-//#region src/base-ui/Button/style.d.ts
 declare const buttonPaddingInline: {
   readonly large: 16;
   readonly middle: 14;
@@ -37,6 +36,5 @@ declare const styles: {
   ghostDanger: string;
   spinner: string;
 };
-//#endregion
 export { buttonPaddingInline, styles };
 //# sourceMappingURL=style.d.mts.map

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

@@ -2,7 +2,7 @@ import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import { controlHeight } from "../controlSize.mjs";
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Button/style.ts
+// src/base-ui/Button/style.ts
 const buttonPaddingInline = {
 	large: 16,
 	middle: 14,
@@ -376,7 +376,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     animation: base-button-spin 0.6s linear infinite;
   `
 }));
-//#endregion
 export { buttonPaddingInline, styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,7 +1,6 @@
 import { IconProps } from "../../Icon/type.mjs";
 import "../../Icon/index.mjs";
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ReactNode, Ref } from "react";
-//#region src/base-ui/Button/type.d.ts
 type ButtonType = 'default' | 'primary' | 'dashed' | 'fill' | 'link' | 'text';
 type ButtonShape = 'default' | 'circle' | 'round';
 type ButtonSize = 'small' | 'middle' | 'large';
@@ -49,6 +48,5 @@ type TextOutdentProps<T extends ButtonType> = [T] extends ['text'] ? {
 type NativeButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonOwnProps | 'type' | 'outdent'>;
 type NativeAnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseButtonOwnProps | 'type' | 'outdent'>;
 type ButtonProps<T extends ButtonType = ButtonType> = BaseButtonOwnProps & NativeButtonProps & Partial<NativeAnchorProps> & TextOutdentProps<T>;
-//#endregion
 export { ButtonIconPosition, ButtonOutdent, ButtonProps, ButtonShape, ButtonSize, ButtonType };
 //# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,9 @@
+import { CardPanelProps } from "./type.mjs";
+/**
+ * An in-flow side card with a 52px head (icon, title, actions, close) and a body
+ * that fills the rest — e.g. an assistant panel beside a settings page.
+ * Position and height belong to the host layout.
+ */
+declare const CardPanel: import("react").NamedExoticComponent<CardPanelProps>;
+export { CardPanel as default };
+//# sourceMappingURL=CardPanel.d.mts.map

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

@@ -0,0 +1,43 @@
+"use client";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { X } from "lucide-react";
+// src/base-ui/CardPanel/CardPanel.tsx
+/**
+* An in-flow side card with a 52px head (icon, title, actions, close) and a body
+* that fills the rest — e.g. an assistant panel beside a settings page.
+* Position and height belong to the host layout.
+*/
+const CardPanel = memo(({ actions, children, className, closeLabel = "Close", icon, onClose, ref, title, ...rest }) => /* @__PURE__ */ jsxs("aside", {
+	"aria-label": typeof title === "string" ? title : void 0,
+	className: cx(styles.root, className),
+	ref,
+	...rest,
+	children: [/* @__PURE__ */ jsxs("div", {
+		className: styles.head,
+		children: [
+			icon,
+			/* @__PURE__ */ jsx("span", {
+				className: styles.title,
+				children: title
+			}),
+			actions,
+			onClose && /* @__PURE__ */ jsx("button", {
+				"aria-label": closeLabel,
+				className: styles.close,
+				type: "button",
+				onClick: onClose,
+				children: /* @__PURE__ */ jsx(X, { size: 15 })
+			})
+		]
+	}), /* @__PURE__ */ jsx("div", {
+		className: styles.body,
+		children
+	})]
+}));
+CardPanel.displayName = "CardPanel";
+export { CardPanel as default };
+
+//# sourceMappingURL=CardPanel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardPanel.mjs","names":[],"sources":["../../../src/base-ui/CardPanel/CardPanel.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { memo } from 'react';\n\nimport { styles } from './style';\nimport type { CardPanelProps } from './type';\n\n/**\n * An in-flow side card with a 52px head (icon, title, actions, close) and a body\n * that fills the rest — e.g. an assistant panel beside a settings page.\n * Position and height belong to the host layout.\n */\nconst CardPanel = memo<CardPanelProps>(\n  ({ actions, children, className, closeLabel = 'Close', icon, onClose, ref, title, ...rest }) => (\n    <aside\n      aria-label={typeof title === 'string' ? title : undefined}\n      className={cx(styles.root, className)}\n      ref={ref}\n      {...rest}\n    >\n      <div className={styles.head}>\n        {icon}\n        <span className={styles.title}>{title}</span>\n        {actions}\n        {onClose && (\n          <button\n            aria-label={closeLabel}\n            className={styles.close}\n            type={'button'}\n            onClick={onClose}\n          >\n            <X size={15} />\n          </button>\n        )}\n      </div>\n      <div className={styles.body}>{children}</div>\n    </aside>\n  ),\n);\n\nCardPanel.displayName = 'CardPanel';\n\nexport default CardPanel;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,YAAY,MACf,EAAE,SAAS,UAAU,WAAW,aAAa,SAAS,MAAM,SAAS,KAAK,OAAO,GAAG,WACnF,qBAAC,SAAD;CACE,cAAY,OAAO,UAAU,WAAW,QAAQ,KAAA;CAChD,WAAW,GAAG,OAAO,MAAM,SAAS;CAC/B;CACL,GAAI;CAJN,UAAA,CAME,qBAAC,OAAD;EAAK,WAAW,OAAO;EAAvB,UAAA;GACG;GACD,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAQ,UAAA;GAAY,CAAA;GAC3C;GACA,WACC,oBAAC,UAAD;IACE,cAAY;IACZ,WAAW,OAAO;IAClB,MAAM;IACN,SAAS;IAET,UAAA,oBAAC,GAAD,EAAG,MAAM,GAAK,CAAA;GACR,CAAA;EAEP;CACL,CAAA,GAAA,oBAAC,OAAD;EAAK,WAAW,OAAO;EAAO;CAAc,CAAA,CACvC;AAEX,CAAA,CAAA;AAEA,UAAU,cAAc"}

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

@@ -0,0 +1,3 @@
+import { CardPanelProps } from "./type.mjs";
+import CardPanel from "./CardPanel.mjs";
+export { type CardPanelProps, CardPanel as default };

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

@@ -0,0 +1,75 @@
+import { createStaticStyles, cssVar } from "antd-style";
+// src/base-ui/CardPanel/style.ts
+const styles = createStaticStyles(({ css }) => ({
+	body: css`
+    overflow: hidden;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    min-height: 0;
+  `,
+	close: css`
+    cursor: pointer;
+
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    width: 32px;
+    height: 32px;
+    padding: 0;
+    border: 0;
+    border-radius: 8px;
+
+    color: ${cssVar.colorTextSecondary};
+
+    background: transparent;
+
+    &:hover {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	head: css`
+    display: flex;
+    flex: none;
+    gap: 8px;
+    align-items: center;
+
+    height: 52px;
+    padding-block: 0;
+    padding-inline: 16px 10px;
+    border-block-end: 1px solid ${cssVar.colorFillTertiary};
+
+    color: ${cssVar.colorText};
+  `,
+	root: css`
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    border: 1px solid ${cssVar.colorBorder};
+    border-radius: 18px;
+
+    background: ${cssVar.colorBgContainer};
+    box-shadow:
+      0 2px 4px rgb(11 15 18 / 4%),
+      0 18px 40px -20px rgb(11 15 18 / 28%);
+  `,
+	title: css`
+    overflow: hidden;
+    flex: 1;
+
+    min-width: 0;
+
+    font-size: 14px;
+    font-weight: 600;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `
+}));
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/CardPanel/style.ts"],"sourcesContent":["import { createStaticStyles, cssVar } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => ({\n  body: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    min-height: 0;\n  `,\n  close: css`\n    cursor: pointer;\n\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: 0;\n    border-radius: 8px;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: transparent;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  head: css`\n    display: flex;\n    flex: none;\n    gap: 8px;\n    align-items: center;\n\n    height: 52px;\n    padding-block: 0;\n    padding-inline: 16px 10px;\n    border-block-end: 1px solid ${cssVar.colorFillTertiary};\n\n    color: ${cssVar.colorText};\n  `,\n  root: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    border: 1px solid ${cssVar.colorBorder};\n    border-radius: 18px;\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow:\n      0 2px 4px rgb(11 15 18 / 4%),\n      0 18px 40px -20px rgb(11 15 18 / 28%);\n  `,\n  title: css`\n    overflow: hidden;\n    flex: 1;\n\n    min-width: 0;\n\n    font-size: 14px;\n    font-weight: 600;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,WAAW;CACrD,MAAM,GAAG;;;;;;;;CAQT,OAAO,GAAG;;;;;;;;;;;;;;aAcC,OAAO,mBAAmB;;;;;eAKxB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;CAG3C,MAAM,GAAG;;;;;;;;;kCASuB,OAAO,kBAAkB;;aAE9C,OAAO,UAAU;;CAE5B,MAAM,GAAG;;;;;wBAKa,OAAO,YAAY;;;kBAGzB,OAAO,iBAAiB;;;;;CAKxC,OAAO,GAAG;;;;;;;;;;;AAWZ,EAAE"}

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

@@ -0,0 +1,16 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+interface CardPanelProps extends Omit<ComponentProps<'aside'>, 'title'> {
+  /** Controls in the head, before the close button. */
+  actions?: ReactNode;
+  children?: ReactNode;
+  /** Accessible name of the close button. Defaults to "Close". */
+  closeLabel?: string;
+  /** Leading icon of the head. */
+  icon?: ReactNode;
+  /** Shows the close button. */
+  onClose?: () => void;
+  ref?: Ref<HTMLElement>;
+  title: ReactNode;
+}
+export { CardPanelProps };
+//# sourceMappingURL=type.d.mts.map

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

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

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

@@ -7,7 +7,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-//#region src/base-ui/Carousel/Carousel.tsx
+// src/base-ui/Carousel/Carousel.tsx
 const DEFAULT_INTERVAL = 5e3;
 const SWIPE_THRESHOLD = 40;
 const ARROW_SIZE = {
@@ -151,7 +151,6 @@ const Carousel = memo(({ adaptiveHeight = false, arrows = false, autoplay = fals
 	});
 });
 Carousel.displayName = "Carousel";
-//#endregion
 export { Carousel as default };
 
 //# sourceMappingURL=Carousel.mjs.map

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

@@ -1,6 +1,6 @@
 import { brandCssVar } from "../../styles/brandCssVar.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Carousel/style.ts
+// src/base-ui/Carousel/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	arrow: css`
     position: absolute;
@@ -83,7 +83,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,5 +1,4 @@
 import { ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/Carousel/type.d.ts
 interface CarouselRef {
   goTo: (index: number) => void;
   next: () => void;
@@ -18,6 +17,5 @@ interface CarouselProps extends Omit<ComponentProps<'div'>, 'children' | 'ref'>
   pauseOnHover?: boolean;
   ref?: Ref<CarouselRef>;
 }
-//#endregion
 export { CarouselProps, CarouselRef };
 //# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+interface ChatExampleProps {
+  /** The reply, shown as plain text (line breaks kept). */
+  answer?: ReactNode;
+  /** The user's message, as a right-aligned bubble. */
+  ask: ReactNode;
+  className?: string;
+}
+/** One sample exchange: what you ask, what the agent answers. */
+declare const ChatExample: import("react").NamedExoticComponent<ChatExampleProps>;
+export { ChatExampleProps, ChatExample as default };
+//# sourceMappingURL=ChatExample.d.mts.map

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

@@ -0,0 +1,51 @@
+"use client";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cssVar, cx } from "antd-style";
+// src/base-ui/ChatExample/ChatExample.tsx
+const styles = createStaticStyles(({ css }) => ({
+	answer: css`
+    font-size: 14px;
+    line-height: 1.65;
+    color: ${cssVar.colorText};
+    white-space: pre-line;
+  `,
+	ask: css`
+    align-self: flex-end;
+
+    max-width: 80%;
+    padding-block: 10px;
+    padding-inline: 14px;
+    border-radius: 18px 18px 6px;
+
+    font-size: 14px;
+    line-height: 1.6;
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorFillTertiary};
+  `,
+	root: css`
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+
+    padding: 20px;
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: 16px;
+  `
+}));
+/** One sample exchange: what you ask, what the agent answers. */
+const ChatExample = memo(({ answer, ask, className }) => /* @__PURE__ */ jsxs("div", {
+	className: cx(styles.root, className),
+	children: [/* @__PURE__ */ jsx("div", {
+		className: styles.ask,
+		children: ask
+	}), answer && /* @__PURE__ */ jsx("div", {
+		className: styles.answer,
+		children: answer
+	})]
+}));
+ChatExample.displayName = "ChatExample";
+export { ChatExample as default };
+
+//# sourceMappingURL=ChatExample.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatExample.mjs","names":[],"sources":["../../../src/base-ui/ChatExample/ChatExample.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cssVar, cx } from 'antd-style';\nimport { memo, type ReactNode } from 'react';\n\nconst styles = createStaticStyles(({ css }) => ({\n  answer: css`\n    font-size: 14px;\n    line-height: 1.65;\n    color: ${cssVar.colorText};\n    white-space: pre-line;\n  `,\n  ask: css`\n    align-self: flex-end;\n\n    max-width: 80%;\n    padding-block: 10px;\n    padding-inline: 14px;\n    border-radius: 18px 18px 6px;\n\n    font-size: 14px;\n    line-height: 1.6;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorFillTertiary};\n  `,\n  root: css`\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n\n    padding: 20px;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 16px;\n  `,\n}));\n\nexport interface ChatExampleProps {\n  /** The reply, shown as plain text (line breaks kept). */\n  answer?: ReactNode;\n  /** The user's message, as a right-aligned bubble. */\n  ask: ReactNode;\n  className?: string;\n}\n\n/** One sample exchange: what you ask, what the agent answers. */\nconst ChatExample = memo<ChatExampleProps>(({ answer, ask, className }) => (\n  <div className={cx(styles.root, className)}>\n    <div className={styles.ask}>{ask}</div>\n    {answer && <div className={styles.answer}>{answer}</div>}\n  </div>\n));\n\nChatExample.displayName = 'ChatExample';\n\nexport default ChatExample;\n"],"mappings":";;;;;AAKA,MAAM,SAAS,oBAAoB,EAAE,WAAW;CAC9C,QAAQ,GAAG;;;aAGA,OAAO,UAAU;;;CAG5B,KAAK,GAAG;;;;;;;;;;aAUG,OAAO,UAAU;;kBAEZ,OAAO,kBAAkB;;CAEzC,MAAM,GAAG;;;;;;wBAMa,OAAO,qBAAqB;;;AAGpD,EAAE;;AAWF,MAAM,cAAc,MAAwB,EAAE,QAAQ,KAAK,gBACzD,qBAAC,OAAD;CAAK,WAAW,GAAG,OAAO,MAAM,SAAS;CAAzC,UAAA,CACE,oBAAC,OAAD;EAAK,WAAW,OAAO;EAAM,UAAA;CAAS,CAAA,GACrC,UAAU,oBAAC,OAAD;EAAK,WAAW,OAAO;EAAS,UAAA;CAAY,CAAA,CACpD;AACN,CAAA,CAAA;AAED,YAAY,cAAc"}

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

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

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

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+interface CheckListItem {
+  /** Met / done. Leave undefined when the state isn't tracked (an empty box). */
+  checked?: boolean;
+  key: string;
+  label: ReactNode;
+}
+interface CheckListProps {
+  className?: string;
+  items: CheckListItem[];
+  /** Small heading above the list ("Tiêu chí nghiệm thu"). */
+  title?: ReactNode;
+}
+/** A read-only checklist: an ink-filled box for met items, an empty box for the rest. */
+declare const CheckList: import("react").NamedExoticComponent<CheckListProps>;
+export { CheckListItem, CheckListProps, CheckList as default };
+//# sourceMappingURL=CheckList.d.mts.map

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

@@ -0,0 +1,84 @@
+"use client";
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cssVar, cx } from "antd-style";
+import { Check } from "lucide-react";
+// src/base-ui/CheckList/CheckList.tsx
+const styles = createStaticStyles(({ css }) => ({
+	box: css`
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    box-sizing: border-box;
+    width: 18px;
+    height: 18px;
+    border: 1.5px solid ${cssVar.colorTextQuaternary};
+    border-radius: 6px;
+
+    color: ${cssVar.colorBgContainer};
+
+    [data-checked='true'] > & {
+      border: 0;
+      background: ${inkCssVar.colorInk};
+    }
+  `,
+	item: css`
+    display: flex;
+    gap: 10px;
+    align-items: flex-start;
+
+    font-size: 13px;
+    line-height: 18px;
+    color: ${cssVar.colorText};
+
+    &[data-checked='true'] {
+      color: ${cssVar.colorTextSecondary};
+    }
+  `,
+	list: css`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+
+    margin: 0;
+    padding: 0;
+
+    list-style: none;
+  `,
+	title: css`
+    margin: 0;
+    font-size: 12px;
+    font-weight: 600;
+    color: ${cssVar.colorTextSecondary};
+  `
+}));
+/** A read-only checklist: an ink-filled box for met items, an empty box for the rest. */
+const CheckList = memo(({ className, items, title }) => /* @__PURE__ */ jsxs("div", {
+	className,
+	children: [title && /* @__PURE__ */ jsx("h4", {
+		className: styles.title,
+		children: title
+	}), /* @__PURE__ */ jsx("ul", {
+		className: styles.list,
+		style: title ? { marginBlockStart: 8 } : void 0,
+		children: items.map((item) => /* @__PURE__ */ jsxs("li", {
+			className: cx(styles.item),
+			"data-checked": !!item.checked,
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: styles.box,
+				children: item.checked && /* @__PURE__ */ jsx(Check, {
+					size: 11,
+					strokeWidth: 3
+				})
+			}), /* @__PURE__ */ jsx("span", { children: item.label })]
+		}, item.key))
+	})]
+}));
+CheckList.displayName = "CheckList";
+export { CheckList as default };
+
+//# sourceMappingURL=CheckList.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckList.mjs","names":[],"sources":["../../../src/base-ui/CheckList/CheckList.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cssVar, cx } from 'antd-style';\nimport { Check } from 'lucide-react';\nimport { memo, type ReactNode } from 'react';\n\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nconst styles = createStaticStyles(({ css }) => ({\n  box: css`\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    box-sizing: border-box;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid ${cssVar.colorTextQuaternary};\n    border-radius: 6px;\n\n    color: ${cssVar.colorBgContainer};\n\n    [data-checked='true'] > & {\n      border: 0;\n      background: ${inkCssVar.colorInk};\n    }\n  `,\n  item: css`\n    display: flex;\n    gap: 10px;\n    align-items: flex-start;\n\n    font-size: 13px;\n    line-height: 18px;\n    color: ${cssVar.colorText};\n\n    &[data-checked='true'] {\n      color: ${cssVar.colorTextSecondary};\n    }\n  `,\n  list: css`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n  `,\n  title: css`\n    margin: 0;\n    font-size: 12px;\n    font-weight: 600;\n    color: ${cssVar.colorTextSecondary};\n  `,\n}));\n\nexport interface CheckListItem {\n  /** Met / done. Leave undefined when the state isn't tracked (an empty box). */\n  checked?: boolean;\n  key: string;\n  label: ReactNode;\n}\n\nexport interface CheckListProps {\n  className?: string;\n  items: CheckListItem[];\n  /** Small heading above the list (\"Tiêu chí nghiệm thu\"). */\n  title?: ReactNode;\n}\n\n/** A read-only checklist: an ink-filled box for met items, an empty box for the rest. */\nconst CheckList = memo<CheckListProps>(({ className, items, title }) => (\n  <div className={className}>\n    {title && <h4 className={styles.title}>{title}</h4>}\n    <ul className={styles.list} style={title ? { marginBlockStart: 8 } : undefined}>\n      {items.map((item) => (\n        <li className={cx(styles.item)} data-checked={!!item.checked} key={item.key}>\n          <span aria-hidden className={styles.box}>\n            {item.checked && <Check size={11} strokeWidth={3} />}\n          </span>\n          <span>{item.label}</span>\n        </li>\n      ))}\n    </ul>\n  </div>\n));\n\nCheckList.displayName = 'CheckList';\n\nexport default CheckList;\n"],"mappings":";;;;;;;AAQA,MAAM,SAAS,oBAAoB,EAAE,WAAW;CAC9C,KAAK,GAAG;;;;;;;;;0BASgB,OAAO,oBAAoB;;;aAGxC,OAAO,iBAAiB;;;;oBAIjB,UAAU,SAAS;;;CAGrC,MAAM,GAAG;;;;;;;aAOE,OAAO,UAAU;;;eAGf,OAAO,mBAAmB;;;CAGvC,MAAM,GAAG;;;;;;;;;;CAUT,OAAO,GAAG;;;;aAIC,OAAO,mBAAmB;;AAEvC,EAAE;;AAiBF,MAAM,YAAY,MAAsB,EAAE,WAAW,OAAO,YAC1D,qBAAC,OAAD;CAAgB;CAAhB,UAAA,CACG,SAAS,oBAAC,MAAD;EAAI,WAAW,OAAO;EAAQ,UAAA;CAAU,CAAA,GAClD,oBAAC,MAAD;EAAI,WAAW,OAAO;EAAM,OAAO,QAAQ,EAAE,kBAAkB,EAAE,IAAI,KAAA;EAClE,UAAA,MAAM,KAAK,SACV,qBAAC,MAAD;GAAI,WAAW,GAAG,OAAO,IAAI;GAAG,gBAAc,CAAC,CAAC,KAAK;GAArD,UAAA,CACE,oBAAC,QAAD;IAAM,eAAA;IAAY,WAAW,OAAO;IACjC,UAAA,KAAK,WAAW,oBAAC,OAAD;KAAO,MAAM;KAAI,aAAa;IAAI,CAAA;GAC/C,CAAA,GACN,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA,CACtB;EAL+D,GAAA,KAAK,GAKpE,CACL;CACC,CAAA,CACD;AACN,CAAA,CAAA;AAED,UAAU,cAAc"}

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

@@ -0,0 +1,2 @@
+import CheckList, { CheckListItem, CheckListProps } from "./CheckList.mjs";
+export { type CheckListItem, type CheckListProps, CheckList as default };

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

@@ -1,10 +1,8 @@
 import { CheckboxProps } from "./type.mjs";
-//#region src/base-ui/Checkbox/Checkbox.d.ts
 declare const _default: import("react").NamedExoticComponent<CheckboxProps> & {
   formBinding: {
     readonly valueProp: "checked";
   };
 };
-//#endregion
 export { _default as default };
 //# sourceMappingURL=Checkbox.d.mts.map

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

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { CheckIcon, Minus } from "lucide-react";
 import { Checkbox } from "@base-ui/react/checkbox";
-//#region src/base-ui/Checkbox/Checkbox.tsx
+// src/base-ui/Checkbox/Checkbox.tsx
 const Checkbox$1 = memo(({ size = 16, shape = "square", backgroundColor, children, className, classNames, styles: customStyles, style, textProps, onChange, disabled, indeterminate, ...rest }) => {
 	const boxStyle = {
 		borderRadius: shape === "square" ? `max(4px, ${Math.round(size / 4)}px)` : "50%",
@@ -56,7 +56,6 @@ const Checkbox$1 = memo(({ size = 16, shape = "square", backgroundColor, childre
 });
 Checkbox$1.displayName = "Checkbox";
 var Checkbox_default = Object.assign(Checkbox$1, { formBinding: { valueProp: "checked" } });
-//#endregion
 export { Checkbox_default as default };
 
 //# sourceMappingURL=Checkbox.mjs.map

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

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

package/es/base-ui/Checkbox/CheckboxGroup.mjs

@@ -3,7 +3,7 @@ import Checkbox_default from "./Checkbox.mjs";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { CheckboxGroup } from "@base-ui/react/checkbox-group";
-//#region src/base-ui/Checkbox/CheckboxGroup.tsx
+// src/base-ui/Checkbox/CheckboxGroup.tsx
 const CheckboxGroup$1 = memo(({ options, onChange, gap = 12, horizontal = true, size, shape, textProps, style, ...rest }) => {
 	const items = useMemo(() => options.map((option) => typeof option === "string" ? {
 		label: option,
@@ -31,7 +31,6 @@ const CheckboxGroup$1 = memo(({ options, onChange, gap = 12, horizontal = true,
 	});
 });
 CheckboxGroup$1.displayName = "CheckboxGroup";
-//#endregion
 export { CheckboxGroup$1 as default };
 
 //# sourceMappingURL=CheckboxGroup.mjs.map

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

@@ -1,9 +1,7 @@
-//#region src/base-ui/Checkbox/style.d.ts
 declare const styles: {
   indicator: string;
   label: string;
   root: string;
 };
-//#endregion
 export { styles };
 //# sourceMappingURL=style.d.mts.map

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

@@ -1,7 +1,7 @@
 import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Checkbox/style.ts
+// src/base-ui/Checkbox/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	indicator: css`
     display: flex;
@@ -63,7 +63,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map