@jbpark/ui-kit 10.2.0 → 10.4.0

package/dist/Cascader.d.mts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/atoms/cascader.d.ts
+export interface Option {
+  /** Unique among siblings. Values can repeat under different parents. */
+  value: string;
+  label: string;
+  disabled?: boolean;
+  /** Missing or empty children make this option a selectable leaf. */
+  children?: readonly Option[];
+}
+export interface Props extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'value' | 'defaultValue' | 'onChange'> {
+  options: readonly Option[];
+  value?: readonly string[];
+  defaultValue?: readonly string[];
+  onChange?: (path: string[]) => void;
+  disabled?: boolean;
+  allowClear?: boolean;
+  placeholder?: string;
+  backLabel?: string;
+  clearLabel?: string;
+  emptyText?: string;
+  getLevelLabel?: (level: number) => string;
+  classNames?: {
+    trigger?: string;
+    popup?: string;
+    breadcrumb?: string;
+    select?: string;
+    clear?: string;
+  };
+}
+declare const Cascader: ({ options, value, defaultValue, onChange, disabled, allowClear, placeholder, backLabel, clearLabel, emptyText, getLevelLabel, className, classNames, dir, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Cascader as default };
+//# sourceMappingURL=Cascader.d.mts.map

package/dist/Cascader.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cascader.d.mts","names":[],"sources":["../src/components/atoms/cascader.tsx"],"mappings":";;iBAciB;;EAEf;EACA;EACA;;EAEA,oBAAoB;;iBAGL,cAAc,KAC7B;EAGA,kBAAkB;EAClB;EACA;EACA,YAAY;EACZ;EACA;EACA;EACA;EACA;EACA;EACA,iBAAiB;EACjB;IACE;IACA;IACA;IACA;IACA;;;cAwBE,aAAY,SAAA,OAAA,cAAA,UAAA,UAAA,YAAA,aAAA,WAAA,YAAA,WAAA,eAAA,WAAA,YAAA,mBAAA,8BAAA,oCAAA,oBAAA,SAmBf,0BAAK,IAAA"}

package/dist/Cascader.mjs

@@ -0,0 +1,144 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import Button from "./Button.mjs";
+import Popover from "./Popover.mjs";
+import Select from "./Select.mjs";
+import { useId, useState } from "react";
+import { DirectionProvider } from "@base-ui/react/direction-provider";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, X } from "lucide-react";
+//#region src/components/atoms/cascader.tsx
+const resolvePath = (options, path) => {
+	const result = [];
+	let siblings = options;
+	for (const value of path) {
+		const option = siblings.find((item) => item.value === value && !item.disabled);
+		if (!option) break;
+		result.push(option);
+		siblings = option.children ?? [];
+	}
+	return result;
+};
+const Cascader = ({ options, value, defaultValue = [], onChange, disabled = false, allowClear = true, placeholder = "Choose a path", backLabel = "Back", clearLabel = "Clear selection", emptyText = "No options", getLevelLabel = (level) => `Level ${level}`, className, classNames, dir, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }) => {
+	const [internalValue, setInternalValue] = useState(defaultValue);
+	const [isOpen, setIsOpen] = useState(false);
+	const [browsePath, setBrowsePath] = useState([]);
+	const selectedPath = value ?? internalValue;
+	const selectedNodes = resolvePath(options, selectedPath);
+	const lastSelected = selectedNodes.at(-1);
+	const hasSelection = selectedPath.length > 0 && selectedNodes.length === selectedPath.length && !lastSelected?.children?.length;
+	const selectedText = hasSelection ? selectedNodes.map((node) => node.label).join(" / ") : placeholder;
+	const resolvedBrowse = resolvePath(options, browsePath);
+	const activeNodes = resolvedBrowse.length === browsePath.length && (browsePath.length === 0 || resolvedBrowse.at(-1)?.children?.length) ? resolvedBrowse : [];
+	const activePath = activeNodes.map((node) => node.value);
+	const currentOptions = activeNodes.at(-1)?.children ?? options;
+	const level = activePath.length + 1;
+	const { direction } = useConfig();
+	const resolvedDirection = dir === "ltr" || dir === "rtl" ? dir : direction;
+	const statusId = useId();
+	const commit = (path) => {
+		if (disabled) return;
+		if (value === void 0) setInternalValue(path);
+		if (path.length !== selectedPath.length || path.some((part, index) => part !== selectedPath[index])) onChange?.(path);
+		setIsOpen(false);
+	};
+	const changeOpen = (open) => {
+		if (open && disabled) return;
+		if (open) setBrowsePath(hasSelection ? [...selectedPath.slice(0, -1)] : []);
+		setIsOpen(open);
+	};
+	return /* @__PURE__ */ jsx(DirectionProvider, {
+		direction: resolvedDirection,
+		children: /* @__PURE__ */ jsxs("div", {
+			...props,
+			"data-slot": "cascader",
+			dir: dir ?? resolvedDirection,
+			className: cn("flex w-full min-w-0 items-center gap-1", className),
+			children: [
+				/* @__PURE__ */ jsx(Popover, {
+					open: isOpen && !disabled,
+					onOpenChange: changeOpen,
+					placement: "bottomLeft",
+					title: ariaLabel ?? placeholder,
+					dir: resolvedDirection,
+					className: cn("w-72 max-w-[calc(100vw-2rem)] p-3", classNames?.popup),
+					content: /* @__PURE__ */ jsxs("div", {
+						"data-slot": "cascader-panel",
+						className: "min-w-0 space-y-3",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								"data-slot": "cascader-breadcrumb",
+								"aria-live": "polite",
+								className: cn("text-muted-foreground text-sm [overflow-wrap:anywhere]", classNames?.breadcrumb),
+								children: activeNodes.length ? activeNodes.map((node) => node.label).join(" / ") : getLevelLabel(1)
+							}),
+							activePath.length > 0 && /* @__PURE__ */ jsx(Button, {
+								variant: "text",
+								size: "small",
+								onClick: () => setBrowsePath(activePath.slice(0, -1)),
+								children: backLabel
+							}),
+							currentOptions.length ? /* @__PURE__ */ jsx(Select, {
+								value: null,
+								dir: resolvedDirection,
+								"aria-label": getLevelLabel(level),
+								placeholder: getLevelLabel(level),
+								className: cn("w-full max-w-full", classNames?.select),
+								options: currentOptions.map((option) => ({
+									label: option.label,
+									value: option.value,
+									disabled: option.disabled
+								})),
+								onChange: (next) => {
+									const option = currentOptions.find((item) => item.value === next && !item.disabled);
+									if (!option) return;
+									const path = [...activePath, option.value];
+									if (option.children?.length) setBrowsePath(path);
+									else commit(path);
+								}
+							}) : /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground m-0 text-sm",
+								children: emptyText
+							})
+						]
+					}),
+					children: /* @__PURE__ */ jsxs(Button, {
+						disabled,
+						"aria-label": ariaLabel,
+						"aria-labelledby": ariaLabelledBy,
+						"aria-describedby": [ariaDescribedBy, statusId].filter(Boolean).join(" "),
+						className: cn("min-w-0 flex-1 justify-between", classNames?.trigger),
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: selectedText
+						}), /* @__PURE__ */ jsx(ChevronDown, {
+							"aria-hidden": "true",
+							className: "size-4 shrink-0"
+						})]
+					})
+				}),
+				allowClear && selectedPath.length > 0 && /* @__PURE__ */ jsx(Button, {
+					variant: "text",
+					size: "small",
+					disabled,
+					"aria-label": clearLabel,
+					icon: /* @__PURE__ */ jsx(X, {}),
+					onClick: () => commit([]),
+					className: cn("shrink-0", classNames?.clear)
+				}),
+				/* @__PURE__ */ jsx("span", {
+					id: statusId,
+					"data-slot": "cascader-status",
+					className: "sr-only",
+					"aria-live": "polite",
+					children: selectedText
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { Cascader as default };
+
+//# sourceMappingURL=Cascader.mjs.map

package/dist/Cascader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cascader.mjs","names":[],"sources":["../src/components/atoms/cascader.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentPropsWithRef, useId, useState } from 'react';\n\nimport { DirectionProvider } from '@base-ui/react/direction-provider';\nimport { ChevronDown, X } from 'lucide-react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from './button';\nimport Popover from './popover';\nimport Select from './select';\n\nexport interface Option {\n  /** Unique among siblings. Values can repeat under different parents. */\n  value: string;\n  label: string;\n  disabled?: boolean;\n  /** Missing or empty children make this option a selectable leaf. */\n  children?: readonly Option[];\n}\n\nexport interface Props extends Omit<\n  ComponentPropsWithRef<'div'>,\n  'children' | 'value' | 'defaultValue' | 'onChange'\n> {\n  options: readonly Option[];\n  value?: readonly string[];\n  defaultValue?: readonly string[];\n  onChange?: (path: string[]) => void;\n  disabled?: boolean;\n  allowClear?: boolean;\n  placeholder?: string;\n  backLabel?: string;\n  clearLabel?: string;\n  emptyText?: string;\n  getLevelLabel?: (level: number) => string;\n  classNames?: {\n    trigger?: string;\n    popup?: string;\n    breadcrumb?: string;\n    select?: string;\n    clear?: string;\n  };\n}\n\nconst resolvePath = (options: readonly Option[], path: readonly string[]) => {\n  const result: Option[] = [];\n  let siblings = options;\n\n  for (const value of path) {\n    const option = siblings.find(\n      item => item.value === value && !item.disabled,\n    );\n\n    if (!option) {\n      break;\n    }\n\n    result.push(option);\n    siblings = option.children ?? [];\n  }\n\n  return result;\n};\n\nconst Cascader = ({\n  options,\n  value,\n  defaultValue = [],\n  onChange,\n  disabled = false,\n  allowClear = true,\n  placeholder = 'Choose a path',\n  backLabel = 'Back',\n  clearLabel = 'Clear selection',\n  emptyText = 'No options',\n  getLevelLabel = level => `Level ${level}`,\n  className,\n  classNames,\n  dir,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: Props) => {\n  const [internalValue, setInternalValue] =\n    useState<readonly string[]>(defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [browsePath, setBrowsePath] = useState<string[]>([]);\n  const selectedPath = value ?? internalValue;\n  const selectedNodes = resolvePath(options, selectedPath);\n  const lastSelected = selectedNodes.at(-1);\n  const hasSelection =\n    selectedPath.length > 0 &&\n    selectedNodes.length === selectedPath.length &&\n    !lastSelected?.children?.length;\n  const selectedText = hasSelection\n    ? selectedNodes.map(node => node.label).join(' / ')\n    : placeholder;\n  const resolvedBrowse = resolvePath(options, browsePath);\n  const activeNodes =\n    resolvedBrowse.length === browsePath.length &&\n    (browsePath.length === 0 || resolvedBrowse.at(-1)?.children?.length)\n      ? resolvedBrowse\n      : [];\n  const activePath = activeNodes.map(node => node.value);\n  const currentOptions = activeNodes.at(-1)?.children ?? options;\n  const level = activePath.length + 1;\n  const { direction } = useConfig();\n  const resolvedDirection = dir === 'ltr' || dir === 'rtl' ? dir : direction;\n  const statusId = useId();\n\n  const commit = (path: string[]) => {\n    if (disabled) {\n      return;\n    }\n\n    if (value === undefined) {\n      setInternalValue(path);\n    }\n\n    if (\n      path.length !== selectedPath.length ||\n      path.some((part, index) => part !== selectedPath[index])\n    ) {\n      onChange?.(path);\n    }\n\n    setIsOpen(false);\n  };\n\n  const changeOpen = (open: boolean) => {\n    if (open && disabled) {\n      return;\n    }\n\n    if (open) {\n      setBrowsePath(hasSelection ? [...selectedPath.slice(0, -1)] : []);\n    }\n\n    setIsOpen(open);\n  };\n\n  return (\n    <DirectionProvider direction={resolvedDirection}>\n      <div\n        {...props}\n        data-slot=\"cascader\"\n        dir={dir ?? resolvedDirection}\n        className={cn(\n          'flex w-full min-w-0 items-center gap-1',\n          className, //\n        )}\n      >\n        <Popover\n          open={isOpen && !disabled}\n          onOpenChange={changeOpen}\n          placement=\"bottomLeft\"\n          title={ariaLabel ?? placeholder}\n          dir={resolvedDirection}\n          className={cn(\n            'w-72 max-w-[calc(100vw-2rem)] p-3',\n            classNames?.popup, //\n          )}\n          content={\n            <div data-slot=\"cascader-panel\" className=\"min-w-0 space-y-3\">\n              <div\n                data-slot=\"cascader-breadcrumb\"\n                aria-live=\"polite\"\n                className={cn(\n                  'text-muted-foreground text-sm [overflow-wrap:anywhere]',\n                  classNames?.breadcrumb, //\n                )}\n              >\n                {activeNodes.length\n                  ? activeNodes.map(node => node.label).join(' / ')\n                  : getLevelLabel(1)}\n              </div>\n              {activePath.length > 0 && (\n                <Button\n                  variant=\"text\"\n                  size=\"small\"\n                  onClick={() => setBrowsePath(activePath.slice(0, -1))}\n                >\n                  {backLabel}\n                </Button>\n              )}\n              {currentOptions.length ? (\n                <Select\n                  value={null}\n                  dir={resolvedDirection}\n                  aria-label={getLevelLabel(level)}\n                  placeholder={getLevelLabel(level)}\n                  className={cn(\n                    'w-full max-w-full',\n                    classNames?.select, //\n                  )}\n                  options={currentOptions.map(option => ({\n                    label: option.label,\n                    value: option.value,\n                    disabled: option.disabled,\n                  }))}\n                  onChange={next => {\n                    const option = currentOptions.find(\n                      item => item.value === next && !item.disabled,\n                    );\n\n                    if (!option) {\n                      return;\n                    }\n\n                    const path = [...activePath, option.value];\n\n                    if (option.children?.length) {\n                      setBrowsePath(path);\n                    } else {\n                      commit(path);\n                    }\n                  }}\n                />\n              ) : (\n                <p className=\"text-muted-foreground m-0 text-sm\">{emptyText}</p>\n              )}\n            </div>\n          }\n        >\n          <Button\n            disabled={disabled}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            aria-describedby={[ariaDescribedBy, statusId]\n              .filter(Boolean)\n              .join(' ')}\n            className={cn(\n              'min-w-0 flex-1 justify-between',\n              classNames?.trigger, //\n            )}\n          >\n            <span className=\"truncate\">{selectedText}</span>\n            <ChevronDown aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n          </Button>\n        </Popover>\n        {allowClear && selectedPath.length > 0 && (\n          <Button\n            variant=\"text\"\n            size=\"small\"\n            disabled={disabled}\n            aria-label={clearLabel}\n            icon={<X />}\n            onClick={() => commit([])}\n            className={cn(\n              'shrink-0',\n              classNames?.clear, //\n            )}\n          />\n        )}\n        <span\n          id={statusId}\n          data-slot=\"cascader-status\"\n          className=\"sr-only\"\n          aria-live=\"polite\"\n        >\n          {selectedText}\n        </span>\n      </div>\n    </DirectionProvider>\n  );\n};\n\nexport default Cascader;\n"],"mappings":"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"}

package/dist/Checkbox.d.mts

@@ -0,0 +1,10 @@
+import Group from "./components/atoms/checkbox/group.mjs";
+import Checkbox$1, { Props } from "./components/atoms/checkbox/checkbox.mjs";
+//#region src/components/atoms/checkbox/index.d.ts
+type CheckboxComponent = typeof Checkbox$1 & {
+  Group: typeof Group;
+};
+declare const Checkbox: CheckboxComponent;
+//#endregion
+export { type Props, Checkbox as default };
+//# sourceMappingURL=Checkbox.d.mts.map

package/dist/Checkbox.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.mts","names":["CheckboxImpl"],"sources":["../src/components/atoms/checkbox/index.ts"],"mappings":";;;KAGK,2BAA2BA;EAAiB,cAAc;;cAEzD,UAA2B"}

package/dist/Checkbox.mjs

@@ -0,0 +1,9 @@
+import Checkbox$1 from "./components/atoms/checkbox/checkbox.mjs";
+import Group from "./components/atoms/checkbox/group.mjs";
+//#region src/components/atoms/checkbox/index.ts
+const Checkbox = Checkbox$1;
+Checkbox.Group = Group;
+//#endregion
+export { Checkbox as default };
+
+//# sourceMappingURL=Checkbox.mjs.map

package/dist/Checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","names":["CheckboxImpl"],"sources":["../src/components/atoms/checkbox/index.ts"],"sourcesContent":["import CheckboxImpl, { type Props } from './checkbox';\nimport Group from './group';\n\ntype CheckboxComponent = typeof CheckboxImpl & { Group: typeof Group };\n\nconst Checkbox = CheckboxImpl as CheckboxComponent;\n\nCheckbox.Group = Group;\n\nexport default Checkbox;\nexport type { Props };\n"],"mappings":";;;AAKA,MAAM,WAAWA;AAEjB,SAAS,QAAQ"}

package/dist/CodeEditor.d.mts

@@ -1,6 +1,6 @@
 import CodeMirror, { Extension } from "@uiw/react-codemirror";
 //#region src/components/atoms/code-editor.d.ts
-interface Props extends Omit<React.ComponentProps<typeof CodeMirror>, 'value' | 'extensions' | 'onChange' | 'ref' | 'theme'> {
+export interface Props extends Omit<React.ComponentProps<typeof CodeMirror>, 'value' | 'extensions' | 'onChange' | 'ref' | 'theme'> {
   value: string;
   /** Passed through to CodeMirror; `'100%'` fills the wrapper. */
   height?: string;
@@ -15,7 +15,13 @@ interface Props extends Omit<React.ComponentProps<typeof CodeMirror>, 'value' |
    * still means what it does upstream: no theme extension, style it yourself.
    */
   theme?: 'light' | 'dark' | 'auto' | 'none' | Extension;
-  /** Appended after the built-in JS/TS + line-wrapping extensions. */
+  /**
+   * The language extension. Omitted, it is the built-in JS/TS/JSX mode; an
+   * `Extension` replaces it (e.g. `json()` from `@codemirror/lang-json`, which
+   * the caller installs), and `null` leaves the document as plain text.
+   */
+  language?: Extension | null;
+  /** Appended after the language and line-wrapping extensions. */
   extensions?: Extension[];
   /**
    * Renders a read-through unified diff against `original` instead of a plain
@@ -45,7 +51,7 @@ interface Props extends Omit<React.ComponentProps<typeof CodeMirror>, 'value' |
    */
   onFormatError?: (error: string | null) => void;
 }
-declare const CodeEditor: ({ value, theme, height, className, extensions: extraExtensions, diff, formatCode, onChange, onSave, onFormatError, ...props }: Props) => import("react").JSX.Element;
+declare const CodeEditor: ({ value, theme, height, className, language, extensions: extraExtensions, diff, formatCode, onChange, onSave, onFormatError, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, CodeEditor as default };
+export { CodeEditor as default };
 //# sourceMappingURL=CodeEditor.d.mts.map

package/dist/CodeEditor.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.mts","names":[],"sources":["../src/components/atoms/code-editor.tsx"],"mappings":";;UA2BiB,cAAc,KAC7B,MAAM,sBAAsB;EAG5B;;EAEA;;;;;;;;;;;EAWA,6CAA6C;;EAE7C,aAAa;;;;;;EAMb;IACE;IACA;;;;;;;;EAQF,cAAc,iBAAiB;EAC/B;EACA,YAAY;;EAEZ,UAAU;;;;;;;EAOV,iBAAiB;;cAGb,eAAc,OAAA,OAAA,QAAA,WAAA,YAAA,iBAAA,MAAA,YAAA,UAAA,QAAA,kBAAA,SAYjB,0BAAK,IAAA"}
+{"version":3,"file":"CodeEditor.d.mts","names":[],"sources":["../src/components/atoms/code-editor.tsx"],"mappings":";;iBA2BiB,cAAc,KAC7B,MAAM,sBAAsB;EAG5B;;EAEA;;;;;;;;;;;EAWA,6CAA6C;;;;;;EAM7C,WAAW;;EAEX,aAAa;;;;;;EAMb;IACE;IACA;;;;;;;;EAQF,cAAc,iBAAiB;EAC/B;EACA,YAAY;;EAEZ,UAAU;;;;;;;EAOV,iBAAiB;;cAGb,eAAc,OAAA,OAAA,QAAA,WAAA,UAAA,YAAA,iBAAA,MAAA,YAAA,UAAA,QAAA,kBAAA,SAajB,0BAAK,IAAA"}

package/dist/CodeEditor.mjs

@@ -9,7 +9,7 @@ import { vscodeDark, vscodeLight } from "@uiw/codemirror-theme-vscode";
 import CodeMirror from "@uiw/react-codemirror";
 import { EditorView } from "codemirror";
 //#region src/components/atoms/code-editor.tsx
-const CodeEditor = ({ value, theme = "auto", height, className, extensions: extraExtensions, diff, formatCode, onChange, onSave, onFormatError, ...props }) => {
+const CodeEditor = ({ value, theme = "auto", height, className, language, extensions: extraExtensions, diff, formatCode, onChange, onSave, onFormatError, ...props }) => {
 	const editorRef = useRef(null);
 	const isDarkActive = useIsDarkActive();
 	const resolvedTheme = useMemo(() => {
@@ -19,16 +19,21 @@ const CodeEditor = ({ value, theme = "auto", height, className, extensions: extr
 		return theme;
 	}, [theme, isDarkActive]);
 	const extensions = useMemo(() => {
-		const base = [javascript({
+		const languageExtension = language === void 0 ? javascript({
 			jsx: true,
 			typescript: true
-		}), EditorView.lineWrapping];
+		}) : language;
+		const base = languageExtension ? [languageExtension, EditorView.lineWrapping] : [EditorView.lineWrapping];
 		if (diff) base.push(unifiedMergeView({
 			original: diff.original,
 			mergeControls: diff.mergeControls ?? false
 		}));
 		return [...base, ...extraExtensions ?? []];
-	}, [diff, extraExtensions]);
+	}, [
+		language,
+		diff,
+		extraExtensions
+	]);
 	const save = useCallback(async (val) => {
 		const view = editorRef.current?.view;
 		if (!view) return;

package/dist/CodeEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.mjs","names":[],"sources":["../src/components/atoms/code-editor.tsx"],"sourcesContent":["'use client';\n\n// Subpath-only component (`@jbpark/ui-kit/CodeEditor`). Deliberately NOT\n// re-exported from `atoms/index.ts` — CodeMirror is an *optional* peer\n// dependency, and an ESM re-export from the root barrel is eager, so\n// `import { Button } from '@jbpark/ui-kit'` would fail to resolve for every\n// consumer that never asked for an editor. Keeping it behind its own subpath\n// is what makes the peer set genuinely opt-in (#346).\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { unifiedMergeView } from '@codemirror/merge';\nimport { vscodeDark, vscodeLight } from '@uiw/codemirror-theme-vscode';\nimport CodeMirror, {\n  type Extension,\n  type ReactCodeMirrorRef,\n} from '@uiw/react-codemirror';\nimport { EditorView } from 'codemirror';\n\nimport { cn } from '@repo/ui/utils';\n\n// Relative rather than `@repo/ui/providers`, because this hook is deliberately\n// absent from that barrel — it is a published subpath, and the hook is internal.\n// Both specifiers resolve to the same files, so there is still one Config\n// context.\nimport { useIsDarkActive } from '../../providers/config';\n\nexport interface Props extends Omit<\n  React.ComponentProps<typeof CodeMirror>,\n  'value' | 'extensions' | 'onChange' | 'ref' | 'theme'\n> {\n  value: string;\n  /** Passed through to CodeMirror; `'100%'` fills the wrapper. */\n  height?: string;\n  /**\n   * `'light'`/`'dark'` pick the VSCode theme pair, `'auto'` (the default)\n   * follows the nearest `Config`'s `theme.dark`, and an `Extension` is any\n   * CodeMirror theme of your own.\n   *\n   * This narrows CodeMirror's own meaning for two of the strings — upstream,\n   * `'light'`/`'dark'` are *its* built-in themes — so that the two named\n   * options match what the component actually renders by default. `'none'`\n   * still means what it does upstream: no theme extension, style it yourself.\n   */\n  theme?: 'light' | 'dark' | 'auto' | 'none' | Extension;\n  /** Appended after the built-in JS/TS + line-wrapping extensions. */\n  extensions?: Extension[];\n  /**\n   * Renders a read-through unified diff against `original` instead of a plain\n   * document. `mergeControls` defaults to `false` (display-only review, no\n   * accept/reject gutters).\n   */\n  diff?: {\n    original: string;\n    mergeControls?: boolean;\n  };\n  /**\n   * Formatter run on the Cmd/Ctrl+S value before it is written back. Omitted,\n   * the shortcut still fires `onSave` — it just doesn't reformat. Kept as an\n   * injected function so this package carries no formatter dependency of its\n   * own (prettier is ~9.6 MB); pass the one your app already owns.\n   */\n  formatCode?: (code: string) => Promise<string>;\n  className?: string;\n  onChange?: (value: string) => void;\n  /** Fires on Cmd/Ctrl+S with the value that was written back. */\n  onSave?: (value: string) => void;\n  /**\n   * `null` on a clean save; a string carries the message a failed `formatCode`\n   * threw. Named `onFormatError` rather than `onError` because the base props\n   * already carry the DOM `onError` handler, and silently shadowing it would\n   * be worse than the extra word.\n   */\n  onFormatError?: (error: string | null) => void;\n}\n\nconst CodeEditor = ({\n  value,\n  theme = 'auto',\n  height,\n  className,\n  extensions: extraExtensions,\n  diff,\n  formatCode,\n  onChange,\n  onSave,\n  onFormatError,\n  ...props\n}: Props) => {\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n  const isDarkActive = useIsDarkActive();\n\n  const resolvedTheme = useMemo(() => {\n    if (theme === 'auto') {\n      return isDarkActive ? vscodeDark : vscodeLight;\n    }\n    if (theme === 'light') {\n      return vscodeLight;\n    }\n    if (theme === 'dark') {\n      return vscodeDark;\n    }\n\n    // `'none'` and a caller-supplied Extension both mean what they mean\n    // upstream, so hand them straight to CodeMirror.\n    return theme;\n  }, [theme, isDarkActive]);\n\n  const extensions = useMemo(() => {\n    const base: Extension[] = [\n      javascript({ jsx: true, typescript: true }),\n      EditorView.lineWrapping,\n    ];\n\n    if (diff) {\n      base.push(\n        unifiedMergeView({\n          original: diff.original,\n          mergeControls: diff.mergeControls ?? false,\n        }),\n      );\n    }\n\n    return [...base, ...(extraExtensions ?? [])];\n  }, [diff, extraExtensions]);\n\n  const save = useCallback(\n    async (val: string) => {\n      const view = editorRef.current?.view;\n      if (!view) {\n        return;\n      }\n\n      try {\n        const currentLength = view.state.doc.length;\n        const cursorPos = view.state.selection.main.head;\n        const next = formatCode ? await formatCode(val) : val;\n\n        // Formatting is async, so the document may have moved on while it ran\n        // — writing back then would clobber keystrokes typed in the meantime.\n        if (currentLength !== view.state.doc.length) {\n          onFormatError?.(null);\n          return;\n        }\n\n        // Skip the transaction when the text is unchanged (the common case\n        // without a `formatCode`): replacing the doc with itself would push a\n        // pointless undo entry. The callbacks still fire, so a save handler\n        // sees every Cmd+S.\n        if (next !== val) {\n          view.dispatch(\n            view.state.update({\n              changes: { from: 0, to: currentLength, insert: next },\n              selection: { anchor: Math.min(cursorPos, next.length) },\n            }),\n          );\n        }\n\n        onChange?.(next);\n        onSave?.(next);\n        onFormatError?.(null);\n      } catch (e) {\n        onFormatError?.(e instanceof Error ? e.message : String(e));\n      }\n    },\n    [formatCode, onChange, onSave, onFormatError],\n  );\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 's') {\n        e.preventDefault();\n        save(editorRef.current?.view?.state.doc.toString() ?? value);\n      }\n    },\n    [save, value],\n  );\n\n  return (\n    <div\n      data-slot=\"code-editor\"\n      className={cn(\n        className,\n        // ...\n      )}\n      onKeyDown={onKeyDown}\n    >\n      <CodeMirror\n        ref={editorRef}\n        theme={resolvedTheme}\n        height={height || '100%'}\n        value={value}\n        extensions={extensions}\n        onChange={onChange}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default CodeEditor;\n"],"mappings":";;;;;;;;;;;AA4EA,MAAM,cAAc,EAClB,OACA,QAAQ,QACR,QACA,WACA,YAAY,iBACZ,MACA,YACA,UACA,QACA,eACA,GAAG,YACQ;CACX,MAAM,YAAY,OAA2B,IAAI;CACjD,MAAM,eAAe,gBAAgB;CAErC,MAAM,gBAAgB,cAAc;EAClC,IAAI,UAAU,QACZ,OAAO,eAAe,aAAa;EAErC,IAAI,UAAU,SACZ,OAAO;EAET,IAAI,UAAU,QACZ,OAAO;EAKT,OAAO;CACT,GAAG,CAAC,OAAO,YAAY,CAAC;CAExB,MAAM,aAAa,cAAc;EAC/B,MAAM,OAAoB,CACxB,WAAW;GAAE,KAAK;GAAM,YAAY;EAAK,CAAC,GAC1C,WAAW,YACb;EAEA,IAAI,MACF,KAAK,KACH,iBAAiB;GACf,UAAU,KAAK;GACf,eAAe,KAAK,iBAAiB;EACvC,CAAC,CACH;EAGF,OAAO,CAAC,GAAG,MAAM,GAAI,mBAAmB,CAAC,CAAE;CAC7C,GAAG,CAAC,MAAM,eAAe,CAAC;CAE1B,MAAM,OAAO,YACX,OAAO,QAAgB;EACrB,MAAM,OAAO,UAAU,SAAS;EAChC,IAAI,CAAC,MACH;EAGF,IAAI;GACF,MAAM,gBAAgB,KAAK,MAAM,IAAI;GACrC,MAAM,YAAY,KAAK,MAAM,UAAU,KAAK;GAC5C,MAAM,OAAO,aAAa,MAAM,WAAW,GAAG,IAAI;GAIlD,IAAI,kBAAkB,KAAK,MAAM,IAAI,QAAQ;IAC3C,gBAAgB,IAAI;IACpB;GACF;GAMA,IAAI,SAAS,KACX,KAAK,SACH,KAAK,MAAM,OAAO;IAChB,SAAS;KAAE,MAAM;KAAG,IAAI;KAAe,QAAQ;IAAK;IACpD,WAAW,EAAE,QAAQ,KAAK,IAAI,WAAW,KAAK,MAAM,EAAE;GACxD,CAAC,CACH;GAGF,WAAW,IAAI;GACf,SAAS,IAAI;GACb,gBAAgB,IAAI;EACtB,SAAS,GAAG;GACV,gBAAgB,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC,CAAC;EAC5D;CACF,GACA;EAAC;EAAY;EAAU;EAAQ;CAAa,CAC9C;CAEA,MAAM,YAAY,aACf,MAA2C;EAC1C,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,KAAK;GAC7C,EAAE,eAAe;GACjB,KAAK,UAAU,SAAS,MAAM,MAAM,IAAI,SAAS,KAAK,KAAK;EAC7D;CACF,GACA,CAAC,MAAM,KAAK,CACd;CAEA,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,SAEF;EACW;EAEX,UAAA,oBAAC,YAAD;GACE,KAAK;GACL,OAAO;GACP,QAAQ,UAAU;GACX;GACK;GACF;GACV,GAAI;EACL,CAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"CodeEditor.mjs","names":[],"sources":["../src/components/atoms/code-editor.tsx"],"sourcesContent":["'use client';\n\n// Subpath-only component (`@jbpark/ui-kit/CodeEditor`). Deliberately NOT\n// re-exported from `atoms/index.ts` — CodeMirror is an *optional* peer\n// dependency, and an ESM re-export from the root barrel is eager, so\n// `import { Button } from '@jbpark/ui-kit'` would fail to resolve for every\n// consumer that never asked for an editor. Keeping it behind its own subpath\n// is what makes the peer set genuinely opt-in (#346).\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { unifiedMergeView } from '@codemirror/merge';\nimport { vscodeDark, vscodeLight } from '@uiw/codemirror-theme-vscode';\nimport CodeMirror, {\n  type Extension,\n  type ReactCodeMirrorRef,\n} from '@uiw/react-codemirror';\nimport { EditorView } from 'codemirror';\n\nimport { cn } from '@repo/ui/utils';\n\n// Relative rather than `@repo/ui/providers`, because this hook is deliberately\n// absent from that barrel — it is a published subpath, and the hook is internal.\n// Both specifiers resolve to the same files, so there is still one Config\n// context.\nimport { useIsDarkActive } from '../../providers/config';\n\nexport interface Props extends Omit<\n  React.ComponentProps<typeof CodeMirror>,\n  'value' | 'extensions' | 'onChange' | 'ref' | 'theme'\n> {\n  value: string;\n  /** Passed through to CodeMirror; `'100%'` fills the wrapper. */\n  height?: string;\n  /**\n   * `'light'`/`'dark'` pick the VSCode theme pair, `'auto'` (the default)\n   * follows the nearest `Config`'s `theme.dark`, and an `Extension` is any\n   * CodeMirror theme of your own.\n   *\n   * This narrows CodeMirror's own meaning for two of the strings — upstream,\n   * `'light'`/`'dark'` are *its* built-in themes — so that the two named\n   * options match what the component actually renders by default. `'none'`\n   * still means what it does upstream: no theme extension, style it yourself.\n   */\n  theme?: 'light' | 'dark' | 'auto' | 'none' | Extension;\n  /**\n   * The language extension. Omitted, it is the built-in JS/TS/JSX mode; an\n   * `Extension` replaces it (e.g. `json()` from `@codemirror/lang-json`, which\n   * the caller installs), and `null` leaves the document as plain text.\n   */\n  language?: Extension | null;\n  /** Appended after the language and line-wrapping extensions. */\n  extensions?: Extension[];\n  /**\n   * Renders a read-through unified diff against `original` instead of a plain\n   * document. `mergeControls` defaults to `false` (display-only review, no\n   * accept/reject gutters).\n   */\n  diff?: {\n    original: string;\n    mergeControls?: boolean;\n  };\n  /**\n   * Formatter run on the Cmd/Ctrl+S value before it is written back. Omitted,\n   * the shortcut still fires `onSave` — it just doesn't reformat. Kept as an\n   * injected function so this package carries no formatter dependency of its\n   * own (prettier is ~9.6 MB); pass the one your app already owns.\n   */\n  formatCode?: (code: string) => Promise<string>;\n  className?: string;\n  onChange?: (value: string) => void;\n  /** Fires on Cmd/Ctrl+S with the value that was written back. */\n  onSave?: (value: string) => void;\n  /**\n   * `null` on a clean save; a string carries the message a failed `formatCode`\n   * threw. Named `onFormatError` rather than `onError` because the base props\n   * already carry the DOM `onError` handler, and silently shadowing it would\n   * be worse than the extra word.\n   */\n  onFormatError?: (error: string | null) => void;\n}\n\nconst CodeEditor = ({\n  value,\n  theme = 'auto',\n  height,\n  className,\n  language,\n  extensions: extraExtensions,\n  diff,\n  formatCode,\n  onChange,\n  onSave,\n  onFormatError,\n  ...props\n}: Props) => {\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n  const isDarkActive = useIsDarkActive();\n\n  const resolvedTheme = useMemo(() => {\n    if (theme === 'auto') {\n      return isDarkActive ? vscodeDark : vscodeLight;\n    }\n    if (theme === 'light') {\n      return vscodeLight;\n    }\n    if (theme === 'dark') {\n      return vscodeDark;\n    }\n\n    // `'none'` and a caller-supplied Extension both mean what they mean\n    // upstream, so hand them straight to CodeMirror.\n    return theme;\n  }, [theme, isDarkActive]);\n\n  const extensions = useMemo(() => {\n    const languageExtension =\n      language === undefined\n        ? javascript({ jsx: true, typescript: true })\n        : language;\n    const base: Extension[] = languageExtension\n      ? [languageExtension, EditorView.lineWrapping]\n      : [EditorView.lineWrapping];\n\n    if (diff) {\n      base.push(\n        unifiedMergeView({\n          original: diff.original,\n          mergeControls: diff.mergeControls ?? false,\n        }),\n      );\n    }\n\n    return [...base, ...(extraExtensions ?? [])];\n  }, [language, diff, extraExtensions]);\n\n  const save = useCallback(\n    async (val: string) => {\n      const view = editorRef.current?.view;\n      if (!view) {\n        return;\n      }\n\n      try {\n        const currentLength = view.state.doc.length;\n        const cursorPos = view.state.selection.main.head;\n        const next = formatCode ? await formatCode(val) : val;\n\n        // Formatting is async, so the document may have moved on while it ran\n        // — writing back then would clobber keystrokes typed in the meantime.\n        if (currentLength !== view.state.doc.length) {\n          onFormatError?.(null);\n          return;\n        }\n\n        // Skip the transaction when the text is unchanged (the common case\n        // without a `formatCode`): replacing the doc with itself would push a\n        // pointless undo entry. The callbacks still fire, so a save handler\n        // sees every Cmd+S.\n        if (next !== val) {\n          view.dispatch(\n            view.state.update({\n              changes: { from: 0, to: currentLength, insert: next },\n              selection: { anchor: Math.min(cursorPos, next.length) },\n            }),\n          );\n        }\n\n        onChange?.(next);\n        onSave?.(next);\n        onFormatError?.(null);\n      } catch (e) {\n        onFormatError?.(e instanceof Error ? e.message : String(e));\n      }\n    },\n    [formatCode, onChange, onSave, onFormatError],\n  );\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 's') {\n        e.preventDefault();\n        save(editorRef.current?.view?.state.doc.toString() ?? value);\n      }\n    },\n    [save, value],\n  );\n\n  return (\n    <div\n      data-slot=\"code-editor\"\n      className={cn(\n        className,\n        // ...\n      )}\n      onKeyDown={onKeyDown}\n    >\n      <CodeMirror\n        ref={editorRef}\n        theme={resolvedTheme}\n        height={height || '100%'}\n        value={value}\n        extensions={extensions}\n        onChange={onChange}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default CodeEditor;\n"],"mappings":";;;;;;;;;;;AAkFA,MAAM,cAAc,EAClB,OACA,QAAQ,QACR,QACA,WACA,UACA,YAAY,iBACZ,MACA,YACA,UACA,QACA,eACA,GAAG,YACQ;CACX,MAAM,YAAY,OAA2B,IAAI;CACjD,MAAM,eAAe,gBAAgB;CAErC,MAAM,gBAAgB,cAAc;EAClC,IAAI,UAAU,QACZ,OAAO,eAAe,aAAa;EAErC,IAAI,UAAU,SACZ,OAAO;EAET,IAAI,UAAU,QACZ,OAAO;EAKT,OAAO;CACT,GAAG,CAAC,OAAO,YAAY,CAAC;CAExB,MAAM,aAAa,cAAc;EAC/B,MAAM,oBACJ,aAAa,KAAA,IACT,WAAW;GAAE,KAAK;GAAM,YAAY;EAAK,CAAC,IAC1C;EACN,MAAM,OAAoB,oBACtB,CAAC,mBAAmB,WAAW,YAAY,IAC3C,CAAC,WAAW,YAAY;EAE5B,IAAI,MACF,KAAK,KACH,iBAAiB;GACf,UAAU,KAAK;GACf,eAAe,KAAK,iBAAiB;EACvC,CAAC,CACH;EAGF,OAAO,CAAC,GAAG,MAAM,GAAI,mBAAmB,CAAC,CAAE;CAC7C,GAAG;EAAC;EAAU;EAAM;CAAe,CAAC;CAEpC,MAAM,OAAO,YACX,OAAO,QAAgB;EACrB,MAAM,OAAO,UAAU,SAAS;EAChC,IAAI,CAAC,MACH;EAGF,IAAI;GACF,MAAM,gBAAgB,KAAK,MAAM,IAAI;GACrC,MAAM,YAAY,KAAK,MAAM,UAAU,KAAK;GAC5C,MAAM,OAAO,aAAa,MAAM,WAAW,GAAG,IAAI;GAIlD,IAAI,kBAAkB,KAAK,MAAM,IAAI,QAAQ;IAC3C,gBAAgB,IAAI;IACpB;GACF;GAMA,IAAI,SAAS,KACX,KAAK,SACH,KAAK,MAAM,OAAO;IAChB,SAAS;KAAE,MAAM;KAAG,IAAI;KAAe,QAAQ;IAAK;IACpD,WAAW,EAAE,QAAQ,KAAK,IAAI,WAAW,KAAK,MAAM,EAAE;GACxD,CAAC,CACH;GAGF,WAAW,IAAI;GACf,SAAS,IAAI;GACb,gBAAgB,IAAI;EACtB,SAAS,GAAG;GACV,gBAAgB,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC,CAAC;EAC5D;CACF,GACA;EAAC;EAAY;EAAU;EAAQ;CAAa,CAC9C;CAEA,MAAM,YAAY,aACf,MAA2C;EAC1C,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,KAAK;GAC7C,EAAE,eAAe;GACjB,KAAK,UAAU,SAAS,MAAM,MAAM,IAAI,SAAS,KAAK,KAAK;EAC7D;CACF,GACA,CAAC,MAAM,KAAK,CACd;CAEA,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,SAEF;EACW;EAEX,UAAA,oBAAC,YAAD;GACE,KAAK;GACL,OAAO;GACP,QAAQ,UAAU;GACX;GACK;GACF;GACV,GAAI;EACL,CAAA;CACE,CAAA;AAET"}

package/dist/{components/molecules/collapse.d.mts → Collapse.d.mts}

@@ -6,7 +6,7 @@ interface Item<Key extends React.Key = string> {
   disabled?: boolean;
   children: React.ReactNode;
 }
-interface Props<Key extends React.Key = string> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue' | 'value' | 'dir'> {
+export interface Props<Key extends React.Key = string> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue' | 'value' | 'dir'> {
   items?: Item<Key>[];
   accordion?: boolean;
   expandIcon?: React.ReactNode;
@@ -21,5 +21,5 @@ interface Props<Key extends React.Key = string> extends Omit<React.ComponentProp
 }
 declare const Collapse: <Key extends React.Key = string>({ expandIcon, accordion, items, className, classNames, defaultActiveKey, activeKey: _activeKey, onChange: _onChange, ...props }: Props<Key>) => React.JSX.Element;
 //#endregion
-export { Props, Collapse as default };
-//# sourceMappingURL=collapse.d.mts.map
+export { Collapse as default };
+//# sourceMappingURL=Collapse.d.mts.map

package/dist/Collapse.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.d.mts","names":[],"sources":["../src/components/molecules/collapse.tsx"],"mappings":";;UAWU,KAAK,YAAY,MAAM;EAC/B,KAAK;EACL,OAAO,MAAM;EACb;EACA,UAAU,MAAM;;iBAGD,MAAM,YAAY,MAAM,sBAAsB,KAC7D,MAAM;EAGN,QAAQ,KAAK;EACb;EACA,aAAa,MAAM;EACnB;IACE;IACA;IACA;;EAEF,mBAAmB;EACnB,YAAY;EACZ,YAAY,MAAM;;cAGd,WAAY,YAAY,MAAM,gBAAc,YAAA,WAAA,OAAA,WAAA,YAAA,kBAAA,WAAA,YAAA,UAAA,cAAA,SAU/C,MAAM,SAAI,MAAA,IAAA"}

package/dist/{components/molecules/collapse.mjs → Collapse.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { cn } from "../../utils.mjs";
-import { accordion_exports } from "../../core/accordion.mjs";
+import { cn } from "./utils.mjs";
+import { accordion_exports } from "./core/accordion.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/molecules/collapse.tsx
@@ -45,4 +45,4 @@ const Collapse = ({ expandIcon, accordion = false, items = [], className, classN
 //#endregion
 export { Collapse as default };
 
-//# sourceMappingURL=collapse.mjs.map
+//# sourceMappingURL=Collapse.mjs.map

package/dist/Collapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.mjs","names":["accordion"],"sources":["../src/components/molecules/collapse.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { accordion } from '../../core';\n\nconst { Accordion, AccordionItem, AccordionTrigger, AccordionContent } =\n  accordion;\n\ninterface Item<Key extends React.Key = string> {\n  key: Key;\n  label: React.ReactNode;\n  disabled?: boolean;\n  children: React.ReactNode;\n}\n\nexport interface Props<Key extends React.Key = string> extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange' | 'defaultValue' | 'value' | 'dir'\n> {\n  items?: Item<Key>[];\n  accordion?: boolean;\n  expandIcon?: React.ReactNode;\n  classNames?: {\n    item?: string;\n    header?: string;\n    body?: string;\n  };\n  defaultActiveKey?: Key[];\n  activeKey?: Key[];\n  onChange?: (keys: Key[]) => void;\n}\n\nconst Collapse = <Key extends React.Key = string>({\n  expandIcon,\n  accordion = false,\n  items = [],\n  className,\n  classNames,\n  defaultActiveKey,\n  activeKey: _activeKey,\n  onChange: _onChange,\n  ...props\n}: Props<Key>) => {\n  const controlled = _activeKey !== undefined;\n  const keysByValue = new Map<string, Key>(\n    [\n      ...(defaultActiveKey ?? []),\n      ...(_activeKey ?? []),\n      ...items.map(item => item.key),\n    ].map(key => [String(key), key]),\n  );\n\n  // Base UI's accordion has no `type` and always models the open set as an\n  // array; `multiple` (default false) is the only single-vs-multiple switch.\n  // `accordion` here means \"one panel open at a time\", so `multiple = !accordion`.\n  const accordionProps = {\n    multiple: !accordion,\n    onValueChange: (values: string[]) => {\n      _onChange?.(\n        values.flatMap(value => {\n          const key = keysByValue.get(value);\n\n          return key === undefined ? [] : [key];\n        }),\n      );\n    },\n    ...(controlled\n      ? { value: (_activeKey ?? []).map(key => String(key)) }\n      : { defaultValue: (defaultActiveKey ?? []).map(key => String(key)) }),\n  };\n\n  return (\n    <Accordion {...props} className={className} {...accordionProps}>\n      {items.map(({ key, label, children, disabled }) => (\n        <AccordionItem\n          key={key}\n          value={String(key)}\n          className={cn(\n            'border-none',\n            classNames?.item,\n            //\n          )}\n          disabled={disabled}\n        >\n          <AccordionTrigger\n            className={cn(\n              'hover:no-underline',\n              classNames?.header,\n              disabled && 'cursor-no-drop opacity-50',\n              //\n            )}\n            expandIcon={expandIcon}\n            disabled={disabled}\n          >\n            {label}\n          </AccordionTrigger>\n          <AccordionContent\n            className={cn(\n              classNames?.body,\n              //\n            )}\n          >\n            {children}\n          </AccordionContent>\n        </AccordionItem>\n      ))}\n    </Accordion>\n  );\n};\n\nexport default Collapse;\n"],"mappings":";;;;;;AAQA,MAAM,EAAE,WAAW,eAAe,kBAAkB,qBAClDA;AA0BF,MAAM,YAA4C,EAChD,YACA,YAAY,OACZ,QAAQ,CAAC,GACT,WACA,YACA,kBACA,WAAW,YACX,UAAU,WACV,GAAG,YACa;CAChB,MAAM,aAAa,eAAe,KAAA;CAClC,MAAM,cAAc,IAAI,IACtB;EACE,GAAI,oBAAoB,CAAC;EACzB,GAAI,cAAc,CAAC;EACnB,GAAG,MAAM,KAAI,SAAQ,KAAK,GAAG;CAC/B,CAAC,CAAC,KAAI,QAAO,CAAC,OAAO,GAAG,GAAG,GAAG,CAAC,CACjC;CAKA,MAAM,iBAAiB;EACrB,UAAU,CAAC;EACX,gBAAgB,WAAqB;GACnC,YACE,OAAO,SAAQ,UAAS;IACtB,MAAM,MAAM,YAAY,IAAI,KAAK;IAEjC,OAAO,QAAQ,KAAA,IAAY,CAAC,IAAI,CAAC,GAAG;GACtC,CAAC,CACH;EACF;EACA,GAAI,aACA,EAAE,QAAQ,cAAc,CAAC,EAAA,CAAG,KAAI,QAAO,OAAO,GAAG,CAAC,EAAE,IACpD,EAAE,eAAe,oBAAoB,CAAC,EAAA,CAAG,KAAI,QAAO,OAAO,GAAG,CAAC,EAAE;CACvE;CAEA,OACE,oBAAC,WAAD;EAAW,GAAI;EAAkB;EAAW,GAAI;EAC7C,UAAA,MAAM,KAAK,EAAE,KAAK,OAAO,UAAU,eAClC,qBAAC,eAAD;GAEE,OAAO,OAAO,GAAG;GACjB,WAAW,GACT,eACA,YAAY,IAEd;GACU;GARZ,UAAA,CAUE,oBAAC,kBAAD;IACE,WAAW,GACT,sBACA,YAAY,QACZ,YAAY,2BAEd;IACY;IACF;IAET,UAAA;GACe,CAAA,GAClB,oBAAC,kBAAD;IACE,WAAW,GACT,YAAY,IAEd;IAEC;GACe,CAAA,CACL;EA7BR,GAAA,GA6BQ,CAChB;CACQ,CAAA;AAEf"}

package/dist/{components/atoms/color-picker.d.mts → ColorPicker.d.mts}

@@ -1,5 +1,5 @@
 //#region src/components/atoms/color-picker.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue' | 'value' | 'onClick' | 'onKeyDown' | 'open'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue' | 'value' | 'onClick' | 'onKeyDown' | 'open'> {
   defaultValue?: string;
   value?: string;
   showText?: boolean;
@@ -11,5 +11,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' |
 }
 declare const ColorPicker: ({ defaultValue, value: _value, showText, disabled, className, onChange: _onChange, open: _open, defaultOpen, onOpenChange, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, ColorPicker as default };
-//# sourceMappingURL=color-picker.d.mts.map
+export { ColorPicker as default };
+//# sourceMappingURL=ColorPicker.d.mts.map

package/dist/ColorPicker.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.mts","names":[],"sources":["../src/components/atoms/color-picker.tsx"],"mappings":";iBAUiB,cAAc,KAC7B,MAAM;EAGN;EACA;EACA;EACA;EACA,YAAY;EACZ;EACA;EACA,gBAAgB;;cAGZ,gBAAe,cAAA,OAAA,QAAA,UAAA,UAAA,WAAA,UAAA,WAAA,MAAA,OAAA,aAAA,iBAAA,SAWlB,0BAAK,IAAA"}

package/dist/{components/atoms/color-picker.mjs → ColorPicker.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { cn } from "../../utils.mjs";
-import Popover from "./popover.mjs";
+import { cn } from "./utils.mjs";
+import Popover from "./Popover.mjs";
 import { useControllableState } from "@jbpark/use-hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { HexColorPicker } from "react-colorful";
@@ -57,4 +57,4 @@ const ColorPicker = ({ defaultValue, value: _value, showText, disabled, classNam
 //#endregion
 export { ColorPicker as default };
 
-//# sourceMappingURL=color-picker.mjs.map
+//# sourceMappingURL=ColorPicker.mjs.map

package/dist/ColorPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.mjs","names":[],"sources":["../src/components/atoms/color-picker.tsx"],"sourcesContent":["'use client';\n\nimport { HexColorPicker } from 'react-colorful';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Popover from './popover';\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange' | 'defaultValue' | 'value' | 'onClick' | 'onKeyDown' | 'open'\n> {\n  defaultValue?: string;\n  value?: string;\n  showText?: boolean;\n  disabled?: boolean;\n  onChange?: (color: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst ColorPicker = ({\n  defaultValue,\n  value: _value,\n  showText,\n  disabled,\n  className,\n  onChange: _onChange = () => {},\n  open: _open,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: Props) => {\n  const [value, setValue] = useControllableState<string>({\n    value: _value,\n    defaultValue: defaultValue ?? '#fff',\n    onChange: _onChange,\n  });\n  const [open, setOpen] = useControllableState<boolean>({\n    value: _open,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n\n  const onChange = (color: string) => {\n    if (disabled) {\n      return;\n    }\n    setValue(color);\n  };\n\n  return (\n    <Popover\n      placement=\"bottomLeft\"\n      open={open}\n      onOpenChange={setOpen}\n      content={<HexColorPicker color={value} onChange={onChange} />}\n    >\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled}\n        className={cn(\n          'inline-flex items-center',\n          'rounded border p-0.5',\n          disabled && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        {...props}\n        onClick={e => {\n          if (disabled) {\n            e.preventDefault();\n          }\n        }}\n        onKeyDown={e => {\n          if (disabled) {\n            return;\n          }\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.currentTarget.click();\n          }\n        }}\n      >\n        <div\n          className={cn(\n            'size-6 rounded border',\n            'shadow-sm',\n            disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n          )}\n          style={{ backgroundColor: value }}\n        />\n        {showText && (\n          <span className=\"px-1 font-mono text-sm font-medium\">\n            {value.toUpperCase()}\n          </span>\n        )}\n      </div>\n    </Popover>\n  );\n};\n\nexport default ColorPicker;\n"],"mappings":";;;;;;;AAwBA,MAAM,eAAe,EACnB,cACA,OAAO,QACP,UACA,UACA,WACA,UAAU,kBAAkB,CAAC,GAC7B,MAAM,OACN,aACA,cACA,GAAG,YACQ;CACX,MAAM,CAAC,OAAO,YAAY,qBAA6B;EACrD,OAAO;EACP,cAAc,gBAAgB;EAC9B,UAAU;CACZ,CAAC;CACD,MAAM,CAAC,MAAM,WAAW,qBAA8B;EACpD,OAAO;EACP,cAAc,eAAe;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,YAAY,UAAkB;EAClC,IAAI,UACF;EAEF,SAAS,KAAK;CAChB;CAEA,OACE,oBAAC,SAAD;EACE,WAAU;EACJ;EACN,cAAc;EACd,SAAS,oBAAC,gBAAD;GAAgB,OAAO;GAAiB;EAAW,CAAA;EAE5D,UAAA,qBAAC,OAAD;GACE,MAAK;GACL,UAAU,WAAW,KAAK;GAC1B,iBAAe;GACf,WAAW,GACT,4BACA,wBACA,YAAY,iCACZ,SACF;GACA,GAAI;GACJ,UAAS,MAAK;IACZ,IAAI,UACF,EAAE,eAAe;GAErB;GACA,YAAW,MAAK;IACd,IAAI,UACF;IAEF,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;KACtC,EAAE,eAAe;KACjB,EAAE,cAAc,MAAM;IACxB;GACF;GAxBF,UAAA,CA0BE,oBAAC,OAAD;IACE,WAAW,GACT,yBACA,aACA,WAAW,uBAAuB,gBACpC;IACA,OAAO,EAAE,iBAAiB,MAAM;GACjC,CAAA,GACA,YACC,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA,MAAM,YAAY;GACf,CAAA,CAEL;;CACE,CAAA;AAEb"}

package/dist/{components/templates/container.d.mts → Container.d.mts}

@@ -1,12 +1,12 @@
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/templates/container.d.ts
 type MaxWidth = '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full' | 'none';
-interface Props extends Omit<useRender.ComponentProps<'div'>, 'className'> {
+export interface Props extends Omit<useRender.ComponentProps<'div'>, 'className'> {
   maxWidth?: MaxWidth;
   padded?: boolean;
   className?: string;
 }
 declare const Container: ({ className, maxWidth, padded, render, ...props }: Props) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
-export { Props, Container as default };
-//# sourceMappingURL=container.d.mts.map
+export { Container as default };
+//# sourceMappingURL=Container.d.mts.map

package/dist/Container.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.mts","names":[],"sources":["../src/components/templates/container.tsx"],"mappings":";;KAMK;iBAmCY,cAAc,KAC7B,UAAU;EAGV,WAAW;EACX;EACA;;cAMI,cAAa,WAAA,UAAA,QAAA,WAAA,SAMhB,0BAAK,+CAAA"}

package/dist/{components/templates/container.mjs → Container.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from "../../utils.mjs";
+import { cn } from "./utils.mjs";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/templates/container.tsx
 const MAX_WIDTH_CLASSES = {
@@ -32,4 +32,4 @@ const Container = ({ className, maxWidth = "7xl", padded = true, render, ...prop
 //#endregion
 export { Container as default };
 
-//# sourceMappingURL=container.mjs.map
+//# sourceMappingURL=Container.mjs.map

package/dist/Container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.mjs","names":[],"sources":["../src/components/templates/container.tsx"],"sourcesContent":["'use client';\n\nimport { useRender } from '@base-ui/react/use-render';\n\nimport { cn } from '@repo/ui/utils';\n\ntype MaxWidth =\n  | '3xs'\n  | '2xs'\n  | 'xs'\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | '4xl'\n  | '5xl'\n  | '6xl'\n  | '7xl'\n  | 'full'\n  | 'none';\n\nconst MAX_WIDTH_CLASSES: Record<MaxWidth, string> = {\n  '3xs': 'max-w-3xs',\n  '2xs': 'max-w-2xs',\n  xs: 'max-w-xs',\n  sm: 'max-w-sm',\n  md: 'max-w-md',\n  lg: 'max-w-lg',\n  xl: 'max-w-xl',\n  '2xl': 'max-w-2xl',\n  '3xl': 'max-w-3xl',\n  '4xl': 'max-w-4xl',\n  '5xl': 'max-w-5xl',\n  '6xl': 'max-w-6xl',\n  '7xl': 'max-w-7xl',\n  full: 'max-w-full',\n  none: 'max-w-none',\n};\n\nexport interface Props extends Omit<\n  useRender.ComponentProps<'div'>,\n  'className'\n> {\n  maxWidth?: MaxWidth;\n  padded?: boolean;\n  className?: string;\n}\n\n// Standardizes the `mx-auto max-w-7xl px-4` wrapper every app in this\n// monorepo was rewriting by hand inside Content — one place to change the\n// page's content width/gutters instead of N call sites.\nconst Container = ({\n  className,\n  maxWidth = '7xl',\n  padded = true,\n  render,\n  ...props\n}: Props) => {\n  return useRender({\n    defaultTagName: 'div',\n    render,\n    props: {\n      ...props,\n      className: cn(\n        'mx-auto w-full',\n        MAX_WIDTH_CLASSES[maxWidth],\n        padded && 'px-4 sm:px-6 lg:px-8',\n        className,\n        //\n      ),\n    },\n  });\n};\n\nexport default Container;\n"],"mappings":";;;;AAuBA,MAAM,oBAA8C;CAClD,OAAO;CACP,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,MAAM;CACN,MAAM;AACR;AAcA,MAAM,aAAa,EACjB,WACA,WAAW,OACX,SAAS,MACT,QACA,GAAG,YACQ;CACX,OAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GACL,GAAG;GACH,WAAW,GACT,kBACA,kBAAkB,WAClB,UAAU,wBACV,SAEF;EACF;CACF,CAAC;AACH"}

package/dist/ContextMenu.d.mts

@@ -0,0 +1,33 @@
+import * as React$1 from "react";
+import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
+//#region src/components/molecules/context-menu.d.ts
+export type Item = {
+  key: React$1.Key;
+  label: React$1.ReactNode;
+  disabled?: boolean;
+  type?: 'action';
+  onSelect?: () => void;
+} | {
+  key: React$1.Key;
+  type: 'separator';
+};
+export interface Props extends Omit<React$1.ComponentProps<typeof ContextMenu$1.Root>, 'children'> {
+  children: React$1.ReactNode;
+  items: Item[];
+  onSelect?: (key: React$1.Key, item: Extract<Item, {
+    label: React$1.ReactNode;
+  }>) => void;
+  /** Visible action button for touch and discoverability; omit to hide it. */
+  actionLabel?: string;
+  triggerProps?: Omit<React$1.ComponentProps<typeof ContextMenu$1.Trigger>, 'children' | 'render' | 'ref'>;
+  classNames?: {
+    trigger?: string;
+    popup?: string;
+    item?: string;
+    separator?: string;
+  };
+}
+declare const ContextMenu: ({ children, items, onSelect, actionLabel, triggerProps, classNames, disabled, open, defaultOpen, onOpenChange, ...props }: Props) => React$1.JSX.Element;
+//#endregion
+export { ContextMenu as default };
+//# sourceMappingURL=ContextMenu.d.mts.map

package/dist/ContextMenu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.mts","names":["React","BaseContextMenu"],"sources":["../src/components/molecules/context-menu.tsx"],"mappings":";;;YAcY;EAEN,KAAKA,QAAM;EACX,OAAOA,QAAM;EACb;EACA;EACA;;EAEA,KAAKA,QAAM;EAAK;;iBAEL,cAAc,KAC7BA,QAAM,sBAAsBC,cAAgB;EAG5C,UAAUD,QAAM;EAChB,OAAO;EACP,YACE,KAAKA,QAAM,KACX,MAAM,QAAQ;IAAQ,OAAOA,QAAM;;;EAGrC;EACA,eAAe,KACbA,QAAM,sBAAsBC,cAAgB;EAG9C;IACE;IACA;IACA;IACA;;;cAIE,gBAAe,UAAA,OAAA,UAAA,aAAA,cAAA,YAAA,UAAA,MAAA,aAAA,iBAAA,SAYlB,UAAKD,QAAA,IAAA"}