@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/README.md

@@ -1,3 +1,129 @@
-# Temporary Holding Version
+# Leaf UI
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A lightweight React component library with a green default theme, ConfigProvider theming and reusable CSS variables. Supports React 18 and 19.
+
+## Usage
+
+```bash
+npm install @ifhover/leaf-ui
+```
+
+[Documentation](https://ifhover.github.io/leaf-ui/) · [Changelog](https://ifhover.github.io/leaf-ui/en/changelog.html) · [Source](https://github.com/ifhover/leaf-ui) · [Issues](https://github.com/ifhover/leaf-ui/issues)
+
+```tsx
+import { Button, Input, Select } from '@ifhover/leaf-ui';
+import { Plus } from 'lucide-react';
+import '@ifhover/leaf-ui/styles.css';
+
+export function App() {
+  return (
+    <form>
+      <Input name="title" aria-label="Project name" placeholder="Project name" />
+      <Select name="team" aria-label="Team" options={[{ label: 'Design', value: 'design' }]} />
+      <Button type="submit" startIcon={<Plus />}>Create project</Button>
+    </form>
+  );
+}
+```
+
+Import the compiled stylesheet once in your application entry; consumers do not need Sass. JavaScript is available as ESM and CommonJS, with TypeScript declarations.
+
+Browser component entries load CSS automatically. Import `styles.css` once for theme variables and API services. Vite and Rsbuild / Rspack production builds retain styles for root ESM named imports and their internal dependencies on demand; component subpaths are optional. Direct esbuild bundles and CommonJS root imports do not guarantee CSS pruning; use subpaths such as `@ifhover/leaf-ui/button` in those cases. A full static stylesheet remains available at `@ifhover/leaf-ui/styles/all.css` for custom SSR pipelines.
+
+## Components
+
+- Button: four variants, icons, loading, disabled, full width and semantic red danger states. Defaults to type="button"; icon-only controls require an accessible label.
+- Input: native input properties and ref, prefix/suffix, error/warning and composition-aware onPressEnter.
+- Textarea: native multiline input, rows, maxLength, resize and validation states.
+- Checkbox: native checked/defaultChecked, disabled, mixed state and form submission.
+- Radio / RadioGroup: mutually exclusive native options, generated group names, keyboard navigation and controlled/default values.
+- Switch: native checkbox with switch semantics, loading and keyboard/form support.
+- Select: themed floating listbox, keyboard selection, clearable values, disabled options and form validation. onChange receives a string value and optional option.
+- DatePicker: calendar with local Date values, inclusive day bounds, keyboard navigation and clearing.
+- TimePicker: 12/24-hour clocks, optional seconds, configurable steps and clearing.
+- AutoComplete: free text input, filtered or dynamic suggestions, composition-aware keyboard selection.
+- Cascader: hierarchical options, full leaf paths, disabled branches and keyboard navigation.
+- Form / FormField: native submission, labels, help, validation and shared automatic or fixed label widths.
+- ConfigProvider: scoped themes, derived sizes, appearance, typography, motion and Chinese/English UI with nested inheritance.
+- DateTimePicker: calendar and time selection, optional seconds, draft confirmation and bounds.
+- DateRangePicker: year, month, ISO week, date and date-time ranges with hover previews and text input.
+- Dropdown: action menus with keyboard navigation, dividers and disabled or dangerous items.
+- Modal / Confirm: dialogs, focus management, async confirmation and useConfirm.
+- Alert: inline success, info, warning and error feedback.
+- Message / useMessage: transient feedback, loading and keyed updates.
+- Layout / Grid / Row / Col / Space / ScrollArea / Masonry: page structure, responsive columns, spacing and scrolling.
+- Segmented / Menu / BackTop: compact selection, nested navigation and scroll-to-top.
+- Descriptions / Timeline / QRCode: details, event histories, QR codes.
+- Image / ImagePreview / ImagePreviewGroup: loading and error states, zoom, galleries, thumbnails and fullscreen.
+- VirtualList / InfiniteScroll: measured virtual rows and abortable loading.
+- Transfer / InputOTP / InputMask / TimeRangePicker: transfers, code autofill/paste, formatted values and time ranges.
+- Notification / useNotification / Popconfirm / ErrorBoundary / LoadingBar / useLoadingBar: scoped notifications, async confirmations, recovery and concurrent task progress.
+- Upload / FileList / ImageCropper / SignaturePad: upload progress and cancellation, file metadata and browser media previews, movable crop selections and signature strokes.
+
+Existing families also include ButtonGroup, SplitButton, CheckboxGroup, AvatarGroup, CheckableTag, TagGroup, InputSearch, InputGroup, Textarea auto-sizing, FormList and FormErrorSummary. Select supports groups, creation and virtualization; DatePicker supports year/quarter/month/week; Tree and TreeSelect support async children and virtualization, and Tree and Tabs support reordering.
+
+Single-line controls share sm / md / lg sizes of **34 / 40 / 46px**. The default **40px** is the form alignment baseline. Checkbox, Radio and Switch use these values for the label container's minimum height.
+
+## Theming
+
+Use ConfigProvider to customize a region. Start with primaryColor, borderRadius and controlHeight; smaller and larger sizes are generated automatically. Advanced overrides live in theme.tokens.
+
+```tsx
+import { ConfigProvider, Button } from '@ifhover/leaf-ui';
+
+<ConfigProvider locale="en-US" theme={{ primaryColor: '#087f8c', borderRadius: 8, controlHeight: 40, appearance: 'light' }}>
+  <Button>Save</Button>
+</ConfigProvider>
+```
+
+Floating panels inherit the trigger's scoped theme, mount on opening and stay mounted through the closing animation. They follow scroll/resize while avoiding viewport edges. Click outside, move focus away or press Escape to dismiss. Portaled dialogs preserve the form's Tab order. Messages and confirmations follow the calling ConfigProvider region.
+
+## Confirmations and messages
+
+ConfigProvider manages messages and confirmations once at the application entry. Descendants call useMessage or useConfirm directly:
+
+```tsx
+import { Button, useMessage } from '@ifhover/leaf-ui';
+
+export function SaveButton() {
+  const { message } = useMessage();
+  return <Button onClick={() => message.success('Saved')}>Save</Button>;
+}
+```
+
+If you do not use ConfigProvider, wrap your application in MessageProvider instead. Components share one queue and can update a message using the same key. Use ConfirmProvider for a standalone confirmation scope.
+
+```tsx
+import { Button, useConfirm } from '@ifhover/leaf-ui';
+
+export function DeleteButton({ onDelete }: { onDelete: () => void | Promise<void> }) {
+  const { confirm } = useConfirm();
+  return <Button danger onClick={async () => {
+    if (await confirm({ title: 'Delete project', children: 'Continue?', type: 'danger' })) {
+      await onDelete();
+    }
+  }}>Delete</Button>;
+}
+```
+
+Custom components can read var(--leaf-color-primary), var(--leaf-radius), var(--leaf-control-height) and other shared variables inside the region. Use ConfigProvider to change library styles, and CSS variables to reuse the resulting values. See [theming](https://ifhover.github.io/leaf-ui/guide/theming.html).
+
+## Server rendering
+
+Import the static stylesheet in the framework's root entry and provide the same initial theme to server rendering and client hydration. React state can switch themes afterward without generating CSS at runtime. See [SSR usage](https://ifhover.github.io/leaf-ui/en/guide/ssr.html) for Next.js App Router, Pages Router and other React SSR frameworks.
+
+## Forms
+
+All fields support name, form and required. DatePicker submits a local YYYY-MM-DD string, TimePicker submits HH:mm (or HH:mm:ss when enabled), and Cascader submits a JSON array string. Uncontrolled fields restore defaultValue on form reset; controlled fields require resetting application state. Select, DatePicker, DateTimePicker, DateRangePicker, TimePicker and AutoComplete forward their input; Cascader forwards its trigger button. Multi-select values use repeated name entries in FormData. Provide a label or aria-label for every control.
+
+Form keeps native onSubmit, onReset and FormData behavior. Wrap each control in FormField for labels and validation feedback. Use labelWidth="auto" to align all labels to the widest one, or pass a number for a fixed pixel width. DateTimePicker submits YYYY-MM-DD HH:mm:ss; DateRangePicker submits a start/end string in the selected granularity.
+
+## More components
+
+Use Steps, Breadcrumb, Pagination and Tabs for navigation; Tag and Badge for classifications and notifications; Drawer, Loading, Progress and Tooltip for contextual feedback. Calendar supports compact and full layouts with custom schedule content. InputNumber handles numeric ranges, precision and stepping; Input with type="password" supports controlled visibility and custom toggle icons. See the [component overview](https://ifhover.github.io/leaf-ui/en/components/index.html) for examples and API details.
+
+Avatar, Card, Collapse and Tree organize content; Divider separates it. Result presents success, warning, error, information and empty states. The legacy Empty export remains compatible. TreeSelect chooses hierarchical values, and ColorPicker supports color formats, opacity and presets. Skeleton supplies loading placeholders, Popover offers nearby details or actions, and Slider and Rate collect numeric values and ratings. Select popups fit their content by default; popupWidth and popupMaxWidth customize the width. Input supports clear actions and character counts, Tabs supports closable items, and Progress can show indeterminate loading.
+
+## Icons
+
+When importing icons in your app, add lucide-react as an app dependency (for example, pnpm add lucide-react). Leaf UI uses named imports from lucide-react for its internal icons. Import icons directly from lucide-react for button and input decoration; no private icon paths or runtime full-library icon loader is needed.

package/THIRD_PARTY.md

@@ -0,0 +1,18 @@
+# 第三方实现与许可证
+
+Leaf UI 的样式、组件接口、主题和语言集成为项目源码。以下复杂交互使用已发布的开源依赖。依赖按模块导入，图片灯箱、图片裁剪和签名引擎按需加载。
+
+| 能力 | 项目 | 许可证 |
+| --- | --- | --- |
+| 浮层定位 | [Floating UI](https://github.com/floating-ui/floating-ui) | MIT |
+| 图片预览、触摸切换、缩放、全屏和缩略图 | [Yet Another React Lightbox](https://github.com/igordanchenko/yet-another-react-lightbox) | MIT |
+| 图片裁剪、触摸与键盘调整 | [react-image-crop](https://github.com/dominictobias/react-image-crop) | MIT |
+| 指针、触摸和键盘拖拽排序 | [dnd-kit](https://github.com/clauderic/dnd-kit) | MIT |
+| 虚拟列表与动态行高 | [TanStack Virtual](https://github.com/TanStack/virtual) | MIT |
+| 格式输入 | [IMask](https://github.com/uNmAnNeR/imaskjs) | MIT |
+| 签名笔迹 | [signature_pad](https://github.com/szimek/signature_pad) | MIT |
+| 二维码 | [qrcode.react](https://github.com/zpao/qrcode.react) | ISC |
+
+各外部依赖的完整许可证随其 npm 包分发。
+
+其他运行依赖（Lucide、TinyColor、tabbable）的许可证随对应依赖包分发。

package/dist/cjs/alert/alert.cjs

@@ -0,0 +1,126 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Alert: ()=>Alert,
+    FeedbackIcon: ()=>FeedbackIcon
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const presence_cjs_namespaceObject = require("../shared/presence.cjs");
+function FeedbackIcon({ type }) {
+    const Icon = {
+        success: external_lucide_react_namespaceObject.CheckCircle2,
+        info: external_lucide_react_namespaceObject.Info,
+        warning: external_lucide_react_namespaceObject.TriangleAlert,
+        error: external_lucide_react_namespaceObject.CircleX,
+        loading: external_lucide_react_namespaceObject.LoaderCircle
+    }[type];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
+        size: 18,
+        "aria-hidden": "true",
+        className: 'loading' === type ? 'leaf-feedback-spinner' : void 0
+    });
+}
+function Alert({ title, description, type = 'info', icon, showIcon = true, closable, onClose, className, ...props }) {
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const [closed, setClosed] = (0, external_react_namespaceObject.useState)(false);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const content = (0, external_react_namespaceObject.useRef)(null);
+    const present = (0, presence_cjs_namespaceObject.usePresence)(!closed, root);
+    (0, presence_cjs_namespaceObject.useContentTransition)(content, type);
+    if (!present) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        ...(0, inert_cjs_namespaceObject.inertProps)(closed),
+        ref: root,
+        "data-state": closed ? 'closing' : void 0,
+        "data-description": description ? '' : void 0,
+        "aria-hidden": closed || props['aria-hidden'],
+        role: props.role ?? ('error' === type || 'warning' === type ? 'alert' : 'status'),
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-alert', `leaf-alert--${type}`, className),
+        children: [
+            showIcon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-alert__icon",
+                "aria-hidden": "true",
+                children: icon ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FeedbackIcon, {
+                    type: type
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-alert__content",
+                ref: content,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-alert__title",
+                        children: title
+                    }),
+                    description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-alert__description",
+                        children: description
+                    })
+                ]
+            }),
+            closable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                className: "leaf-alert__close",
+                "aria-label": messages.close,
+                onClick: ()=>{
+                    const node = root.current;
+                    if (node) {
+                        node.style.setProperty('--leaf-alert-height', `${node.getBoundingClientRect().height}px`);
+                        node.offsetHeight;
+                    }
+                    setClosed(true);
+                    onClose?.();
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            })
+        ]
+    });
+}
+exports.Alert = __webpack_exports__.Alert;
+exports.FeedbackIcon = __webpack_exports__.FeedbackIcon;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Alert",
+    "FeedbackIcon"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=alert.cjs.map

package/dist/cjs/alert/alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert/alert.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/alert/alert.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { CheckCircle2, CircleX, Info, LoaderCircle, TriangleAlert, X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nexport type FeedbackType = 'success' | 'info' | 'warning' | 'error';\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  type?: FeedbackType;\n  icon?: ReactNode;\n  showIcon?: boolean;\n  closable?: boolean;\n  onClose?: () => void;\n}\nexport function FeedbackIcon({ type }: { type: FeedbackType | 'loading' }) {\n  const Icon = {\n    success: CheckCircle2,\n    info: Info,\n    warning: TriangleAlert,\n    error: CircleX,\n    loading: LoaderCircle,\n  }[type];\n  return (\n    <Icon\n      size={18}\n      aria-hidden=\"true\"\n      className={type === 'loading' ? 'leaf-feedback-spinner' : undefined}\n    />\n  );\n}\nexport function Alert({\n  title,\n  description,\n  type = 'info',\n  icon,\n  showIcon = true,\n  closable,\n  onClose,\n  className,\n  ...props\n}: AlertProps) {\n  const { messages } = useLeafConfig();\n  const [closed, setClosed] = useState(false);\n  const root = useRef<HTMLDivElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const present = usePresence(!closed, root);\n  useContentTransition(content, type);\n  if (!present) return null;\n  return (\n    <div\n      {...props}\n      {...inertProps(closed)}\n      ref={root}\n      data-state={closed ? 'closing' : undefined}\n      data-description={description ? '' : undefined}\n      aria-hidden={closed || props['aria-hidden']}\n      role={props.role ?? (type === 'error' || type === 'warning' ? 'alert' : 'status')}\n      className={classes('leaf-alert', `leaf-alert--${type}`, className)}\n    >\n      {showIcon && (\n        <span className=\"leaf-alert__icon\" aria-hidden=\"true\">\n          {icon ?? <FeedbackIcon type={type} />}\n        </span>\n      )}\n      <div className=\"leaf-alert__content\" ref={content}>\n        <div className=\"leaf-alert__title\">{title}</div>\n        {description && <div className=\"leaf-alert__description\">{description}</div>}\n      </div>\n      {closable && (\n        <button\n          type=\"button\"\n          className=\"leaf-alert__close\"\n          aria-label={messages.close}\n          onClick={() => {\n            const node = root.current;\n            if (node) {\n              node.style.setProperty(\n                '--leaf-alert-height',\n                `${node.getBoundingClientRect().height}px`,\n              );\n              void node.offsetHeight;\n            }\n            setClosed(true);\n            onClose?.();\n          }}\n        >\n          <X size={16} aria-hidden=\"true\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","FeedbackIcon","type","Icon","CheckCircle2","Info","TriangleAlert","CircleX","LoaderCircle","undefined","Alert","title","description","icon","showIcon","closable","onClose","className","props","messages","useLeafConfig","closed","setClosed","useState","root","useRef","content","present","usePresence","useContentTransition","inertProps","classes","node","X"],"mappings":"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"}

package/dist/cjs/alert/alert.d.cts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type FeedbackType = 'success' | 'info' | 'warning' | 'error';
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: ReactNode;
+    description?: ReactNode;
+    type?: FeedbackType;
+    icon?: ReactNode;
+    showIcon?: boolean;
+    closable?: boolean;
+    onClose?: () => void;
+}
+export declare function FeedbackIcon({ type }: {
+    type: FeedbackType | 'loading';
+}): import("react").JSX.Element;
+export declare function Alert({ title, description, type, icon, showIcon, closable, onClose, className, ...props }: AlertProps): import("react").JSX.Element | null;
+//# sourceMappingURL=alert.d.cts.map

package/dist/cjs/alert/alert.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.cts","sourceRoot":"","sources":["../../../src/alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAK9E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;CAAE,+BAexE;AACD,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,IAAa,EACb,IAAI,EACJ,QAAe,EACf,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,sCAmDZ"}

package/dist/cjs/alert/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Alert: ()=>external_alert_cjs_namespaceObject.Alert
+});
+const external_alert_cjs_namespaceObject = require("./alert.cjs");
+exports.Alert = __webpack_exports__.Alert;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Alert"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/alert/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/alert/index.d.cts

@@ -0,0 +1,3 @@
+export type { AlertProps, FeedbackType } from './alert.cjs';
+export { Alert } from './alert.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/alert/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/alert/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/cjs/anchor/anchor.cjs

@@ -0,0 +1,199 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Affix: ()=>Affix,
+    Anchor: ()=>Anchor
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const motion_cjs_namespaceObject = require("../shared/motion.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_moving_indicator_cjs_namespaceObject = require("../tabs/use-moving-indicator.cjs");
+function Anchor({ items, container, offset = 12, activeKey, onActiveChange, smooth = true, className, ...props }) {
+    const [active, setActive] = (0, use_controllable_cjs_namespaceObject.useControllable)(activeKey, '', onActiveChange);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const indicator = (0, external_react_namespaceObject.useRef)(null);
+    const motion = (0, motion_cjs_namespaceObject.useMotionEnabled)();
+    (0, use_moving_indicator_cjs_namespaceObject.useMovingIndicator)(root, indicator, '[aria-current="location"]', active);
+    const callback = (0, external_react_namespaceObject.useRef)(setActive);
+    callback.current = setActive;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const scroll = container?.() ?? window;
+        let frame = 0;
+        const update = ()=>{
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(()=>{
+                const top = scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0;
+                let key = '';
+                const visit = (entries)=>{
+                    for (const item of entries){
+                        const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));
+                        if (target && target.getBoundingClientRect().top - top <= offset + 24) key = item.key;
+                        if (item.children) visit(item.children);
+                    }
+                };
+                visit(items);
+                callback.current(key);
+            });
+        };
+        scroll.addEventListener('scroll', update, {
+            passive: true
+        });
+        window.addEventListener('resize', update);
+        update();
+        return ()=>{
+            cancelAnimationFrame(frame);
+            scroll.removeEventListener('scroll', update);
+            window.removeEventListener('resize', update);
+        };
+    }, [
+        container,
+        items,
+        offset
+    ]);
+    const links = (entries)=>entries.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+                        href: item.href,
+                        "data-leaf-indicator-item": "",
+                        "aria-current": active === item.key ? 'location' : void 0,
+                        onClick: (event)=>{
+                            const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));
+                            if (!target) return;
+                            event.preventDefault();
+                            const scroll = container?.() ?? window;
+                            const top = target.getBoundingClientRect().top - (scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0) + (scroll instanceof HTMLElement ? scroll.scrollTop : window.scrollY) - offset;
+                            scroll.scrollTo({
+                                top,
+                                behavior: smooth && motion ? 'smooth' : 'instant'
+                            });
+                            setActive(item.key);
+                        },
+                        children: item.title
+                    }),
+                    item.children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+                        children: links(item.children)
+                    })
+                ]
+            }, item.key));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("nav", {
+        ...props,
+        ref: root,
+        "aria-label": props['aria-label'] ?? 'Contents',
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-anchor', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                ref: indicator,
+                className: "leaf-anchor__indicator",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+                children: links(items)
+            })
+        ]
+    });
+}
+function Affix({ offsetTop = 0, offsetBottom, container, onAffixChange, className, style, children, ...props }) {
+    const placeholder = (0, external_react_namespaceObject.useRef)(null), content = (0, external_react_namespaceObject.useRef)(null);
+    const [position, setPosition] = (0, external_react_namespaceObject.useState)();
+    const callback = (0, external_react_namespaceObject.useRef)(onAffixChange);
+    callback.current = onAffixChange;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const scroll = container?.() ?? window;
+        let frame = 0, was = false;
+        const update = ()=>{
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(()=>{
+                if (!placeholder.current || !content.current) return;
+                const bounds = placeholder.current.getBoundingClientRect(), view = scroll instanceof HTMLElement ? scroll.getBoundingClientRect() : {
+                    top: 0,
+                    bottom: innerHeight
+                };
+                const affixed = void 0 === offsetBottom ? bounds.top < view.top + offsetTop : bounds.bottom > view.bottom - offsetBottom;
+                setPosition(affixed ? {
+                    position: 'fixed',
+                    top: void 0 === offsetBottom ? view.top + offsetTop : view.bottom - offsetBottom - content.current.offsetHeight,
+                    left: bounds.left,
+                    width: bounds.width,
+                    zIndex: 20
+                } : void 0);
+                if (affixed !== was) {
+                    was = affixed;
+                    callback.current?.(affixed);
+                }
+            });
+        };
+        scroll.addEventListener('scroll', update, {
+            passive: true
+        });
+        window.addEventListener('resize', update);
+        const observer = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(update);
+        if (placeholder.current) observer?.observe(placeholder.current);
+        if (content.current) observer?.observe(content.current);
+        update();
+        return ()=>{
+            cancelAnimationFrame(frame);
+            observer?.disconnect();
+            scroll.removeEventListener('scroll', update);
+            window.removeEventListener('resize', update);
+        };
+    }, [
+        container,
+        offsetTop,
+        offsetBottom
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        ref: placeholder,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-affix', className),
+        style: {
+            ...style,
+            height: position ? content.current?.offsetHeight : style?.height
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: content,
+            style: position,
+            children: children
+        })
+    });
+}
+exports.Affix = __webpack_exports__.Affix;
+exports.Anchor = __webpack_exports__.Anchor;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Affix",
+    "Anchor"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=anchor.cjs.map

package/dist/cjs/anchor/anchor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor/anchor.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/anchor/anchor.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { classes } from '../shared/classes';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useControllable } from '../shared/use-controllable';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface AnchorItem {\n  key: string;\n  title: ReactNode;\n  href: string;\n  children?: readonly AnchorItem[];\n}\nexport interface AnchorProps extends HTMLAttributes<HTMLElement> {\n  items: readonly AnchorItem[];\n  container?: () => HTMLElement | Window;\n  offset?: number;\n  activeKey?: string;\n  onActiveChange?: (key: string) => void;\n  smooth?: boolean;\n}\nexport function Anchor({\n  items,\n  container,\n  offset = 12,\n  activeKey,\n  onActiveChange,\n  smooth = true,\n  className,\n  ...props\n}: AnchorProps) {\n  const [active, setActive] = useControllable(activeKey, '', onActiveChange);\n  const root = useRef<HTMLElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  const motion = useMotionEnabled();\n  useMovingIndicator(root, indicator, '[aria-current=\"location\"]', active);\n  const callback = useRef(setActive);\n  callback.current = setActive;\n  useEffect(() => {\n    const scroll = container?.() ?? window;\n    let frame = 0;\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        const top = scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0;\n        let key = '';\n        const visit = (entries: readonly AnchorItem[]) => {\n          for (const item of entries) {\n            const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));\n            if (target && target.getBoundingClientRect().top - top <= offset + 24) key = item.key;\n            if (item.children) visit(item.children);\n          }\n        };\n        visit(items);\n        callback.current(key);\n      });\n    };\n    scroll.addEventListener('scroll', update, { passive: true });\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      scroll.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n    };\n  }, [container, items, offset]);\n  const links = (entries: readonly AnchorItem[]) =>\n    entries.map((item) => (\n      <li key={item.key}>\n        <a\n          href={item.href}\n          data-leaf-indicator-item=\"\"\n          aria-current={active === item.key ? 'location' : undefined}\n          onClick={(event) => {\n            const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));\n            if (!target) return;\n            event.preventDefault();\n            const scroll = container?.() ?? window;\n            const top =\n              target.getBoundingClientRect().top -\n              (scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0) +\n              (scroll instanceof HTMLElement ? scroll.scrollTop : window.scrollY) -\n              offset;\n            scroll.scrollTo({\n              top,\n              behavior: smooth && motion ? 'smooth' : 'instant',\n            });\n            setActive(item.key);\n          }}\n        >\n          {item.title}\n        </a>\n        {item.children && <ul>{links(item.children)}</ul>}\n      </li>\n    ));\n  return (\n    <nav\n      {...props}\n      ref={root}\n      aria-label={props['aria-label'] ?? 'Contents'}\n      className={classes('leaf-anchor', className)}\n    >\n      <span ref={indicator} className=\"leaf-anchor__indicator\" aria-hidden=\"true\" />\n      <ul>{links(items)}</ul>\n    </nav>\n  );\n}\nexport interface AffixProps extends HTMLAttributes<HTMLDivElement> {\n  offsetTop?: number;\n  offsetBottom?: number;\n  container?: () => HTMLElement | Window;\n  onAffixChange?: (affixed: boolean) => void;\n}\nexport function Affix({\n  offsetTop = 0,\n  offsetBottom,\n  container,\n  onAffixChange,\n  className,\n  style,\n  children,\n  ...props\n}: AffixProps) {\n  const placeholder = useRef<HTMLDivElement>(null),\n    content = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState<React.CSSProperties>();\n  const callback = useRef(onAffixChange);\n  callback.current = onAffixChange;\n  useEffect(() => {\n    const scroll = container?.() ?? window;\n    let frame = 0,\n      was = false;\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        if (!placeholder.current || !content.current) return;\n        const bounds = placeholder.current.getBoundingClientRect(),\n          view =\n            scroll instanceof HTMLElement\n              ? scroll.getBoundingClientRect()\n              : { top: 0, bottom: innerHeight };\n        const affixed =\n          offsetBottom === undefined\n            ? bounds.top < view.top + offsetTop\n            : bounds.bottom > view.bottom - offsetBottom;\n        setPosition(\n          affixed\n            ? {\n                position: 'fixed',\n                top:\n                  offsetBottom === undefined\n                    ? view.top + offsetTop\n                    : view.bottom - offsetBottom - content.current.offsetHeight,\n                left: bounds.left,\n                width: bounds.width,\n                zIndex: 20,\n              }\n            : undefined,\n        );\n        if (affixed !== was) {\n          was = affixed;\n          callback.current?.(affixed);\n        }\n      });\n    };\n    scroll.addEventListener('scroll', update, { passive: true });\n    window.addEventListener('resize', update);\n    const observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(update);\n    if (placeholder.current) observer?.observe(placeholder.current);\n    if (content.current) observer?.observe(content.current);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      observer?.disconnect();\n      scroll.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n    };\n  }, [container, offsetTop, offsetBottom]);\n  return (\n    <div\n      {...props}\n      ref={placeholder}\n      className={classes('leaf-affix', className)}\n      style={{ ...style, height: position ? content.current?.offsetHeight : style?.height }}\n    >\n      <div ref={content} style={position}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Anchor","items","container","offset","activeKey","onActiveChange","smooth","className","props","active","setActive","useControllable","root","useRef","indicator","motion","useMotionEnabled","useMovingIndicator","callback","useEffect","scroll","window","frame","update","cancelAnimationFrame","requestAnimationFrame","top","HTMLElement","visit","entries","item","target","document","decodeURIComponent","links","undefined","event","classes","Affix","offsetTop","offsetBottom","onAffixChange","style","children","placeholder","content","position","setPosition","useState","was","bounds","view","innerHeight","affixed","observer","ResizeObserver"],"mappings":"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"}

package/dist/cjs/anchor/anchor.d.cts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface AnchorItem {
+    key: string;
+    title: ReactNode;
+    href: string;
+    children?: readonly AnchorItem[];
+}
+export interface AnchorProps extends HTMLAttributes<HTMLElement> {
+    items: readonly AnchorItem[];
+    container?: () => HTMLElement | Window;
+    offset?: number;
+    activeKey?: string;
+    onActiveChange?: (key: string) => void;
+    smooth?: boolean;
+}
+export declare function Anchor({ items, container, offset, activeKey, onActiveChange, smooth, className, ...props }: AnchorProps): import("react").JSX.Element;
+export interface AffixProps extends HTMLAttributes<HTMLDivElement> {
+    offsetTop?: number;
+    offsetBottom?: number;
+    container?: () => HTMLElement | Window;
+    onAffixChange?: (affixed: boolean) => void;
+}
+export declare function Affix({ offsetTop, offsetBottom, container, onAffixChange, className, style, children, ...props }: AffixProps): import("react").JSX.Element;
+//# sourceMappingURL=anchor.d.cts.map

package/dist/cjs/anchor/anchor.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.d.cts","sourceRoot":"","sources":["../../../src/anchor/anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAKzF,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;CAClC;AACD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,WAAW,GAAG,MAAM,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAAS,EACT,MAAW,EACX,SAAS,EACT,cAAc,EACd,MAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,+BA4Eb;AACD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,WAAW,GAAG,MAAM,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AACD,wBAAgB,KAAK,CAAC,EACpB,SAAa,EACb,YAAY,EACZ,SAAS,EACT,aAAa,EACb,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,+BAoEZ"}