@jinmi/ui 6.0.1 → 6.1.0

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

@@ -1,6 +1,5 @@
 import React from "react";
 import { Dialog } from "@base-ui/react/dialog";
-//#region src/base-ui/Modal/atoms.d.ts
 interface ModalAnimationActions {
   onExitComplete: () => void;
 }
@@ -49,6 +48,5 @@ type ModalTriggerProps = Omit<React.ComponentPropsWithRef<typeof Dialog.Trigger>
   nativeButton?: boolean;
 };
 declare const ModalTrigger: ({ children, className, nativeButton, ref: refProp, ...rest }: ModalTriggerProps) => React.JSX.Element;
-//#endregion
 export { ModalBackdrop, ModalBackdropProps, ModalClose, ModalCloseProps, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalPopup, ModalPopupProps, ModalPortal, ModalPortalProps, ModalRoot, ModalRootProps, ModalTitle, ModalTitleProps, ModalTrigger, ModalTriggerProps, ModalViewport, ModalViewportProps, useModalActions, useModalOpen };
 //# sourceMappingURL=atoms.d.mts.map

package/es/base-ui/Modal/atoms.mjs

@@ -14,7 +14,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { mergeRefs, useMergeRefs } from "react-merge-refs";
 import { X } from "lucide-react";
 import { Dialog } from "@base-ui/react/dialog";
-//#region src/base-ui/Modal/atoms.tsx
+// src/base-ui/Modal/atoms.tsx
 const mergeStateClassName = (base, className) => {
 	if (typeof className === "function") return (state) => cx(base, className(state));
 	return cx(base, className);
@@ -222,7 +222,6 @@ const ModalTrigger = ({ children, className, nativeButton, ref: refProp, ...rest
 		children
 	});
 };
-//#endregion
 export { ModalBackdrop, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, useModalActions, useModalOpen };
 
 //# sourceMappingURL=atoms.mjs.map

package/es/base-ui/Modal/constants.d.mts

@@ -1,11 +1,9 @@
 import { MotionProps } from "motion/react";
-//#region src/base-ui/Modal/constants.d.ts
 type CubicBezier = [number, number, number, number];
 declare const modalMotionConfig: MotionProps;
 declare const backdropTransition: {
   duration: number;
   ease: CubicBezier;
 };
-//#endregion
 export { backdropTransition, modalMotionConfig };
 //# sourceMappingURL=constants.d.mts.map

package/es/base-ui/Modal/constants.mjs

@@ -1,4 +1,4 @@
-//#region src/base-ui/Modal/constants.ts
+// src/base-ui/Modal/constants.ts
 const softEase = [
 	.32,
 	.72,
@@ -36,7 +36,6 @@ const backdropTransition = {
 	duration: .18,
 	ease: softEase
 };
-//#endregion
 export { backdropTransition, modalMotionConfig };
 
 //# sourceMappingURL=constants.mjs.map

package/es/base-ui/Modal/context.d.mts

@@ -1,7 +1,5 @@
 import { ModalContextValue } from "./type.mjs";
-//#region src/base-ui/Modal/context.d.ts
 declare const ModalContext: import("react").Context<ModalContextValue>;
 declare const useModalContext: () => ModalContextValue;
-//#endregion
 export { ModalContext, useModalContext };
 //# sourceMappingURL=context.d.mts.map

package/es/base-ui/Modal/context.mjs

@@ -1,12 +1,11 @@
 "use client";
 import { createContext, use } from "react";
-//#region src/base-ui/Modal/context.ts
+// src/base-ui/Modal/context.ts
 const ModalContext = createContext({
 	close: () => void 0,
 	setCanDismissByClickOutside: () => void 0
 });
 const useModalContext = () => use(ModalContext);
-//#endregion
 export { ModalContext, useModalContext };
 
 //# sourceMappingURL=context.mjs.map

package/es/base-ui/Modal/imperative.d.mts

@@ -1,5 +1,4 @@
 import { ImperativeModalProps, ModalConfirmConfig, ModalInstance } from "./type.mjs";
-//#region src/base-ui/Modal/imperative.d.ts
 interface ModalHostProps {
   root?: HTMLElement | ShadowRoot | null;
 }
@@ -18,6 +17,5 @@ declare const confirmModal: (config: ModalConfirmConfig) => {
   close: () => void;
   destroy: () => void;
 };
-//#endregion
 export { ModalHost, ModalHostProps, ModalSystem, confirmModal, createModal, createModalSystem };
 //# sourceMappingURL=imperative.d.mts.map

package/es/base-ui/Modal/imperative.mjs

@@ -10,7 +10,7 @@ import { memo, useCallback, useEffect, useState, useSyncExternalStore } from "re
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { createPortal } from "react-dom";
-//#region src/base-ui/Modal/imperative.tsx
+// src/base-ui/Modal/imperative.tsx
 const ModalPortalWrapper = ({ children, root }) => {
 	const appElement = useAppElement();
 	const container = root ?? appElement ?? document.body;
@@ -212,7 +212,6 @@ const defaultSystem = createModalSystem();
 const ModalHost = defaultSystem.ModalHost;
 const createModal = defaultSystem.createModal;
 const confirmModal = defaultSystem.confirmModal;
-//#endregion
 export { ModalHost, confirmModal, createModal, createModalSystem };
 
 //# sourceMappingURL=imperative.mjs.map

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

@@ -1,6 +1,6 @@
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Modal/style.ts
+// src/base-ui/Modal/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	backdrop: css`
     position: fixed;
@@ -248,7 +248,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     overflow: auto;
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,7 +1,6 @@
 import { ButtonProps } from "../Button/type.mjs";
 import "../Button/index.mjs";
 import { CSSProperties, MouseEvent, ReactNode } from "react";
-//#region src/base-ui/Modal/type.d.ts
 interface BaseModalProps {
   children?: ReactNode;
   className?: string;
@@ -103,6 +102,5 @@ interface ModalConfirmConfig {
   title?: ReactNode;
   width?: number | string;
 }
-//#endregion
 export { BaseModalProps, ImperativeModalProps, ModalComponentProps, ModalConfirmConfig, ModalContextValue, ModalInstance };
 //# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,19 @@
+import { BreadcrumbItem } from "../Breadcrumb/type.mjs";
+import { ReactNode, Ref } from "react";
+interface PageBarProps {
+  /** Controls on the right of the bar. */
+  actions?: ReactNode;
+  className?: string;
+  /** Where this page sits: ancestors (clickable) then the current page (last). */
+  items: BreadcrumbItem[];
+  /** Accessible name of the breadcrumb. Defaults to "Breadcrumb". */
+  label?: string;
+  ref?: Ref<HTMLDivElement>;
+}
+/**
+ * The top bar of a sub-page ("Plugin › PDF", "Agents › Của bạn › Trợ lý bán hàng"):
+ * full width above the page content, a breadcrumb on the left, actions on the right.
+ */
+declare const PageBar: import("react").NamedExoticComponent<PageBarProps>;
+export { PageBarProps, PageBar as default };
+//# sourceMappingURL=PageBar.d.mts.map

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

@@ -0,0 +1,81 @@
+"use client";
+import Breadcrumb from "../Breadcrumb/Breadcrumb.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cssVar, cx } from "antd-style";
+import { ChevronRight } from "lucide-react";
+// src/base-ui/PageBar/PageBar.tsx
+const styles = createStaticStyles(({ css }) => ({
+	actions: css`
+    display: flex;
+    flex: none;
+    gap: 8px;
+    align-items: center;
+  `,
+	bar: css`
+    display: flex;
+    flex: none;
+    gap: 12px;
+    align-items: center;
+
+    box-sizing: border-box;
+    height: 52px;
+    padding-inline: 16px;
+    border-block-end: 1px solid ${cssVar.colorBorderSecondary};
+
+    background: ${cssVar.colorBgContainer};
+  `,
+	crumbs: css`
+    overflow: hidden;
+    flex: 1;
+    min-width: 0;
+    font-size: 15px;
+
+    ol {
+      flex-wrap: nowrap;
+      gap: 10px;
+    }
+
+    li {
+      flex: none;
+      color: ${cssVar.colorTextSecondary};
+    }
+
+    li[aria-current='page'] {
+      overflow: hidden;
+      flex: 0 1 auto;
+
+      min-width: 0;
+
+      font-weight: 400;
+      color: ${cssVar.colorText};
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  `,
+	separator: css`
+    color: ${cssVar.colorTextQuaternary};
+  `
+}));
+/**
+* The top bar of a sub-page ("Plugin › PDF", "Agents › Của bạn › Trợ lý bán hàng"):
+* full width above the page content, a breadcrumb on the left, actions on the right.
+*/
+const PageBar = memo(({ actions, className, items, label = "Breadcrumb", ref }) => /* @__PURE__ */ jsxs("div", {
+	className: cx(styles.bar, className),
+	ref,
+	children: [/* @__PURE__ */ jsx(Breadcrumb, {
+		"aria-label": label,
+		className: styles.crumbs,
+		classNames: { separator: styles.separator },
+		items,
+		separator: /* @__PURE__ */ jsx(ChevronRight, { size: 15 })
+	}), actions && /* @__PURE__ */ jsx("div", {
+		className: styles.actions,
+		children: actions
+	})]
+}));
+PageBar.displayName = "PageBar";
+export { PageBar as default };
+
+//# sourceMappingURL=PageBar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageBar.mjs","names":[],"sources":["../../../src/base-ui/PageBar/PageBar.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cssVar, cx } from 'antd-style';\nimport { ChevronRight } from 'lucide-react';\nimport { memo, type ReactNode, type Ref } from 'react';\n\nimport Breadcrumb from '../Breadcrumb';\nimport type { BreadcrumbItem } from '../Breadcrumb/type';\n\nconst styles = createStaticStyles(({ css }) => ({\n  actions: css`\n    display: flex;\n    flex: none;\n    gap: 8px;\n    align-items: center;\n  `,\n  bar: css`\n    display: flex;\n    flex: none;\n    gap: 12px;\n    align-items: center;\n\n    box-sizing: border-box;\n    height: 52px;\n    padding-inline: 16px;\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    background: ${cssVar.colorBgContainer};\n  `,\n  crumbs: css`\n    overflow: hidden;\n    flex: 1;\n    min-width: 0;\n    font-size: 15px;\n\n    ol {\n      flex-wrap: nowrap;\n      gap: 10px;\n    }\n\n    li {\n      flex: none;\n      color: ${cssVar.colorTextSecondary};\n    }\n\n    li[aria-current='page'] {\n      overflow: hidden;\n      flex: 0 1 auto;\n\n      min-width: 0;\n\n      font-weight: 400;\n      color: ${cssVar.colorText};\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  `,\n  separator: css`\n    color: ${cssVar.colorTextQuaternary};\n  `,\n}));\n\nexport interface PageBarProps {\n  /** Controls on the right of the bar. */\n  actions?: ReactNode;\n  className?: string;\n  /** Where this page sits: ancestors (clickable) then the current page (last). */\n  items: BreadcrumbItem[];\n  /** Accessible name of the breadcrumb. Defaults to \"Breadcrumb\". */\n  label?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * The top bar of a sub-page (\"Plugin › PDF\", \"Agents › Của bạn › Trợ lý bán hàng\"):\n * full width above the page content, a breadcrumb on the left, actions on the right.\n */\nconst PageBar = memo<PageBarProps>(({ actions, className, items, label = 'Breadcrumb', ref }) => (\n  <div className={cx(styles.bar, className)} ref={ref}>\n    <Breadcrumb\n      aria-label={label}\n      className={styles.crumbs}\n      classNames={{ separator: styles.separator }}\n      items={items}\n      separator={<ChevronRight size={15} />}\n    />\n    {actions && <div className={styles.actions}>{actions}</div>}\n  </div>\n));\n\nPageBar.displayName = 'PageBar';\n\nexport default PageBar;\n"],"mappings":";;;;;;;AASA,MAAM,SAAS,oBAAoB,EAAE,WAAW;CAC9C,SAAS,GAAG;;;;;;CAMZ,KAAK,GAAG;;;;;;;;;kCASwB,OAAO,qBAAqB;;kBAE5C,OAAO,iBAAiB;;CAExC,QAAQ,GAAG;;;;;;;;;;;;;eAaE,OAAO,mBAAmB;;;;;;;;;;eAU1B,OAAO,UAAU;;;;;CAK9B,WAAW,GAAG;aACH,OAAO,oBAAoB;;AAExC,EAAE;;;;;AAiBF,MAAM,UAAU,MAAoB,EAAE,SAAS,WAAW,OAAO,QAAQ,cAAc,UACrF,qBAAC,OAAD;CAAK,WAAW,GAAG,OAAO,KAAK,SAAS;CAAQ;CAAhD,UAAA,CACE,oBAAC,YAAD;EACE,cAAY;EACZ,WAAW,OAAO;EAClB,YAAY,EAAE,WAAW,OAAO,UAAU;EACnC;EACP,WAAW,oBAAC,cAAD,EAAc,MAAM,GAAK,CAAA;CACrC,CAAA,GACA,WAAW,oBAAC,OAAD;EAAK,WAAW,OAAO;EAAU,UAAA;CAAa,CAAA,CACvD;AACN,CAAA,CAAA;AAED,QAAQ,cAAc"}

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

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

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

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

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

@@ -8,7 +8,7 @@ import { 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/Pagination/Pagination.tsx
+// src/base-ui/Pagination/Pagination.tsx
 const Pagination = memo(({ className, current, defaultCurrent = 1, defaultPageSize = 10, disabled, hideOnSinglePage, onChange, onPageSizeChange, pageSize, pageSizeOptions = [
 	10,
 	20,
@@ -117,7 +117,6 @@ const Pagination = memo(({ className, current, defaultCurrent = 1, defaultPageSi
 	});
 });
 Pagination.displayName = "Pagination";
-//#endregion
 export { Pagination as default };
 
 //# sourceMappingURL=Pagination.mjs.map

package/es/base-ui/Pagination/helpers.mjs

@@ -1,4 +1,4 @@
-//#region src/base-ui/Pagination/helpers.ts
+// src/base-ui/Pagination/helpers.ts
 const getPageCount = (total, pageSize) => Math.max(1, Math.ceil(total / pageSize));
 const clampPage = (page, pageCount) => Math.min(Math.max(page, 1), pageCount);
 const getPaginationItems = (current, pageCount) => {
@@ -12,7 +12,6 @@ const getPaginationItems = (current, pageCount) => {
 	items.push(pageCount);
 	return items;
 };
-//#endregion
 export { clampPage, getPageCount, getPaginationItems };
 
 //# sourceMappingURL=helpers.mjs.map

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

@@ -1,6 +1,6 @@
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-//#region src/base-ui/Pagination/style.ts
+// src/base-ui/Pagination/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	button: css`
     cursor: pointer;
@@ -86,7 +86,6 @@ const ellipsisVariants = cva(styles.ellipsis, {
 		small: styles.smallEllipsis
 	} }
 });
-//#endregion
 export { buttonVariants, ellipsisVariants, styles };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1,5 +1,4 @@
 import { ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/Pagination/type.d.ts
 type PaginationSize = 'small' | 'middle';
 interface PaginationProps extends Omit<ComponentProps<'nav'>, 'onChange'> {
   current?: number;
@@ -17,6 +16,5 @@ interface PaginationProps extends Omit<ComponentProps<'nav'>, 'onChange'> {
   size?: PaginationSize;
   total: number;
 }
-//#endregion
 export { PaginationProps, PaginationSize };
 //# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,8 @@
+import { PillTabsProps } from "./type.mjs";
+/** Rounded pill sub-tabs with optional counts ("Chủ đề 24 · Tài liệu 5"). */
+declare const PillTabs: {
+  <K extends string = string>({ className, items, label, onChange, value }: PillTabsProps<K>): import("react").JSX.Element;
+  displayName: string;
+};
+export { PillTabs as default };
+//# sourceMappingURL=PillTabs.d.mts.map

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

@@ -0,0 +1,26 @@
+"use client";
+import { styles } from "./style.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+// src/base-ui/PillTabs/PillTabs.tsx
+/** Rounded pill sub-tabs with optional counts ("Chủ đề 24 · Tài liệu 5"). */
+const PillTabs = ({ className, items, label, onChange, value }) => /* @__PURE__ */ jsx("div", {
+	"aria-label": label,
+	className: cx(styles.list, className),
+	role: "tablist",
+	children: items.map((item) => /* @__PURE__ */ jsxs("button", {
+		"aria-selected": item.key === value,
+		className: styles.pill,
+		role: "tab",
+		type: "button",
+		onClick: () => onChange(item.key),
+		children: [item.label, item.count !== void 0 && /* @__PURE__ */ jsx("span", {
+			className: styles.count,
+			children: item.count
+		})]
+	}, item.key))
+});
+PillTabs.displayName = "PillTabs";
+export { PillTabs as default };
+
+//# sourceMappingURL=PillTabs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PillTabs.mjs","names":[],"sources":["../../../src/base-ui/PillTabs/PillTabs.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\n\nimport { styles } from './style';\nimport type { PillTabsProps } from './type';\n\n/** Rounded pill sub-tabs with optional counts (\"Chủ đề 24 · Tài liệu 5\"). */\nconst PillTabs = <K extends string = string>({\n  className,\n  items,\n  label,\n  onChange,\n  value,\n}: PillTabsProps<K>) => (\n  <div aria-label={label} className={cx(styles.list, className)} role={'tablist'}>\n    {items.map((item) => (\n      <button\n        aria-selected={item.key === value}\n        className={styles.pill}\n        key={item.key}\n        role={'tab'}\n        type={'button'}\n        onClick={() => onChange(item.key)}\n      >\n        {item.label}\n        {item.count !== undefined && <span className={styles.count}>{item.count}</span>}\n      </button>\n    ))}\n  </div>\n);\n\nPillTabs.displayName = 'PillTabs';\n\nexport default PillTabs;\n"],"mappings":";;;;;;AAQA,MAAM,YAAuC,EAC3C,WACA,OACA,OACA,UACA,YAEA,oBAAC,OAAD;CAAK,cAAY;CAAO,WAAW,GAAG,OAAO,MAAM,SAAS;CAAG,MAAM;CAClE,UAAA,MAAM,KAAK,SACV,qBAAC,UAAD;EACE,iBAAe,KAAK,QAAQ;EAC5B,WAAW,OAAO;EAElB,MAAM;EACN,MAAM;EACN,eAAe,SAAS,KAAK,GAAG;EANlC,UAAA,CAQG,KAAK,OACL,KAAK,UAAU,KAAA,KAAa,oBAAC,QAAD;GAAM,WAAW,OAAO;GAAQ,UAAA,KAAK;EAAY,CAAA,CACxE;CAPD,GAAA,KAAK,GAOJ,CACT;AACE,CAAA;AAGP,SAAS,cAAc"}

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

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

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

@@ -0,0 +1,49 @@
+import { focusRing } from "../focusRing.mjs";
+import { createStaticStyles, cssVar } from "antd-style";
+// src/base-ui/PillTabs/style.ts
+const styles = createStaticStyles(({ css }) => ({
+	count: css`
+    font-size: 12px;
+    color: ${cssVar.colorTextTertiary};
+  `,
+	list: css`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    align-items: center;
+  `,
+	pill: css`
+    cursor: pointer;
+
+    display: inline-flex;
+    gap: 6px;
+    align-items: center;
+
+    height: 32px;
+    padding-block: 0;
+    padding-inline: 12px;
+    border: 1px solid ${cssVar.colorBorder};
+    border-radius: 999px;
+
+    font: inherit;
+    font-size: 13px;
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorBgContainer};
+
+    transition: background 0.15s;
+
+    ${focusRing};
+
+    &:hover {
+      background: ${cssVar.colorFillQuaternary};
+    }
+
+    &[aria-selected='true'] {
+      background: ${cssVar.colorFillTertiary};
+    }
+  `
+}));
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/PillTabs/style.ts"],"sourcesContent":["import { createStaticStyles, cssVar } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css }) => ({\n  count: css`\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n  list: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  `,\n  pill: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n\n    height: 32px;\n    padding-block: 0;\n    padding-inline: 12px;\n    border: 1px solid ${cssVar.colorBorder};\n    border-radius: 999px;\n\n    font: inherit;\n    font-size: 13px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorBgContainer};\n\n    transition: background 0.15s;\n\n    ${focusRing};\n\n    &:hover {\n      background: ${cssVar.colorFillQuaternary};\n    }\n\n    &[aria-selected='true'] {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,WAAW;CACrD,OAAO,GAAG;;aAEC,OAAO,kBAAkB;;CAEpC,MAAM,GAAG;;;;;;CAMT,MAAM,GAAG;;;;;;;;;;wBAUa,OAAO,YAAY;;;;;aAK9B,OAAO,UAAU;;kBAEZ,OAAO,iBAAiB;;;;MAIpC,UAAU;;;oBAGI,OAAO,oBAAoB;;;;oBAI3B,OAAO,kBAAkB;;;AAG7C,EAAE"}

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

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+interface PillTabItem<K extends string = string> {
+  count?: ReactNode;
+  key: K;
+  label: ReactNode;
+}
+interface PillTabsProps<K extends string = string> {
+  className?: string;
+  items: PillTabItem<K>[];
+  /** Accessible name of the tab list. */
+  label: string;
+  onChange: (key: K) => void;
+  value: K;
+}
+export { PillTabItem, PillTabsProps };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Popover/ArrowIcon.d.mts

@@ -1,5 +1,3 @@
-//#region src/base-ui/Popover/ArrowIcon.d.ts
 declare const PopoverArrowIcon: import("react").JSX.Element;
-//#endregion
 export { PopoverArrowIcon };
 //# sourceMappingURL=ArrowIcon.d.mts.map

package/es/base-ui/Popover/ArrowIcon.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/base-ui/Popover/ArrowIcon.tsx
+// src/base-ui/Popover/ArrowIcon.tsx
 const PopoverArrowIcon = /* @__PURE__ */ jsxs("svg", {
 	"aria-hidden": "true",
 	height: "6",
@@ -14,7 +14,6 @@ const PopoverArrowIcon = /* @__PURE__ */ jsxs("svg", {
 		"data-role": "stroke"
 	})]
 });
-//#endregion
 export { PopoverArrowIcon };
 
 //# sourceMappingURL=ArrowIcon.mjs.map

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

@@ -1,8 +1,6 @@
 import { PopoverProps } from "./type.mjs";
 import { parseTrigger } from "../../utils/parseTrigger.mjs";
 import { FC } from "react";
-//#region src/base-ui/Popover/Popover.d.ts
 declare const Popover: FC<PopoverProps>;
-//#endregion
 export { Popover as default, parseTrigger };
 //# sourceMappingURL=Popover.d.mts.map

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

@@ -5,13 +5,12 @@ import { PopoverInGroup } from "./PopoverInGroup.mjs";
 import { PopoverStandalone } from "./PopoverStandalone.mjs";
 import { use } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/base-ui/Popover/Popover.tsx
+// src/base-ui/Popover/Popover.tsx
 const Popover = (props) => {
 	const group = use(PopoverGroupHandleContext);
 	return Boolean(group) && props.open === void 0 && props.defaultOpen === void 0 && !props.standalone ? /* @__PURE__ */ jsx(PopoverInGroup, { ...props }) : /* @__PURE__ */ jsx(PopoverStandalone, { ...props });
 };
 Popover.displayName = "Popover";
-//#endregion
 export { Popover as default, parseTrigger };
 
 //# sourceMappingURL=Popover.mjs.map

package/es/base-ui/Popover/PopoverGroup.d.mts

@@ -1,10 +1,8 @@
 import { PopoverGroupSharedProps } from "./groupContext.mjs";
 import { FC, ReactNode } from "react";
-//#region src/base-ui/Popover/PopoverGroup.d.ts
 type PopoverGroupProps = PopoverGroupSharedProps & {
   children: ReactNode;
 };
 declare const PopoverGroup: FC<PopoverGroupProps>;
-//#endregion
 export { PopoverGroup as default };
 //# sourceMappingURL=PopoverGroup.d.mts.map

package/es/base-ui/Popover/PopoverGroup.mjs

@@ -12,7 +12,7 @@ import { isHoverOnlyTriggerElement, shouldCancelHoverOnlyPressOpen } from "./hov
 import { useCallback, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Popover } from "@base-ui/react/popover";
-//#region src/base-ui/Popover/PopoverGroup.tsx
+// src/base-ui/Popover/PopoverGroup.tsx
 const PopoverGroup = ({ children, contentLayoutAnimation = true, disableDestroyOnInvalidTrigger = false, disableZeroOriginGuard = false, ...sharedProps }) => {
 	const [{ handle, key }, setHandleState] = useState(() => ({
 		handle: Popover.createHandle(),
@@ -117,7 +117,6 @@ const PopoverGroup = ({ children, contentLayoutAnimation = true, disableDestroyO
 	});
 };
 PopoverGroup.displayName = "PopoverGroup";
-//#endregion
 export { PopoverGroup as default };
 
 //# sourceMappingURL=PopoverGroup.mjs.map

package/es/base-ui/Popover/PopoverInGroup.mjs

@@ -10,7 +10,7 @@ import { cx } from "antd-style";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { mergeRefs } from "react-merge-refs";
 import { Popover } from "@base-ui/react/popover";
-//#region src/base-ui/Popover/PopoverInGroup.tsx
+// src/base-ui/Popover/PopoverInGroup.tsx
 const PopoverInGroup = ({ children, ref: refProp, ...props }) => {
 	const group = use(PopoverGroupHandleContext);
 	const item = useMergedPopoverProps(props);
@@ -65,7 +65,6 @@ const PopoverInGroup = ({ children, ref: refProp, ...props }) => {
 	});
 };
 PopoverInGroup.displayName = "PopoverInGroup";
-//#endregion
 export { PopoverInGroup };
 
 //# sourceMappingURL=PopoverInGroup.mjs.map

package/es/base-ui/Popover/PopoverPortal.d.mts

@@ -1,5 +1,3 @@
-//#region src/base-ui/Popover/PopoverPortal.d.ts
 declare const usePopoverPortalContainer: (root?: HTMLElement | ShadowRoot | null) => HTMLElement | null;
-//#endregion
 export { usePopoverPortalContainer };
 //# sourceMappingURL=PopoverPortal.d.mts.map

package/es/base-ui/Popover/PopoverPortal.mjs

@@ -1,12 +1,11 @@
 "use client";
 import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
-//#region src/base-ui/Popover/PopoverPortal.tsx
+// src/base-ui/Popover/PopoverPortal.tsx
 const usePopoverPortalContainer = (root) => {
 	const appElement = useAppElement();
 	if (typeof document === "undefined") return null;
 	return root ?? appElement ?? document.body;
 };
-//#endregion
 export { usePopoverPortalContainer };
 
 //# sourceMappingURL=PopoverPortal.mjs.map

package/es/base-ui/Popover/PopoverStandalone.mjs

@@ -11,7 +11,7 @@ import { shouldCancelHoverOnlyPressOpen } from "./hoverOnlyPress.mjs";
 import { memo, useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Popover } from "@base-ui/react/popover";
-//#region src/base-ui/Popover/PopoverStandalone.tsx
+// src/base-ui/Popover/PopoverStandalone.tsx
 /**
 * Popover component - displays floating content relative to a trigger element
 * Compatible with Ant Design Popover API
@@ -164,7 +164,6 @@ const PopoverStandalone = memo(({ children, content, arrow = false, trigger = "h
 	});
 });
 PopoverStandalone.displayName = "PopoverStandalone";
-//#endregion
 export { PopoverStandalone };
 
 //# sourceMappingURL=PopoverStandalone.mjs.map

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

@@ -1,7 +1,6 @@
 import { PopoverPlacement } from "./type.mjs";
 import { ComponentProps, ComponentPropsWithRef } from "react";
 import { Popover } from "@base-ui/react/popover";
-//#region src/base-ui/Popover/atoms.d.ts
 declare const PopoverRoot: typeof Popover.Root;
 declare const PopoverBackdrop: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type PopoverTriggerElementProps = Omit<ComponentPropsWithRef<typeof Popover.Trigger>, 'children' | 'render'> & {
@@ -48,6 +47,5 @@ declare const PopoverViewport: {
   ({ className, ...rest }: PopoverViewportAtomProps): import("react").JSX.Element;
   displayName: string;
 };
-//#endregion
 export { PopoverArrow, PopoverArrowAtomProps, PopoverBackdrop, PopoverPopup, PopoverPopupAtomProps, PopoverPortal, PopoverPortalAtomProps, PopoverPositioner, PopoverPositionerAtomProps, PopoverRoot, PopoverTriggerElement, PopoverTriggerElementProps, PopoverViewport, PopoverViewportAtomProps };
 //# sourceMappingURL=atoms.d.mts.map

package/es/base-ui/Popover/atoms.mjs

@@ -13,7 +13,7 @@ import { cx } from "antd-style";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { mergeRefs, useMergeRefs } from "react-merge-refs";
 import { Popover } from "@base-ui/react/popover";
-//#region src/base-ui/Popover/atoms.tsx
+// src/base-ui/Popover/atoms.tsx
 const PopoverRoot = Popover.Root;
 const PopoverBackdrop = Popover.Backdrop;
 const PopoverTriggerElement = ({ children, className, nativeButton, ref: refProp, ...rest }) => {
@@ -117,7 +117,6 @@ const PopoverViewport = ({ className, ...rest }) => {
 	});
 };
 PopoverViewport.displayName = "PopoverViewport";
-//#endregion
 export { PopoverArrow, PopoverBackdrop, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport };
 
 //# sourceMappingURL=atoms.mjs.map

package/es/base-ui/Popover/context.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/base-ui/Popover/context.d.ts
 type PopoverContextValue = {
   close: () => void;
 };
@@ -8,6 +7,5 @@ declare const PopoverProvider: import("react").NamedExoticComponent<{
   value: PopoverContextValue;
 }>;
 declare const usePopoverContext: () => PopoverContextValue;
-//#endregion
 export { PopoverContextValue, PopoverProvider, usePopoverContext };
 //# sourceMappingURL=context.d.mts.map