@jbpark/ui-kit 10.3.0 → 10.4.0

package/dist/components/organisms/imperative-stack.mjs

@@ -44,8 +44,9 @@ function createImperativeStack({ createRootElement, StackItem }) {
 		}, [container]);
 		const getSnapshot = useCallback(() => getContainerState(container).stack, [container]);
 		const stack = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-		return /* @__PURE__ */ jsx(ConfigSnapshotProvider, { children: stack.map(({ id, ...props }) => /* @__PURE__ */ jsx(StackItem, {
+		return /* @__PURE__ */ jsx(ConfigSnapshotProvider, { children: stack.map(({ id, ...props }, index) => /* @__PURE__ */ jsx(StackItem, {
 			id,
+			index,
 			...props
 		}, id)) });
 	};
@@ -67,6 +68,19 @@ function createImperativeStack({ createRootElement, StackItem }) {
 		state.update?.();
 		return id;
 	};
+	const update = (id, next) => {
+		for (const state of containerStates.values()) {
+			const index = state.stack.findIndex((item) => item.id === id);
+			if (index === -1) continue;
+			state.stack = state.stack.map((item, position) => position === index ? {
+				...next(item),
+				id
+			} : item);
+			state.update?.();
+			return true;
+		}
+		return false;
+	};
 	const destroy = (id) => {
 		if (!id) {
 			containerStates.forEach((state) => {
@@ -97,6 +111,7 @@ function createImperativeStack({ createRootElement, StackItem }) {
 	};
 	return {
 		render,
+		update,
 		destroy,
 		getRootElement
 	};

package/dist/components/organisms/imperative-stack.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"imperative-stack.mjs","names":[],"sources":["../../../src/components/organisms/imperative-stack.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useSyncExternalStore } from 'react';\nimport { Root, createRoot } from 'react-dom/client';\n\nimport { ConfigSnapshotProvider, getRootConfigValue } from '@repo/ui/providers';\n\n// Monotonic per-session counter for stack item ids. These ids are internal\n// handles (React keys + destroy(id) lookups), not cryptographic, so a plain\n// counter is enough and avoids a runtime `uuid` dependency.\nlet idCounter = 0;\nconst nextId = () => `stack-${(idCounter += 1)}`;\n\n// Shared machinery behind Modal.info/success/error/warning/confirm and\n// Toast.info/success/error/warning — both used to independently\n// reimplement ~120 near-identical lines of this (container-scoped stack,\n// a React root per container, imperative render/destroy). The only parts\n// that actually differ between the two are the DOM node their stack\n// mounts into (position/ARIA) and which component renders each stack\n// entry — everything else here is generic over that.\n\nexport const isBrowser =\n  typeof window !== 'undefined' && typeof document !== 'undefined';\n\ntype ContainerState<TProps> = {\n  stack: (TProps & { id: string })[];\n  update: (() => void) | null;\n};\n\nexport interface ImperativeStack<\n  TProps extends { id?: string; container?: HTMLElement },\n> {\n  render: (props: TProps) => string | undefined;\n  destroy: (id?: string) => void;\n  getRootElement: (container?: HTMLElement) => HTMLElement | null;\n}\n\nexport interface ImperativeStackOptions<\n  TProps extends { id?: string; container?: HTMLElement },\n> {\n  /** Creates the DOM node this stack's React root mounts into — not yet\n   * attached to the document; the factory appends it to the target\n   * container itself. Called once per distinct container. */\n  createRootElement: () => HTMLElement;\n  /** Renders one stack entry — typically each caller's \"Static<Thing>\"\n   * component, which owns its own createPortal(..., getRootElement()). */\n  StackItem: React.ComponentType<TProps & { id: string }>;\n}\n\nexport function createImperativeStack<\n  TProps extends { id?: string; container?: HTMLElement },\n>({\n  createRootElement,\n  StackItem,\n}: ImperativeStackOptions<TProps>): ImperativeStack<TProps> {\n  const containerStates = new Map<HTMLElement, ContainerState<TProps>>();\n  const rootElements = new WeakMap<HTMLElement, HTMLElement>();\n  const reactRoots = new Map<HTMLElement, Root>();\n\n  const getContainerState = (\n    container: HTMLElement,\n  ): ContainerState<TProps> => {\n    let state = containerStates.get(container);\n\n    if (!state) {\n      state = { stack: [], update: null };\n      containerStates.set(container, state);\n    }\n\n    return state;\n  };\n\n  // Shared by `render` and `getRootElement` so both agree on the same\n  // target container whenever the caller doesn't pass one explicitly — the\n  // stack's React root (created once, in `render`) and the DOM node a\n  // `StackItem` (e.g. StaticToast) later portals into (calling\n  // `getRootElement` again with the same, possibly-undefined `container`)\n  // would otherwise resolve two different containers here, splitting the\n  // React tree (correctly under the root Config, via ConfigSnapshotProvider\n  // above) from the actual visible DOM (silently back under `document.body`,\n  // outside the Config's themed wrapper — undoing this fix's whole point).\n  const resolveContainer = (container?: HTMLElement): HTMLElement =>\n    container || getRootConfigValue()?.getContainer() || document.body;\n\n  const getRootElement = (container?: HTMLElement): HTMLElement | null => {\n    if (!isBrowser) {\n      return null;\n    }\n\n    const targetContainer = resolveContainer(container);\n    let rootEl = rootElements.get(targetContainer);\n\n    if (!rootEl) {\n      rootEl = createRootElement();\n      targetContainer.appendChild(rootEl);\n      rootElements.set(targetContainer, rootEl);\n    }\n\n    return rootEl;\n  };\n\n  const StackRenderer = ({ container }: { container: HTMLElement }) => {\n    const subscribe = useCallback(\n      (onStoreChange: () => void) => {\n        const state = getContainerState(container);\n        state.update = onStoreChange;\n        return () => {\n          state.update = null;\n        };\n      },\n      [container],\n    );\n\n    const getSnapshot = useCallback(\n      () => getContainerState(container).stack,\n      [container],\n    );\n\n    const stack = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n    return (\n      <ConfigSnapshotProvider>\n        {stack.map(({ id, ...props }) => (\n          <StackItem key={id} id={id} {...(props as TProps)} />\n        ))}\n      </ConfigSnapshotProvider>\n    );\n  };\n\n  const render = (props: TProps): string | undefined => {\n    if (!isBrowser) {\n      return;\n    }\n\n    // An explicit `container` prop always wins (it may be chosen for\n    // layout reasons unrelated to theming); otherwise mount into the root\n    // Config's own themed wrapper element (if one renders — see\n    // `needsWrapper` in config.tsx) so CSS custom properties and the\n    // `.dark` class cascade to this stack via normal DOM inheritance, not\n    // just `document.body` sitting as an unthemed sibling of it.\n    const targetContainer = resolveContainer(props.container);\n    const rootElement = getRootElement(targetContainer)!;\n\n    if (!reactRoots.has(targetContainer)) {\n      const root = createRoot(rootElement);\n      reactRoots.set(targetContainer, root);\n      root.render(<StackRenderer container={targetContainer} />);\n    }\n\n    const state = getContainerState(targetContainer);\n    const id = props.id || nextId();\n    state.stack = [...state.stack, { ...props, id }];\n    state.update?.();\n\n    return id;\n  };\n\n  const destroy = (id?: string) => {\n    if (!id) {\n      containerStates.forEach(state => {\n        state.stack = [];\n        state.update?.();\n      });\n      reactRoots.forEach((root, container) => {\n        root.unmount();\n        rootElements.get(container)?.remove();\n        rootElements.delete(container);\n      });\n      reactRoots.clear();\n      containerStates.clear();\n      return;\n    }\n\n    containerStates.forEach((state, container) => {\n      if (!state.stack.some(item => item.id === id)) {\n        return;\n      }\n\n      state.stack = state.stack.filter(item => item.id !== id);\n      state.update?.();\n\n      if (!state.stack.length) {\n        reactRoots.get(container)?.unmount();\n        reactRoots.delete(container);\n        containerStates.delete(container);\n        rootElements.get(container)?.remove();\n        rootElements.delete(container);\n      }\n    });\n  };\n\n  return { render, destroy, getRootElement };\n}\n"],"mappings":"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"}
+{"version":3,"file":"imperative-stack.mjs","names":[],"sources":["../../../src/components/organisms/imperative-stack.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useSyncExternalStore } from 'react';\nimport { Root, createRoot } from 'react-dom/client';\n\nimport { ConfigSnapshotProvider, getRootConfigValue } from '@repo/ui/providers';\n\n// Monotonic per-session counter for stack item ids. These ids are internal\n// handles (React keys + destroy(id) lookups), not cryptographic, so a plain\n// counter is enough and avoids a runtime `uuid` dependency.\nlet idCounter = 0;\nconst nextId = () => `stack-${(idCounter += 1)}`;\n\n// Shared machinery behind Modal.info/success/error/warning/confirm and\n// Toast.info/success/error/warning — both used to independently\n// reimplement ~120 near-identical lines of this (container-scoped stack,\n// a React root per container, imperative render/destroy). The only parts\n// that actually differ between the two are the DOM node their stack\n// mounts into (position/ARIA) and which component renders each stack\n// entry — everything else here is generic over that.\n\nexport const isBrowser =\n  typeof window !== 'undefined' && typeof document !== 'undefined';\n\ntype ContainerState<TProps> = {\n  stack: (TProps & { id: string })[];\n  update: (() => void) | null;\n};\n\nexport interface ImperativeStack<\n  TProps extends { id?: string; container?: HTMLElement },\n> {\n  render: (props: TProps) => string | undefined;\n  // Replaces an existing entry's props in place, keeping its position in the\n  // stack; returns false when no container holds `id`.\n  update: (id: string, next: (current: TProps) => TProps) => boolean;\n  destroy: (id?: string) => void;\n  getRootElement: (container?: HTMLElement) => HTMLElement | null;\n}\n\nexport interface ImperativeStackOptions<\n  TProps extends { id?: string; container?: HTMLElement },\n> {\n  /** Creates the DOM node this stack's React root mounts into — not yet\n   * attached to the document; the factory appends it to the target\n   * container itself. Called once per distinct container. */\n  createRootElement: () => HTMLElement;\n  /** Renders one stack entry — typically each caller's \"Static<Thing>\"\n   * component, which owns its own createPortal(..., getRootElement()).\n   * `index` is the entry's position in its container's stack, oldest first. */\n  StackItem: React.ComponentType<TProps & { id: string; index: number }>;\n}\n\nexport function createImperativeStack<\n  TProps extends { id?: string; container?: HTMLElement },\n>({\n  createRootElement,\n  StackItem,\n}: ImperativeStackOptions<TProps>): ImperativeStack<TProps> {\n  const containerStates = new Map<HTMLElement, ContainerState<TProps>>();\n  const rootElements = new WeakMap<HTMLElement, HTMLElement>();\n  const reactRoots = new Map<HTMLElement, Root>();\n\n  const getContainerState = (\n    container: HTMLElement,\n  ): ContainerState<TProps> => {\n    let state = containerStates.get(container);\n\n    if (!state) {\n      state = { stack: [], update: null };\n      containerStates.set(container, state);\n    }\n\n    return state;\n  };\n\n  // Shared by `render` and `getRootElement` so both agree on the same\n  // target container whenever the caller doesn't pass one explicitly — the\n  // stack's React root (created once, in `render`) and the DOM node a\n  // `StackItem` (e.g. StaticToast) later portals into (calling\n  // `getRootElement` again with the same, possibly-undefined `container`)\n  // would otherwise resolve two different containers here, splitting the\n  // React tree (correctly under the root Config, via ConfigSnapshotProvider\n  // above) from the actual visible DOM (silently back under `document.body`,\n  // outside the Config's themed wrapper — undoing this fix's whole point).\n  const resolveContainer = (container?: HTMLElement): HTMLElement =>\n    container || getRootConfigValue()?.getContainer() || document.body;\n\n  const getRootElement = (container?: HTMLElement): HTMLElement | null => {\n    if (!isBrowser) {\n      return null;\n    }\n\n    const targetContainer = resolveContainer(container);\n    let rootEl = rootElements.get(targetContainer);\n\n    if (!rootEl) {\n      rootEl = createRootElement();\n      targetContainer.appendChild(rootEl);\n      rootElements.set(targetContainer, rootEl);\n    }\n\n    return rootEl;\n  };\n\n  const StackRenderer = ({ container }: { container: HTMLElement }) => {\n    const subscribe = useCallback(\n      (onStoreChange: () => void) => {\n        const state = getContainerState(container);\n        state.update = onStoreChange;\n        return () => {\n          state.update = null;\n        };\n      },\n      [container],\n    );\n\n    const getSnapshot = useCallback(\n      () => getContainerState(container).stack,\n      [container],\n    );\n\n    const stack = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n    return (\n      <ConfigSnapshotProvider>\n        {stack.map(({ id, ...props }, index) => (\n          <StackItem key={id} id={id} index={index} {...(props as TProps)} />\n        ))}\n      </ConfigSnapshotProvider>\n    );\n  };\n\n  const render = (props: TProps): string | undefined => {\n    if (!isBrowser) {\n      return;\n    }\n\n    // An explicit `container` prop always wins (it may be chosen for\n    // layout reasons unrelated to theming); otherwise mount into the root\n    // Config's own themed wrapper element (if one renders — see\n    // `needsWrapper` in config.tsx) so CSS custom properties and the\n    // `.dark` class cascade to this stack via normal DOM inheritance, not\n    // just `document.body` sitting as an unthemed sibling of it.\n    const targetContainer = resolveContainer(props.container);\n    const rootElement = getRootElement(targetContainer)!;\n\n    if (!reactRoots.has(targetContainer)) {\n      const root = createRoot(rootElement);\n      reactRoots.set(targetContainer, root);\n      root.render(<StackRenderer container={targetContainer} />);\n    }\n\n    const state = getContainerState(targetContainer);\n    const id = props.id || nextId();\n    state.stack = [...state.stack, { ...props, id }];\n    state.update?.();\n\n    return id;\n  };\n\n  const update = (id: string, next: (current: TProps) => TProps): boolean => {\n    for (const state of containerStates.values()) {\n      const index = state.stack.findIndex(item => item.id === id);\n\n      if (index === -1) {\n        continue;\n      }\n\n      state.stack = state.stack.map((item, position) =>\n        position === index ? { ...next(item), id } : item,\n      );\n      state.update?.();\n\n      return true;\n    }\n\n    return false;\n  };\n\n  const destroy = (id?: string) => {\n    if (!id) {\n      containerStates.forEach(state => {\n        state.stack = [];\n        state.update?.();\n      });\n      reactRoots.forEach((root, container) => {\n        root.unmount();\n        rootElements.get(container)?.remove();\n        rootElements.delete(container);\n      });\n      reactRoots.clear();\n      containerStates.clear();\n      return;\n    }\n\n    containerStates.forEach((state, container) => {\n      if (!state.stack.some(item => item.id === id)) {\n        return;\n      }\n\n      state.stack = state.stack.filter(item => item.id !== id);\n      state.update?.();\n\n      if (!state.stack.length) {\n        reactRoots.get(container)?.unmount();\n        reactRoots.delete(container);\n        containerStates.delete(container);\n        rootElements.get(container)?.remove();\n        rootElements.delete(container);\n      }\n    });\n  };\n\n  return { render, update, destroy, getRootElement };\n}\n"],"mappings":"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"}

package/dist/components/organisms/index.d.mts

@@ -1,17 +1,17 @@
 import Calendar, { Props } from "../../Calendar.mjs";
-import { Props as Props$1 } from "./form/control.mjs";
-import { Props as Props$2 } from "./form/field.mjs";
-import { Props as Props$3 } from "./form/form.mjs";
+import Drawer, { Props as Props$1 } from "../../Drawer.mjs";
+import { Props as Props$2 } from "./form/control.mjs";
+import { Props as Props$3 } from "./form/field.mjs";
+import { Props as Props$4 } from "./form/form.mjs";
 import Form from "../../Form.mjs";
-import Table, { Column, PaginationOptions, Props as Props$4 } from "../../Table.mjs";
-import Tour, { Props as Props$5, Step } from "../../Tour.mjs";
-import Tree, { Actions, ExpandInfo, LoadOptions, Node, Props as Props$6, ScrollOptions } from "../../Tree.mjs";
-import TreeSelect, { Props as Props$7 } from "../../TreeSelect.mjs";
-import Drawer, { Props as Props$8 } from "./drawer.mjs";
-import { Props as Props$9 } from "./list/list.mjs";
-import List from "./list/index.mjs";
-import Modal, { Props as Props$10 } from "./modal.mjs";
-import { Props as Props$11 } from "./swiper/swiper.mjs";
-import Swiper from "./swiper/index.mjs";
-import Toast, { ToastOptions as StaticProps } from "./toast.mjs";
-export { Calendar, type Props as CalendarProps, Drawer, type Props$8 as DrawerProps, Form, type Props$1 as FormControlProps, type Props$2 as FormFieldProps, type Props$3 as FormProps, List, type Props$9 as ListProps, Modal, type Props$10 as ModalProps, Swiper, type Props$11 as SwiperProps, Table, type Column as TableColumn, type PaginationOptions as TablePaginationOptions, type Props$4 as TableProps, Toast, type StaticProps as ToastOptions, Tour, type Props$5 as TourProps, type Step as TourStep, Tree, type Actions as TreeActions, type ExpandInfo as TreeExpandInfo, type LoadOptions as TreeLoadOptions, type Node as TreeNode, type Props$6 as TreeProps, type ScrollOptions as TreeScrollOptions, TreeSelect, type Node as TreeSelectNode, type Props$7 as TreeSelectProps };
+import { Props as Props$5 } from "./list/list.mjs";
+import List from "../../List.mjs";
+import Modal, { Props as Props$6 } from "../../Modal.mjs";
+import { Props as Props$7 } from "./swiper/swiper.mjs";
+import Swiper from "../../Swiper.mjs";
+import Table, { Column, PaginationOptions, Props as Props$8 } from "../../Table.mjs";
+import Toast, { GlobalConfig, Placement, ToastOptions as StaticProps } from "../../Toast.mjs";
+import Tour, { Props as Props$9, Step } from "../../Tour.mjs";
+import Tree, { Actions, ExpandInfo, LoadOptions, Node, Props as Props$10, ScrollOptions } from "../../Tree.mjs";
+import TreeSelect, { Props as Props$11 } from "../../TreeSelect.mjs";
+export { Calendar, type Props as CalendarProps, Drawer, type Props$1 as DrawerProps, Form, type Props$2 as FormControlProps, type Props$3 as FormFieldProps, type Props$4 as FormProps, List, type Props$5 as ListProps, Modal, type Props$6 as ModalProps, Swiper, type Props$7 as SwiperProps, Table, type Column as TableColumn, type PaginationOptions as TablePaginationOptions, type Props$8 as TableProps, Toast, type GlobalConfig as ToastConfig, type StaticProps as ToastOptions, type Placement as ToastPlacement, Tour, type Props$9 as TourProps, type Step as TourStep, Tree, type Actions as TreeActions, type ExpandInfo as TreeExpandInfo, type LoadOptions as TreeLoadOptions, type Node as TreeNode, type Props$10 as TreeProps, type ScrollOptions as TreeScrollOptions, TreeSelect, type Node as TreeSelectNode, type Props$11 as TreeSelectProps };

package/dist/components/organisms/list/list.d.mts

@@ -1,4 +1,4 @@
-import Skeleton from "../../atoms/skeleton/index.mjs";
+import Skeleton from "../../../Skeleton.mjs";
 import React from "react";
 //#region src/components/organisms/list/list.d.ts
 export interface Props<T> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {

package/dist/components/organisms/list/list.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { cn, renderConditional } from "../../../utils.mjs";
 import Title from "../../atoms/typography/title.mjs";
-import Skeleton from "../../atoms/skeleton/index.mjs";
+import Skeleton from "../../../Skeleton.mjs";
 import { useEffect, useRef } from "react";
 import { useIntersectionObserver } from "@jbpark/use-hooks";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/organisms/swiper/swiper.d.mts

@@ -2,6 +2,12 @@ import { SwiperProps } from "swiper/react";
 import "swiper/css";
 import { SwiperModule, SwiperOptions } from "swiper/types";
 //#region src/components/organisms/swiper/swiper.d.ts
+/**
+ * Baseline Swiper options. `navigation` / `autoplay` are inert unless the
+ * matching modules are passed through the `modules` prop — see the README next
+ * to this file.
+ */
+export declare const initialOptions: SwiperOptions;
 export interface Props<T> extends SwiperProps {
   loading?: boolean;
   loader?: React.ReactNode;

package/dist/components/organisms/swiper/swiper.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"swiper.d.mts","names":["Swiper"],"sources":["../../../../src/components/organisms/swiper/swiper.tsx"],"mappings":";;;;iBA+BiB,MAAM,WAAW;EAChC;EACA,SAAS,MAAM;EACf;EACA,UAAU;;;;;;;;;;;;;;;EAeV,UAAU;EACV,MAAM;EACN,WAAW,MAAM,GAAG,cAAc,MAAM;;cAGpCA,WAAU,KAAI,SAAA,QAAA,SAAA,SAAA,MAAA,OAAA,WAAA,YAAA,qBAAA,SAWjB,MAAM,uBAAE,IAAA"}
+{"version":3,"file":"swiper.d.mts","names":["Swiper"],"sources":["../../../../src/components/organisms/swiper/swiper.tsx"],"mappings":";;;;;;;;;qBAkBa,gBAAgB;iBAaZ,MAAM,WAAW;EAChC;EACA,SAAS,MAAM;EACf;EACA,UAAU;;;;;;;;;;;;;;;EAeV,UAAU;EACV,MAAM;EACN,WAAW,MAAM,GAAG,cAAc,MAAM;;cAGpCA,WAAU,KAAI,SAAA,QAAA,SAAA,SAAA,MAAA,OAAA,WAAA,YAAA,qBAAA,SAWjB,MAAM,uBAAE,IAAA"}

package/dist/components/organisms/swiper/swiper.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { cn } from "../../../utils.mjs";
-import Spin from "../../atoms/spin.mjs";
+import Spin from "../../../Spin.mjs";
 import { cloneElement, isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Swiper } from "swiper/react";

package/dist/components/templates/index.d.mts

@@ -1,13 +1,12 @@
-import { Props } from "./layout/content.mjs";
-import { Props as Props$1 } from "./layout/footer.mjs";
-import { Props as Props$2 } from "./layout/header.mjs";
-import { Props as Props$3 } from "./layout/layout.mjs";
-import { Props as Props$4 } from "./layout/sider.mjs";
+import Container, { Props } from "../../Container.mjs";
+import { Props as Props$1 } from "./layout/content.mjs";
+import { Props as Props$2 } from "./layout/footer.mjs";
+import { Props as Props$3 } from "./layout/header.mjs";
+import { Props as Props$4 } from "./layout/layout.mjs";
+import { Props as Props$5 } from "./layout/sider.mjs";
 import Layout from "../../Layout.mjs";
-import Container, { Props as Props$5 } from "./container.mjs";
-import Empty, { Props as Props$6 } from "./empty.mjs";
-import Result, { Props as Props$7 } from "./result.mjs";
-import PageHeader, { Props as Props$8 } from "./page-header.mjs";
-import Row, { Props as Props$9 } from "./grid/row.mjs";
-import Col, { Props as Props$10 } from "./grid/col.mjs";
-export { Col, type Props$10 as ColProps, Container, type Props$5 as ContainerProps, type Props as ContentProps, Empty, type Props$6 as EmptyProps, type Props$1 as FooterProps, type Props$2 as HeaderProps, Layout, type Props$3 as LayoutProps, PageHeader, type Props$8 as PageHeaderProps, Result, type Props$7 as ResultProps, Row, type Props$9 as RowProps, type Props$4 as SiderProps };
+import PageHeader, { Props as Props$6 } from "../../PageHeader.mjs";
+import Result, { Props as Props$7 } from "../../Result.mjs";
+import Row, { Props as Props$8 } from "./grid/row.mjs";
+import Col, { Props as Props$9 } from "./grid/col.mjs";
+export { Col, type Props$9 as ColProps, Container, type Props as ContainerProps, type Props$1 as ContentProps, type Props$2 as FooterProps, type Props$3 as HeaderProps, Layout, type Props$4 as LayoutProps, PageHeader, type Props$6 as PageHeaderProps, Result, type Props$7 as ResultProps, Row, type Props$8 as RowProps, type Props$5 as SiderProps };

package/dist/components/templates/layout/sider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"sider.d.mts","names":[],"sources":["../../../../src/components/templates/layout/sider.tsx"],"mappings":";KAYK;iBAQY,cAAc,KAC7B,MAAM;EAGN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,UAAU,MAAM;EAChB;IACE;;EAEF,aAAa;EACb,cAAc;EACd,gBAAgB;;cAMZ,UAAS,UAAA,WAAA,YAAA,OAAA,OAAA,gBAAA,aAAA,kBAAA,WAAA,YAAA,WAAA,cAAA,SAAA,YAAA,YAAA,iBAAA,SAiBZ,0BAAK,IAAA"}
+{"version":3,"file":"sider.d.mts","names":[],"sources":["../../../../src/components/templates/layout/sider.tsx"],"mappings":";KAgBK;iBAQY,cAAc,KAC7B,MAAM;EAGN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,UAAU,MAAM;EAChB;IACE;;EAEF,aAAa;EACb,cAAc;EACd,gBAAgB;;cAMZ,UAAS,UAAA,WAAA,YAAA,OAAA,OAAA,gBAAA,aAAA,kBAAA,WAAA,YAAA,WAAA,cAAA,SAAA,YAAA,YAAA,iBAAA,SAiBZ,0BAAK,IAAA"}

package/dist/components/templates/layout/sider.mjs

@@ -3,7 +3,7 @@ import { cn } from "../../../utils.mjs";
 import { DEFAULT_LOCALE, useConfig } from "../../../providers/config/context.mjs";
 import { useRegisterSider } from "./sider-context.mjs";
 import { useEffect, useId, useRef } from "react";
-import { useControllableState, useResponsiveSize } from "@jbpark/use-hooks";
+import { useControllableState, useLatest, useResponsiveSize } from "@jbpark/use-hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PanelLeftClose, PanelLeftOpen } from "lucide-react";
 //#region src/components/templates/layout/sider.tsx
@@ -30,10 +30,7 @@ const Sider = ({ children, className, classNames, style, width = 200, collapsedW
 	const latestBrokenRef = useRef(broken);
 	const previousBrokenRef = useRef(null);
 	const microtaskScheduledRef = useRef(false);
-	const onBreakpointRef = useRef(onBreakpoint);
-	useEffect(() => {
-		onBreakpointRef.current = onBreakpoint;
-	});
+	const onBreakpointRef = useLatest(onBreakpoint);
 	useEffect(() => {
 		if (!breakpoint) return;
 		latestBrokenRef.current = broken;
@@ -50,7 +47,8 @@ const Sider = ({ children, className, classNames, style, width = 200, collapsedW
 	}, [
 		broken,
 		breakpoint,
-		setCollapsed
+		setCollapsed,
+		onBreakpointRef
 	]);
 	const onTriggerClick = () => {
 		setCollapsed(!collapsed);

package/dist/components/templates/layout/sider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sider.mjs","names":[],"sources":["../../../../src/components/templates/layout/sider.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useId, useRef } from 'react';\n\nimport { useControllableState, useResponsiveSize } from '@jbpark/use-hooks';\nimport { PanelLeftClose, PanelLeftOpen } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { useRegisterSider } from './sider-context';\n\ntype Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n// Order matters here, not the values — used to compare the current\n// viewport tier against the configured `breakpoint` ordinally, since\n// `useResponsiveSize` reports which named tier the viewport is currently\n// in rather than a raw pixel width.\nconst BREAKPOINT_ORDER: Breakpoint[] = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];\n\nexport interface Props extends Omit<\n  React.ComponentProps<'aside'>,\n  'onCollapse'\n> {\n  width?: number | string;\n  collapsedWidth?: number | string;\n  collapsible?: boolean;\n  defaultCollapsed?: boolean;\n  collapsed?: boolean;\n  placement?: 'left' | 'right';\n  reverseArrow?: boolean;\n  trigger?: React.ReactNode;\n  classNames?: {\n    trigger?: string;\n  };\n  breakpoint?: Breakpoint;\n  onCollapse?: (collapsed: boolean) => void;\n  onBreakpoint?: (broken: boolean) => void;\n}\n\nconst toCssSize = (value: number | string) =>\n  typeof value === 'number' ? `${value}px` : value;\n\nconst Sider = ({\n  children,\n  className,\n  classNames,\n  style,\n  width = 200,\n  collapsedWidth = 80,\n  collapsible = false,\n  defaultCollapsed = false,\n  collapsed: _collapsed,\n  placement = 'left',\n  reverseArrow = false,\n  trigger,\n  breakpoint,\n  onCollapse,\n  onBreakpoint,\n  ...props\n}: Props) => {\n  useRegisterSider();\n\n  const { locale } = useConfig();\n  const contentId = useId();\n  const [collapsed, setCollapsed] = useControllableState<boolean>({\n    value: _collapsed,\n    defaultValue: defaultCollapsed,\n    onChange: onCollapse,\n  });\n\n  const { breakpoint: viewportBreakpoint } = useResponsiveSize({\n    viewport: true,\n  });\n  const broken = breakpoint\n    ? BREAKPOINT_ORDER.indexOf(viewportBreakpoint.current) <\n      BREAKPOINT_ORDER.indexOf(breakpoint)\n    : false;\n\n  const latestBrokenRef = useRef(broken);\n  const previousBrokenRef = useRef<boolean | null>(null);\n  const microtaskScheduledRef = useRef(false);\n  const onBreakpointRef = useRef(onBreakpoint);\n\n  useEffect(() => {\n    onBreakpointRef.current = onBreakpoint;\n  });\n\n  // `useResponsiveSize`'s own initial measurement resolves through its own\n  // layout effect, which (since it's called earlier in this component)\n  // commits and — if the real viewport differs from its SSR-safe 'xs'\n  // placeholder default — triggers a synchronous corrective re-render, all\n  // before the browser paints. Both the placeholder-derived render and the\n  // corrected one get their own effect pass (React doesn't coalesce\n  // same-tick synchronous re-commits into a single effect flush), so\n  // reacting to `broken` directly — in a layout or passive effect either\n  // way — fires once with the wrong placeholder value, then again with the\n  // corrected one.\n  //\n  // Coalescing through a microtask sidesteps that: every effect pass just\n  // records its `broken` into a ref and schedules (at most once) a\n  // microtask that reads whatever ended up latest once the synchronous\n  // cascade has fully settled, and acts on that single, correct value.\n  //\n  // The `previousBrokenRef` guard is the separate fix for #227 point 3:\n  // without it, an inline `onCollapse`/`onBreakpoint` (a fresh identity\n  // every render) would change `setCollapsed`'s own identity and re-run\n  // this effect on every unrelated parent re-render, reapplying `broken`\n  // and undoing a user's manual toggle. Only a genuine change should act.\n  useEffect(() => {\n    if (!breakpoint) {\n      return;\n    }\n\n    latestBrokenRef.current = broken;\n\n    if (microtaskScheduledRef.current) {\n      return;\n    }\n    microtaskScheduledRef.current = true;\n\n    queueMicrotask(() => {\n      microtaskScheduledRef.current = false;\n\n      const settledBroken = latestBrokenRef.current;\n\n      if (previousBrokenRef.current === settledBroken) {\n        return;\n      }\n\n      previousBrokenRef.current = settledBroken;\n      setCollapsed(settledBroken);\n      onBreakpointRef.current?.(settledBroken);\n    });\n  }, [broken, breakpoint, setCollapsed]);\n\n  const onTriggerClick = () => {\n    setCollapsed(!collapsed);\n  };\n\n  // A right-placed Sider's collapse icon should default to pointing the\n  // opposite way from a left-placed one (it's opening/closing a panel on\n  // the other side of the content), so `placement` flips the effective\n  // direction on top of whatever `reverseArrow` already requests —\n  // `reverseArrow` still layers on as a manual override either way.\n  const effectiveReverseArrow = reverseArrow !== (placement === 'right');\n  const TriggerIcon =\n    collapsed !== effectiveReverseArrow ? PanelLeftOpen : PanelLeftClose;\n\n  return (\n    <aside\n      data-slot=\"layout-sider\"\n      className={cn(\n        // Below Header — and below every other floating/overlay primitive\n        // in this library, which all share OVERLAY_LAYER (lib/z-layers.ts).\n        // Sider is a static layout column, not floating chrome, and\n        // previously outranked Header with an arbitrary z-100, covering it\n        // once Header stuck to the viewport top on scroll. Kept as a small\n        // absolute value rather than tracking OVERLAY_LAYER: it only has to\n        // stay under that layer, and raising it in step would defeat this.\n        'z-10 flex h-full shrink-0 flex-col overflow-hidden',\n        'transition-[width] duration-200',\n        // Lets a Sider visually sit on the right without needing to\n        // reorder JSX/children — useful since Sider's presence is\n        // detected via context (sider-context.ts) rather than requiring\n        // it to be a specific direct child in a specific position.\n        placement === 'right' && 'order-last',\n        className,\n        //\n      )}\n      style={{\n        width: toCssSize(collapsed ? collapsedWidth : width),\n        ...style,\n      }}\n      {...props}\n    >\n      <div id={contentId} className=\"min-h-0 flex-1 overflow-auto\">\n        {children}\n      </div>\n      {collapsible && trigger !== null && (\n        <button\n          type=\"button\"\n          data-slot=\"layout-sider-trigger\"\n          aria-label={\n            collapsed\n              ? (locale.expand ?? DEFAULT_LOCALE.expand)\n              : (locale.collapse ?? DEFAULT_LOCALE.collapse)\n          }\n          aria-expanded={!collapsed}\n          aria-controls={contentId}\n          onClick={onTriggerClick}\n          className={cn(\n            'flex w-full shrink-0 items-center justify-center py-2',\n            'cursor-pointer transition-colors hover:bg-black/5',\n            classNames?.trigger,\n            //\n          )}\n        >\n          {trigger === undefined ? <TriggerIcon className=\"size-4\" /> : trigger}\n        </button>\n      )}\n    </aside>\n  );\n};\n\nexport default Sider;\n"],"mappings":";;;;;;;;;AAkBA,MAAM,mBAAiC;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;AAAK;AAsB3E,MAAM,aAAa,UACjB,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM;AAE7C,MAAM,SAAS,EACb,UACA,WACA,YACA,OACA,QAAQ,KACR,iBAAiB,IACjB,cAAc,OACd,mBAAmB,OACnB,WAAW,YACX,YAAY,QACZ,eAAe,OACf,SACA,YACA,YACA,cACA,GAAG,YACQ;CACX,iBAAiB;CAEjB,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,YAAY,MAAM;CACxB,MAAM,CAAC,WAAW,gBAAgB,qBAA8B;EAC9D,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CAED,MAAM,EAAE,YAAY,uBAAuB,kBAAkB,EAC3D,UAAU,KACZ,CAAC;CACD,MAAM,SAAS,aACX,iBAAiB,QAAQ,mBAAmB,OAAO,IACnD,iBAAiB,QAAQ,UAAU,IACnC;CAEJ,MAAM,kBAAkB,OAAO,MAAM;CACrC,MAAM,oBAAoB,OAAuB,IAAI;CACrD,MAAM,wBAAwB,OAAO,KAAK;CAC1C,MAAM,kBAAkB,OAAO,YAAY;CAE3C,gBAAgB;EACd,gBAAgB,UAAU;CAC5B,CAAC;CAuBD,gBAAgB;EACd,IAAI,CAAC,YACH;EAGF,gBAAgB,UAAU;EAE1B,IAAI,sBAAsB,SACxB;EAEF,sBAAsB,UAAU;EAEhC,qBAAqB;GACnB,sBAAsB,UAAU;GAEhC,MAAM,gBAAgB,gBAAgB;GAEtC,IAAI,kBAAkB,YAAY,eAChC;GAGF,kBAAkB,UAAU;GAC5B,aAAa,aAAa;GAC1B,gBAAgB,UAAU,aAAa;EACzC,CAAC;CACH,GAAG;EAAC;EAAQ;EAAY;CAAY,CAAC;CAErC,MAAM,uBAAuB;EAC3B,aAAa,CAAC,SAAS;CACzB;CAQA,MAAM,cACJ,eAF4B,kBAAkB,cAAc,YAEtB,gBAAgB;CAExD,OACE,qBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAQT,sDACA,mCAKA,cAAc,WAAW,cACzB,SAEF;EACA,OAAO;GACL,OAAO,UAAU,YAAY,iBAAiB,KAAK;GACnD,GAAG;EACL;EACA,GAAI;EAxBN,UAAA,CA0BE,oBAAC,OAAD;GAAK,IAAI;GAAW,WAAU;GAC3B;EACE,CAAA,GACJ,eAAe,YAAY,QAC1B,oBAAC,UAAD;GACE,MAAK;GACL,aAAU;GACV,cACE,YACK,OAAO,UAAU,eAAe,SAChC,OAAO,YAAY,eAAe;GAEzC,iBAAe,CAAC;GAChB,iBAAe;GACf,SAAS;GACT,WAAW,GACT,yDACA,qDACA,YAAY,OAEd;GAEC,UAAA,YAAY,KAAA,IAAY,oBAAC,aAAD,EAAa,WAAU,SAAU,CAAA,IAAI;EACxD,CAAA,CAEL;;AAEX"}
+{"version":3,"file":"sider.mjs","names":[],"sources":["../../../../src/components/templates/layout/sider.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useId, useRef } from 'react';\n\nimport {\n  useControllableState,\n  useLatest,\n  useResponsiveSize,\n} from '@jbpark/use-hooks';\nimport { PanelLeftClose, PanelLeftOpen } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { useRegisterSider } from './sider-context';\n\ntype Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n// Order matters here, not the values — used to compare the current\n// viewport tier against the configured `breakpoint` ordinally, since\n// `useResponsiveSize` reports which named tier the viewport is currently\n// in rather than a raw pixel width.\nconst BREAKPOINT_ORDER: Breakpoint[] = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];\n\nexport interface Props extends Omit<\n  React.ComponentProps<'aside'>,\n  'onCollapse'\n> {\n  width?: number | string;\n  collapsedWidth?: number | string;\n  collapsible?: boolean;\n  defaultCollapsed?: boolean;\n  collapsed?: boolean;\n  placement?: 'left' | 'right';\n  reverseArrow?: boolean;\n  trigger?: React.ReactNode;\n  classNames?: {\n    trigger?: string;\n  };\n  breakpoint?: Breakpoint;\n  onCollapse?: (collapsed: boolean) => void;\n  onBreakpoint?: (broken: boolean) => void;\n}\n\nconst toCssSize = (value: number | string) =>\n  typeof value === 'number' ? `${value}px` : value;\n\nconst Sider = ({\n  children,\n  className,\n  classNames,\n  style,\n  width = 200,\n  collapsedWidth = 80,\n  collapsible = false,\n  defaultCollapsed = false,\n  collapsed: _collapsed,\n  placement = 'left',\n  reverseArrow = false,\n  trigger,\n  breakpoint,\n  onCollapse,\n  onBreakpoint,\n  ...props\n}: Props) => {\n  useRegisterSider();\n\n  const { locale } = useConfig();\n  const contentId = useId();\n  const [collapsed, setCollapsed] = useControllableState<boolean>({\n    value: _collapsed,\n    defaultValue: defaultCollapsed,\n    onChange: onCollapse,\n  });\n\n  const { breakpoint: viewportBreakpoint } = useResponsiveSize({\n    viewport: true,\n  });\n  const broken = breakpoint\n    ? BREAKPOINT_ORDER.indexOf(viewportBreakpoint.current) <\n      BREAKPOINT_ORDER.indexOf(breakpoint)\n    : false;\n\n  const latestBrokenRef = useRef(broken);\n  const previousBrokenRef = useRef<boolean | null>(null);\n  const microtaskScheduledRef = useRef(false);\n  const onBreakpointRef = useLatest(onBreakpoint);\n\n  // `useResponsiveSize`'s own initial measurement resolves through its own\n  // layout effect, which (since it's called earlier in this component)\n  // commits and — if the real viewport differs from its SSR-safe 'xs'\n  // placeholder default — triggers a synchronous corrective re-render, all\n  // before the browser paints. Both the placeholder-derived render and the\n  // corrected one get their own effect pass (React doesn't coalesce\n  // same-tick synchronous re-commits into a single effect flush), so\n  // reacting to `broken` directly — in a layout or passive effect either\n  // way — fires once with the wrong placeholder value, then again with the\n  // corrected one.\n  //\n  // Coalescing through a microtask sidesteps that: every effect pass just\n  // records its `broken` into a ref and schedules (at most once) a\n  // microtask that reads whatever ended up latest once the synchronous\n  // cascade has fully settled, and acts on that single, correct value.\n  //\n  // The `previousBrokenRef` guard is the separate fix for #227 point 3:\n  // without it, an inline `onCollapse`/`onBreakpoint` (a fresh identity\n  // every render) would change `setCollapsed`'s own identity and re-run\n  // this effect on every unrelated parent re-render, reapplying `broken`\n  // and undoing a user's manual toggle. Only a genuine change should act.\n  useEffect(() => {\n    if (!breakpoint) {\n      return;\n    }\n\n    latestBrokenRef.current = broken;\n\n    if (microtaskScheduledRef.current) {\n      return;\n    }\n    microtaskScheduledRef.current = true;\n\n    queueMicrotask(() => {\n      microtaskScheduledRef.current = false;\n\n      const settledBroken = latestBrokenRef.current;\n\n      if (previousBrokenRef.current === settledBroken) {\n        return;\n      }\n\n      previousBrokenRef.current = settledBroken;\n      setCollapsed(settledBroken);\n      onBreakpointRef.current?.(settledBroken);\n    });\n  }, [broken, breakpoint, setCollapsed, onBreakpointRef]);\n\n  const onTriggerClick = () => {\n    setCollapsed(!collapsed);\n  };\n\n  // A right-placed Sider's collapse icon should default to pointing the\n  // opposite way from a left-placed one (it's opening/closing a panel on\n  // the other side of the content), so `placement` flips the effective\n  // direction on top of whatever `reverseArrow` already requests —\n  // `reverseArrow` still layers on as a manual override either way.\n  const effectiveReverseArrow = reverseArrow !== (placement === 'right');\n  const TriggerIcon =\n    collapsed !== effectiveReverseArrow ? PanelLeftOpen : PanelLeftClose;\n\n  return (\n    <aside\n      data-slot=\"layout-sider\"\n      className={cn(\n        // Below Header — and below every other floating/overlay primitive\n        // in this library, which all share OVERLAY_LAYER (lib/z-layers.ts).\n        // Sider is a static layout column, not floating chrome, and\n        // previously outranked Header with an arbitrary z-100, covering it\n        // once Header stuck to the viewport top on scroll. Kept as a small\n        // absolute value rather than tracking OVERLAY_LAYER: it only has to\n        // stay under that layer, and raising it in step would defeat this.\n        'z-10 flex h-full shrink-0 flex-col overflow-hidden',\n        'transition-[width] duration-200',\n        // Lets a Sider visually sit on the right without needing to\n        // reorder JSX/children — useful since Sider's presence is\n        // detected via context (sider-context.ts) rather than requiring\n        // it to be a specific direct child in a specific position.\n        placement === 'right' && 'order-last',\n        className,\n        //\n      )}\n      style={{\n        width: toCssSize(collapsed ? collapsedWidth : width),\n        ...style,\n      }}\n      {...props}\n    >\n      <div id={contentId} className=\"min-h-0 flex-1 overflow-auto\">\n        {children}\n      </div>\n      {collapsible && trigger !== null && (\n        <button\n          type=\"button\"\n          data-slot=\"layout-sider-trigger\"\n          aria-label={\n            collapsed\n              ? (locale.expand ?? DEFAULT_LOCALE.expand)\n              : (locale.collapse ?? DEFAULT_LOCALE.collapse)\n          }\n          aria-expanded={!collapsed}\n          aria-controls={contentId}\n          onClick={onTriggerClick}\n          className={cn(\n            'flex w-full shrink-0 items-center justify-center py-2',\n            'cursor-pointer transition-colors hover:bg-black/5',\n            classNames?.trigger,\n            //\n          )}\n        >\n          {trigger === undefined ? <TriggerIcon className=\"size-4\" /> : trigger}\n        </button>\n      )}\n    </aside>\n  );\n};\n\nexport default Sider;\n"],"mappings":";;;;;;;;;AAsBA,MAAM,mBAAiC;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;AAAK;AAsB3E,MAAM,aAAa,UACjB,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM;AAE7C,MAAM,SAAS,EACb,UACA,WACA,YACA,OACA,QAAQ,KACR,iBAAiB,IACjB,cAAc,OACd,mBAAmB,OACnB,WAAW,YACX,YAAY,QACZ,eAAe,OACf,SACA,YACA,YACA,cACA,GAAG,YACQ;CACX,iBAAiB;CAEjB,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,YAAY,MAAM;CACxB,MAAM,CAAC,WAAW,gBAAgB,qBAA8B;EAC9D,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CAED,MAAM,EAAE,YAAY,uBAAuB,kBAAkB,EAC3D,UAAU,KACZ,CAAC;CACD,MAAM,SAAS,aACX,iBAAiB,QAAQ,mBAAmB,OAAO,IACnD,iBAAiB,QAAQ,UAAU,IACnC;CAEJ,MAAM,kBAAkB,OAAO,MAAM;CACrC,MAAM,oBAAoB,OAAuB,IAAI;CACrD,MAAM,wBAAwB,OAAO,KAAK;CAC1C,MAAM,kBAAkB,UAAU,YAAY;CAuB9C,gBAAgB;EACd,IAAI,CAAC,YACH;EAGF,gBAAgB,UAAU;EAE1B,IAAI,sBAAsB,SACxB;EAEF,sBAAsB,UAAU;EAEhC,qBAAqB;GACnB,sBAAsB,UAAU;GAEhC,MAAM,gBAAgB,gBAAgB;GAEtC,IAAI,kBAAkB,YAAY,eAChC;GAGF,kBAAkB,UAAU;GAC5B,aAAa,aAAa;GAC1B,gBAAgB,UAAU,aAAa;EACzC,CAAC;CACH,GAAG;EAAC;EAAQ;EAAY;EAAc;CAAe,CAAC;CAEtD,MAAM,uBAAuB;EAC3B,aAAa,CAAC,SAAS;CACzB;CAQA,MAAM,cACJ,eAF4B,kBAAkB,cAAc,YAEtB,gBAAgB;CAExD,OACE,qBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAQT,sDACA,mCAKA,cAAc,WAAW,cACzB,SAEF;EACA,OAAO;GACL,OAAO,UAAU,YAAY,iBAAiB,KAAK;GACnD,GAAG;EACL;EACA,GAAI;EAxBN,UAAA,CA0BE,oBAAC,OAAD;GAAK,IAAI;GAAW,WAAU;GAC3B;EACE,CAAA,GACJ,eAAe,YAAY,QAC1B,oBAAC,UAAD;GACE,MAAK;GACL,aAAU;GACV,cACE,YACK,OAAO,UAAU,eAAe,SAChC,OAAO,YAAY,eAAe;GAEzC,iBAAe,CAAC;GAChB,iBAAe;GACf,SAAS;GACT,WAAW,GACT,yDACA,qDACA,YAAY,OAEd;GAEC,UAAA,YAAY,KAAA,IAAY,oBAAC,aAAD,EAAa,WAAU,SAAU,CAAA,IAAI;EACxD,CAAA,CAEL;;AAEX"}

package/dist/core/badge.d.mts

@@ -4,7 +4,7 @@ declare namespace badge_d_exports {
   export { Badge, Props, badgeVariants };
 }
 declare const badgeVariants: (props?: ({
-  variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type Props = Omit<useRender.ComponentProps<'span'>, 'className'> & VariantProps<typeof badgeVariants> & {
   className?: string;

package/dist/core/button.d.mts

@@ -5,8 +5,8 @@ declare namespace button_d_exports {
   export { Button$1 as Button, Props, buttonVariants };
 }
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
-  size?: "default" | "sm" | "lg" | "icon" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+  size?: "icon" | "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type Props = Omit<React$1.ComponentProps<typeof Button>, 'className'> & VariantProps<typeof buttonVariants> & {
   className?: string;

package/dist/index.d.mts

@@ -1,91 +1,98 @@
 import AutoComplete, { Option, Props as Props$2 } from "./AutoComplete.mjs";
 import { ComponentSize, DefaultProps, Locale, ThemeConfig, ThemeToken } from "./providers/config/types.mjs";
 import { DEFAULT_LOCALE, useConfig } from "./providers/config/context.mjs";
-import Config, { Props as Props$11 } from "./providers/config/config.mjs";
+import Config, { Props as Props$14 } from "./providers/config/config.mjs";
 import { ConfigSnapshotProvider, getRootConfigValue } from "./providers/config/registry.mjs";
 import Avatar, { Props as Props$3 } from "./Avatar.mjs";
 import Badge, { Props as Props$4 } from "./Badge.mjs";
-import Button from "./Button.mjs";
-import Cascader, { Option as Option$1, Props as Props$8 } from "./Cascader.mjs";
-import Divider, { Props as Props$16 } from "./Divider.mjs";
-import Mentions, { Option as Option$2, Props as Props$30 } from "./Mentions.mjs";
-import Rate, { Props as Props$36 } from "./Rate.mjs";
-import Segmented, { Props as Props$41 } from "./Segmented.mjs";
-import Tag from "./Tag.mjs";
-import TimePicker, { Props as Props$50 } from "./TimePicker.mjs";
+import Button, { Props as Props$6 } from "./Button.mjs";
+import Cascader, { Option as Option$1, Props as Props$9 } from "./Cascader.mjs";
+import { Props as Props$10 } from "./components/atoms/checkbox/checkbox.mjs";
+import Checkbox from "./Checkbox.mjs";
+import ColorPicker, { Props as Props$13 } from "./ColorPicker.mjs";
+import DatePicker, { Props as Props$18 } from "./DatePicker.mjs";
+import Divider, { Props as Props$20 } from "./Divider.mjs";
+import { Props as Props$24 } from "./components/atoms/float-button/float-button.mjs";
+import FloatButton from "./FloatButton.mjs";
+import { Props as Props$32 } from "./components/atoms/input/input.mjs";
+import { Props as Props$30 } from "./components/atoms/input/number.mjs";
+import { Props as Props$31 } from "./components/atoms/input/otp.mjs";
+import Input from "./Input.mjs";
+import Mentions, { Option as Option$2, Props as Props$36 } from "./Mentions.mjs";
+import Popover, { Props as Props$42 } from "./Popover.mjs";
+import Progress, { Props as Props$43 } from "./Progress.mjs";
+import { Props as Props$44 } from "./components/atoms/radio/radio.mjs";
+import Radio from "./Radio.mjs";
+import Rate, { Props as Props$45 } from "./Rate.mjs";
+import RichTextEditor, { Props as Props$48 } from "./components/atoms/rich-text-editor/rich-text-editor.mjs";
+import Segmented, { Props as Props$51 } from "./Segmented.mjs";
+import Select, { Props as Props$52 } from "./Select.mjs";
+import { Props as Props$54 } from "./components/atoms/skeleton/skeleton.mjs";
+import Skeleton from "./Skeleton.mjs";
+import Slider, { Props as Props$55 } from "./components/atoms/slider/slider.mjs";
+import Spin, { Props as Props$57 } from "./Spin.mjs";
+import Switch, { Props as Props$62 } from "./Switch.mjs";
+import Tag, { Props as Props$65 } from "./Tag.mjs";
+import TimePicker, { Props as Props$66 } from "./TimePicker.mjs";
+import ToggleGroup, { Option as Option$3, Props as Props$68 } from "./ToggleGroup.mjs";
+import Tooltip, { Props as Props$69 } from "./Tooltip.mjs";
+import { Props as Props$74 } from "./components/atoms/typography/typography.mjs";
 import Typography from "./Typography.mjs";
 import Alert, { Props } from "./Alert.mjs";
 import Anchor, { Item, Props as Props$1 } from "./Anchor.mjs";
 import Breadcrumb, { Props as Props$5 } from "./Breadcrumb.mjs";
-import Card, { Props as Props$7 } from "./Card.mjs";
-import ContextMenu, { Item as Item$1, Props as Props$14 } from "./ContextMenu.mjs";
-import Descriptions, { Columns, Item as Item$2, Props as Props$15 } from "./Descriptions.mjs";
-import Menu, { Props as Props$31 } from "./components/molecules/menu/menu.mjs";
-import Pagination, { Props as Props$34 } from "./Pagination.mjs";
-import Popover from "./components/atoms/popover.mjs";
-import Popconfirm, { Props as Props$35 } from "./Popconfirm.mjs";
-import { Props as Props$38 } from "./components/molecules/reveals/reveals.mjs";
+import Card, { Props as Props$8 } from "./Card.mjs";
+import Collapse, { Props as Props$12 } from "./Collapse.mjs";
+import ContextMenu, { Item as Item$1, Props as Props$17 } from "./ContextMenu.mjs";
+import Descriptions, { Columns, Item as Item$2, Props as Props$19 } from "./Descriptions.mjs";
+import Menu, { Props as Props$37 } from "./components/molecules/menu/menu.mjs";
+import Dropdown, { Props as Props$22 } from "./Dropdown.mjs";
+import Empty, { Props as Props$23 } from "./Empty.mjs";
+import { Props as Props$35 } from "./components/molecules/marquees/marquees.mjs";
+import Marquees from "./Marquees.mjs";
+import Pagination, { Props as Props$40 } from "./Pagination.mjs";
+import Popconfirm, { Props as Props$41 } from "./Popconfirm.mjs";
+import { Props as Props$47 } from "./components/molecules/reveals/reveals.mjs";
 import Reveals from "./Reveals.mjs";
-import ScrollArea, { Props as Props$40 } from "./ScrollArea.mjs";
-import Space, { Props as Props$43 } from "./Space.mjs";
-import Statistic, { Props as Props$45 } from "./Statistic.mjs";
-import Steps, { Item as Item$3, Props as Props$46 } from "./Steps.mjs";
-import Timeline, { Item as Item$4, Props as Props$51, Timestamp } from "./Timeline.mjs";
-import Transfer, { Item as Item$5, Props as Props$53 } from "./Transfer.mjs";
-import Calendar, { Props as Props$6 } from "./Calendar.mjs";
-import { Props as Props$21 } from "./components/organisms/form/control.mjs";
-import { Props as Props$22 } from "./components/organisms/form/field.mjs";
-import { Props as Props$23 } from "./components/organisms/form/form.mjs";
+import ScrollArea, { Props as Props$50 } from "./ScrollArea.mjs";
+import Space, { Props as Props$56 } from "./Space.mjs";
+import { Props as Props$58 } from "./components/molecules/splitter/splitter.mjs";
+import Splitter from "./Splitter.mjs";
+import Statistic, { Props as Props$59 } from "./Statistic.mjs";
+import Steps, { Item as Item$3, Props as Props$60 } from "./Steps.mjs";
+import Tabs, { Props as Props$64 } from "./Tabs.mjs";
+import Timeline, { Item as Item$4, Props as Props$67, Timestamp } from "./Timeline.mjs";
+import Transfer, { Item as Item$5, Props as Props$71 } from "./Transfer.mjs";
+import Upload, { Props as Props$75, UploadFile } from "./Upload.mjs";
+import Calendar, { Props as Props$7 } from "./Calendar.mjs";
+import Drawer, { Props as Props$21 } from "./Drawer.mjs";
+import { Props as Props$26 } from "./components/organisms/form/control.mjs";
+import { Props as Props$27 } from "./components/organisms/form/field.mjs";
+import { Props as Props$28 } from "./components/organisms/form/form.mjs";
 import Form from "./Form.mjs";
-import Table, { Column, PaginationOptions, Props as Props$48 } from "./Table.mjs";
-import Tour, { Props as Props$52, Step } from "./Tour.mjs";
-import Tree, { Actions, ExpandInfo, LoadOptions, Node, Props as Props$54, ScrollOptions } from "./Tree.mjs";
-import TreeSelect, { Props as Props$55 } from "./TreeSelect.mjs";
-import { Props as Props$13 } from "./components/templates/layout/content.mjs";
-import { Props as Props$20 } from "./components/templates/layout/footer.mjs";
-import { Props as Props$24 } from "./components/templates/layout/header.mjs";
-import { Props as Props$27 } from "./components/templates/layout/layout.mjs";
-import { Props as Props$42 } from "./components/templates/layout/sider.mjs";
+import { Props as Props$34 } from "./components/organisms/list/list.mjs";
+import List from "./List.mjs";
+import Modal, { Props as Props$38 } from "./Modal.mjs";
+import { Props as Props$61 } from "./components/organisms/swiper/swiper.mjs";
+import Swiper from "./Swiper.mjs";
+import Table, { Column, PaginationOptions, Props as Props$63 } from "./Table.mjs";
+import Toast, { GlobalConfig, Placement, ToastOptions as StaticProps } from "./Toast.mjs";
+import Tour, { Props as Props$70, Step } from "./Tour.mjs";
+import Tree, { Actions, ExpandInfo, LoadOptions, Node, Props as Props$72, ScrollOptions } from "./Tree.mjs";
+import TreeSelect, { Props as Props$73 } from "./TreeSelect.mjs";
+import Container, { Props as Props$15 } from "./Container.mjs";
+import { Props as Props$16 } from "./components/templates/layout/content.mjs";
+import { Props as Props$25 } from "./components/templates/layout/footer.mjs";
+import { Props as Props$29 } from "./components/templates/layout/header.mjs";
+import { Props as Props$33 } from "./components/templates/layout/layout.mjs";
+import { Props as Props$53 } from "./components/templates/layout/sider.mjs";
 import Layout from "./Layout.mjs";
-import Checkbox from "./components/atoms/checkbox/index.mjs";
-import ColorPicker from "./components/atoms/color-picker.mjs";
-import DatePicker from "./components/atoms/date-picker.mjs";
-import FloatButton from "./components/atoms/float-button/index.mjs";
-import { Props as Props$25 } from "./components/atoms/input/number.mjs";
-import { Props as Props$26 } from "./components/atoms/input/otp.mjs";
-import Input from "./components/atoms/input/index.mjs";
-import Progress from "./components/atoms/progress.mjs";
-import Radio from "./components/atoms/radio/index.mjs";
-import RichTextEditor from "./components/atoms/rich-text-editor/rich-text-editor.mjs";
-import Select from "./components/atoms/select.mjs";
-import Skeleton from "./components/atoms/skeleton/index.mjs";
-import Slider from "./components/atoms/slider/slider.mjs";
-import Spin from "./components/atoms/spin.mjs";
-import Switch from "./components/atoms/switch.mjs";
-import Tooltip from "./components/atoms/tooltip.mjs";
+import PageHeader, { Props as Props$39 } from "./PageHeader.mjs";
+import Result, { Props as Props$46 } from "./Result.mjs";
 import "./components/atoms/index.mjs";
-import Collapse, { Props as Props$10 } from "./components/molecules/collapse.mjs";
-import Dropdown, { Props as Props$18 } from "./components/molecules/dropdown.mjs";
-import { Props as Props$29 } from "./components/molecules/marquees/marquees.mjs";
-import Marquees from "./components/molecules/marquees/index.mjs";
-import { Props as Props$44 } from "./components/molecules/splitter/splitter.mjs";
-import Splitter from "./components/molecules/splitter/index.mjs";
-import Tabs, { Props as Props$49 } from "./components/molecules/tabs.mjs";
-import Upload, { Props as Props$56, UploadFile } from "./components/molecules/upload.mjs";
 import "./components/molecules/index.mjs";
-import Drawer, { Props as Props$17 } from "./components/organisms/drawer.mjs";
-import { Props as Props$28 } from "./components/organisms/list/list.mjs";
-import List from "./components/organisms/list/index.mjs";
-import Modal, { Props as Props$32 } from "./components/organisms/modal.mjs";
-import { Props as Props$47 } from "./components/organisms/swiper/swiper.mjs";
-import Swiper from "./components/organisms/swiper/index.mjs";
-import Toast, { ToastOptions as StaticProps } from "./components/organisms/toast.mjs";
 import "./components/organisms/index.mjs";
-import Container, { Props as Props$12 } from "./components/templates/container.mjs";
-import Empty, { Props as Props$19 } from "./components/templates/empty.mjs";
-import Result, { Props as Props$37 } from "./components/templates/result.mjs";
-import PageHeader, { Props as Props$33 } from "./components/templates/page-header.mjs";
-import Row, { Props as Props$39 } from "./components/templates/grid/row.mjs";
-import Col, { Props as Props$9 } from "./components/templates/grid/col.mjs";
+import Row, { Props as Props$49 } from "./components/templates/grid/row.mjs";
+import Col, { Props as Props$11 } from "./components/templates/grid/col.mjs";
 import "./components/templates/index.mjs";
-export { Alert, type Props as AlertProps, Anchor, type Item as AnchorItem, type Props$1 as AnchorProps, AutoComplete, type Option as AutoCompleteOption, type Props$2 as AutoCompleteProps, Avatar, type Props$3 as AvatarProps, Badge, type Props$4 as BadgeProps, Breadcrumb, type Props$5 as BreadcrumbProps, Button, Calendar, type Props$6 as CalendarProps, Card, type Props$7 as CardProps, Cascader, type Option$1 as CascaderOption, type Props$8 as CascaderProps, Checkbox, Col, type Props$9 as ColProps, Collapse, type Props$10 as CollapseProps, ColorPicker, type ComponentSize, Config, type Props$11 as ConfigProps, ConfigSnapshotProvider, Container, type Props$12 as ContainerProps, type Props$13 as ContentProps, ContextMenu, type Item$1 as ContextMenuItem, type Props$14 as ContextMenuProps, DEFAULT_LOCALE, DatePicker, type DefaultProps, type Item$2 as DescriptionItem, Descriptions, type Columns as DescriptionsColumns, type Props$15 as DescriptionsProps, Divider, type Props$16 as DividerProps, Drawer, type Props$17 as DrawerProps, Dropdown, type Props$18 as DropdownProps, Empty, type Props$19 as EmptyProps, FloatButton, type Props$20 as FooterProps, Form, type Props$21 as FormControlProps, type Props$22 as FormFieldProps, type Props$23 as FormProps, type Props$24 as HeaderProps, Input, type Props$25 as InputNumberProps, type Props$26 as InputOTPProps, Layout, type Props$27 as LayoutProps, List, type Props$28 as ListProps, type Locale, Marquees, type Props$29 as MarqueesProps, Mentions, type Option$2 as MentionsOption, type Props$30 as MentionsProps, Menu, type Props$31 as MenuProps, Modal, type Props$32 as ModalProps, PageHeader, type Props$33 as PageHeaderProps, Pagination, type Props$34 as PaginationProps, Popconfirm, type Props$35 as PopconfirmProps, Popover, Progress, Radio, Rate, type Props$36 as RateProps, Result, type Props$37 as ResultProps, Reveals, type Props$38 as RevealsProps, RichTextEditor, Row, type Props$39 as RowProps, ScrollArea, type Props$40 as ScrollAreaProps, Segmented, type Props$41 as SegmentedProps, Select, type Props$42 as SiderProps, Skeleton, Slider, Space, type Props$43 as SpaceProps, Spin, Splitter, type Props$44 as SplitterProps, Statistic, type Props$45 as StatisticProps, type Item$3 as StepItem, Steps, type Props$46 as StepsProps, Swiper, type Props$47 as SwiperProps, Switch, Table, type Column as TableColumn, type PaginationOptions as TablePaginationOptions, type Props$48 as TableProps, Tabs, type Props$49 as TabsProps, Tag, type ThemeConfig, type ThemeToken, TimePicker, type Props$50 as TimePickerProps, Timeline, type Item$4 as TimelineItem, type Props$51 as TimelineProps, type Timestamp as TimelineTimestamp, Toast, type StaticProps as ToastOptions, Tooltip, Tour, type Props$52 as TourProps, type Step as TourStep, Transfer, type Item$5 as TransferItem, type Props$53 as TransferProps, Tree, type Actions as TreeActions, type ExpandInfo as TreeExpandInfo, type LoadOptions as TreeLoadOptions, type Node as TreeNode, type Props$54 as TreeProps, type ScrollOptions as TreeScrollOptions, TreeSelect, type Node as TreeSelectNode, type Props$55 as TreeSelectProps, Typography, Upload, type UploadFile, type Props$56 as UploadProps, getRootConfigValue, useConfig };
+export { Alert, type Props as AlertProps, Anchor, type Item as AnchorItem, type Props$1 as AnchorProps, AutoComplete, type Option as AutoCompleteOption, type Props$2 as AutoCompleteProps, Avatar, type Props$3 as AvatarProps, Badge, type Props$4 as BadgeProps, Breadcrumb, type Props$5 as BreadcrumbProps, Button, type Props$6 as ButtonProps, Calendar, type Props$7 as CalendarProps, Card, type Props$8 as CardProps, Cascader, type Option$1 as CascaderOption, type Props$9 as CascaderProps, Checkbox, type Props$10 as CheckboxProps, Col, type Props$11 as ColProps, Collapse, type Props$12 as CollapseProps, ColorPicker, type Props$13 as ColorPickerProps, type ComponentSize, Config, type Props$14 as ConfigProps, ConfigSnapshotProvider, Container, type Props$15 as ContainerProps, type Props$16 as ContentProps, ContextMenu, type Item$1 as ContextMenuItem, type Props$17 as ContextMenuProps, DEFAULT_LOCALE, DatePicker, type Props$18 as DatePickerProps, type DefaultProps, type Item$2 as DescriptionItem, Descriptions, type Columns as DescriptionsColumns, type Props$19 as DescriptionsProps, Divider, type Props$20 as DividerProps, Drawer, type Props$21 as DrawerProps, Dropdown, type Props$22 as DropdownProps, Empty, type Props$23 as EmptyProps, FloatButton, type Props$24 as FloatButtonProps, type Props$25 as FooterProps, Form, type Props$26 as FormControlProps, type Props$27 as FormFieldProps, type Props$28 as FormProps, type Props$29 as HeaderProps, Input, type Props$30 as InputNumberProps, type Props$31 as InputOTPProps, type Props$32 as InputProps, Layout, type Props$33 as LayoutProps, List, type Props$34 as ListProps, type Locale, Marquees, type Props$35 as MarqueesProps, Mentions, type Option$2 as MentionsOption, type Props$36 as MentionsProps, Menu, type Props$37 as MenuProps, Modal, type Props$38 as ModalProps, PageHeader, type Props$39 as PageHeaderProps, Pagination, type Props$40 as PaginationProps, Popconfirm, type Props$41 as PopconfirmProps, Popover, type Props$42 as PopoverProps, Progress, type Props$43 as ProgressProps, Radio, type Props$44 as RadioProps, Rate, type Props$45 as RateProps, Result, type Props$46 as ResultProps, Reveals, type Props$47 as RevealsProps, RichTextEditor, type Props$48 as RichTextEditorProps, Row, type Props$49 as RowProps, ScrollArea, type Props$50 as ScrollAreaProps, Segmented, type Props$51 as SegmentedProps, Select, type Props$52 as SelectProps, type Props$53 as SiderProps, Skeleton, type Props$54 as SkeletonProps, Slider, type Props$55 as SliderProps, Space, type Props$56 as SpaceProps, Spin, type Props$57 as SpinProps, Splitter, type Props$58 as SplitterProps, Statistic, type Props$59 as StatisticProps, type Item$3 as StepItem, Steps, type Props$60 as StepsProps, Swiper, type Props$61 as SwiperProps, Switch, type Props$62 as SwitchProps, Table, type Column as TableColumn, type PaginationOptions as TablePaginationOptions, type Props$63 as TableProps, Tabs, type Props$64 as TabsProps, Tag, type Props$65 as TagProps, type ThemeConfig, type ThemeToken, TimePicker, type Props$66 as TimePickerProps, Timeline, type Item$4 as TimelineItem, type Props$67 as TimelineProps, type Timestamp as TimelineTimestamp, Toast, type GlobalConfig as ToastConfig, type StaticProps as ToastOptions, type Placement as ToastPlacement, ToggleGroup, type Option$3 as ToggleGroupOption, type Props$68 as ToggleGroupProps, Tooltip, type Props$69 as TooltipProps, Tour, type Props$70 as TourProps, type Step as TourStep, Transfer, type Item$5 as TransferItem, type Props$71 as TransferProps, Tree, type Actions as TreeActions, type ExpandInfo as TreeExpandInfo, type LoadOptions as TreeLoadOptions, type Node as TreeNode, type Props$72 as TreeProps, type ScrollOptions as TreeScrollOptions, TreeSelect, type Node as TreeSelectNode, type Props$73 as TreeSelectProps, Typography, type Props$74 as TypographyProps, Upload, type UploadFile, type Props$75 as UploadProps, getRootConfigValue, useConfig };