@jbpark/ui-kit 10.1.0 → 10.3.0

package/dist/Descriptions.d.mts

@@ -0,0 +1,31 @@
+import { ComponentPropsWithRef, Key, ReactNode } from "react";
+//#region src/components/molecules/descriptions.d.ts
+type ColumnCount = 1 | 2 | 3 | 4;
+type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type Columns = ColumnCount | Partial<Record<Breakpoint, ColumnCount>>;
+export interface Item {
+  /** Stable key for the label/value pair. */
+  key: Key;
+  label: ReactNode;
+  /** Missing or null values render empty; zero is preserved. */
+  value?: ReactNode;
+}
+export interface Props extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'title'> {
+  items: readonly Item[];
+  title?: ReactNode;
+  /** Defaults to one column, two at md, and three at lg. Omitted breakpoints inherit the previous count. */
+  columns?: Columns;
+  /** Label placement relative to the value. Defaults to horizontal. */
+  orientation?: 'horizontal' | 'vertical';
+  classNames?: {
+    title?: string;
+    list?: string;
+    item?: string;
+    label?: string;
+    value?: string;
+  };
+}
+declare const Descriptions: ({ items, title, columns, orientation, className, classNames, style, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Descriptions as default };
+//# sourceMappingURL=Descriptions.d.mts.map

package/dist/Descriptions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.d.mts","names":[],"sources":["../src/components/molecules/descriptions.tsx"],"mappings":";;KASK;KACA;YAEO,UAAU,cAAc,QAAQ,OAAO,YAAY;iBAE9C;;EAEf,KAAK;EACL,OAAO;;EAEP,QAAQ;;iBAGO,cAAc,KAC7B;EAGA,gBAAgB;EAChB,QAAQ;;EAER,UAAU;;EAEV;EACA;IACE;IACA;IACA;IACA;IACA;;;cAME,iBAAgB,OAAA,OAAA,SAAA,aAAA,WAAA,YAAA,UAAA,SASnB,0BAAK,IAAA"}

package/dist/Descriptions.mjs

@@ -0,0 +1,67 @@
+import { cn } from "./utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/molecules/descriptions.tsx
+const BREAKPOINTS = [
+	"base",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl"
+];
+const Descriptions = ({ items, title, columns = {
+	base: 1,
+	md: 2,
+	lg: 3
+}, orientation = "horizontal", className, classNames, style, ...props }) => {
+	const columnStyles = {};
+	let count = 1;
+	for (const breakpoint of BREAKPOINTS) {
+		const requested = typeof columns === "number" ? columns : columns[breakpoint];
+		if (requested !== void 0 && Number.isFinite(requested)) count = Math.min(4, Math.max(1, Math.floor(requested)));
+		columnStyles[`--descriptions-columns-${breakpoint}`] = count;
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		"data-slot": "descriptions",
+		"data-orientation": orientation,
+		className: cn("text-foreground w-full min-w-0", className),
+		style: {
+			...columnStyles,
+			...style
+		},
+		children: [title != null && /* @__PURE__ */ jsx("div", {
+			"data-slot": "descriptions-title",
+			className: cn("mb-4 text-base font-semibold", classNames?.title),
+			children: title
+		}), /* @__PURE__ */ jsx("dl", {
+			"data-slot": "descriptions-list",
+			className: cn(`m-0 grid
+          grid-cols-[repeat(var(--descriptions-columns-base),minmax(0,1fr))]
+          gap-x-6 gap-y-4
+          sm:grid-cols-[repeat(var(--descriptions-columns-sm),minmax(0,1fr))]
+          md:grid-cols-[repeat(var(--descriptions-columns-md),minmax(0,1fr))]
+          lg:grid-cols-[repeat(var(--descriptions-columns-lg),minmax(0,1fr))]
+          xl:grid-cols-[repeat(var(--descriptions-columns-xl),minmax(0,1fr))]
+          2xl:grid-cols-[repeat(var(--descriptions-columns-2xl),minmax(0,1fr))]`, classNames?.list),
+			children: items.map((item) => /* @__PURE__ */ jsxs("div", {
+				"data-slot": "descriptions-item",
+				className: cn("grid min-w-0 gap-2 text-sm", orientation === "horizontal" ? "grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-start" : "grid-cols-1 content-start", classNames?.item),
+				children: [/* @__PURE__ */ jsx("dt", {
+					"data-slot": "descriptions-label",
+					className: cn(`text-muted-foreground min-w-0 font-medium
+                [overflow-wrap:anywhere]`, classNames?.label),
+					children: item.label
+				}), /* @__PURE__ */ jsx("dd", {
+					"data-slot": "descriptions-value",
+					className: cn("m-0 min-w-0 [overflow-wrap:anywhere]", classNames?.value),
+					children: item.value
+				})]
+			}, item.key))
+		})]
+	});
+};
+//#endregion
+export { Descriptions as default };
+
+//# sourceMappingURL=Descriptions.mjs.map

package/dist/Descriptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.mjs","names":[],"sources":["../src/components/molecules/descriptions.tsx"],"sourcesContent":["import type {\n  CSSProperties,\n  ComponentPropsWithRef,\n  Key,\n  ReactNode,\n} from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\ntype ColumnCount = 1 | 2 | 3 | 4;\ntype Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport type Columns = ColumnCount | Partial<Record<Breakpoint, ColumnCount>>;\n\nexport interface Item {\n  /** Stable key for the label/value pair. */\n  key: Key;\n  label: ReactNode;\n  /** Missing or null values render empty; zero is preserved. */\n  value?: ReactNode;\n}\n\nexport interface Props extends Omit<\n  ComponentPropsWithRef<'div'>,\n  'children' | 'title'\n> {\n  items: readonly Item[];\n  title?: ReactNode;\n  /** Defaults to one column, two at md, and three at lg. Omitted breakpoints inherit the previous count. */\n  columns?: Columns;\n  /** Label placement relative to the value. Defaults to horizontal. */\n  orientation?: 'horizontal' | 'vertical';\n  classNames?: {\n    title?: string;\n    list?: string;\n    item?: string;\n    label?: string;\n    value?: string;\n  };\n}\n\nconst BREAKPOINTS: Breakpoint[] = ['base', 'sm', 'md', 'lg', 'xl', '2xl'];\n\nconst Descriptions = ({\n  items,\n  title,\n  columns = { base: 1, md: 2, lg: 3 },\n  orientation = 'horizontal',\n  className,\n  classNames,\n  style,\n  ...props\n}: Props) => {\n  const columnStyles: Record<string, number> = {};\n  let count = 1;\n\n  for (const breakpoint of BREAKPOINTS) {\n    const requested =\n      typeof columns === 'number' ? columns : columns[breakpoint];\n\n    if (requested !== undefined && Number.isFinite(requested)) {\n      count = Math.min(4, Math.max(1, Math.floor(requested)));\n    }\n\n    columnStyles[`--descriptions-columns-${breakpoint}`] = count;\n  }\n\n  return (\n    <div\n      {...props}\n      data-slot=\"descriptions\"\n      data-orientation={orientation}\n      className={cn(\n        'text-foreground w-full min-w-0',\n        className, //\n      )}\n      style={{ ...columnStyles, ...style } as CSSProperties}\n    >\n      {title != null && (\n        <div\n          data-slot=\"descriptions-title\"\n          className={cn(\n            'mb-4 text-base font-semibold',\n            classNames?.title, //\n          )}\n        >\n          {title}\n        </div>\n      )}\n      <dl\n        data-slot=\"descriptions-list\"\n        className={cn(\n          `m-0 grid\n          grid-cols-[repeat(var(--descriptions-columns-base),minmax(0,1fr))]\n          gap-x-6 gap-y-4\n          sm:grid-cols-[repeat(var(--descriptions-columns-sm),minmax(0,1fr))]\n          md:grid-cols-[repeat(var(--descriptions-columns-md),minmax(0,1fr))]\n          lg:grid-cols-[repeat(var(--descriptions-columns-lg),minmax(0,1fr))]\n          xl:grid-cols-[repeat(var(--descriptions-columns-xl),minmax(0,1fr))]\n          2xl:grid-cols-[repeat(var(--descriptions-columns-2xl),minmax(0,1fr))]`,\n          classNames?.list,\n          //\n        )}\n      >\n        {items.map(item => (\n          <div\n            key={item.key}\n            data-slot=\"descriptions-item\"\n            className={cn(\n              'grid min-w-0 gap-2 text-sm',\n              orientation === 'horizontal'\n                ? 'grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-start'\n                : 'grid-cols-1 content-start',\n              classNames?.item,\n              //\n            )}\n          >\n            <dt\n              data-slot=\"descriptions-label\"\n              className={cn(\n                `text-muted-foreground min-w-0 font-medium\n                [overflow-wrap:anywhere]`,\n                classNames?.label, //\n              )}\n            >\n              {item.label}\n            </dt>\n            <dd\n              data-slot=\"descriptions-value\"\n              className={cn(\n                'm-0 min-w-0 [overflow-wrap:anywhere]',\n                classNames?.value, //\n              )}\n            >\n              {item.value}\n            </dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n};\n\nexport default Descriptions;\n"],"mappings":";;;AAyCA,MAAM,cAA4B;CAAC;CAAQ;CAAM;CAAM;CAAM;CAAM;AAAK;AAExE,MAAM,gBAAgB,EACpB,OACA,OACA,UAAU;CAAE,MAAM;CAAG,IAAI;CAAG,IAAI;AAAE,GAClC,cAAc,cACd,WACA,YACA,OACA,GAAG,YACQ;CACX,MAAM,eAAuC,CAAC;CAC9C,IAAI,QAAQ;CAEZ,KAAK,MAAM,cAAc,aAAa;EACpC,MAAM,YACJ,OAAO,YAAY,WAAW,UAAU,QAAQ;EAElD,IAAI,cAAc,KAAA,KAAa,OAAO,SAAS,SAAS,GACtD,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC,CAAC;EAGxD,aAAa,0BAA0B,gBAAgB;CACzD;CAEA,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,oBAAkB;EAClB,WAAW,GACT,kCACA,SACF;EACA,OAAO;GAAE,GAAG;GAAc,GAAG;EAAM;EARrC,UAAA,CAUG,SAAS,QACR,oBAAC,OAAD;GACE,aAAU;GACV,WAAW,GACT,gCACA,YAAY,KACd;GAEC,UAAA;EACE,CAAA,GAEP,oBAAC,MAAD;GACE,aAAU;GACV,WAAW,GACT;;;;;;;kFAQA,YAAY,IAEd;GAEC,UAAA,MAAM,KAAI,SACT,qBAAC,OAAD;IAEE,aAAU;IACV,WAAW,GACT,8BACA,gBAAgB,eACZ,wDACA,6BACJ,YAAY,IAEd;IAVF,UAAA,CAYE,oBAAC,MAAD;KACE,aAAU;KACV,WAAW,GACT;2CAEA,YAAY,KACd;KAEC,UAAA,KAAK;IACJ,CAAA,GACJ,oBAAC,MAAD;KACE,aAAU;KACV,WAAW,GACT,wCACA,YAAY,KACd;KAEC,UAAA,KAAK;IACJ,CAAA,CACD;GA9BE,GAAA,KAAK,GA8BP,CACN;EACC,CAAA,CACD;;AAET"}

package/dist/Divider.d.mts

@@ -0,0 +1,18 @@
+import { Separator, separator_d_exports } from "./core/separator.mjs";
+import "./core/index.mjs";
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/atoms/divider.d.ts
+export interface Props extends Omit<ComponentProps<typeof Separator>, 'children' | 'className'> {
+  children?: ReactNode;
+  variant?: 'solid' | 'dashed' | 'dotted';
+  titlePlacement?: 'start' | 'center' | 'end';
+  className?: string;
+  classNames?: {
+    line?: string;
+    label?: string;
+  };
+}
+declare const Divider: ({ children, orientation, decorative, variant, titlePlacement, className, classNames, dir, "aria-label": ariaLabel, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Divider as default };
+//# sourceMappingURL=Divider.d.mts.map

package/dist/Divider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.mts","names":["separator","separator.Separator"],"sources":["../src/components/atoms/divider.tsx"],"mappings":";;;;iBASiB,cAAc,KAC7B,sBAAsBC;EAGtB,WAAW;EACX;EACA;EACA;EACA;IACE;IACA;;;cAUE,YAAW,UAAA,aAAA,YAAA,SAAA,gBAAA,WAAA,YAAA,mBAAA,cAAA,SAWd,0BAAK,IAAA"}

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":"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"}

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

@@ -5,8 +5,8 @@ import Button from "./Button.mjs";
 import Input from "./components/atoms/input/index.mjs";
 import Select from "./components/atoms/select.mjs";
 import { useState } from "react";
-import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-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"}