@jbpark/ui-kit 10.2.0 → 10.4.0

package/dist/Anchor.mjs

@@ -0,0 +1,120 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import Typography from "./Typography.mjs";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useControllableState, useEventListener, useMergedRef } from "@jbpark/use-hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/molecules/anchor.tsx
+function flatten(items) {
+	return items.flatMap((item) => [item, ...flatten(item.children ?? [])]);
+}
+function targetFor(document, href) {
+	try {
+		return href.startsWith("#") ? document.getElementById(decodeURIComponent(href.slice(1))) : null;
+	} catch {
+		return null;
+	}
+}
+const Anchor = ({ items, current, defaultCurrent = "", onChange, onSelect, container, offset = 0, smooth = false, updateHash = true, sticky = false, className, classNames, dir, ref, "aria-label": ariaLabel = "On this page", ...props }) => {
+	const { direction } = useConfig();
+	const [node, setNode] = useState(null);
+	const mergedRef = useMergedRef(ref, setNode);
+	const ownerWindow = node?.ownerDocument.defaultView ?? null;
+	const containerRef = useMemo(() => ({ current: container ?? null }), [container]);
+	const flatItems = useMemo(() => flatten(items), [items]);
+	const resolvedOffset = Number.isFinite(offset) ? offset : 0;
+	const [active, setActive] = useControllableState({
+		value: current,
+		defaultValue: defaultCurrent,
+		onChange
+	});
+	const update = useCallback(() => {
+		if (!node) return;
+		const boundary = container ? container.getBoundingClientRect().top + container.clientTop + resolvedOffset : resolvedOffset;
+		let next = "";
+		let closest = -Infinity;
+		for (const item of flatItems) {
+			const target = targetFor(node.ownerDocument, item.href);
+			if (!target || container && !container.contains(target)) continue;
+			const top = target.getBoundingClientRect().top;
+			if (top <= boundary + 1 && top > closest) {
+				closest = top;
+				next = item.href;
+			}
+		}
+		if (next !== active) setActive(next);
+	}, [
+		node,
+		container,
+		resolvedOffset,
+		flatItems,
+		active,
+		setActive
+	]);
+	useEventListener("scroll", update, {
+		target: containerRef,
+		passive: true,
+		enabled: !!container
+	});
+	useEventListener("scroll", update, {
+		target: ownerWindow,
+		passive: true,
+		enabled: !container && !!ownerWindow
+	});
+	useEventListener("resize", update, {
+		target: ownerWindow,
+		enabled: !!ownerWindow
+	});
+	useEffect(update, [update]);
+	const renderItems = (links) => /* @__PURE__ */ jsx("ul", {
+		className: cn("m-0 list-none space-y-1 p-0", classNames?.list),
+		children: links.map((item) => /* @__PURE__ */ jsxs("li", {
+			className: "m-0",
+			children: [/* @__PURE__ */ jsx(Typography.Link, {
+				href: item.href,
+				"aria-current": active === item.href ? "location" : void 0,
+				className: cn("block border-s-2 border-transparent px-3 py-1 text-sm", active === item.href && "border-primary text-primary font-medium", classNames?.link, active === item.href && classNames?.activeLink),
+				onClick: (event) => {
+					if (event.defaultPrevented || event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;
+					const target = node && targetFor(node.ownerDocument, item.href);
+					if (!target || !ownerWindow || container && !container.contains(target)) return;
+					event.preventDefault();
+					const behavior = smooth && !ownerWindow.matchMedia("(prefers-reduced-motion: reduce)").matches ? "smooth" : "auto";
+					if (container) container.scrollTo({
+						top: container.scrollTop + target.getBoundingClientRect().top - container.getBoundingClientRect().top - container.clientTop - resolvedOffset,
+						behavior
+					});
+					else ownerWindow.scrollTo({
+						top: ownerWindow.scrollY + target.getBoundingClientRect().top - resolvedOffset,
+						behavior
+					});
+					if (updateHash && ownerWindow.location.hash !== item.href) ownerWindow.history.pushState(null, "", item.href);
+					if (active !== item.href) setActive(item.href);
+					onSelect?.(item);
+				},
+				children: item.title
+			}), item.children && item.children.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "ps-3",
+				children: renderItems(item.children)
+			})]
+		}, item.key))
+	});
+	return /* @__PURE__ */ jsx("nav", {
+		...props,
+		ref: mergedRef,
+		"data-slot": "anchor",
+		dir: dir ?? direction,
+		"aria-label": ariaLabel,
+		className: cn("min-w-0", sticky && "sticky self-start", className),
+		style: {
+			...sticky ? { top: resolvedOffset } : {},
+			...props.style
+		},
+		children: renderItems(items)
+	});
+};
+//#endregion
+export { Anchor as default };
+
+//# sourceMappingURL=Anchor.mjs.map

package/dist/Anchor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.mjs","names":[],"sources":["../src/components/molecules/anchor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ComponentProps,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport {\n  useControllableState,\n  useEventListener,\n  useMergedRef,\n} from '@jbpark/use-hooks';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Typography from '../atoms/typography';\n\nexport interface Item {\n  key: string;\n  href: `#${string}`;\n  title: string;\n  children?: readonly Item[];\n}\n\nexport interface Props extends Omit<\n  ComponentProps<'nav'>,\n  'children' | 'onChange' | 'onSelect'\n> {\n  items: readonly Item[];\n  current?: string;\n  defaultCurrent?: string;\n  onChange?: (href: string) => void;\n  onSelect?: (item: Item) => void;\n  container?: HTMLElement | null;\n  offset?: number;\n  smooth?: boolean;\n  updateHash?: boolean;\n  sticky?: boolean;\n  classNames?: { list?: string; link?: string; activeLink?: string };\n}\n\nfunction flatten(items: readonly Item[]): Item[] {\n  return items.flatMap(item => [item, ...flatten(item.children ?? [])]);\n}\n\nfunction targetFor(document: Document, href: string) {\n  try {\n    return href.startsWith('#')\n      ? document.getElementById(decodeURIComponent(href.slice(1)))\n      : null;\n  } catch {\n    return null;\n  }\n}\n\nconst Anchor = ({\n  items,\n  current,\n  defaultCurrent = '',\n  onChange,\n  onSelect,\n  container,\n  offset = 0,\n  smooth = false,\n  updateHash = true,\n  sticky = false,\n  className,\n  classNames,\n  dir,\n  ref,\n  'aria-label': ariaLabel = 'On this page',\n  ...props\n}: Props) => {\n  const { direction } = useConfig();\n  const [node, setNode] = useState<HTMLElement | null>(null);\n  const mergedRef = useMergedRef(ref, setNode);\n  const ownerWindow = node?.ownerDocument.defaultView ?? null;\n  const containerRef = useMemo(\n    () => ({ current: container ?? null }),\n    [container],\n  );\n  const flatItems = useMemo(() => flatten(items), [items]);\n  const resolvedOffset = Number.isFinite(offset) ? offset : 0;\n  const [active, setActive] = useControllableState<string>({\n    value: current,\n    defaultValue: defaultCurrent,\n    onChange,\n  });\n\n  const update = useCallback(() => {\n    if (!node) {\n      return;\n    }\n\n    const boundary = container\n      ? container.getBoundingClientRect().top +\n        container.clientTop +\n        resolvedOffset\n      : resolvedOffset;\n    let next = '';\n    let closest = -Infinity;\n\n    for (const item of flatItems) {\n      const target = targetFor(node.ownerDocument, item.href);\n\n      if (!target || (container && !container.contains(target))) {\n        continue;\n      }\n\n      const top = target.getBoundingClientRect().top;\n\n      if (top <= boundary + 1 && top > closest) {\n        closest = top;\n        next = item.href;\n      }\n    }\n\n    if (next !== active) {\n      setActive(next);\n    }\n  }, [node, container, resolvedOffset, flatItems, active, setActive]);\n\n  useEventListener('scroll', update, {\n    target: containerRef,\n    passive: true,\n    enabled: !!container,\n  });\n  useEventListener('scroll', update, {\n    target: ownerWindow,\n    passive: true,\n    enabled: !container && !!ownerWindow,\n  });\n  useEventListener('resize', update, {\n    target: ownerWindow,\n    enabled: !!ownerWindow,\n  });\n  useEffect(update, [update]);\n\n  const renderItems = (links: readonly Item[]) => (\n    <ul\n      className={cn(\n        'm-0 list-none space-y-1 p-0',\n        classNames?.list,\n        //\n      )}\n    >\n      {links.map(item => (\n        <li key={item.key} className=\"m-0\">\n          <Typography.Link\n            href={item.href}\n            aria-current={active === item.href ? 'location' : undefined}\n            className={cn(\n              'block border-s-2 border-transparent px-3 py-1 text-sm',\n              active === item.href && 'border-primary text-primary font-medium',\n              classNames?.link,\n              active === item.href && classNames?.activeLink,\n              //\n            )}\n            onClick={event => {\n              if (\n                event.defaultPrevented ||\n                event.button !== 0 ||\n                event.ctrlKey ||\n                event.metaKey ||\n                event.shiftKey ||\n                event.altKey\n              ) {\n                return;\n              }\n\n              const target = node && targetFor(node.ownerDocument, item.href);\n\n              if (\n                !target ||\n                !ownerWindow ||\n                (container && !container.contains(target))\n              ) {\n                return;\n              }\n\n              event.preventDefault();\n\n              const behavior =\n                smooth &&\n                !ownerWindow.matchMedia('(prefers-reduced-motion: reduce)')\n                  .matches\n                  ? 'smooth'\n                  : 'auto';\n\n              if (container) {\n                container.scrollTo({\n                  top:\n                    container.scrollTop +\n                    target.getBoundingClientRect().top -\n                    container.getBoundingClientRect().top -\n                    container.clientTop -\n                    resolvedOffset,\n                  behavior,\n                });\n              } else {\n                ownerWindow.scrollTo({\n                  top:\n                    ownerWindow.scrollY +\n                    target.getBoundingClientRect().top -\n                    resolvedOffset,\n                  behavior,\n                });\n              }\n\n              if (updateHash && ownerWindow.location.hash !== item.href) {\n                ownerWindow.history.pushState(null, '', item.href);\n              }\n\n              if (active !== item.href) {\n                setActive(item.href);\n              }\n\n              onSelect?.(item);\n            }}\n          >\n            {item.title}\n          </Typography.Link>\n          {item.children && item.children.length > 0 && (\n            <div className=\"ps-3\">{renderItems(item.children)}</div>\n          )}\n        </li>\n      ))}\n    </ul>\n  );\n\n  return (\n    <nav\n      {...props}\n      ref={mergedRef}\n      data-slot=\"anchor\"\n      dir={dir ?? direction}\n      aria-label={ariaLabel}\n      className={cn(\n        'min-w-0',\n        sticky && 'sticky self-start',\n        className,\n        //\n      )}\n      style={{ ...(sticky ? { top: resolvedOffset } : {}), ...props.style }}\n    >\n      {renderItems(items)}\n    </nav>\n  );\n};\n\nexport default Anchor;\n"],"mappings":"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"}

package/dist/AutoComplete.d.mts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/atoms/auto-complete.d.ts
+export interface Option {
+  value: string;
+  label?: string;
+  disabled?: boolean;
+}
+export interface Props extends Omit<ComponentPropsWithRef<'input'>, 'children' | 'onChange' | 'onSelect' | 'value' | 'defaultValue' | 'size' | 'type'> {
+  options: readonly Option[];
+  value?: string;
+  defaultValue?: string;
+  onChange?: (value: string) => void;
+  onSelect?: (value: string, option: Option) => void;
+  filterOption?: false | ((query: string, option: Option) => boolean);
+  allowClear?: boolean;
+  clearLabel?: string;
+  emptyText?: ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  container?: HTMLElement;
+  classNames?: {
+    input?: string;
+    clear?: string;
+    content?: string;
+    list?: string;
+    option?: string;
+    empty?: string;
+  };
+}
+declare const AutoComplete: ({ options, value, defaultValue, onChange, onSelect, filterOption, allowClear, clearLabel, emptyText, open, defaultOpen, onOpenChange, container, disabled, readOnly, name, form, className, classNames, dir, ref, onKeyDown, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { AutoComplete as default };
+//# sourceMappingURL=AutoComplete.d.mts.map

package/dist/AutoComplete.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.d.mts","names":[],"sources":["../src/components/atoms/auto-complete.tsx"],"mappings":";;iBAaiB;EACf;EACA;EACA;;iBAGe,cAAc,KAC7B;EASA,kBAAkB;EAClB;EACA;EACA,YAAY;EACZ,YAAY,eAAe,QAAQ;EACnC,yBAAyB,eAAe,QAAQ;EAChD;EACA;EACA,YAAY;EACZ;EACA;EACA,gBAAgB;EAChB,YAAY;EACZ;IACE;IACA;IACA;IACA;IACA;IACA;;;cAIE,iBAAgB,SAAA,OAAA,cAAA,UAAA,UAAA,cAAA,YAAA,YAAA,WAAA,MAAA,aAAA,cAAA,WAAA,UAAA,UAAA,MAAA,MAAA,WAAA,YAAA,KAAA,KAAA,cAAA,SAwBnB,0BAAK,IAAA"}

package/dist/AutoComplete.mjs

@@ -0,0 +1,82 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { DEFAULT_LOCALE, useConfig } from "./providers/config/context.mjs";
+import Button from "./Button.mjs";
+import { autocomplete_exports } from "./core/autocomplete.mjs";
+import Input from "./Input.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+//#region src/components/atoms/auto-complete.tsx
+const AutoComplete = ({ options, value, defaultValue, onChange, onSelect, filterOption, allowClear = true, clearLabel, emptyText = "No suggestions", open, defaultOpen, onOpenChange, container, disabled, readOnly, name, form, className, classNames, dir, ref, onKeyDown, ...props }) => {
+	const { direction, locale } = useConfig();
+	const { Autocomplete: Root, AutocompleteInput, AutocompleteClear, AutocompleteContent, AutocompleteList, AutocompleteItem, AutocompleteEmpty } = autocomplete_exports;
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "auto-complete",
+		dir: dir ?? direction,
+		className: cn("relative w-full min-w-0", className),
+		children: /* @__PURE__ */ jsxs(Root, {
+			items: options,
+			value,
+			defaultValue,
+			onValueChange: onChange,
+			itemToStringValue: (option) => option.value,
+			filter: filterOption === false ? null : filterOption ? (option, query) => filterOption(query, option) : void 0,
+			disabled,
+			readOnly,
+			name,
+			form,
+			open,
+			defaultOpen,
+			onOpenChange,
+			openOnInputClick: true,
+			children: [
+				/* @__PURE__ */ jsx(AutocompleteInput, {
+					...props,
+					ref,
+					dir: dir ?? direction,
+					onKeyDown: (event) => {
+						onKeyDown?.(event);
+						if (event.key === "Escape" && event.currentTarget.getAttribute("aria-expanded") === "false") event.preventBaseUIHandler();
+					},
+					render: /* @__PURE__ */ jsx(Input, { className: cn(allowClear && !readOnly && "pe-10", classNames?.input) })
+				}),
+				allowClear && !readOnly && /* @__PURE__ */ jsx(AutocompleteClear, {
+					"aria-label": clearLabel ?? locale.clear ?? DEFAULT_LOCALE.clear,
+					render: /* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						size: "small"
+					}),
+					className: cn("absolute end-1 top-1/2 size-7 -translate-y-1/2 p-0", classNames?.clear),
+					children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+				}),
+				/* @__PURE__ */ jsxs(AutocompleteContent, {
+					container,
+					dir: dir ?? direction,
+					className: classNames?.content,
+					children: [/* @__PURE__ */ jsx(AutocompleteEmpty, {
+						className: cn("text-muted-foreground px-3 py-2 text-sm", classNames?.empty),
+						children: 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,
+							onClick: () => {
+								if (!disabled && !readOnly) onSelect?.(option.value, 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 { AutoComplete as default };
+
+//# sourceMappingURL=AutoComplete.mjs.map

package/dist/AutoComplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.mjs","names":["autocomplete"],"sources":["../src/components/atoms/auto-complete.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nimport { XIcon } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { autocomplete } from '../../core';\nimport Button from './button';\nimport Input from './input';\n\nexport interface Option {\n  value: string;\n  label?: string;\n  disabled?: boolean;\n}\n\nexport interface Props extends Omit<\n  ComponentPropsWithRef<'input'>,\n  | 'children'\n  | 'onChange'\n  | 'onSelect'\n  | 'value'\n  | 'defaultValue'\n  | 'size'\n  | 'type'\n> {\n  options: readonly Option[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onSelect?: (value: string, option: Option) => void;\n  filterOption?: false | ((query: string, option: Option) => boolean);\n  allowClear?: boolean;\n  clearLabel?: string;\n  emptyText?: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: HTMLElement;\n  classNames?: {\n    input?: string;\n    clear?: string;\n    content?: string;\n    list?: string;\n    option?: string;\n    empty?: string;\n  };\n}\n\nconst AutoComplete = ({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  onSelect,\n  filterOption,\n  allowClear = true,\n  clearLabel,\n  emptyText = 'No suggestions',\n  open,\n  defaultOpen,\n  onOpenChange,\n  container,\n  disabled,\n  readOnly,\n  name,\n  form,\n  className,\n  classNames,\n  dir,\n  ref,\n  onKeyDown,\n  ...props\n}: Props) => {\n  const { direction, locale } = useConfig();\n  const {\n    Autocomplete: Root,\n    AutocompleteInput,\n    AutocompleteClear,\n    AutocompleteContent,\n    AutocompleteList,\n    AutocompleteItem,\n    AutocompleteEmpty,\n  } = autocomplete;\n\n  return (\n    <div\n      data-slot=\"auto-complete\"\n      dir={dir ?? direction}\n      className={cn(\n        'relative w-full min-w-0',\n        className, //\n      )}\n    >\n      <Root\n        items={options}\n        value={value}\n        defaultValue={defaultValue}\n        onValueChange={onChange}\n        itemToStringValue={option => option.value}\n        filter={\n          filterOption === false\n            ? null\n            : filterOption\n              ? (option, query) => filterOption(query, option)\n              : undefined\n        }\n        disabled={disabled}\n        readOnly={readOnly}\n        name={name}\n        form={form}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        openOnInputClick\n      >\n        <AutocompleteInput\n          {...props}\n          ref={ref}\n          dir={dir ?? direction}\n          onKeyDown={event => {\n            onKeyDown?.(event);\n\n            // Keep free-form text when Escape reaches a closed popup.\n            if (\n              event.key === 'Escape' &&\n              event.currentTarget.getAttribute('aria-expanded') === 'false'\n            ) {\n              event.preventBaseUIHandler();\n            }\n          }}\n          render={\n            <Input\n              className={cn(\n                allowClear && !readOnly && 'pe-10',\n                classNames?.input, //\n              )}\n            />\n          }\n        />\n        {allowClear && !readOnly && (\n          <AutocompleteClear\n            aria-label={clearLabel ?? locale.clear ?? DEFAULT_LOCALE.clear}\n            render={<Button variant=\"text\" size=\"small\" />}\n            className={cn(\n              'absolute end-1 top-1/2 size-7 -translate-y-1/2 p-0',\n              classNames?.clear, //\n            )}\n          >\n            <XIcon className=\"size-4\" />\n          </AutocompleteClear>\n        )}\n        <AutocompleteContent\n          container={container}\n          dir={dir ?? direction}\n          className={classNames?.content}\n        >\n          <AutocompleteEmpty\n            className={cn(\n              'text-muted-foreground px-3 py-2 text-sm',\n              classNames?.empty, //\n            )}\n          >\n            {emptyText}\n          </AutocompleteEmpty>\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                onClick={() => {\n                  if (!disabled && !readOnly) onSelect?.(option.value, 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 AutoComplete;\n"],"mappings":";;;;;;;;;AAoDA,MAAM,gBAAgB,EACpB,SACA,OACA,cACA,UACA,UACA,cACA,aAAa,MACb,YACA,YAAY,kBACZ,MACA,aACA,cACA,WACA,UACA,UACA,MACA,MACA,WACA,YACA,KACA,KACA,WACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,WAAW,UAAU;CACxC,MAAM,EACJ,cAAc,MACd,mBACA,mBACA,qBACA,kBACA,kBACA,sBACEA;CAEJ,OACE,oBAAC,OAAD;EACE,aAAU;EACV,KAAK,OAAO;EACZ,WAAW,GACT,2BACA,SACF;EAEA,UAAA,qBAAC,MAAD;GACE,OAAO;GACA;GACO;GACd,eAAe;GACf,oBAAmB,WAAU,OAAO;GACpC,QACE,iBAAiB,QACb,OACA,gBACG,QAAQ,UAAU,aAAa,OAAO,MAAM,IAC7C,KAAA;GAEE;GACA;GACJ;GACA;GACA;GACO;GACC;GACd,kBAAA;GApBF,UAAA;IAsBE,oBAAC,mBAAD;KACE,GAAI;KACC;KACL,KAAK,OAAO;KACZ,YAAW,UAAS;MAClB,YAAY,KAAK;MAGjB,IACE,MAAM,QAAQ,YACd,MAAM,cAAc,aAAa,eAAe,MAAM,SAEtD,MAAM,qBAAqB;KAE/B;KACA,QACE,oBAAC,OAAD,EACE,WAAW,GACT,cAAc,CAAC,YAAY,SAC3B,YAAY,KACd,EACD,CAAA;IAEJ,CAAA;IACA,cAAc,CAAC,YACd,oBAAC,mBAAD;KACE,cAAY,cAAc,OAAO,SAAS,eAAe;KACzD,QAAQ,oBAAC,QAAD;MAAQ,SAAQ;MAAO,MAAK;KAAS,CAAA;KAC7C,WAAW,GACT,sDACA,YAAY,KACd;KAEA,UAAA,oBAAC,OAAD,EAAO,WAAU,SAAU,CAAA;IACV,CAAA;IAErB,qBAAC,qBAAD;KACa;KACX,KAAK,OAAO;KACZ,WAAW,YAAY;KAHzB,UAAA,CAKE,oBAAC,mBAAD;MACE,WAAW,GACT,2CACA,YAAY,KACd;MAEC,UAAA;KACgB,CAAA,GACnB,oBAAC,kBAAD;MACE,WAAW,GACT,gCACA,YAAY,IACd;MAEE,WAAA,WACA,oBAAC,kBAAD;OAEE,OAAO;OACP,UAAU,OAAO;OACjB,eAAe;QACb,IAAI,CAAC,YAAY,CAAC,UAAU,WAAW,OAAO,OAAO,MAAM;OAC7D;OACA,WAAW,GACT;;;0DAIA,YAAY,MACd;OAEC,UAAA,OAAO,SAAS,OAAO;MACR,GAfX,OAAO,KAeI;KAEJ,CAAA,CACC;;GACjB;;CACH,CAAA;AAET"}

package/dist/Avatar.d.mts

@@ -1,6 +1,6 @@
 import { ComponentSize } from "./providers/config/types.mjs";
 //#region src/components/atoms/avatar.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> {
   src?: string;
   /** A person's name or image description. Use an empty string for a decorative avatar. */
   alt: string;
@@ -15,5 +15,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'children'>
 }
 declare const Avatar: ({ src, alt, fallback, size, loading, className, classNames, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Avatar as default };
+export { Avatar as default };
 //# sourceMappingURL=Avatar.d.mts.map

package/dist/Avatar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.mts","names":[],"sources":["../src/components/atoms/avatar.tsx"],"mappings":";;UAciB,cAAc,KAC7B,MAAM;EAGN;;EAEA;;EAEA,WAAW,MAAM;EACjB,OAAO;EACP;EACA;IACE;IACA;;;cAIE,WAAU,KAAA,KAAA,UAAA,MAAA,SAAA,WAAA,eAAA,SASb,0BAAK,IAAA"}
+{"version":3,"file":"Avatar.d.mts","names":[],"sources":["../src/components/atoms/avatar.tsx"],"mappings":";;iBAciB,cAAc,KAC7B,MAAM;EAGN;;EAEA;;EAEA,WAAW,MAAM;EACjB,OAAO;EACP;EACA;IACE;IACA;;;cAIE,WAAU,KAAA,KAAA,UAAA,MAAA,SAAA,WAAA,eAAA,SASb,0BAAK,IAAA"}

package/dist/Avatar.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { cn } from "./utils.mjs";
 import { useConfig } from "./providers/config/context.mjs";
-import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
-import { UserRound } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { UserRound } from "lucide-react";
+import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 //#region src/components/atoms/avatar.tsx
 const sizes = {
 	small: "size-8 text-xs",

package/dist/Badge.d.mts

@@ -1,6 +1,6 @@
 //#region src/components/atoms/badge.d.ts
 type BadgeColor = 'primary' | 'success' | 'warning' | 'danger';
-interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'> {
   /** Number shown in the indicator. Zero is hidden unless `showZero` is true. */
   count?: number;
   /** Show a small status dot instead of the count. */
@@ -19,5 +19,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'> {
 }
 declare const Badge: ({ count, dot, maxCount, showZero, color, offset, indicatorLabel, className, classNames, children, ...props }: Props) => import("react").JSX.Element | null;
 //#endregion
-export { Props, Badge as default };
+export { Badge as default };
 //# sourceMappingURL=Badge.d.mts.map

package/dist/Badge.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.mts","names":[],"sources":["../src/components/atoms/badge.tsx"],"mappings":";KAEK;UASY,cAAc,KAC7B,MAAM;;EAIN;;EAEA;;EAEA;EACA;EACA,QAAQ;;EAER;;EAEA;EACA;IACE;;;cAIE,UAAS,OAAA,KAAA,UAAA,UAAA,OAAA,QAAA,gBAAA,WAAA,YAAA,aAAA,SAYZ,0BAAK,IAAA"}
+{"version":3,"file":"Badge.d.mts","names":[],"sources":["../src/components/atoms/badge.tsx"],"mappings":";KAEK;iBASY,cAAc,KAC7B,MAAM;;EAIN;;EAEA;;EAEA;EACA;EACA,QAAQ;;EAER;;EAEA;EACA;IACE;;;cAIE,UAAS,OAAA,KAAA,UAAA,UAAA,OAAA,QAAA,gBAAA,WAAA,YAAA,aAAA,SAYZ,0BAAK,IAAA"}

package/dist/Breadcrumb.d.mts

@@ -1,5 +1,5 @@
 //#region src/components/molecules/breadcrumb.d.ts
-interface Item {
+export interface Item {
   key?: React.Key;
   title: React.ReactNode;
   href?: string;
@@ -13,7 +13,7 @@ interface Item {
   /** Overrides the separator after this item. */
   separator?: React.ReactNode;
 }
-interface Props extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children'> {
   items: Item[];
   separator?: React.ReactNode;
   /** Collapse middle items when the trail has more than this many entries. */
@@ -35,5 +35,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children'>
 }
 declare const Breadcrumb: ({ items, separator, maxItems, itemsBeforeCollapse, itemsAfterCollapse, expandText, itemRender, className, classNames, dir, "aria-label": ariaLabel, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Item, Props, Breadcrumb as default };
+export { Breadcrumb as default };
 //# sourceMappingURL=Breadcrumb.d.mts.map

package/dist/Breadcrumb.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.mts","names":[],"sources":["../src/components/molecules/breadcrumb.tsx"],"mappings":";UAUiB;EACf,MAAM,MAAM;EACZ,OAAO,MAAM;EACb;EACA,SAAS,MAAM;EACf;EACA,UAAU,MAAM,kBAAkB;EAClC;EACA;;EAEA,OAAO,MAAM;;EAEb,YAAY,MAAM;;UAGH,cAAc,KAC7B,MAAM;EAGN,OAAO;EACP,YAAY,MAAM;;EAElB;EACA;EACA;EACA;;EAEA,cACE,MAAM,MACN,eACA,uBACG,MAAM;EACX;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;cAOE,eAAc,OAAA,WAAA,UAAA,qBAAA,oBAAA,YAAA,YAAA,WAAA,YAAA,mBAAA,cAAA,SAajB,0BAAK,IAAA"}
+{"version":3,"file":"Breadcrumb.d.mts","names":[],"sources":["../src/components/molecules/breadcrumb.tsx"],"mappings":";iBAUiB;EACf,MAAM,MAAM;EACZ,OAAO,MAAM;EACb;EACA,SAAS,MAAM;EACf;EACA,UAAU,MAAM,kBAAkB;EAClC;EACA;;EAEA,OAAO,MAAM;;EAEb,YAAY,MAAM;;iBAGH,cAAc,KAC7B,MAAM;EAGN,OAAO;EACP,YAAY,MAAM;;EAElB;EACA;EACA;EACA;;EAEA,cACE,MAAM,MACN,eACA,uBACG,MAAM;EACX;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;cAOE,eAAc,OAAA,WAAA,UAAA,qBAAA,oBAAA,YAAA,YAAA,WAAA,YAAA,mBAAA,cAAA,SAajB,0BAAK,IAAA"}

package/dist/Breadcrumb.mjs

@@ -2,7 +2,7 @@
 import { cn } from "./utils.mjs";
 import { useConfig } from "./providers/config/context.mjs";
 import Button from "./Button.mjs";
-import Popover from "./components/atoms/popover.mjs";
+import Popover from "./Popover.mjs";
 import { Fragment } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/molecules/breadcrumb.tsx
@@ -66,7 +66,7 @@ const Breadcrumb = ({ items, separator = "/", maxItems = 8, itemsBeforeCollapse
 		className: cn("text-sm", className),
 		children: /* @__PURE__ */ jsx("ol", {
 			"data-slot": "breadcrumb-list",
-			className: cn("m-0 flex min-w-0 flex-wrap items-center p-0", classNames?.list),
+			className: cn("m-0 flex min-w-0 list-none flex-wrap items-center p-0", classNames?.list),
 			children: visibleIndices.map((index, position) => /* @__PURE__ */ jsxs(Fragment, { children: [
 				position > 0 && renderSeparator(collapsed && position === before ? index - 1 : visibleIndices[position - 1]),
 				/* @__PURE__ */ jsx("li", {

package/dist/Breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.mjs","names":[],"sources":["../src/components/molecules/breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment } from 'react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../atoms/button';\nimport Popover from '../atoms/popover';\n\nexport interface Item {\n  key?: React.Key;\n  title: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  className?: string;\n  'aria-label'?: string;\n  /** Decorative icon placed before the title. */\n  icon?: React.ReactNode;\n  /** Overrides the separator after this item. */\n  separator?: React.ReactNode;\n}\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'nav'>,\n  'children'\n> {\n  items: Item[];\n  separator?: React.ReactNode;\n  /** Collapse middle items when the trail has more than this many entries. */\n  maxItems?: number;\n  itemsBeforeCollapse?: number;\n  itemsAfterCollapse?: number;\n  expandText?: string;\n  /** Render custom router links. The renderer owns aria-current for the last item. */\n  itemRender?: (\n    item: Item,\n    index: number,\n    isCurrent: boolean,\n  ) => React.ReactNode;\n  classNames?: {\n    list?: string;\n    item?: string;\n    link?: string;\n    current?: string;\n    separator?: string;\n    collapsed?: string;\n    popup?: string;\n  };\n}\n\nconst safeCount = (value: number, minimum: number) =>\n  Number.isFinite(value) ? Math.max(minimum, Math.floor(value)) : minimum;\n\nconst Breadcrumb = ({\n  items,\n  separator = '/',\n  maxItems = 8,\n  itemsBeforeCollapse = 1,\n  itemsAfterCollapse = 1,\n  expandText = 'Show path',\n  itemRender,\n  className,\n  classNames,\n  dir,\n  'aria-label': ariaLabel,\n  ...props\n}: Props) => {\n  const { direction } = useConfig();\n  const limit = safeCount(maxItems, 3);\n  const before = Math.min(safeCount(itemsBeforeCollapse, 1), limit - 2);\n  const after = Math.min(safeCount(itemsAfterCollapse, 1), limit - before - 1);\n  const collapsed = items.length > limit && items.length - before - after > 0;\n  const visibleIndices = collapsed\n    ? [\n        ...Array.from({ length: before }, (_, index) => index),\n        ...Array.from(\n          { length: after },\n          (_, index) => items.length - after + index,\n        ),\n      ]\n    : items.map((_, index) => index);\n  const hiddenIndices = collapsed\n    ? Array.from(\n        { length: items.length - before - after },\n        (_, index) => before + index,\n      )\n    : [];\n\n  const renderItem = (index: number) => {\n    const item = items[index]!;\n    const isCurrent = index === items.length - 1;\n\n    if (itemRender) {\n      return itemRender(item, index, isCurrent);\n    }\n\n    const content = (\n      <>\n        {item.icon != null && (\n          <span\n            data-slot=\"breadcrumb-icon\"\n            aria-hidden=\"true\"\n            className=\"inline-flex shrink-0\"\n          >\n            {item.icon}\n          </span>\n        )}\n        {item.title}\n      </>\n    );\n    const itemClassName = cn(\n      'inline-flex items-center gap-1.5 rounded-sm',\n      (item.href !== undefined || item.onClick) &&\n        'hover:text-foreground focus-visible:outline-ring focus-visible:outline-2',\n      isCurrent ? 'text-foreground font-medium' : 'text-muted-foreground',\n      (item.href !== undefined || item.onClick) && classNames?.link,\n      isCurrent && classNames?.current,\n      item.className,\n      //\n    );\n\n    if (item.href !== undefined) {\n      return (\n        <a\n          href={item.href}\n          target={item.target}\n          rel={item.rel}\n          onClick={item.onClick}\n          aria-label={item['aria-label']}\n          aria-current={isCurrent ? 'page' : undefined}\n          className={itemClassName}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    if (item.onClick) {\n      return (\n        <Button\n          variant=\"text\"\n          size=\"small\"\n          onClick={item.onClick}\n          aria-label={item['aria-label']}\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn('h-auto px-0 py-0 font-normal', itemClassName)}\n        >\n          {content}\n        </Button>\n      );\n    }\n\n    return (\n      <span\n        aria-label={item['aria-label']}\n        aria-current={isCurrent ? 'page' : undefined}\n        className={itemClassName}\n      >\n        {content}\n      </span>\n    );\n  };\n\n  const renderSeparator = (index: number) => (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      aria-hidden=\"true\"\n      className={cn(\n        'text-muted-foreground mx-2 shrink-0',\n        classNames?.separator,\n        //\n      )}\n    >\n      {items[index]?.separator ?? separator}\n    </li>\n  );\n\n  return (\n    <nav\n      {...props}\n      data-slot=\"breadcrumb\"\n      dir={dir ?? direction}\n      aria-label={ariaLabel ?? 'Breadcrumb'}\n      className={cn(\n        'text-sm',\n        className, //\n      )}\n    >\n      <ol\n        data-slot=\"breadcrumb-list\"\n        className={cn(\n          'm-0 flex min-w-0 flex-wrap items-center p-0',\n          classNames?.list,\n          //\n        )}\n      >\n        {visibleIndices.map((index, position) => (\n          <Fragment key={items[index]?.key ?? index}>\n            {position > 0 &&\n              renderSeparator(\n                collapsed && position === before\n                  ? index - 1\n                  : visibleIndices[position - 1]!,\n              )}\n            <li\n              data-slot=\"breadcrumb-item\"\n              className={cn(\n                'inline-flex min-w-0 items-center',\n                classNames?.item, //\n              )}\n            >\n              {renderItem(index)}\n            </li>\n            {collapsed && position === before - 1 && (\n              <>\n                {renderSeparator(index)}\n                <li\n                  data-slot=\"breadcrumb-collapsed\"\n                  className={classNames?.collapsed}\n                >\n                  <Popover\n                    placement=\"bottom\"\n                    className={classNames?.popup}\n                    content={\n                      <ol className=\"m-0 grid list-none gap-1 p-0\">\n                        {hiddenIndices.map(hiddenIndex => (\n                          <li key={items[hiddenIndex]?.key ?? hiddenIndex}>\n                            {renderItem(hiddenIndex)}\n                          </li>\n                        ))}\n                      </ol>\n                    }\n                  >\n                    <Button\n                      variant=\"text\"\n                      size=\"small\"\n                      aria-label={expandText}\n                      className=\"h-auto px-1\"\n                    >\n                      …\n                    </Button>\n                  </Popover>\n                </li>\n              </>\n            )}\n          </Fragment>\n        ))}\n      </ol>\n    </nav>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.mjs","names":[],"sources":["../src/components/molecules/breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment } from 'react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../atoms/button';\nimport Popover from '../atoms/popover';\n\nexport interface Item {\n  key?: React.Key;\n  title: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  className?: string;\n  'aria-label'?: string;\n  /** Decorative icon placed before the title. */\n  icon?: React.ReactNode;\n  /** Overrides the separator after this item. */\n  separator?: React.ReactNode;\n}\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'nav'>,\n  'children'\n> {\n  items: Item[];\n  separator?: React.ReactNode;\n  /** Collapse middle items when the trail has more than this many entries. */\n  maxItems?: number;\n  itemsBeforeCollapse?: number;\n  itemsAfterCollapse?: number;\n  expandText?: string;\n  /** Render custom router links. The renderer owns aria-current for the last item. */\n  itemRender?: (\n    item: Item,\n    index: number,\n    isCurrent: boolean,\n  ) => React.ReactNode;\n  classNames?: {\n    list?: string;\n    item?: string;\n    link?: string;\n    current?: string;\n    separator?: string;\n    collapsed?: string;\n    popup?: string;\n  };\n}\n\nconst safeCount = (value: number, minimum: number) =>\n  Number.isFinite(value) ? Math.max(minimum, Math.floor(value)) : minimum;\n\nconst Breadcrumb = ({\n  items,\n  separator = '/',\n  maxItems = 8,\n  itemsBeforeCollapse = 1,\n  itemsAfterCollapse = 1,\n  expandText = 'Show path',\n  itemRender,\n  className,\n  classNames,\n  dir,\n  'aria-label': ariaLabel,\n  ...props\n}: Props) => {\n  const { direction } = useConfig();\n  const limit = safeCount(maxItems, 3);\n  const before = Math.min(safeCount(itemsBeforeCollapse, 1), limit - 2);\n  const after = Math.min(safeCount(itemsAfterCollapse, 1), limit - before - 1);\n  const collapsed = items.length > limit && items.length - before - after > 0;\n  const visibleIndices = collapsed\n    ? [\n        ...Array.from({ length: before }, (_, index) => index),\n        ...Array.from(\n          { length: after },\n          (_, index) => items.length - after + index,\n        ),\n      ]\n    : items.map((_, index) => index);\n  const hiddenIndices = collapsed\n    ? Array.from(\n        { length: items.length - before - after },\n        (_, index) => before + index,\n      )\n    : [];\n\n  const renderItem = (index: number) => {\n    const item = items[index]!;\n    const isCurrent = index === items.length - 1;\n\n    if (itemRender) {\n      return itemRender(item, index, isCurrent);\n    }\n\n    const content = (\n      <>\n        {item.icon != null && (\n          <span\n            data-slot=\"breadcrumb-icon\"\n            aria-hidden=\"true\"\n            className=\"inline-flex shrink-0\"\n          >\n            {item.icon}\n          </span>\n        )}\n        {item.title}\n      </>\n    );\n    const itemClassName = cn(\n      'inline-flex items-center gap-1.5 rounded-sm',\n      (item.href !== undefined || item.onClick) &&\n        'hover:text-foreground focus-visible:outline-ring focus-visible:outline-2',\n      isCurrent ? 'text-foreground font-medium' : 'text-muted-foreground',\n      (item.href !== undefined || item.onClick) && classNames?.link,\n      isCurrent && classNames?.current,\n      item.className,\n      //\n    );\n\n    if (item.href !== undefined) {\n      return (\n        <a\n          href={item.href}\n          target={item.target}\n          rel={item.rel}\n          onClick={item.onClick}\n          aria-label={item['aria-label']}\n          aria-current={isCurrent ? 'page' : undefined}\n          className={itemClassName}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    if (item.onClick) {\n      return (\n        <Button\n          variant=\"text\"\n          size=\"small\"\n          onClick={item.onClick}\n          aria-label={item['aria-label']}\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn('h-auto px-0 py-0 font-normal', itemClassName)}\n        >\n          {content}\n        </Button>\n      );\n    }\n\n    return (\n      <span\n        aria-label={item['aria-label']}\n        aria-current={isCurrent ? 'page' : undefined}\n        className={itemClassName}\n      >\n        {content}\n      </span>\n    );\n  };\n\n  const renderSeparator = (index: number) => (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      aria-hidden=\"true\"\n      className={cn(\n        'text-muted-foreground mx-2 shrink-0',\n        classNames?.separator,\n        //\n      )}\n    >\n      {items[index]?.separator ?? separator}\n    </li>\n  );\n\n  return (\n    <nav\n      {...props}\n      data-slot=\"breadcrumb\"\n      dir={dir ?? direction}\n      aria-label={ariaLabel ?? 'Breadcrumb'}\n      className={cn(\n        'text-sm',\n        className, //\n      )}\n    >\n      <ol\n        data-slot=\"breadcrumb-list\"\n        className={cn(\n          'm-0 flex min-w-0 list-none flex-wrap items-center p-0',\n          classNames?.list,\n          //\n        )}\n      >\n        {visibleIndices.map((index, position) => (\n          <Fragment key={items[index]?.key ?? index}>\n            {position > 0 &&\n              renderSeparator(\n                collapsed && position === before\n                  ? index - 1\n                  : visibleIndices[position - 1]!,\n              )}\n            <li\n              data-slot=\"breadcrumb-item\"\n              className={cn(\n                'inline-flex min-w-0 items-center',\n                classNames?.item, //\n              )}\n            >\n              {renderItem(index)}\n            </li>\n            {collapsed && position === before - 1 && (\n              <>\n                {renderSeparator(index)}\n                <li\n                  data-slot=\"breadcrumb-collapsed\"\n                  className={classNames?.collapsed}\n                >\n                  <Popover\n                    placement=\"bottom\"\n                    className={classNames?.popup}\n                    content={\n                      <ol className=\"m-0 grid list-none gap-1 p-0\">\n                        {hiddenIndices.map(hiddenIndex => (\n                          <li key={items[hiddenIndex]?.key ?? hiddenIndex}>\n                            {renderItem(hiddenIndex)}\n                          </li>\n                        ))}\n                      </ol>\n                    }\n                  >\n                    <Button\n                      variant=\"text\"\n                      size=\"small\"\n                      aria-label={expandText}\n                      className=\"h-auto px-1\"\n                    >\n                      …\n                    </Button>\n                  </Popover>\n                </li>\n              </>\n            )}\n          </Fragment>\n        ))}\n      </ol>\n    </nav>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":";;;;;;;;AAqDA,MAAM,aAAa,OAAe,YAChC,OAAO,SAAS,KAAK,IAAI,KAAK,IAAI,SAAS,KAAK,MAAM,KAAK,CAAC,IAAI;AAElE,MAAM,cAAc,EAClB,OACA,YAAY,KACZ,WAAW,GACX,sBAAsB,GACtB,qBAAqB,GACrB,aAAa,aACb,YACA,WACA,YACA,KACA,cAAc,WACd,GAAG,YACQ;CACX,MAAM,EAAE,cAAc,UAAU;CAChC,MAAM,QAAQ,UAAU,UAAU,CAAC;CACnC,MAAM,SAAS,KAAK,IAAI,UAAU,qBAAqB,CAAC,GAAG,QAAQ,CAAC;CACpE,MAAM,QAAQ,KAAK,IAAI,UAAU,oBAAoB,CAAC,GAAG,QAAQ,SAAS,CAAC;CAC3E,MAAM,YAAY,MAAM,SAAS,SAAS,MAAM,SAAS,SAAS,QAAQ;CAC1E,MAAM,iBAAiB,YACnB,CACE,GAAG,MAAM,KAAK,EAAE,QAAQ,OAAO,IAAI,GAAG,UAAU,KAAK,GACrD,GAAG,MAAM,KACP,EAAE,QAAQ,MAAM,IACf,GAAG,UAAU,MAAM,SAAS,QAAQ,KACvC,CACF,IACA,MAAM,KAAK,GAAG,UAAU,KAAK;CACjC,MAAM,gBAAgB,YAClB,MAAM,KACJ,EAAE,QAAQ,MAAM,SAAS,SAAS,MAAM,IACvC,GAAG,UAAU,SAAS,KACzB,IACA,CAAC;CAEL,MAAM,cAAc,UAAkB;EACpC,MAAM,OAAO,MAAM;EACnB,MAAM,YAAY,UAAU,MAAM,SAAS;EAE3C,IAAI,YACF,OAAO,WAAW,MAAM,OAAO,SAAS;EAG1C,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA,CACG,KAAK,QAAQ,QACZ,oBAAC,QAAD;GACE,aAAU;GACV,eAAY;GACZ,WAAU;GAET,UAAA,KAAK;EACF,CAAA,GAEP,KAAK,KACN,EAAA,CAAA;EAEJ,MAAM,gBAAgB,GACpB,gDACC,KAAK,SAAS,KAAA,KAAa,KAAK,YAC/B,4EACF,YAAY,gCAAgC,0BAC3C,KAAK,SAAS,KAAA,KAAa,KAAK,YAAY,YAAY,MACzD,aAAa,YAAY,SACzB,KAAK,SAEP;EAEA,IAAI,KAAK,SAAS,KAAA,GAChB,OACE,oBAAC,KAAD;GACE,MAAM,KAAK;GACX,QAAQ,KAAK;GACb,KAAK,KAAK;GACV,SAAS,KAAK;GACd,cAAY,KAAK;GACjB,gBAAc,YAAY,SAAS,KAAA;GACnC,WAAW;GAEV,UAAA;EACA,CAAA;EAIP,IAAI,KAAK,SACP,OACE,oBAAC,QAAD;GACE,SAAQ;GACR,MAAK;GACL,SAAS,KAAK;GACd,cAAY,KAAK;GACjB,gBAAc,YAAY,SAAS,KAAA;GACnC,WAAW,GAAG,gCAAgC,aAAa;GAE1D,UAAA;EACK,CAAA;EAIZ,OACE,oBAAC,QAAD;GACE,cAAY,KAAK;GACjB,gBAAc,YAAY,SAAS,KAAA;GACnC,WAAW;GAEV,UAAA;EACG,CAAA;CAEV;CAEA,MAAM,mBAAmB,UACvB,oBAAC,MAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GACT,uCACA,YAAY,SAEd;EAEC,UAAA,MAAM,MAAM,EAAE,aAAa;CAC1B,CAAA;CAGN,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,KAAK,OAAO;EACZ,cAAY,aAAa;EACzB,WAAW,GACT,WACA,SACF;EAEA,UAAA,oBAAC,MAAD;GACE,aAAU;GACV,WAAW,GACT,yDACA,YAAY,IAEd;GAEC,UAAA,eAAe,KAAK,OAAO,aAC1B,qBAAC,UAAD,EAAA,UAAA;IACG,WAAW,KACV,gBACE,aAAa,aAAa,SACtB,QAAQ,IACR,eAAe,WAAW,EAChC;IACF,oBAAC,MAAD;KACE,aAAU;KACV,WAAW,GACT,oCACA,YAAY,IACd;KAEC,UAAA,WAAW,KAAK;IACf,CAAA;IACH,aAAa,aAAa,SAAS,KAClC,qBAAA,YAAA,EAAA,UAAA,CACG,gBAAgB,KAAK,GACtB,oBAAC,MAAD;KACE,aAAU;KACV,WAAW,YAAY;KAEvB,UAAA,oBAAC,SAAD;MACE,WAAU;MACV,WAAW,YAAY;MACvB,SACE,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,cAAc,KAAI,gBACjB,oBAAC,MAAD,EAAA,UACG,WAAW,WAAW,EACrB,GAFK,MAAM,YAAY,EAAE,OAAO,WAEhC,CACL;MACC,CAAA;MAGN,UAAA,oBAAC,QAAD;OACE,SAAQ;OACR,MAAK;OACL,cAAY;OACZ,WAAU;OACX,UAAA;MAEO,CAAA;KACD,CAAA;IACP,CAAA,CACJ,EAAA,CAAA;GAEI,EAAA,GAhDK,MAAM,MAAM,EAAE,OAAO,KAgD1B,CACX;EACC,CAAA;CACD,CAAA;AAET"}

package/dist/Button.d.mts

@@ -1,4 +1,4 @@
-import { Button as Button$1 } from "./core/button.mjs";
+import { Button as Button$1, button_d_exports } from "./core/button.mjs";
 import "./core/index.mjs";
 import { PresetColor } from "./lib/colors.mjs";
 import * as React$1 from "react";
@@ -25,7 +25,7 @@ type ShadcnVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghos
  * would render a normal padded button.
  */
 type ShadcnSize = 'default' | 'xs' | 'sm' | 'lg' | 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg';
-interface Props extends Omit<React$1.ComponentProps<typeof Core>, 'size' | 'variant' | 'type'> {
+export interface Props extends Omit<React$1.ComponentProps<typeof Core>, 'size' | 'variant' | 'type'> {
   icon?: React$1.ReactNode;
   block?: boolean;
   danger?: boolean;
@@ -92,5 +92,5 @@ interface Props extends Omit<React$1.ComponentProps<typeof Core>, 'size' | 'vari
 }
 declare const Button: ({ icon, className, type, variant, htmlType, size, color, shape, block, disabled, loading, danger, nativeButton, children, onMouseDown, ...props }: Props) => React$1.JSX.Element;
 //#endregion
-export { Props, Button as default };
+export { Button as default };
 //# sourceMappingURL=Button.d.mts.map

package/dist/Button.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.mts","names":[],"sources":["../src/components/atoms/button.tsx"],"mappings":";;;;;cAYM,aAAI;;;;;;;;;;;;;KAcL;;;;;;;;KAUA;UAGY,cAAc,KAC7B,QAAM,sBAAsB;EAG5B,OAAO,QAAM;EACb;EACA;EACA;;;;;;;;EAQA,sCAAsC;;;;;;;;;;;;;;;;;;EAkBtC;;;;;;;;;;;;;;;;EAgBA,yEAOI;;;;;;EAMJ;EACA;;;;;;;EAOA,QAAQ;EACR;IAAsB,MAAM,QAAM;;;cAmH9B,WAAU,MAAA,WAAA,MAAA,SAAA,UAAA,MAAA,OAAA,OAAA,OAAA,UAAA,SAAA,QAAA,cAAA,UAAA,gBAAA,SAiBb,UAAK,QAAA,IAAA"}
+{"version":3,"file":"Button.d.mts","names":["button","button.Button","React"],"sources":["../src/components/atoms/button.tsx"],"mappings":";;;;;cAYM,aAAIC;;;;;;;;;;;;;KAcL;;;;;;;;KAUA;iBAGY,cAAc,KAC7BC,QAAM,sBAAsB;EAG5B,OAAOA,QAAM;EACb;EACA;EACA;;;;;;;;EAQA,sCAAsC;;;;;;;;;;;;;;;;;;EAkBtC;;;;;;;;;;;;;;;;EAgBA,yEAOI;;;;;;EAMJ;EACA;;;;;;;EAOA,QAAQ;EACR;IAAsB,MAAMA,QAAM;;;cAmH9B,WAAU,MAAA,WAAA,MAAA,SAAA,UAAA,MAAA,OAAA,OAAA,OAAA,UAAA,SAAA,QAAA,cAAA,UAAA,gBAAA,SAiBb,UAAKA,QAAA,IAAA"}

package/dist/Button.mjs

@@ -2,9 +2,9 @@
 import { cn } from "./utils.mjs";
 import { useConfig } from "./providers/config/context.mjs";
 import { Button as Button$1 } from "./core/button.mjs";
-import { LoaderCircle } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { LoaderCircle } from "lucide-react";
 //#region src/components/atoms/button.tsx
 const Core = Button$1;
 const BUTTON_BASE = cn("gap-2 whitespace-nowrap font-medium transition-all", "has-[>svg]:px-3");

package/dist/Calendar.d.mts

@@ -0,0 +1,28 @@
+import { Calendar as Calendar$1, calendar_d_exports } from "./core/calendar.mjs";
+import "./core/index.mjs";
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/organisms/calendar.d.ts
+type CellRenderer = (date: Date) => ReactNode;
+export interface Props extends Omit<ComponentProps<'div'>, 'onChange' | 'children' | 'defaultValue'> {
+  /** Pass null for an explicitly empty controlled selection. */
+  value?: Date | null;
+  defaultValue?: Date;
+  onChange?: (date: Date | undefined) => void;
+  month?: Date;
+  defaultMonth?: Date;
+  onMonthChange?: (month: Date) => void;
+  disabledDate?: (date: Date) => boolean;
+  minDate?: Date;
+  maxDate?: Date;
+  locale?: ComponentProps<typeof Calendar$1>['locale'];
+  weekStartsOn?: ComponentProps<typeof Calendar$1>['weekStartsOn'];
+  expanded?: boolean;
+  renderDate?: CellRenderer;
+  classNames?: {
+    calendar?: string;
+  };
+}
+declare const Calendar: ({ value, defaultValue, onChange, month, defaultMonth, onMonthChange, disabledDate, minDate, maxDate, locale, weekStartsOn, expanded, renderDate, className, classNames, dir, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Calendar as default };
+//# sourceMappingURL=Calendar.d.mts.map

package/dist/Calendar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.mts","names":["calendar","calendar.Calendar"],"sources":["../src/components/organisms/calendar.tsx"],"mappings":";;;;KAgBK,gBAAgB,MAAM,SAAS;iBAkBnB,cAAc,KAC7B;;EAIA,QAAQ;EACR,eAAe;EACf,YAAY,MAAM;EAClB,QAAQ;EACR,eAAe;EACf,iBAAiB,OAAO;EACxB,gBAAgB,MAAM;EACtB,UAAU;EACV,UAAU;EACV,SAAS,sBAAsBC;EAC/B,eAAe,sBAAsBA;EACrC;EACA,aAAa;EACb;IAAe;;;cAGX,aAAY,OAAA,cAAA,UAAA,OAAA,cAAA,eAAA,cAAA,SAAA,SAAA,QAAA,cAAA,UAAA,YAAA,WAAA,YAAA,QAAA,SAkBf,0BAAK,IAAA"}

package/dist/Calendar.mjs

@@ -0,0 +1,64 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import { Calendar as Calendar$1, CalendarDayButton } from "./core/calendar.mjs";
+import { createContext, useContext } from "react";
+import { useControllableState } from "@jbpark/use-hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/organisms/calendar.tsx
+const CellContext = createContext(void 0);
+function DayButton(props) {
+	const renderDate = useContext(CellContext);
+	return /* @__PURE__ */ jsxs(CalendarDayButton, {
+		...props,
+		children: [props.children, renderDate && /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "max-w-full text-xs",
+			children: renderDate(props.day.date)
+		})]
+	});
+}
+const Calendar = ({ value, defaultValue, onChange, month, defaultMonth, onMonthChange, disabledDate, minDate, maxDate, locale, weekStartsOn, expanded = false, renderDate, className, classNames, dir, ...props }) => {
+	const { direction } = useConfig();
+	const [selected, setSelected] = useControllableState({
+		value,
+		defaultValue,
+		onChange: (date) => onChange?.(date ?? void 0)
+	});
+	const [visibleMonth, setVisibleMonth] = useControllableState({
+		value: month,
+		defaultValue: defaultMonth ?? value ?? defaultValue ?? /* @__PURE__ */ new Date(),
+		onChange: onMonthChange
+	});
+	const disabled = [
+		...disabledDate ? [disabledDate] : [],
+		...minDate ? [{ before: minDate }] : [],
+		...maxDate ? [{ after: maxDate }] : []
+	];
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		"data-slot": "calendar",
+		dir: dir ?? direction,
+		className: cn("min-w-0", className),
+		children: /* @__PURE__ */ jsx(CellContext, {
+			value: renderDate,
+			children: /* @__PURE__ */ jsx(Calendar$1, {
+				mode: "single",
+				selected: selected ?? void 0,
+				onSelect: (date) => setSelected(date ?? null),
+				month: visibleMonth,
+				onMonthChange: setVisibleMonth,
+				disabled,
+				locale,
+				weekStartsOn,
+				dir: dir ?? direction,
+				components: { DayButton },
+				className: cn(expanded && "w-full [--cell-size:3.5rem] [&_.rdp-month]:w-full", classNames?.calendar)
+			})
+		})
+	});
+};
+//#endregion
+export { Calendar as default };
+
+//# sourceMappingURL=Calendar.mjs.map

package/dist/Calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.mjs","names":["calendar.CalendarDayButton","calendar.Calendar"],"sources":["../src/components/organisms/calendar.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ComponentProps,\n  type ReactNode,\n  createContext,\n  useContext,\n} from 'react';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { calendar } from '../../core';\n\ntype CellRenderer = (date: Date) => ReactNode;\nconst CellContext = createContext<CellRenderer | undefined>(undefined);\n\nfunction DayButton(props: ComponentProps<typeof calendar.CalendarDayButton>) {\n  const renderDate = useContext(CellContext);\n\n  return (\n    <calendar.CalendarDayButton {...props}>\n      {props.children}\n      {renderDate && (\n        <span aria-hidden=\"true\" className=\"max-w-full text-xs\">\n          {renderDate(props.day.date)}\n        </span>\n      )}\n    </calendar.CalendarDayButton>\n  );\n}\n\nexport interface Props extends Omit<\n  ComponentProps<'div'>,\n  'onChange' | 'children' | 'defaultValue'\n> {\n  /** Pass null for an explicitly empty controlled selection. */\n  value?: Date | null;\n  defaultValue?: Date;\n  onChange?: (date: Date | undefined) => void;\n  month?: Date;\n  defaultMonth?: Date;\n  onMonthChange?: (month: Date) => void;\n  disabledDate?: (date: Date) => boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  locale?: ComponentProps<typeof calendar.Calendar>['locale'];\n  weekStartsOn?: ComponentProps<typeof calendar.Calendar>['weekStartsOn'];\n  expanded?: boolean;\n  renderDate?: CellRenderer;\n  classNames?: { calendar?: string };\n}\n\nconst Calendar = ({\n  value,\n  defaultValue,\n  onChange,\n  month,\n  defaultMonth,\n  onMonthChange,\n  disabledDate,\n  minDate,\n  maxDate,\n  locale,\n  weekStartsOn,\n  expanded = false,\n  renderDate,\n  className,\n  classNames,\n  dir,\n  ...props\n}: Props) => {\n  const { direction } = useConfig();\n  const [selected, setSelected] = useControllableState<Date | null | undefined>(\n    {\n      value,\n      defaultValue,\n      onChange: date => onChange?.(date ?? undefined),\n    },\n  );\n  const [visibleMonth, setVisibleMonth] = useControllableState<Date>({\n    value: month,\n    defaultValue: defaultMonth ?? value ?? defaultValue ?? new Date(),\n    onChange: onMonthChange,\n  });\n  const disabled = [\n    ...(disabledDate ? [disabledDate] : []),\n    ...(minDate ? [{ before: minDate }] : []),\n    ...(maxDate ? [{ after: maxDate }] : []),\n  ];\n\n  return (\n    <div\n      {...props}\n      data-slot=\"calendar\"\n      dir={dir ?? direction}\n      className={cn(\n        'min-w-0',\n        className,\n        //\n      )}\n    >\n      <CellContext value={renderDate}>\n        <calendar.Calendar\n          mode=\"single\"\n          selected={selected ?? undefined}\n          onSelect={date => setSelected(date ?? null)}\n          month={visibleMonth}\n          onMonthChange={setVisibleMonth}\n          disabled={disabled}\n          locale={locale}\n          weekStartsOn={weekStartsOn}\n          dir={dir ?? direction}\n          components={{ DayButton }}\n          className={cn(\n            expanded && 'w-full [--cell-size:3.5rem] [&_.rdp-month]:w-full',\n            classNames?.calendar,\n            //\n          )}\n        />\n      </CellContext>\n    </div>\n  );\n};\n\nexport default Calendar;\n"],"mappings":";;;;;;;;AAiBA,MAAM,cAAc,cAAwC,KAAA,CAAS;AAErE,SAAS,UAAU,OAA0D;CAC3E,MAAM,aAAa,WAAW,WAAW;CAEzC,OACE,qBAACA,mBAAD;EAA4B,GAAI;EAAhC,UAAA,CACG,MAAM,UACN,cACC,oBAAC,QAAD;GAAM,eAAY;GAAO,WAAU;GAChC,UAAA,WAAW,MAAM,IAAI,IAAI;EACtB,CAAA,CAEkB;;AAEhC;AAuBA,MAAM,YAAY,EAChB,OACA,cACA,UACA,OACA,cACA,eACA,cACA,SACA,SACA,QACA,cACA,WAAW,OACX,YACA,WACA,YACA,KACA,GAAG,YACQ;CACX,MAAM,EAAE,cAAc,UAAU;CAChC,MAAM,CAAC,UAAU,eAAe,qBAC9B;EACE;EACA;EACA,WAAU,SAAQ,WAAW,QAAQ,KAAA,CAAS;CAChD,CACF;CACA,MAAM,CAAC,cAAc,mBAAmB,qBAA2B;EACjE,OAAO;EACP,cAAc,gBAAgB,SAAS,gCAAgB,IAAI,KAAK;EAChE,UAAU;CACZ,CAAC;CACD,MAAM,WAAW;EACf,GAAI,eAAe,CAAC,YAAY,IAAI,CAAC;EACrC,GAAI,UAAU,CAAC,EAAE,QAAQ,QAAQ,CAAC,IAAI,CAAC;EACvC,GAAI,UAAU,CAAC,EAAE,OAAO,QAAQ,CAAC,IAAI,CAAC;CACxC;CAEA,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,KAAK,OAAO;EACZ,WAAW,GACT,WACA,SAEF;EAEA,UAAA,oBAAC,aAAD;GAAa,OAAO;GAClB,UAAA,oBAACC,YAAD;IACE,MAAK;IACL,UAAU,YAAY,KAAA;IACtB,WAAU,SAAQ,YAAY,QAAQ,IAAI;IAC1C,OAAO;IACP,eAAe;IACL;IACF;IACM;IACd,KAAK,OAAO;IACZ,YAAY,EAAE,UAAU;IACxB,WAAW,GACT,YAAY,qDACZ,YAAY,QAEd;GACD,CAAA;EACU,CAAA;CACV,CAAA;AAET"}

package/dist/Card.d.mts

@@ -1,5 +1,5 @@
 //#region src/components/molecules/card.d.ts
-interface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
+export interface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
   title?: React.ReactNode;
   variant?: 'outlined' | 'borderless';
   classNames?: {
@@ -9,5 +9,5 @@ interface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
 }
 declare const Card: ({ title, children, className, classNames, variant, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Card as default };
+export { Card as default };
 //# sourceMappingURL=Card.d.mts.map

package/dist/Card.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.mts","names":[],"sources":["../src/components/molecules/card.tsx"],"mappings":";UAEiB,cAAc,KAC7B,MAAM;EAGN,QAAQ,MAAM;EACd;EACA;IACE;IACA;;;cAIE,SAAQ,OAAA,UAAA,WAAA,YAAA,YAAA,SAOX,0BAAK,IAAA"}
+{"version":3,"file":"Card.d.mts","names":[],"sources":["../src/components/molecules/card.tsx"],"mappings":";iBAEiB,cAAc,KAC7B,MAAM;EAGN,QAAQ,MAAM;EACd;EACA;IACE;IACA;;;cAIE,SAAQ,OAAA,UAAA,WAAA,YAAA,YAAA,SAOX,0BAAK,IAAA"}