@jbpark/ui-kit 10.2.0 → 10.3.0

package/dist/Divider.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import { Separator } from "./core/separator.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/atoms/divider.tsx
+const variants = {
+	solid: "border-solid",
+	dashed: "border-dashed",
+	dotted: "border-dotted"
+};
+const Divider = ({ children, orientation = "horizontal", decorative = true, variant = "solid", titlePlacement = "center", className, classNames, dir, "aria-label": ariaLabel, ...props }) => {
+	const { direction } = useConfig();
+	const hasLabel = children !== void 0 && children !== null && children !== false;
+	const isVertical = orientation === "vertical";
+	const label = typeof children === "string" || typeof children === "number" ? String(children) : void 0;
+	const lineClassName = cn("border-border min-w-0 flex-1", isVertical ? "min-h-0 border-s" : "border-t", variants[variant], classNames?.line);
+	return /* @__PURE__ */ jsxs(Separator, {
+		...props,
+		"data-slot": "divider",
+		dir: dir ?? direction,
+		orientation,
+		decorative,
+		"aria-label": decorative ? ariaLabel : ariaLabel ?? label,
+		className: cn(`text-foreground flex bg-transparent
+        data-[orientation=horizontal]:h-auto data-[orientation=vertical]:h-auto
+        data-[orientation=vertical]:w-auto`, isVertical ? "mx-2 h-auto w-auto flex-col items-center self-stretch" : "my-4 h-auto w-full items-center", hasLabel && "gap-3", className),
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: cn(lineClassName, hasLabel && titlePlacement === "start" && "flex-[0.1]")
+		}), hasLabel && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "divider-label",
+			className: cn("min-w-0 shrink text-sm font-medium [overflow-wrap:anywhere]", classNames?.label),
+			children
+		}), /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: cn(lineClassName, titlePlacement === "end" && "flex-[0.1]")
+		})] })]
+	});
+};
+//#endregion
+export { Divider as default };
+
+//# sourceMappingURL=Divider.mjs.map

package/dist/Divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.mjs","names":["separator.Separator"],"sources":["../src/components/atoms/divider.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { separator } from '../../core';\n\nexport interface Props extends Omit<\n  ComponentProps<typeof separator.Separator>,\n  'children' | 'className'\n> {\n  children?: ReactNode;\n  variant?: 'solid' | 'dashed' | 'dotted';\n  titlePlacement?: 'start' | 'center' | 'end';\n  className?: string;\n  classNames?: {\n    line?: string;\n    label?: string;\n  };\n}\n\nconst variants = {\n  solid: 'border-solid',\n  dashed: 'border-dashed',\n  dotted: 'border-dotted',\n};\n\nconst Divider = ({\n  children,\n  orientation = 'horizontal',\n  decorative = true,\n  variant = 'solid',\n  titlePlacement = 'center',\n  className,\n  classNames,\n  dir,\n  'aria-label': ariaLabel,\n  ...props\n}: Props) => {\n  const { direction } = useConfig();\n  const hasLabel =\n    children !== undefined && children !== null && children !== false;\n  const isVertical = orientation === 'vertical';\n  const label =\n    typeof children === 'string' || typeof children === 'number'\n      ? String(children)\n      : undefined;\n  const lineClassName = cn(\n    'border-border min-w-0 flex-1',\n    isVertical ? 'min-h-0 border-s' : 'border-t',\n    variants[variant],\n    classNames?.line,\n    //\n  );\n\n  return (\n    <separator.Separator\n      {...props}\n      data-slot=\"divider\"\n      dir={dir ?? direction}\n      orientation={orientation}\n      decorative={decorative}\n      aria-label={decorative ? ariaLabel : (ariaLabel ?? label)}\n      className={cn(\n        `text-foreground flex bg-transparent\n        data-[orientation=horizontal]:h-auto data-[orientation=vertical]:h-auto\n        data-[orientation=vertical]:w-auto`,\n        isVertical\n          ? 'mx-2 h-auto w-auto flex-col items-center self-stretch'\n          : 'my-4 h-auto w-full items-center',\n        hasLabel && 'gap-3',\n        className,\n        //\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          lineClassName,\n          hasLabel && titlePlacement === 'start' && 'flex-[0.1]',\n          //\n        )}\n      />\n      {hasLabel && (\n        <>\n          <span\n            data-slot=\"divider-label\"\n            className={cn(\n              'min-w-0 shrink text-sm font-medium [overflow-wrap:anywhere]',\n              classNames?.label,\n              //\n            )}\n          >\n            {children}\n          </span>\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              lineClassName,\n              titlePlacement === 'end' && 'flex-[0.1]',\n              //\n            )}\n          />\n        </>\n      )}\n    </separator.Separator>\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;;AAuBA,MAAM,WAAW;CACf,OAAO;CACP,QAAQ;CACR,QAAQ;AACV;AAEA,MAAM,WAAW,EACf,UACA,cAAc,cACd,aAAa,MACb,UAAU,SACV,iBAAiB,UACjB,WACA,YACA,KACA,cAAc,WACd,GAAG,YACQ;CACX,MAAM,EAAE,cAAc,UAAU;CAChC,MAAM,WACJ,aAAa,KAAA,KAAa,aAAa,QAAQ,aAAa;CAC9D,MAAM,aAAa,gBAAgB;CACnC,MAAM,QACJ,OAAO,aAAa,YAAY,OAAO,aAAa,WAChD,OAAO,QAAQ,IACf,KAAA;CACN,MAAM,gBAAgB,GACpB,gCACA,aAAa,qBAAqB,YAClC,SAAS,UACT,YAAY,IAEd;CAEA,OACE,qBAACA,WAAD;EACE,GAAI;EACJ,aAAU;EACV,KAAK,OAAO;EACC;EACD;EACZ,cAAY,aAAa,YAAa,aAAa;EACnD,WAAW,GACT;;6CAGA,aACI,0DACA,mCACJ,YAAY,SACZ,SAEF;EAjBF,UAAA,CAmBE,oBAAC,QAAD;GACE,eAAY;GACZ,WAAW,GACT,eACA,YAAY,mBAAmB,WAAW,YAE5C;EACD,CAAA,GACA,YACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GACE,aAAU;GACV,WAAW,GACT,+DACA,YAAY,KAEd;GAEC;EACG,CAAA,GACN,oBAAC,QAAD;GACE,eAAY;GACZ,WAAW,GACT,eACA,mBAAmB,SAAS,YAE9B;EACD,CAAA,CACD,EAAA,CAAA,CAEe;;AAEzB"}

package/dist/Form.d.mts

@@ -0,0 +1,12 @@
+import Control, { Props } from "./components/organisms/form/control.mjs";
+import Field, { Props as Props$1 } from "./components/organisms/form/field.mjs";
+import Form$1, { Props as Props$2 } from "./components/organisms/form/form.mjs";
+//#region src/components/organisms/form/index.d.ts
+type FormComponent = typeof Form$1 & {
+  Field: typeof Field;
+  Control: typeof Control;
+};
+declare const Form: FormComponent;
+//#endregion
+export { type Props as ControlProps, type Props$1 as FieldProps, type Props$2 as Props, Form as default };
+//# sourceMappingURL=Form.d.mts.map

package/dist/Form.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.mts","names":["FormImpl"],"sources":["../src/components/organisms/form/index.ts"],"mappings":";;;;KAIK,uBAAuBA;EAC1B,cAAc;EACd,gBAAgB;;cAGZ,MAAmB"}

package/dist/Form.mjs

@@ -0,0 +1,11 @@
+import Control from "./components/organisms/form/control.mjs";
+import Field from "./components/organisms/form/field.mjs";
+import Form$1 from "./components/organisms/form/form.mjs";
+//#region src/components/organisms/form/index.ts
+const Form = Form$1;
+Form.Field = Field;
+Form.Control = Control;
+//#endregion
+export { Form as default };
+
+//# sourceMappingURL=Form.mjs.map

package/dist/Form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","names":["FormImpl"],"sources":["../src/components/organisms/form/index.ts"],"sourcesContent":["import Control from './control';\nimport Field from './field';\nimport FormImpl, { type Props } from './form';\n\ntype FormComponent = typeof FormImpl & {\n  Field: typeof Field;\n  Control: typeof Control;\n};\n\nconst Form = FormImpl as FormComponent;\n\nForm.Field = Field;\nForm.Control = Control;\n\nexport default Form;\nexport type { Props };\nexport type { Props as FieldProps } from './field';\nexport type { Props as ControlProps } from './control';\n"],"mappings":";;;;AASA,MAAM,OAAOA;AAEb,KAAK,QAAQ;AACb,KAAK,UAAU"}

package/dist/Layout.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.mts","names":[],"sources":["../src/components/templates/layout/index.ts"],"mappings":";;;;;;KAMK,yBAAyB;EAC5B,gBAAgB;EAChB,eAAe;EACf,eAAe;EACf,cAAc;;cAGV,QAAuB"}
+{"version":3,"file":"Layout.d.mts","names":["LayoutImpl"],"sources":["../src/components/templates/layout/index.ts"],"mappings":";;;;;;KAMK,yBAAyBA;EAC5B,gBAAgB;EAChB,eAAe;EACf,eAAe;EACf,cAAc;;cAGV,QAAuB"}

package/dist/Mentions.d.mts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/atoms/mentions.d.ts
+export interface Option {
+  /** Unique, non-empty token text without whitespace or the prefix. */
+  value: string;
+  label?: string;
+  prefix?: string;
+  disabled?: boolean;
+}
+export interface Props extends Omit<ComponentPropsWithRef<'textarea'>, 'children' | 'value' | 'defaultValue' | 'onChange' | 'onSelect'> {
+  options: readonly Option[];
+  value?: string;
+  defaultValue?: string;
+  onChange?: (value: string) => void;
+  onSelect?: (option: Option, prefix: string) => void;
+  onSearch?: (query: string, prefix: string) => void;
+  prefixes?: readonly string[];
+  filterOption?: false | ((query: string, option: Option) => boolean);
+  loading?: boolean;
+  loadingText?: ReactNode;
+  emptyText?: ReactNode;
+  container?: HTMLElement;
+  classNames?: {
+    root?: string;
+    content?: string;
+    list?: string;
+    option?: string;
+    empty?: string;
+  };
+}
+declare const Mentions: ({ options, value, defaultValue, onChange, onSelect, onSearch, prefixes, filterOption, loading, loadingText, emptyText, container, disabled, readOnly, name, form, className, classNames, dir, ref, onFocus, onBlur, onClick, onKeyDown, onKeyUp, onCompositionStart, onCompositionEnd, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Mentions as default };
+//# sourceMappingURL=Mentions.d.mts.map

package/dist/Mentions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mentions.d.mts","names":[],"sources":["../src/components/atoms/mentions.tsx"],"mappings":";;iBAoBiB;;EAEf;EACA;EACA;EACA;;iBAGe,cAAc,KAC7B;EAGA,kBAAkB;EAClB;EACA;EACA,YAAY;EACZ,YAAY,QAAQ,QAAQ;EAC5B,YAAY,eAAe;EAC3B;EACA,yBAAyB,eAAe,QAAQ;EAChD;EACA,cAAc;EACd,YAAY;EACZ,YAAY;EACZ;IACE;IACA;IACA;IACA;IACA;;;cAkBE,aAAY,SAAA,OAAA,cAAA,UAAA,UAAA,UAAA,UAAA,cAAA,SAAA,aAAA,WAAA,WAAA,UAAA,UAAA,MAAA,MAAA,WAAA,YAAA,KAAA,KAAA,SAAA,QAAA,SAAA,WAAA,SAAA,oBAAA,qBAAA,SA6Bf,0BAAK,IAAA"}

package/dist/Mentions.mjs

@@ -0,0 +1,207 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import { autocomplete_exports } from "./core/autocomplete.mjs";
+import Input from "./components/atoms/input/index.mjs";
+import { findToken, insertToken } from "./components/atoms/mentions-token.mjs";
+import { useEffect, useRef, useState } from "react";
+import { useControllableState, useMergedRef } from "@jbpark/use-hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/atoms/mentions.tsx
+const DEFAULT_PREFIXES = ["@"];
+function TextareaBridge({ primitiveRef, ref, ...props }) {
+	const mergedRef = useMergedRef(primitiveRef, ref);
+	return /* @__PURE__ */ jsx(Input.TextArea, {
+		...props,
+		ref: mergedRef
+	});
+}
+const Mentions = ({ options, value, defaultValue = "", onChange, onSelect, onSearch, prefixes = DEFAULT_PREFIXES, filterOption, loading = false, loadingText = "Loading suggestions…", emptyText = "No suggestions", container, disabled, readOnly, name, form, className, classNames, dir, ref, onFocus, onBlur, onClick, onKeyDown, onKeyUp, onCompositionStart, onCompositionEnd, ...props }) => {
+	const { direction } = useConfig();
+	const textareaRef = useRef(null);
+	const mergedRef = useMergedRef(ref, textareaRef);
+	const composingRef = useRef(false);
+	const pendingCaret = useRef(null);
+	const [text, setText] = useControllableState({
+		value,
+		defaultValue,
+		onChange
+	});
+	const [focused, setFocused] = useState(false);
+	const [composing, setComposing] = useState(false);
+	const [selection, setSelection] = useState({
+		text: "",
+		start: 0,
+		end: 0
+	});
+	const [dismissed, setDismissed] = useState([]);
+	const token = focused && !composing && !disabled && !readOnly && selection.text === text ? findToken(text, selection.start, selection.end, prefixes) : null;
+	const signature = token ? JSON.stringify([
+		text,
+		selection.start,
+		selection.end,
+		token.prefix
+	]) : null;
+	const open = token !== null && !dismissed.includes(signature);
+	const query = token?.query;
+	const prefix = token?.prefix;
+	const searchRef = useRef(onSearch);
+	useEffect(() => {
+		searchRef.current = onSearch;
+	}, [onSearch]);
+	useEffect(() => {
+		if (query !== void 0 && prefix !== void 0) searchRef.current?.(query, prefix);
+	}, [query, prefix]);
+	useEffect(() => {
+		const pending = pendingCaret.current;
+		const textarea = textareaRef.current;
+		if (pending && textarea && text === pending.value) {
+			pendingCaret.current = null;
+			if (textarea.ownerDocument.activeElement === textarea) textarea.setSelectionRange(pending.caret, pending.caret);
+		}
+	});
+	const syncSelection = (textarea) => {
+		setSelection((previous) => {
+			const next = {
+				text: textarea.value,
+				start: textarea.selectionStart,
+				end: textarea.selectionEnd
+			};
+			return previous.text === next.text && previous.start === next.start && previous.end === next.end ? previous : next;
+		});
+	};
+	const filtered = options.filter((option) => {
+		if (!option.value || /\s/u.test(option.value) || prefixes.some((prefix) => prefix.length > 0 && option.value.startsWith(prefix)) || option.prefix !== void 0 && option.prefix !== prefix) return false;
+		if (filterOption === false) return true;
+		return filterOption ? filterOption(query ?? "", option) : [option.value, option.label ?? ""].some((label) => label.toLowerCase().includes((query ?? "").toLowerCase()));
+	});
+	const select = (option) => {
+		const textarea = textareaRef.current;
+		if (!open || !textarea || composingRef.current || option.disabled || disabled || readOnly || textarea.value !== text) return;
+		const currentToken = findToken(text, textarea.selectionStart, textarea.selectionEnd, prefixes);
+		if (!currentToken || currentToken.start !== token?.start || currentToken.query !== token.query || currentToken.prefix !== option.prefix && option.prefix !== void 0) return;
+		const next = insertToken(text, currentToken, option.value);
+		pendingCaret.current = next;
+		setDismissed([signature, JSON.stringify([
+			next.value,
+			next.caret,
+			next.caret,
+			currentToken.prefix
+		])]);
+		setText(next.value);
+		onSelect?.(option, currentToken.prefix);
+	};
+	const { Autocomplete: Root, AutocompleteInput, AutocompleteContent, AutocompleteList, AutocompleteItem } = autocomplete_exports;
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "mentions",
+		dir: dir ?? direction,
+		className: cn("relative min-w-0", classNames?.root),
+		children: /* @__PURE__ */ jsxs(Root, {
+			items: loading ? [] : filtered,
+			filter: null,
+			value: text,
+			defaultValue,
+			onValueChange: (next, details) => {
+				if (details.reason === "item-press" || details.reason === "escape-key") {
+					details.cancel();
+					return;
+				}
+				pendingCaret.current = null;
+				setText(next);
+				if (textareaRef.current) syncSelection(textareaRef.current);
+			},
+			disabled,
+			readOnly,
+			name,
+			form,
+			open,
+			onOpenChange: (next) => {
+				if (!next) setDismissed([signature]);
+			},
+			itemToStringValue: (option) => option.value,
+			children: [/* @__PURE__ */ jsx(AutocompleteInput, { render: (inputProps) => {
+				const native = inputProps;
+				return /* @__PURE__ */ jsx(TextareaBridge, {
+					...native,
+					...props,
+					ref: mergedRef,
+					primitiveRef: native.ref,
+					dir: dir ?? direction,
+					"data-slot": "mentions-input",
+					className: cn(native.className, className),
+					onFocus: (event) => {
+						onFocus?.(event);
+						native.onFocus?.(event);
+						setFocused(true);
+						setDismissed([]);
+						syncSelection(event.currentTarget);
+					},
+					onBlur: (event) => {
+						onBlur?.(event);
+						native.onBlur?.(event);
+						setFocused(false);
+					},
+					onSelect: (event) => syncSelection(event.currentTarget),
+					onClick: (event) => {
+						onClick?.(event);
+						native.onClick?.(event);
+						syncSelection(event.currentTarget);
+					},
+					onKeyDown: (event) => {
+						onKeyDown?.(event);
+						if (event.defaultPrevented) return;
+						if (!open || composingRef.current || event.nativeEvent.isComposing || event.keyCode === 229 || event.key === "Home" || event.key === "End") return;
+						native.onKeyDown?.(event);
+					},
+					onKeyUp: (event) => {
+						onKeyUp?.(event);
+						native.onKeyUp?.(event);
+						syncSelection(event.currentTarget);
+					},
+					onCompositionStart: (event) => {
+						composingRef.current = true;
+						setComposing(true);
+						onCompositionStart?.(event);
+						native.onCompositionStart?.(event);
+					},
+					onCompositionEnd: (event) => {
+						composingRef.current = false;
+						setComposing(false);
+						onCompositionEnd?.(event);
+						native.onCompositionEnd?.(event);
+						syncSelection(event.currentTarget);
+					}
+				});
+			} }), /* @__PURE__ */ jsxs(AutocompleteContent, {
+				container,
+				dir: dir ?? direction,
+				className: classNames?.content,
+				children: [(loading || filtered.length === 0) && /* @__PURE__ */ jsx("div", {
+					role: "status",
+					className: cn("text-muted-foreground px-3 py-2 text-sm", classNames?.empty),
+					children: loading ? loadingText : emptyText
+				}), /* @__PURE__ */ jsx(AutocompleteList, {
+					className: cn("max-h-60 overflow-y-auto p-1", classNames?.list),
+					children: (option) => /* @__PURE__ */ jsx(AutocompleteItem, {
+						value: option,
+						disabled: option.disabled,
+						onMouseUp: (event) => event.preventBaseUIHandler(),
+						onClick: (event) => {
+							event.preventBaseUIHandler();
+							select(option);
+						},
+						className: cn(`data-highlighted:bg-accent
+                  data-highlighted:text-accent-foreground cursor-default
+                  rounded-sm px-2 py-1.5 text-sm [overflow-wrap:anywhere]
+                  outline-none data-disabled:opacity-50`, classNames?.option),
+						children: option.label ?? option.value
+					}, option.value)
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { Mentions as default };
+
+//# sourceMappingURL=Mentions.mjs.map

package/dist/Mentions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mentions.mjs","names":["autocomplete"],"sources":["../src/components/atoms/mentions.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ComponentPropsWithRef,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useControllableState, useMergedRef } from '@jbpark/use-hooks';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { autocomplete } from '../../core';\nimport Input from './input';\nimport { findToken, insertToken } from './mentions-token';\n\nexport interface Option {\n  /** Unique, non-empty token text without whitespace or the prefix. */\n  value: string;\n  label?: string;\n  prefix?: string;\n  disabled?: boolean;\n}\n\nexport interface Props extends Omit<\n  ComponentPropsWithRef<'textarea'>,\n  'children' | 'value' | 'defaultValue' | 'onChange' | 'onSelect'\n> {\n  options: readonly Option[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onSelect?: (option: Option, prefix: string) => void;\n  onSearch?: (query: string, prefix: string) => void;\n  prefixes?: readonly string[];\n  filterOption?: false | ((query: string, option: Option) => boolean);\n  loading?: boolean;\n  loadingText?: ReactNode;\n  emptyText?: ReactNode;\n  container?: HTMLElement;\n  classNames?: {\n    root?: string;\n    content?: string;\n    list?: string;\n    option?: string;\n    empty?: string;\n  };\n}\n\nconst DEFAULT_PREFIXES = ['@'];\n\nfunction TextareaBridge({\n  primitiveRef,\n  ref,\n  ...props\n}: ComponentPropsWithRef<'textarea'> & {\n  primitiveRef?: Ref<HTMLTextAreaElement>;\n}) {\n  const mergedRef = useMergedRef(primitiveRef, ref);\n\n  return <Input.TextArea {...props} ref={mergedRef} />;\n}\n\nconst Mentions = ({\n  options,\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  prefixes = DEFAULT_PREFIXES,\n  filterOption,\n  loading = false,\n  loadingText = 'Loading suggestions…',\n  emptyText = 'No suggestions',\n  container,\n  disabled,\n  readOnly,\n  name,\n  form,\n  className,\n  classNames,\n  dir,\n  ref,\n  onFocus,\n  onBlur,\n  onClick,\n  onKeyDown,\n  onKeyUp,\n  onCompositionStart,\n  onCompositionEnd,\n  ...props\n}: Props) => {\n  const { direction } = useConfig();\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const mergedRef = useMergedRef(ref, textareaRef);\n  const composingRef = useRef(false);\n  const pendingCaret = useRef<{ value: string; caret: number } | null>(null);\n  const [text, setText] = useControllableState<string>({\n    value,\n    defaultValue,\n    onChange,\n  });\n  const [focused, setFocused] = useState(false);\n  const [composing, setComposing] = useState(false);\n  const [selection, setSelection] = useState({ text: '', start: 0, end: 0 });\n  const [dismissed, setDismissed] = useState<readonly (string | null)[]>([]);\n  const token =\n    focused && !composing && !disabled && !readOnly && selection.text === text\n      ? findToken(text, selection.start, selection.end, prefixes)\n      : null;\n  const signature = token\n    ? JSON.stringify([text, selection.start, selection.end, token.prefix])\n    : null;\n  const open = token !== null && !dismissed.includes(signature);\n  const query = token?.query;\n  const prefix = token?.prefix;\n  const searchRef = useRef(onSearch);\n\n  useEffect(() => {\n    searchRef.current = onSearch;\n  }, [onSearch]);\n\n  useEffect(() => {\n    if (query !== undefined && prefix !== undefined) {\n      searchRef.current?.(query, prefix);\n    }\n  }, [query, prefix]);\n\n  useEffect(() => {\n    const pending = pendingCaret.current;\n    const textarea = textareaRef.current;\n\n    if (pending && textarea && text === pending.value) {\n      pendingCaret.current = null;\n\n      if (textarea.ownerDocument.activeElement === textarea) {\n        textarea.setSelectionRange(pending.caret, pending.caret);\n      }\n    }\n  });\n\n  const syncSelection = (textarea: HTMLTextAreaElement) => {\n    setSelection(previous => {\n      const next = {\n        text: textarea.value,\n        start: textarea.selectionStart,\n        end: textarea.selectionEnd,\n      };\n\n      return previous.text === next.text &&\n        previous.start === next.start &&\n        previous.end === next.end\n        ? previous\n        : next;\n    });\n  };\n  const filtered = options.filter(option => {\n    if (\n      !option.value ||\n      /\\s/u.test(option.value) ||\n      prefixes.some(\n        prefix => prefix.length > 0 && option.value.startsWith(prefix),\n      ) ||\n      (option.prefix !== undefined && option.prefix !== prefix)\n    ) {\n      return false;\n    }\n\n    if (filterOption === false) {\n      return true;\n    }\n\n    return filterOption\n      ? filterOption(query ?? '', option)\n      : [option.value, option.label ?? ''].some(label =>\n          label.toLowerCase().includes((query ?? '').toLowerCase()),\n        );\n  });\n  const select = (option: Option) => {\n    const textarea = textareaRef.current;\n\n    if (\n      !open ||\n      !textarea ||\n      composingRef.current ||\n      option.disabled ||\n      disabled ||\n      readOnly ||\n      textarea.value !== text\n    ) {\n      return;\n    }\n\n    const currentToken = findToken(\n      text,\n      textarea.selectionStart,\n      textarea.selectionEnd,\n      prefixes,\n    );\n\n    if (\n      !currentToken ||\n      currentToken.start !== token?.start ||\n      currentToken.query !== token.query ||\n      (currentToken.prefix !== option.prefix && option.prefix !== undefined)\n    ) {\n      return;\n    }\n\n    const next = insertToken(text, currentToken, option.value);\n\n    pendingCaret.current = next;\n    setDismissed([\n      signature,\n      JSON.stringify([next.value, next.caret, next.caret, currentToken.prefix]),\n    ]);\n    setText(next.value);\n    onSelect?.(option, currentToken.prefix);\n  };\n  const {\n    Autocomplete: Root,\n    AutocompleteInput,\n    AutocompleteContent,\n    AutocompleteList,\n    AutocompleteItem,\n  } = autocomplete;\n\n  return (\n    <div\n      data-slot=\"mentions\"\n      dir={dir ?? direction}\n      className={cn(\n        'relative min-w-0',\n        classNames?.root, //\n      )}\n    >\n      <Root\n        items={loading ? [] : filtered}\n        filter={null}\n        value={text}\n        defaultValue={defaultValue}\n        onValueChange={(next, details) => {\n          if (\n            details.reason === 'item-press' ||\n            details.reason === 'escape-key'\n          ) {\n            details.cancel();\n\n            return;\n          }\n\n          pendingCaret.current = null;\n          setText(next);\n\n          if (textareaRef.current) {\n            syncSelection(textareaRef.current);\n          }\n        }}\n        disabled={disabled}\n        readOnly={readOnly}\n        name={name}\n        form={form}\n        open={open}\n        onOpenChange={next => {\n          if (!next) {\n            setDismissed([signature]);\n          }\n        }}\n        itemToStringValue={option => option.value}\n      >\n        <AutocompleteInput\n          render={inputProps => {\n            // Base UI's input handlers use the shared text-control DOM contract.\n            // Adapt their input-only types while preserving the textarea atom.\n            const native =\n              inputProps as unknown as ComponentPropsWithRef<'textarea'>;\n\n            return (\n              <TextareaBridge\n                {...native}\n                {...props}\n                ref={mergedRef}\n                primitiveRef={native.ref}\n                dir={dir ?? direction}\n                data-slot=\"mentions-input\"\n                className={cn(\n                  native.className,\n                  className, //\n                )}\n                onFocus={event => {\n                  onFocus?.(event);\n                  native.onFocus?.(event);\n                  setFocused(true);\n                  setDismissed([]);\n                  syncSelection(event.currentTarget);\n                }}\n                onBlur={event => {\n                  onBlur?.(event);\n                  native.onBlur?.(event);\n                  setFocused(false);\n                }}\n                onSelect={event => syncSelection(event.currentTarget)}\n                onClick={event => {\n                  onClick?.(event);\n                  native.onClick?.(event);\n                  syncSelection(event.currentTarget);\n                }}\n                onKeyDown={event => {\n                  onKeyDown?.(event);\n\n                  if (event.defaultPrevented) {\n                    return;\n                  }\n\n                  if (\n                    !open ||\n                    composingRef.current ||\n                    event.nativeEvent.isComposing ||\n                    event.keyCode === 229 ||\n                    event.key === 'Home' ||\n                    event.key === 'End'\n                  ) {\n                    return;\n                  }\n\n                  native.onKeyDown?.(event);\n                }}\n                onKeyUp={event => {\n                  onKeyUp?.(event);\n                  native.onKeyUp?.(event);\n                  syncSelection(event.currentTarget);\n                }}\n                onCompositionStart={event => {\n                  composingRef.current = true;\n                  setComposing(true);\n                  onCompositionStart?.(event);\n                  native.onCompositionStart?.(event);\n                }}\n                onCompositionEnd={event => {\n                  composingRef.current = false;\n                  setComposing(false);\n                  onCompositionEnd?.(event);\n                  native.onCompositionEnd?.(event);\n                  syncSelection(event.currentTarget);\n                }}\n              />\n            );\n          }}\n        />\n        <AutocompleteContent\n          container={container}\n          dir={dir ?? direction}\n          className={classNames?.content}\n        >\n          {(loading || filtered.length === 0) && (\n            <div\n              role=\"status\"\n              className={cn(\n                'text-muted-foreground px-3 py-2 text-sm',\n                classNames?.empty, //\n              )}\n            >\n              {loading ? loadingText : emptyText}\n            </div>\n          )}\n          <AutocompleteList\n            className={cn(\n              'max-h-60 overflow-y-auto p-1',\n              classNames?.list, //\n            )}\n          >\n            {(option: Option) => (\n              <AutocompleteItem\n                key={option.value}\n                value={option}\n                disabled={option.disabled}\n                onMouseUp={event => event.preventBaseUIHandler()}\n                onClick={event => {\n                  event.preventBaseUIHandler();\n                  select(option);\n                }}\n                className={cn(\n                  `data-highlighted:bg-accent\n                  data-highlighted:text-accent-foreground cursor-default\n                  rounded-sm px-2 py-1.5 text-sm [overflow-wrap:anywhere]\n                  outline-none data-disabled:opacity-50`,\n                  classNames?.option, //\n                )}\n              >\n                {option.label ?? option.value}\n              </AutocompleteItem>\n            )}\n          </AutocompleteList>\n        </AutocompleteContent>\n      </Root>\n    </div>\n  );\n};\n\nexport default Mentions;\n"],"mappings":";;;;;;;;;;AAqDA,MAAM,mBAAmB,CAAC,GAAG;AAE7B,SAAS,eAAe,EACtB,cACA,KACA,GAAG,SAGF;CACD,MAAM,YAAY,aAAa,cAAc,GAAG;CAEhD,OAAO,oBAAC,MAAM,UAAP;EAAgB,GAAI;EAAO,KAAK;CAAY,CAAA;AACrD;AAEA,MAAM,YAAY,EAChB,SACA,OACA,eAAe,IACf,UACA,UACA,UACA,WAAW,kBACX,cACA,UAAU,OACV,cAAc,wBACd,YAAY,kBACZ,WACA,UACA,UACA,MACA,MACA,WACA,YACA,KACA,KACA,SACA,QACA,SACA,WACA,SACA,oBACA,kBACA,GAAG,YACQ;CACX,MAAM,EAAE,cAAc,UAAU;CAChC,MAAM,cAAc,OAAmC,IAAI;CAC3D,MAAM,YAAY,aAAa,KAAK,WAAW;CAC/C,MAAM,eAAe,OAAO,KAAK;CACjC,MAAM,eAAe,OAAgD,IAAI;CACzE,MAAM,CAAC,MAAM,WAAW,qBAA6B;EACnD;EACA;EACA;CACF,CAAC;CACD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,WAAW,gBAAgB,SAAS;EAAE,MAAM;EAAI,OAAO;EAAG,KAAK;CAAE,CAAC;CACzE,MAAM,CAAC,WAAW,gBAAgB,SAAqC,CAAC,CAAC;CACzE,MAAM,QACJ,WAAW,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,UAAU,SAAS,OAClE,UAAU,MAAM,UAAU,OAAO,UAAU,KAAK,QAAQ,IACxD;CACN,MAAM,YAAY,QACd,KAAK,UAAU;EAAC;EAAM,UAAU;EAAO,UAAU;EAAK,MAAM;CAAM,CAAC,IACnE;CACJ,MAAM,OAAO,UAAU,QAAQ,CAAC,UAAU,SAAS,SAAS;CAC5D,MAAM,QAAQ,OAAO;CACrB,MAAM,SAAS,OAAO;CACtB,MAAM,YAAY,OAAO,QAAQ;CAEjC,gBAAgB;EACd,UAAU,UAAU;CACtB,GAAG,CAAC,QAAQ,CAAC;CAEb,gBAAgB;EACd,IAAI,UAAU,KAAA,KAAa,WAAW,KAAA,GACpC,UAAU,UAAU,OAAO,MAAM;CAErC,GAAG,CAAC,OAAO,MAAM,CAAC;CAElB,gBAAgB;EACd,MAAM,UAAU,aAAa;EAC7B,MAAM,WAAW,YAAY;EAE7B,IAAI,WAAW,YAAY,SAAS,QAAQ,OAAO;GACjD,aAAa,UAAU;GAEvB,IAAI,SAAS,cAAc,kBAAkB,UAC3C,SAAS,kBAAkB,QAAQ,OAAO,QAAQ,KAAK;EAE3D;CACF,CAAC;CAED,MAAM,iBAAiB,aAAkC;EACvD,cAAa,aAAY;GACvB,MAAM,OAAO;IACX,MAAM,SAAS;IACf,OAAO,SAAS;IAChB,KAAK,SAAS;GAChB;GAEA,OAAO,SAAS,SAAS,KAAK,QAC5B,SAAS,UAAU,KAAK,SACxB,SAAS,QAAQ,KAAK,MACpB,WACA;EACN,CAAC;CACH;CACA,MAAM,WAAW,QAAQ,QAAO,WAAU;EACxC,IACE,CAAC,OAAO,SACR,MAAM,KAAK,OAAO,KAAK,KACvB,SAAS,MACP,WAAU,OAAO,SAAS,KAAK,OAAO,MAAM,WAAW,MAAM,CAC/D,KACC,OAAO,WAAW,KAAA,KAAa,OAAO,WAAW,QAElD,OAAO;EAGT,IAAI,iBAAiB,OACnB,OAAO;EAGT,OAAO,eACH,aAAa,SAAS,IAAI,MAAM,IAChC,CAAC,OAAO,OAAO,OAAO,SAAS,EAAE,CAAC,CAAC,MAAK,UACtC,MAAM,YAAY,CAAC,CAAC,UAAU,SAAS,GAAA,CAAI,YAAY,CAAC,CAC1D;CACN,CAAC;CACD,MAAM,UAAU,WAAmB;EACjC,MAAM,WAAW,YAAY;EAE7B,IACE,CAAC,QACD,CAAC,YACD,aAAa,WACb,OAAO,YACP,YACA,YACA,SAAS,UAAU,MAEnB;EAGF,MAAM,eAAe,UACnB,MACA,SAAS,gBACT,SAAS,cACT,QACF;EAEA,IACE,CAAC,gBACD,aAAa,UAAU,OAAO,SAC9B,aAAa,UAAU,MAAM,SAC5B,aAAa,WAAW,OAAO,UAAU,OAAO,WAAW,KAAA,GAE5D;EAGF,MAAM,OAAO,YAAY,MAAM,cAAc,OAAO,KAAK;EAEzD,aAAa,UAAU;EACvB,aAAa,CACX,WACA,KAAK,UAAU;GAAC,KAAK;GAAO,KAAK;GAAO,KAAK;GAAO,aAAa;EAAM,CAAC,CAC1E,CAAC;EACD,QAAQ,KAAK,KAAK;EAClB,WAAW,QAAQ,aAAa,MAAM;CACxC;CACA,MAAM,EACJ,cAAc,MACd,mBACA,qBACA,kBACA,qBACEA;CAEJ,OACE,oBAAC,OAAD;EACE,aAAU;EACV,KAAK,OAAO;EACZ,WAAW,GACT,oBACA,YAAY,IACd;EAEA,UAAA,qBAAC,MAAD;GACE,OAAO,UAAU,CAAC,IAAI;GACtB,QAAQ;GACR,OAAO;GACO;GACd,gBAAgB,MAAM,YAAY;IAChC,IACE,QAAQ,WAAW,gBACnB,QAAQ,WAAW,cACnB;KACA,QAAQ,OAAO;KAEf;IACF;IAEA,aAAa,UAAU;IACvB,QAAQ,IAAI;IAEZ,IAAI,YAAY,SACd,cAAc,YAAY,OAAO;GAErC;GACU;GACA;GACJ;GACA;GACA;GACN,eAAc,SAAQ;IACpB,IAAI,CAAC,MACH,aAAa,CAAC,SAAS,CAAC;GAE5B;GACA,oBAAmB,WAAU,OAAO;GAhCtC,UAAA,CAkCE,oBAAC,mBAAD,EACE,SAAQ,eAAc;IAGpB,MAAM,SACJ;IAEF,OACE,oBAAC,gBAAD;KACE,GAAI;KACJ,GAAI;KACJ,KAAK;KACL,cAAc,OAAO;KACrB,KAAK,OAAO;KACZ,aAAU;KACV,WAAW,GACT,OAAO,WACP,SACF;KACA,UAAS,UAAS;MAChB,UAAU,KAAK;MACf,OAAO,UAAU,KAAK;MACtB,WAAW,IAAI;MACf,aAAa,CAAC,CAAC;MACf,cAAc,MAAM,aAAa;KACnC;KACA,SAAQ,UAAS;MACf,SAAS,KAAK;MACd,OAAO,SAAS,KAAK;MACrB,WAAW,KAAK;KAClB;KACA,WAAU,UAAS,cAAc,MAAM,aAAa;KACpD,UAAS,UAAS;MAChB,UAAU,KAAK;MACf,OAAO,UAAU,KAAK;MACtB,cAAc,MAAM,aAAa;KACnC;KACA,YAAW,UAAS;MAClB,YAAY,KAAK;MAEjB,IAAI,MAAM,kBACR;MAGF,IACE,CAAC,QACD,aAAa,WACb,MAAM,YAAY,eAClB,MAAM,YAAY,OAClB,MAAM,QAAQ,UACd,MAAM,QAAQ,OAEd;MAGF,OAAO,YAAY,KAAK;KAC1B;KACA,UAAS,UAAS;MAChB,UAAU,KAAK;MACf,OAAO,UAAU,KAAK;MACtB,cAAc,MAAM,aAAa;KACnC;KACA,qBAAoB,UAAS;MAC3B,aAAa,UAAU;MACvB,aAAa,IAAI;MACjB,qBAAqB,KAAK;MAC1B,OAAO,qBAAqB,KAAK;KACnC;KACA,mBAAkB,UAAS;MACzB,aAAa,UAAU;MACvB,aAAa,KAAK;MAClB,mBAAmB,KAAK;MACxB,OAAO,mBAAmB,KAAK;MAC/B,cAAc,MAAM,aAAa;KACnC;IACD,CAAA;GAEL,EACD,CAAA,GACD,qBAAC,qBAAD;IACa;IACX,KAAK,OAAO;IACZ,WAAW,YAAY;IAHzB,UAAA,EAKI,WAAW,SAAS,WAAW,MAC/B,oBAAC,OAAD;KACE,MAAK;KACL,WAAW,GACT,2CACA,YAAY,KACd;KAEC,UAAA,UAAU,cAAc;IACtB,CAAA,GAEP,oBAAC,kBAAD;KACE,WAAW,GACT,gCACA,YAAY,IACd;KAEE,WAAA,WACA,oBAAC,kBAAD;MAEE,OAAO;MACP,UAAU,OAAO;MACjB,YAAW,UAAS,MAAM,qBAAqB;MAC/C,UAAS,UAAS;OAChB,MAAM,qBAAqB;OAC3B,OAAO,MAAM;MACf;MACA,WAAW,GACT;;;0DAIA,YAAY,MACd;MAEC,UAAA,OAAO,SAAS,OAAO;KACR,GAjBX,OAAO,KAiBI;IAEJ,CAAA,CACC;GACjB,CAAA,CAAA;;CACH,CAAA;AAET"}

package/dist/Menu.mjs

@@ -1,2 +1 @@
-import Menu, { MENU_CLASSNAMES, buildSelectionMap, findKey } from "./components/molecules/menu/menu.mjs";
-export { MENU_CLASSNAMES, buildSelectionMap, Menu as default, findKey };
+export { MENU_CLASSNAMES, buildSelectionMap, default, findKey } from "./components/molecules/menu/menu.mjs";

package/dist/Pagination.d.mts

@@ -1,5 +1,5 @@
 //#region src/components/molecules/pagination.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children' | 'onChange'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children' | 'onChange'> {
   /** Total number of items, not pages. */
   total: number;
   /** Controlled number of items per page. */
@@ -49,5 +49,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children' |
 }
 declare const Pagination: ({ total, pageSize, defaultPageSize, onPageSizeChange, pageSizeOptions, showSizeChanger, showTotal, showQuickJumper, page, defaultPage, onChange, siblingCount, boundaryCount, showFirstLast, hideOnSinglePage, getPageHref, disabled, size, labels, className, classNames, "aria-label": ariaLabel, ...props }: Props) => import("react").JSX.Element | null;
 //#endregion
-export { Props, Pagination as default };
+export { Pagination as default };
 //# sourceMappingURL=Pagination.d.mts.map

package/dist/Pagination.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.mts","names":[],"sources":["../src/components/molecules/pagination.tsx"],"mappings":";UAoBiB,cAAc,KAC7B,MAAM;;EAIN;;EAEA;EACA;EACA,oBAAoB;EACpB;EACA;;EAEA,aAAa,eAAe,4BAA4B,MAAM;EAC9D;;EAEA;EACA;EACA,YAAY;EACZ;EACA;EACA;EACA;;EAEA,eAAe;EACf;EACA;EACA;IACE;IACA,QAAQ;IACR;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;cAkEE,eAAc,OAAA,UAAA,iBAAA,kBAAA,iBAAA,iBAAA,WAAA,iBAAA,MAAA,aAAA,UAAA,cAAA,eAAA,eAAA,kBAAA,aAAA,UAAA,MAAA,QAAA,WAAA,0BAAA,cAAA,SAwBjB,0BAAK,IAAA"}
+{"version":3,"file":"Pagination.d.mts","names":[],"sources":["../src/components/molecules/pagination.tsx"],"mappings":";iBAoBiB,cAAc,KAC7B,MAAM;;EAIN;;EAEA;EACA;EACA,oBAAoB;EACpB;EACA;;EAEA,aAAa,eAAe,4BAA4B,MAAM;EAC9D;;EAEA;EACA;EACA,YAAY;EACZ;EACA;EACA;EACA;;EAEA,eAAe;EACf;EACA;EACA;IACE;IACA,QAAQ;IACR;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;cAkEE,eAAc,OAAA,UAAA,iBAAA,kBAAA,iBAAA,iBAAA,WAAA,iBAAA,MAAA,aAAA,UAAA,cAAA,eAAA,eAAA,kBAAA,aAAA,UAAA,MAAA,QAAA,WAAA,0BAAA,cAAA,SAwBjB,0BAAK,IAAA"}

package/dist/Pagination.mjs

@@ -4,9 +4,9 @@ import { useConfig } from "./providers/config/context.mjs";
 import Button from "./Button.mjs";
 import Input from "./components/atoms/input/index.mjs";
 import Select from "./components/atoms/select.mjs";
-import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 //#region src/components/molecules/pagination.tsx
 const clampPage = (page, pageCount) => Math.min(Math.max(1, Number.isFinite(page) ? Math.floor(page) : 1), Math.max(1, pageCount));
 const normalizePageSize = (value) => Number.isFinite(value) && value >= 1 ? Math.floor(value) : 10;

package/dist/Popconfirm.d.mts

@@ -0,0 +1,33 @@
+import { Props as Props$1 } from "./Button.mjs";
+import { Props as Props$2 } from "./components/atoms/popover.mjs";
+import * as React$1 from "react";
+//#region src/components/molecules/popconfirm.d.ts
+type ActionProps = Omit<Props$1, 'children' | 'onClick' | 'loading' | 'disabled'>;
+export interface Props extends Omit<Props$2, 'content' | 'title' | 'children'> {
+  children: React$1.ReactElement;
+  title: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  /** A fulfilled promise closes the popup; a thrown error keeps it open. */
+  onConfirm?: () => void | Promise<void>;
+  /** Only the Cancel button invokes this callback. */
+  onCancel?: () => void;
+  onConfirmError?: (error: unknown) => void;
+  errorMessage?: React$1.ReactNode;
+  confirmText?: React$1.ReactNode;
+  cancelText?: React$1.ReactNode;
+  disabled?: boolean;
+  confirmButtonProps?: ActionProps;
+  cancelButtonProps?: ActionProps;
+  classNames?: {
+    title?: string;
+    description?: string;
+    actions?: string;
+    confirm?: string;
+    cancel?: string;
+    error?: string;
+  };
+}
+declare const Popconfirm: ({ children, title, description, onConfirm, onCancel, onConfirmError, errorMessage, confirmText, cancelText, disabled, confirmButtonProps, cancelButtonProps, className, classNames, open: controlledOpen, defaultOpen, onOpenChange, ...props }: Props) => React$1.JSX.Element;
+//#endregion
+export { Popconfirm as default };
+//# sourceMappingURL=Popconfirm.d.mts.map

package/dist/Popconfirm.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm.d.mts","names":["ButtonProps","PopoverProps","React"],"sources":["../src/components/molecules/popconfirm.tsx"],"mappings":";;;;KAYK,cAAc,KACjBA;iBAIe,cAAc,KAC7BC;EAGA,UAAUC,QAAM;EAChB,OAAOA,QAAM;EACb,cAAcA,QAAM;;EAEpB,yBAAyB;;EAEzB;EACA,kBAAkB;EAClB,eAAeA,QAAM;EACrB,cAAcA,QAAM;EACpB,aAAaA,QAAM;EACnB;EACA,qBAAqB;EACrB,oBAAoB;EACpB;IACE;IACA;IACA;IACA;IACA;IACA;;;cAIE,eAAc,UAAA,OAAA,aAAA,WAAA,UAAA,gBAAA,cAAA,aAAA,YAAA,UAAA,oBAAA,mBAAA,WAAA,YAAA,MAAA,gBAAA,aAAA,iBAAA,SAmBjB,UAAKA,QAAA,IAAA"}

package/dist/Popconfirm.mjs

@@ -0,0 +1,119 @@
+"use client";
+import { cn } from "./utils.mjs";
+import Button from "./Button.mjs";
+import Typography from "./Typography.mjs";
+import Popover from "./components/atoms/popover.mjs";
+import * as React$1 from "react";
+import { useControllableState } from "@jbpark/use-hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/molecules/popconfirm.tsx
+const Popconfirm = ({ children, title, description, onConfirm, onCancel, onConfirmError, errorMessage = "Unable to complete the action. Please try again.", confirmText = "Confirm", cancelText = "Cancel", disabled = false, confirmButtonProps, cancelButtonProps, className, classNames, open: controlledOpen, defaultOpen, onOpenChange, ...props }) => {
+	const [open, setOpen] = useControllableState({
+		value: controlledOpen,
+		defaultValue: defaultOpen ?? false,
+		onChange: onOpenChange
+	});
+	const [pending, setPending] = React$1.useState(false);
+	const [failed, setFailed] = React$1.useState(false);
+	const busy = React$1.useRef(false);
+	const mounted = React$1.useRef(false);
+	const generation = React$1.useRef(0);
+	const descriptionId = React$1.useId();
+	const titleId = React$1.useId();
+	React$1.useEffect(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+			generation.current += 1;
+		};
+	}, []);
+	React$1.useEffect(() => {
+		if (!open || disabled) generation.current += 1;
+	}, [open, disabled]);
+	const handleOpenChange = (nextOpen) => {
+		if (busy.current || disabled && nextOpen) return;
+		setFailed(false);
+		setOpen(nextOpen);
+	};
+	const handleConfirm = async () => {
+		if (busy.current || disabled) return;
+		busy.current = true;
+		setPending(true);
+		setFailed(false);
+		const request = generation.current;
+		try {
+			await onConfirm?.();
+			if (mounted.current && request === generation.current) setOpen(false);
+		} catch (error) {
+			if (mounted.current && request === generation.current) {
+				setFailed(true);
+				onConfirmError?.(error);
+			}
+		} finally {
+			busy.current = false;
+			if (mounted.current) setPending(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Popover, {
+		...props,
+		open: open && !disabled,
+		onOpenChange: handleOpenChange,
+		className: cn("max-w-[calc(100vw-2rem)]", className),
+		"aria-labelledby": titleId,
+		"aria-describedby": description ? descriptionId : void 0,
+		content: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "popconfirm",
+			"aria-busy": pending,
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ jsx(Typography.Title, {
+					level: 6,
+					id: titleId,
+					className: classNames?.title,
+					children: title
+				}),
+				description && /* @__PURE__ */ jsx("div", {
+					id: descriptionId,
+					className: cn("text-muted-foreground text-sm", classNames?.description),
+					children: description
+				}),
+				failed && /* @__PURE__ */ jsx("div", {
+					role: "alert",
+					className: cn("text-destructive text-sm", classNames?.error),
+					children: errorMessage
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: cn("flex justify-end gap-2", classNames?.actions),
+					children: [/* @__PURE__ */ jsx(Button, {
+						size: "small",
+						...cancelButtonProps,
+						htmlType: "button",
+						disabled: pending,
+						className: cn(cancelButtonProps?.className, classNames?.cancel),
+						onClick: () => {
+							if (busy.current) return;
+							setFailed(false);
+							setOpen(false);
+							onCancel?.();
+						},
+						children: cancelText
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "small",
+						type: "primary",
+						...confirmButtonProps,
+						htmlType: "button",
+						loading: pending,
+						className: cn(confirmButtonProps?.className, classNames?.confirm),
+						onClick: () => void handleConfirm(),
+						children: confirmText
+					})]
+				})
+			]
+		}),
+		children
+	});
+};
+//#endregion
+export { Popconfirm as default };
+
+//# sourceMappingURL=Popconfirm.mjs.map

package/dist/Popconfirm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm.mjs","names":["React"],"sources":["../src/components/molecules/popconfirm.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Button, { type Props as ButtonProps } from '../atoms/button';\nimport Popover, { type Props as PopoverProps } from '../atoms/popover';\nimport Typography from '../atoms/typography';\n\ntype ActionProps = Omit<\n  ButtonProps,\n  'children' | 'onClick' | 'loading' | 'disabled'\n>;\n\nexport interface Props extends Omit<\n  PopoverProps,\n  'content' | 'title' | 'children'\n> {\n  children: React.ReactElement;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  /** A fulfilled promise closes the popup; a thrown error keeps it open. */\n  onConfirm?: () => void | Promise<void>;\n  /** Only the Cancel button invokes this callback. */\n  onCancel?: () => void;\n  onConfirmError?: (error: unknown) => void;\n  errorMessage?: React.ReactNode;\n  confirmText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  disabled?: boolean;\n  confirmButtonProps?: ActionProps;\n  cancelButtonProps?: ActionProps;\n  classNames?: {\n    title?: string;\n    description?: string;\n    actions?: string;\n    confirm?: string;\n    cancel?: string;\n    error?: string;\n  };\n}\n\nconst Popconfirm = ({\n  children,\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  onConfirmError,\n  errorMessage = 'Unable to complete the action. Please try again.',\n  confirmText = 'Confirm',\n  cancelText = 'Cancel',\n  disabled = false,\n  confirmButtonProps,\n  cancelButtonProps,\n  className,\n  classNames,\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: Props) => {\n  const [open, setOpen] = useControllableState<boolean>({\n    value: controlledOpen,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n  const [pending, setPending] = React.useState(false);\n  const [failed, setFailed] = React.useState(false);\n  const busy = React.useRef(false);\n  const mounted = React.useRef(false);\n  const generation = React.useRef(0);\n  const descriptionId = React.useId();\n  const titleId = React.useId();\n\n  React.useEffect(() => {\n    mounted.current = true;\n\n    return () => {\n      mounted.current = false;\n      generation.current += 1;\n    };\n  }, []);\n\n  React.useEffect(() => {\n    if (!open || disabled) {\n      generation.current += 1;\n    }\n  }, [open, disabled]);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (busy.current || (disabled && nextOpen)) {\n      return;\n    }\n\n    setFailed(false);\n    setOpen(nextOpen);\n  };\n\n  const handleConfirm = async () => {\n    if (busy.current || disabled) {\n      return;\n    }\n\n    busy.current = true;\n    setPending(true);\n    setFailed(false);\n    const request = generation.current;\n\n    try {\n      await onConfirm?.();\n\n      if (mounted.current && request === generation.current) {\n        setOpen(false);\n      }\n    } catch (error) {\n      if (mounted.current && request === generation.current) {\n        setFailed(true);\n        onConfirmError?.(error);\n      }\n    } finally {\n      busy.current = false;\n\n      if (mounted.current) {\n        setPending(false);\n      }\n    }\n  };\n\n  return (\n    <Popover\n      {...props}\n      open={open && !disabled}\n      onOpenChange={handleOpenChange}\n      className={cn(\n        'max-w-[calc(100vw-2rem)]',\n        className, //\n      )}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n      content={\n        <div data-slot=\"popconfirm\" aria-busy={pending} className=\"space-y-3\">\n          <Typography.Title\n            level={6}\n            id={titleId}\n            className={classNames?.title}\n          >\n            {title}\n          </Typography.Title>\n          {description && (\n            <div\n              id={descriptionId}\n              className={cn(\n                'text-muted-foreground text-sm',\n                classNames?.description, //\n              )}\n            >\n              {description}\n            </div>\n          )}\n          {failed && (\n            <div\n              role=\"alert\"\n              className={cn(\n                'text-destructive text-sm',\n                classNames?.error, //\n              )}\n            >\n              {errorMessage}\n            </div>\n          )}\n          <div\n            className={cn(\n              'flex justify-end gap-2',\n              classNames?.actions, //\n            )}\n          >\n            <Button\n              size=\"small\"\n              {...cancelButtonProps}\n              htmlType=\"button\"\n              disabled={pending}\n              className={cn(\n                cancelButtonProps?.className,\n                classNames?.cancel, //\n              )}\n              onClick={() => {\n                if (busy.current) {\n                  return;\n                }\n\n                setFailed(false);\n                setOpen(false);\n                onCancel?.();\n              }}\n            >\n              {cancelText}\n            </Button>\n            <Button\n              size=\"small\"\n              type=\"primary\"\n              {...confirmButtonProps}\n              htmlType=\"button\"\n              loading={pending}\n              className={cn(\n                confirmButtonProps?.className,\n                classNames?.confirm, //\n              )}\n              onClick={() => void handleConfirm()}\n            >\n              {confirmText}\n            </Button>\n          </div>\n        </div>\n      }\n    >\n      {children}\n    </Popover>\n  );\n};\n\nexport default Popconfirm;\n"],"mappings":";;;;;;;;;AA6CA,MAAM,cAAc,EAClB,UACA,OACA,aACA,WACA,UACA,gBACA,eAAe,oDACf,cAAc,WACd,aAAa,UACb,WAAW,OACX,oBACA,mBACA,WACA,YACA,MAAM,gBACN,aACA,cACA,GAAG,YACQ;CACX,MAAM,CAAC,MAAM,WAAW,qBAA8B;EACpD,OAAO;EACP,cAAc,eAAe;EAC7B,UAAU;CACZ,CAAC;CACD,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,KAAK;CAClD,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAAS,KAAK;CAChD,MAAM,OAAOA,QAAM,OAAO,KAAK;CAC/B,MAAM,UAAUA,QAAM,OAAO,KAAK;CAClC,MAAM,aAAaA,QAAM,OAAO,CAAC;CACjC,MAAM,gBAAgBA,QAAM,MAAM;CAClC,MAAM,UAAUA,QAAM,MAAM;CAE5B,QAAM,gBAAgB;EACpB,QAAQ,UAAU;EAElB,aAAa;GACX,QAAQ,UAAU;GAClB,WAAW,WAAW;EACxB;CACF,GAAG,CAAC,CAAC;CAEL,QAAM,gBAAgB;EACpB,IAAI,CAAC,QAAQ,UACX,WAAW,WAAW;CAE1B,GAAG,CAAC,MAAM,QAAQ,CAAC;CAEnB,MAAM,oBAAoB,aAAsB;EAC9C,IAAI,KAAK,WAAY,YAAY,UAC/B;EAGF,UAAU,KAAK;EACf,QAAQ,QAAQ;CAClB;CAEA,MAAM,gBAAgB,YAAY;EAChC,IAAI,KAAK,WAAW,UAClB;EAGF,KAAK,UAAU;EACf,WAAW,IAAI;EACf,UAAU,KAAK;EACf,MAAM,UAAU,WAAW;EAE3B,IAAI;GACF,MAAM,YAAY;GAElB,IAAI,QAAQ,WAAW,YAAY,WAAW,SAC5C,QAAQ,KAAK;EAEjB,SAAS,OAAO;GACd,IAAI,QAAQ,WAAW,YAAY,WAAW,SAAS;IACrD,UAAU,IAAI;IACd,iBAAiB,KAAK;GACxB;EACF,UAAU;GACR,KAAK,UAAU;GAEf,IAAI,QAAQ,SACV,WAAW,KAAK;EAEpB;CACF;CAEA,OACE,oBAAC,SAAD;EACE,GAAI;EACJ,MAAM,QAAQ,CAAC;EACf,cAAc;EACd,WAAW,GACT,4BACA,SACF;EACA,mBAAiB;EACjB,oBAAkB,cAAc,gBAAgB,KAAA;EAChD,SACE,qBAAC,OAAD;GAAK,aAAU;GAAa,aAAW;GAAS,WAAU;GAA1D,UAAA;IACE,oBAAC,WAAW,OAAZ;KACE,OAAO;KACP,IAAI;KACJ,WAAW,YAAY;KAEtB,UAAA;IACe,CAAA;IACjB,eACC,oBAAC,OAAD;KACE,IAAI;KACJ,WAAW,GACT,iCACA,YAAY,WACd;KAEC,UAAA;IACE,CAAA;IAEN,UACC,oBAAC,OAAD;KACE,MAAK;KACL,WAAW,GACT,4BACA,YAAY,KACd;KAEC,UAAA;IACE,CAAA;IAEP,qBAAC,OAAD;KACE,WAAW,GACT,0BACA,YAAY,OACd;KAJF,UAAA,CAME,oBAAC,QAAD;MACE,MAAK;MACL,GAAI;MACJ,UAAS;MACT,UAAU;MACV,WAAW,GACT,mBAAmB,WACnB,YAAY,MACd;MACA,eAAe;OACb,IAAI,KAAK,SACP;OAGF,UAAU,KAAK;OACf,QAAQ,KAAK;OACb,WAAW;MACb;MAEC,UAAA;KACK,CAAA,GACR,oBAAC,QAAD;MACE,MAAK;MACL,MAAK;MACL,GAAI;MACJ,UAAS;MACT,SAAS;MACT,WAAW,GACT,oBAAoB,WACpB,YAAY,OACd;MACA,eAAe,KAAK,cAAc;MAEjC,UAAA;KACK,CAAA,CACL;;GACF;;EAGN;CACM,CAAA;AAEb"}

package/dist/Rate.d.mts

@@ -0,0 +1,27 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/atoms/rate.d.ts
+export interface Props extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'value' | 'defaultValue' | 'onChange'> {
+  /** Positive whole-step count. Defaults to five. */
+  count?: number;
+  /** Zero means no rating. Values are rounded down and clamped to 0–count. */
+  value?: number;
+  defaultValue?: number;
+  onChange?: (value: number) => void;
+  /** Activating the selected score clears it to zero. Defaults to true. */
+  allowClear?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  name?: string;
+  icon?: ReactNode;
+  getItemLabel?: (score: number, count: number) => string;
+  getValueText?: (value: number, count: number) => string;
+  classNames?: {
+    item?: string;
+    filledItem?: string;
+    icon?: string;
+  };
+}
+declare const Rate: ({ count, value, defaultValue, onChange, allowClear, disabled, readOnly, name, icon, getItemLabel, getValueText, className, classNames, dir, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Rate as default };
+//# sourceMappingURL=Rate.d.mts.map

package/dist/Rate.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rate.d.mts","names":[],"sources":["../src/components/atoms/rate.tsx"],"mappings":";;iBAmBiB,cAAc,KAC7B;;EAIA;;EAEA;EACA;EACA,YAAY;;EAEZ;EACA;EACA;EACA;EACA,OAAO;EACP,gBAAgB,eAAe;EAC/B,gBAAgB,eAAe;EAC/B;IAAe;IAAe;IAAqB;;;cAG/C,SAAQ,OAAA,OAAA,cAAA,UAAA,YAAA,UAAA,UAAA,MAAA,MAAA,cAAA,cAAA,WAAA,YAAA,mBAAA,8BAAA,oCAAA,oBAAA,SAoBX,0BAAK,IAAA"}