@k8ordo/ui 2.1.0 → 2.2.0

package/README.md

@@ -37,15 +37,15 @@ it. Install one when you import the entry it belongs to.
 | ----------------------- | --------------- | -------- | ------------------------------------------------- |
 | `react`                 | ≥19.3.0         | yes      | the components and hooks                          |
 | `react-dom`             | ≥19.3.0         | yes      | portals and `useFormStatus`                       |
-| `@k8ordo/i18n`          | ^1.0.0          | yes      | the locale the components' own wording is read in |
+| `@k8ordo/i18n`          | ^1.1.0          | yes      | the locale the components' own wording is read in |
 | `typescript`            | ≥7.0.0          | optional | the shipped type declarations                     |
 | `@types/react`          | ≥19.3.0         | optional | the shipped type declarations                     |
 | `@types/react-dom`      | ≥19.3.0         | optional | the shipped type declarations                     |
-| `zod`                   | ^4.4.3          | optional | generative-UI schemas                             |
+| `zod`                   | ^4.6.6          | optional | generative-UI schemas                             |
 | `@json-render/core`     | ≥0.21.0 <0.22.0 | optional | `@k8ordo/ui/json-render`                          |
 | `@json-render/react`    | ≥0.21.0 <0.22.0 | optional | `@k8ordo/ui/json-render`                          |
-| `@openuidev/lang-core`  | ≥0.3.0 <0.4.0   | optional | `@k8ordo/ui/openui`, `@k8ordo/ui/openui/prompt`   |
-| `@openuidev/react-lang` | ≥0.3.0 <0.4.0   | optional | `@k8ordo/ui/openui`                               |
+| `@openuidev/lang-core`  | ^1.0.0          | optional | `@k8ordo/ui/openui`, `@k8ordo/ui/openui/prompt`   |
+| `@openuidev/react-lang` | ^1.0.0          | optional | `@k8ordo/ui/openui`                               |
 | `ai`                    | ≥7.0.51         | optional | `@k8ordo/ui/ai-sdk`                               |
 | `streamdown`            | ≥2.5.0          | optional | `@k8ordo/ui/ai/response`                          |
 

package/dist/components/_internal/form-value.d.mts

@@ -30,4 +30,5 @@ type Props = {
  * each option's `defaultSelected`, where dirtiness is read from.
  */
 export declare const FormValue: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/_internal/attachment-preview.d.mts

@@ -11,4 +11,5 @@ type Props = {
   onRemove?: () => void;
 };
 export declare const AttachmentPreview: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/_internal/collapsible.d.mts

@@ -11,4 +11,5 @@ type Props = {
   children: ReactNode;
 };
 export declare const Collapsible: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/_internal/icons.d.mts

@@ -4,4 +4,5 @@ import { FC } from "react";
 type IconProps = Partial<BaseIconProps>;
 export declare const AttachIcon: FC<IconProps>;
 export declare const FileIcon: FC<IconProps>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/attachment/attachment.d.mts

@@ -11,4 +11,5 @@ type ItemProps = {
   filename?: string;
 };
 export declare const Item: FC<ItemProps>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/conversation/conversation.d.mts

@@ -12,4 +12,5 @@ export declare const Messages: FC<MessagesProps>;
 export declare const ScrollButton: FC<{
   label?: string;
 }>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/message/message.d.mts

@@ -42,4 +42,5 @@ type FeedbackProps = {
   onChange?: (value: MessageFeedback | null) => void;
 };
 export declare const Feedback: FC<FeedbackProps>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/prompt-input/prompt-input.d.mts

@@ -31,4 +31,5 @@ type SubmitProps = {
   stopLabel?: string;
 };
 export declare const Submit: FC<SubmitProps>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/reasoning/index.mjs

@@ -1,2 +1 @@
-import { Reasoning } from "./reasoning.mjs";
-export { Reasoning };
+export { Reasoning } from "./reasoning.mjs";

package/dist/components/ai/reasoning/reasoning.d.mts

@@ -8,4 +8,5 @@ type Props = {
   onChange?: (isOpen: boolean) => void;
 };
 export declare const Reasoning: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/response/index.mjs

@@ -1,2 +1 @@
-import { Response } from "./response.mjs";
-export { Response };
+export { Response } from "./response.mjs";

package/dist/components/ai/response/response.d.mts

@@ -15,4 +15,5 @@ type Props = {
  * `children` / `isStreaming` 以外の props は streamdown にそのまま渡る。
  */
 export declare const Response: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/source/source.d.mts

@@ -10,4 +10,5 @@ type ItemProps = {
   title?: string;
 };
 export declare const Item: FC<ItemProps>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/suggestion/suggestion.d.mts

@@ -11,4 +11,5 @@ type ItemProps = {
   children?: ReactNode;
 };
 export declare const Item: FC<ItemProps>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/tool-invocation/approval-bar.d.mts

@@ -8,4 +8,5 @@ type Props = {
   onApprovalResponse?: (response: ToolApprovalResponse) => void | PromiseLike<void>;
 };
 export declare const ApprovalBar: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/ai/tool-invocation/index.mjs

@@ -1,2 +1 @@
-import { ToolInvocation } from "./tool-invocation.mjs";
-export { ToolInvocation };
+export { ToolInvocation } from "./tool-invocation.mjs";

package/dist/components/ai/tool-invocation/tool-invocation.d.mts

@@ -14,4 +14,5 @@ type Props = {
   onChange?: (isOpen: boolean) => void;
 };
 export declare const ToolInvocation: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/buttons/button/button.d.mts

@@ -47,4 +47,5 @@ type Props = {
   renderItem?: (props: ButtonRenderItemProps) => ReactNode;
 } & Omit<ComponentPropsWithRef<'button'>, 'type' | 'className' | 'style'>;
 export declare const Button: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/buttons/button/index.mjs

@@ -1,2 +1 @@
-import { Button } from "./button.mjs";
-export { Button };
+export { Button } from "./button.mjs";

package/dist/components/buttons/copy-button/index.mjs

@@ -1,2 +1 @@
-import { CopyButton } from "./copy-button.mjs";
-export { CopyButton };
+export { CopyButton } from "./copy-button.mjs";

package/dist/components/buttons/icon-button/icon-button.d.mts

@@ -53,4 +53,5 @@ type Props = {
   renderItem?: (props: IconButtonRenderItemProps) => ReactNode;
 } & Omit<ComponentPropsWithRef<'button'>, 'type' | 'className' | 'style'>;
 export declare const IconButton: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/buttons/icon-button/index.mjs

@@ -1,2 +1 @@
-import { IconButton } from "./icon-button.mjs";
-export { IconButton };
+export { IconButton } from "./icon-button.mjs";

package/dist/components/buttons/toolbar/toolbar.d.mts

@@ -15,4 +15,5 @@ export declare const Item: FC<{
   renderItem: (props: ToolbarItemProps) => ReactElement;
 }>;
 export declare const Separator: FC;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/avatar/avatar.d.mts

@@ -10,4 +10,5 @@ type Props = {
   src?: string;
 } & Omit<HTMLAttributes<HTMLSpanElement>, 'role' | 'aria-label' | 'className' | 'style'>;
 export declare const Avatar: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/avatar/index.mjs

@@ -1,2 +1 @@
-import { Avatar } from "./avatar.mjs";
-export { Avatar };
+export { Avatar } from "./avatar.mjs";

package/dist/components/data-display/badge/badge.d.mts

@@ -17,4 +17,5 @@ type StaticProps = {
 } & Omit<HTMLAttributes<HTMLSpanElement>, 'children' | 'className' | 'style'>;
 type Props = BaseProps & (InteractiveProps | StaticProps);
 export declare const Badge: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/badge/index.mjs

@@ -1,2 +1 @@
-import { Badge } from "./badge.mjs";
-export { Badge };
+export { Badge } from "./badge.mjs";

package/dist/components/data-display/card/card.d.mts

@@ -6,4 +6,5 @@ type CardProps = {
   interactive?: boolean;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
 export declare const Card: FC<CardProps>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/card/index.mjs

@@ -1,2 +1 @@
-import { Card } from "./card.mjs";
-export { Card };
+export { Card } from "./card.mjs";

package/dist/components/data-display/carousel/carousel.d.mts

@@ -8,4 +8,5 @@ export declare const Root: FC<PropsWithChildren<{
 export declare const Slide: FC<PropsWithChildren<{
   label?: string;
 }>>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/code/code.d.mts

@@ -4,4 +4,5 @@ type Props = {
   children: string;
 } & Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>;
 export declare const Code: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/code/find-all-colors.d.mts

@@ -12,4 +12,5 @@ type ColorMatch = {
  * @returns 色の値、開始位置、終了位置を含む色オブジェクトの配列
  */
 export declare function findAllColors(text: string): ColorMatch[];
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/code/index.mjs

@@ -1,2 +1 @@
-import { Code } from "./code.mjs";
-export { Code };
+export { Code } from "./code.mjs";

package/dist/components/data-display/code-block/code-block.d.mts

@@ -9,4 +9,5 @@ type Props = {
   callouts?: Readonly<Record<number, string | readonly string[]>>;
 } & Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'lang' | 'style' | 'title'>;
 export declare const CodeBlock: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/code-block/highlight.d.mts

@@ -6,4 +6,5 @@ type Options = {
   callouts?: Readonly<Record<number, string | readonly string[]>> | undefined;
 };
 export declare const highlight: (code: string, options: Options) => Promise<string>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/code-block/index.mjs

@@ -1,2 +1 @@
-import { CodeBlock } from "./code-block.mjs";
-export { CodeBlock };
+export { CodeBlock } from "./code-block.mjs";

package/dist/components/data-display/data-table/data-table.d.mts

@@ -28,4 +28,5 @@ type Props<Row> = {
   emptyState?: ReactNode;
 };
 export declare const DataTable: <Row>({ label, columns, rows, getRowId, sort, onSortChange, selectedIds, onSelectedIdsChange, hiddenColumnIds, onHiddenColumnIdsChange, emptyState }: Props<Row>) => import("react").JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/data-table/index.mjs

@@ -1,2 +1 @@
-import { DataTable } from "./data-table.mjs";
-export { DataTable };
+export { DataTable } from "./data-table.mjs";

package/dist/components/data-display/heading/heading.d.mts

@@ -5,4 +5,5 @@ type Props = {
   lineClamp?: 1 | 2 | 3 | 4 | 5 | 6;
 } & Omit<HTMLAttributes<HTMLHeadingElement>, 'className' | 'style'>;
 export declare const Heading: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/heading/index.mjs

@@ -1,2 +1 @@
-import { Heading } from "./heading.mjs";
-export { Heading };
+export { Heading } from "./heading.mjs";

package/dist/components/data-display/kbd/index.mjs

@@ -1,2 +1 @@
-import { Kbd } from "./kbd.mjs";
-export { Kbd };
+export { Kbd } from "./kbd.mjs";

package/dist/components/data-display/kbd/kbd.d.mts

@@ -5,4 +5,5 @@ type Props = {
   label?: string;
 } & Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>;
 export declare const Kbd: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/prose/index.mjs

@@ -1,2 +1 @@
-import { Prose } from "./prose.mjs";
-export { Prose };
+export { Prose } from "./prose.mjs";

package/dist/components/data-display/prose/prose.d.mts

@@ -2,4 +2,5 @@ import { FC, HTMLAttributes } from "react";
 //#region src/components/data-display/prose/prose.d.ts
 type Props = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
 export declare const Prose: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/table/index.mjs

@@ -1,2 +1 @@
-import { Table } from "./table.mjs";
-export { Table };
+export { Table } from "./table.mjs";

package/dist/components/data-display/table/table.d.mts

@@ -31,4 +31,5 @@ export declare const Table: {
   readonly Caption: FC<CaptionProps>;
   readonly EmptyState: FC<EmptyRowProps>;
 };
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/tree/index.mjs

@@ -1,2 +1 @@
-import { Tree } from "./tree.mjs";
-export { Tree };
+export { Tree } from "./tree.mjs";

package/dist/components/data-display/tree/tree.css

@@ -6,21 +6,7 @@
     display: flex;
   }
 
-  .bAFyoa_item:focus-visible {
-    outline-style: none;
-  }
-
-  .bAFyoa_item:focus-visible > .bAFyoa_row {
-    box-shadow: var(--shadow-ring-info);
-    outline-style: none;
-
-    @media (forced-colors: active) {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
-  }
-
-  .bAFyoa_row {
+  .bAFyoa_item {
     cursor: pointer;
     align-items: center;
     gap: calc(var(--spacing) * 1.5);

package/dist/components/data-display/tree/tree.d.mts

@@ -17,4 +17,5 @@ type Props = {
   onChange?: (id: string) => void;
 } & Omit<HTMLAttributes<HTMLUListElement>, 'children' | 'className' | 'style' | 'onChange' | 'role' | 'aria-label'>;
 export declare const Tree: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/data-display/tree/tree.mjs

@@ -1,16 +1,20 @@
 "use client";
+import focus_ring_module_default from "../../_internal/focus-ring.module.mjs";
 import { ChevronIcon } from "../../icons/lucide.mjs";
 import { useControllableState } from "../../../hooks/controllable-state/index.mjs";
 import { readWritingMode } from "../../../hooks/writing-mode/index.mjs";
 import tree_module_default from "./tree.module.mjs";
 import { clsx } from "clsx";
-import { useId, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/data-display/tree/tree.tsx
-const visibleItemsOf = (items, expandedIds, parentId = null) => items.flatMap((item) => [{
+const visibleItemsOf = (items, expandedIds, parentId = null, level = 1) => items.flatMap((item, index) => [{
 	item,
-	parentId
-}, ...item.children !== void 0 && expandedIds.includes(item.id) ? visibleItemsOf(item.children, expandedIds, item.id) : []]);
+	parentId,
+	level,
+	setSize: items.length,
+	posInSet: index + 1
+}, ...item.children !== void 0 && expandedIds.includes(item.id) ? visibleItemsOf(item.children, expandedIds, item.id, level + 1) : []]);
 const hasChildren = (item) => item.children !== void 0 && item.children.length > 0;
 const directionOf = (key, isVertical) => {
 	return (isVertical ? {
@@ -27,7 +31,6 @@ const directionOf = (key, isVertical) => {
 };
 const NONE = [];
 const Tree = ({ label, items, expandedIds, defaultExpandedIds, onExpandedChange, selectedId, defaultSelectedId = null, onChange, ...rest }) => {
-	const baseId = useId();
 	const [expanded, setExpanded] = useControllableState({
 		value: expandedIds,
 		defaultValue: defaultExpandedIds ?? NONE,
@@ -79,41 +82,44 @@ const Tree = ({ label, items, expandedIds, defaultExpandedIds, onExpandedChange,
 		event.preventDefault();
 		event.stopPropagation();
 	};
-	const renderItems = (level, depth) => level.map((item) => {
-		const entry = entryById.get(item.id);
-		const isParent = hasChildren(item);
-		const isExpanded = isParent && expanded.includes(item.id);
-		const isSelected = selected === item.id;
-		const labelId = `${baseId}-${item.id}`;
-		return /* @__PURE__ */ jsxs("li", {
-			"aria-expanded": isParent ? isExpanded : void 0,
-			"aria-labelledby": labelId,
-			"aria-selected": isSelected,
-			className: tree_module_default.item,
-			onClick: (event) => {
-				event.stopPropagation();
-				setSelected(item.id);
-				focus(item.id);
-				if (isParent) toggle(item.id);
-			},
-			onFocus: (event) => {
-				if (event.target === event.currentTarget) setFocusedId(item.id);
-			},
-			onKeyDown: (event) => {
-				if (entry !== void 0 && event.target === event.currentTarget) onKeyDown(event, entry);
-			},
-			ref: (element) => {
-				if (element === null) {
-					elements.current.delete(item.id);
-					return;
-				}
-				elements.current.set(item.id, element);
-			},
-			role: "treeitem",
-			tabIndex: item.id === tabbableId ? 0 : -1,
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx(tree_module_default.row, isSelected ? tree_module_default.selected : tree_module_default.unselected),
-				style: { paddingInlineStart: `${String(depth * .75 + .25)}rem` },
+	return /* @__PURE__ */ jsx("ul", {
+		...rest,
+		"aria-label": label,
+		className: tree_module_default.root,
+		role: "tree",
+		children: visible.map((entry) => {
+			const { item, level, setSize, posInSet } = entry;
+			const isParent = hasChildren(item);
+			const isExpanded = isParent && expanded.includes(item.id);
+			const isSelected = selected === item.id;
+			return /* @__PURE__ */ jsxs("li", {
+				"aria-expanded": isParent ? isExpanded : void 0,
+				"aria-level": level,
+				"aria-posinset": posInSet,
+				"aria-selected": isSelected,
+				"aria-setsize": setSize,
+				className: clsx(tree_module_default.item, focus_ring_module_default.ringNoBorder, isSelected ? tree_module_default.selected : tree_module_default.unselected),
+				onClick: () => {
+					setSelected(item.id);
+					focus(item.id);
+					if (isParent) toggle(item.id);
+				},
+				onFocus: () => {
+					setFocusedId(item.id);
+				},
+				onKeyDown: (event) => {
+					onKeyDown(event, entry);
+				},
+				ref: (element) => {
+					if (element === null) {
+						elements.current.delete(item.id);
+						return;
+					}
+					elements.current.set(item.id, element);
+				},
+				role: "treeitem",
+				style: { paddingInlineStart: `${String((level - 1) * .75 + .25)}rem` },
+				tabIndex: item.id === tabbableId ? 0 : -1,
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						"aria-hidden": "true",
@@ -128,23 +134,10 @@ const Tree = ({ label, items, expandedIds, defaultExpandedIds, onExpandedChange,
 						className: tree_module_default.icon,
 						children: item.icon
 					}),
-					/* @__PURE__ */ jsx("span", {
-						id: labelId,
-						children: item.label
-					})
+					item.label
 				]
-			}), isExpanded && item.children !== void 0 ? /* @__PURE__ */ jsx("ul", {
-				role: "group",
-				children: renderItems(item.children, depth + 1)
-			}) : null]
-		}, item.id);
-	});
-	return /* @__PURE__ */ jsx("ul", {
-		...rest,
-		"aria-label": label,
-		className: tree_module_default.root,
-		role: "tree",
-		children: renderItems(items, 0)
+			}, item.id);
+		})
 	});
 };
 //#endregion

package/dist/components/data-display/tree/tree.module.mjs

@@ -7,7 +7,6 @@ var tree_module_default = {
 	"item": "bAFyoa_item",
 	"leaf": "bAFyoa_leaf",
 	"root": "bAFyoa_root",
-	"row": "bAFyoa_row",
 	"selected": "bAFyoa_selected",
 	"unselected": "bAFyoa_unselected"
 };

package/dist/components/feedback/alert/alert.d.mts

@@ -15,4 +15,5 @@ type Props = {
   closeLabel?: string;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'className' | 'style'>;
 export declare const Alert: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/feedback/alert/index.mjs

@@ -1,2 +1 @@
-import { Alert } from "./alert.mjs";
-export { Alert };
+export { Alert } from "./alert.mjs";

package/dist/components/feedback/callout/callout.d.mts

@@ -7,4 +7,5 @@ type Props = {
   children: ReactNode;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'className' | 'style'>;
 export declare const Callout: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/feedback/callout/index.mjs

@@ -1,2 +1 @@
-import { Callout } from "./callout.mjs";
-export { Callout };
+export { Callout } from "./callout.mjs";

package/dist/components/feedback/empty-state/empty-state.d.mts

@@ -7,4 +7,5 @@ type Props = {
   action?: ReactNode;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style' | 'title'>;
 export declare const EmptyState: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/feedback/empty-state/index.mjs

@@ -1,2 +1 @@
-import { EmptyState } from "./empty-state.mjs";
-export { EmptyState };
+export { EmptyState } from "./empty-state.mjs";

package/dist/components/feedback/progress/index.mjs

@@ -1,2 +1 @@
-import { Progress } from "./progress.mjs";
-export { Progress };
+export { Progress } from "./progress.mjs";

package/dist/components/feedback/progress/progress.d.mts

@@ -8,4 +8,5 @@ type Props = {
   label?: string;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>;
 export declare const Progress: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/feedback/skeleton/index.mjs

@@ -1,2 +1 @@
-import { Skeleton } from "./skeleton.mjs";
-export { Skeleton };
+export { Skeleton } from "./skeleton.mjs";

package/dist/components/feedback/skeleton/skeleton.d.mts

@@ -6,4 +6,5 @@ type Props = {
   size?: 'sm' | 'md' | 'lg';
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>;
 export declare const Skeleton: FC<Props>;
-//#endregion
+//#endregion
+export {};

package/dist/components/feedback/spinner/index.mjs

@@ -1,2 +1 @@
-import { Spinner } from "./spinner.mjs";
-export { Spinner };
+export { Spinner } from "./spinner.mjs";

package/dist/components/feedback/spinner/spinner.d.mts

@@ -5,4 +5,5 @@ type Props = {
   size?: 'sm' | 'md' | 'lg';
 } & Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'aria-label' | 'className' | 'style'>;
 export declare const Spinner: FC<Props>;
-//#endregion
+//#endregion
+export {};