@particle-academy/react-fancy 5.51.2 → 5.52.0

package/dist/{chunk-7ZDJPHLJ.cjs → chunk-JRRYYW3Y.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunk7EZBMGEE_cjs = require('./chunk-7EZBMGEE.cjs');
-var chunkXKDW6B7X_cjs = require('./chunk-XKDW6B7X.cjs');
-var chunkBBOIFV27_cjs = require('./chunk-BBOIFV27.cjs');
-var chunkYLGTDBB2_cjs = require('./chunk-YLGTDBB2.cjs');
-var chunkR3UG6PVX_cjs = require('./chunk-R3UG6PVX.cjs');
+var chunkMRZXTL46_cjs = require('./chunk-MRZXTL46.cjs');
+var chunkP53432AK_cjs = require('./chunk-P53432AK.cjs');
+var chunkQF7CD4JH_cjs = require('./chunk-QF7CD4JH.cjs');
+var chunkO3F6DYWR_cjs = require('./chunk-O3F6DYWR.cjs');
+var chunk5JK2VDWY_cjs = require('./chunk-5JK2VDWY.cjs');
 var chunkKJ22KE56_cjs = require('./chunk-KJ22KE56.cjs');
 var chunkL3V3BYVS_cjs = require('./chunk-L3V3BYVS.cjs');
 var chunkSNHU2AI4_cjs = require('./chunk-SNHU2AI4.cjs');
@@ -82,7 +82,7 @@ var Input = react.forwardRef(
     const pasting = pasteThreshold !== void 0 || pasteImages;
     const editorRef = react.useRef(null);
     const hiddenRef = react.useRef(null);
-    const paste = chunkR3UG6PVX_cjs.useInlinePaste({
+    const paste = chunk5JK2VDWY_cjs.useInlinePaste({
       pasteThreshold,
       pasteImages,
       previewChars,
@@ -108,7 +108,7 @@ var Input = react.forwardRef(
     );
     const labelId = `${inputId}-label`;
     const input = !showControl ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkXKDW6B7X_cjs.DisplayValue,
+      chunkP53432AK_cjs.DisplayValue,
       {
         size,
         interactive,
@@ -118,7 +118,7 @@ var Input = react.forwardRef(
         children: type === "password" ? props.value ? "\u2022\u2022\u2022\u2022\u2022\u2022" : "" : props.value
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7EZBMGEE_cjs.InputWrapper,
+      chunkMRZXTL46_cjs.InputWrapper,
       {
         prefix,
         suffix,
@@ -130,13 +130,13 @@ var Input = react.forwardRef(
             "span",
             {
               ref: leadingRef,
-              className: "pointer-events-none absolute left-3 text-zinc-400 dark:text-zinc-500",
+              className: "pointer-events-none absolute left-3 text-[color:var(--fancy-text-faint,var(--color-zinc-400))] dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))]",
               children: leading
             }
           ),
           pasting ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkR3UG6PVX_cjs.InlinePasteEditor,
+              chunk5JK2VDWY_cjs.InlinePasteEditor,
               {
                 ref: editorRef,
                 id: inputId,
@@ -160,10 +160,10 @@ var Input = react.forwardRef(
                   ...trailingWidth ? { paddingRight: trailingWidth + 20 } : null
                 },
                 className: chunkZU5Q77OT_cjs.cn(
-                  chunkYLGTDBB2_cjs.inputBaseClasses,
-                  chunkYLGTDBB2_cjs.inputSizeClasses[size],
-                  chunkYLGTDBB2_cjs.dirtyClasses(dirty),
-                  chunkYLGTDBB2_cjs.errorClasses(error),
+                  chunkO3F6DYWR_cjs.inputBaseClasses,
+                  chunkO3F6DYWR_cjs.inputSizeClasses[size],
+                  chunkO3F6DYWR_cjs.dirtyClasses(dirty),
+                  chunkO3F6DYWR_cjs.errorClasses(error),
                   // One line, like the <input> it stands in for.
                   "min-h-0 max-h-none w-full overflow-x-auto overflow-y-hidden whitespace-nowrap break-normal",
                   leading && !leadingWidth && "pl-9",
@@ -188,7 +188,7 @@ var Input = react.forwardRef(
                 value: paste.expand(pasteValue)
               }
             ),
-            pasteImages && filesName && /* @__PURE__ */ jsxRuntime.jsx(chunkR3UG6PVX_cjs.PastedFilesInput, { name: filesName, files: pastedFiles, form: props.form })
+            pasteImages && filesName && /* @__PURE__ */ jsxRuntime.jsx(chunk5JK2VDWY_cjs.PastedFilesInput, { name: filesName, files: pastedFiles, form: props.form })
           ] }) : /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
@@ -198,10 +198,10 @@ var Input = react.forwardRef(
               disabled,
               required,
               className: chunkZU5Q77OT_cjs.cn(
-                chunkYLGTDBB2_cjs.inputBaseClasses,
-                chunkYLGTDBB2_cjs.inputSizeClasses[size],
-                chunkYLGTDBB2_cjs.dirtyClasses(dirty),
-                chunkYLGTDBB2_cjs.errorClasses(error),
+                chunkO3F6DYWR_cjs.inputBaseClasses,
+                chunkO3F6DYWR_cjs.inputSizeClasses[size],
+                chunkO3F6DYWR_cjs.dirtyClasses(dirty),
+                chunkO3F6DYWR_cjs.errorClasses(error),
                 "w-full",
                 // The fixed classes are the PRE-MEASURE fallback only. Once the
                 // adornment is measured, the inline style below overrides them
@@ -243,14 +243,14 @@ var Input = react.forwardRef(
               "aria-label": shown ? hideLabel : revealLabel,
               title: shown ? hideLabel : revealLabel,
               tabIndex: -1,
-              className: "absolute right-2 inline-flex items-center justify-center rounded p-1 text-zinc-400 transition-colors hover:text-zinc-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50 dark:text-zinc-500 dark:hover:text-zinc-300",
+              className: "absolute right-2 inline-flex items-center justify-center rounded p-1 text-[color:var(--fancy-text-faint,var(--color-zinc-400))] transition-colors hover:text-zinc-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50 dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))] dark:hover:text-zinc-300",
               children: shown ? /* @__PURE__ */ jsxRuntime.jsx(EyeOffIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(EyeIcon, {})
             }
           ) : trailing && /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
               ref: trailingRef,
-              className: "pointer-events-none absolute right-3 text-zinc-400 dark:text-zinc-500",
+              className: "pointer-events-none absolute right-3 text-[color:var(--fancy-text-faint,var(--color-zinc-400))] dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))]",
               children: trailing
             }
           )
@@ -259,7 +259,7 @@ var Input = react.forwardRef(
     );
     if (label || error || description) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBBOIFV27_cjs.Field,
+        chunkQF7CD4JH_cjs.Field,
         {
           label,
           labelId: pasting ? labelId : void 0,
@@ -300,5 +300,5 @@ function EyeOffIcon() {
 }
 
 exports.Input = Input;
-//# sourceMappingURL=chunk-7ZDJPHLJ.cjs.map
-//# sourceMappingURL=chunk-7ZDJPHLJ.cjs.map
+//# sourceMappingURL=chunk-JRRYYW3Y.cjs.map
+//# sourceMappingURL=chunk-JRRYYW3Y.cjs.map

package/dist/{chunk-7ZDJPHLJ.cjs.map → chunk-JRRYYW3Y.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/use-adornment-width.ts","../src/components/inputs/Input/Input.tsx"],"names":["useState","useCallback","useEffect","forwardRef","useId","useFieldMode","useInlineEdit","useControllableState","useRef","useInlinePaste","useMemo","jsx","DisplayValue","InputWrapper","jsxs","Fragment","InlinePasteEditor","cn","inputBaseClasses","inputSizeClasses","dirtyClasses","errorClasses","PastedFilesInput","Field"],"mappings":"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","file":"chunk-7ZDJPHLJ.cjs","sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\n/**\n * Measure an inline adornment so the input can reserve exactly its width.\n *\n * ## Why this exists\n *\n * `leading` / `trailing` render ABSOLUTELY over the input, so they take no\n * space in flow and the input must be padded by hand to keep text clear of\n * them. That padding used to be a fixed `pl-9` / `pr-9` — 36px, sized for a\n * single icon. Any wider adornment ran straight under the value: `leading =\n * \"https://\"` is roughly 50px, so `https://` and `fancy.app` rendered on top of\n * one another.\n *\n * A fixed padding cannot be right for arbitrary content, and these props accept\n * arbitrary content — a currency code, a unit, a protocol, a short label. So\n * the width is measured rather than assumed.\n *\n * Returns `0` until measured (and on the server), which is the signal to keep\n * the old fixed padding as a fallback: an unmeasured render is then no worse\n * than it was before, rather than unpadded.\n *\n * `ResizeObserver` rather than a one-shot read, because the width changes after\n * first paint for reasons the first paint cannot see — a webfont swapping in,\n * the adornment's own content changing, a container query resizing the text.\n */\nexport function useAdornmentWidth(): [(node: HTMLElement | null) => void, number] {\n  const [width, setWidth] = useState(0);\n  const [node, setNode] = useState<HTMLElement | null>(null);\n\n  const ref = useCallback((n: HTMLElement | null) => setNode(n), []);\n\n  useEffect(() => {\n    if (!node) {\n      setWidth(0);\n\n      return;\n    }\n\n    const read = () => setWidth(node.getBoundingClientRect().width);\n    read();\n\n    if (typeof ResizeObserver === \"undefined\") return;\n\n    const observer = new ResizeObserver(read);\n    observer.observe(node);\n\n    return () => observer.disconnect();\n  }, [node]);\n\n  return [ref, width];\n}\n","import { forwardRef, useId, useMemo, useRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useControllableState } from \"../../../hooks/use-controllable-state\";\nimport { useAdornmentWidth } from \"../../../hooks/use-adornment-width\";\nimport { Field } from \"../Field\";\nimport { InputWrapper } from \"../InputWrapper\";\nimport {\n  dirtyClasses,\n  errorClasses,\n  inputBaseClasses,\n  inputSizeClasses,\n} from \"../inputs.utils\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport {\n  InlinePasteEditor,\n  PastedFilesInput,\n  useInlinePaste,\n  type InlinePasteEditorHandle,\n} from \"../../PastePills\";\nimport type { InputProps } from \"./Input.types\";\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      type = \"text\",\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      leading,\n      trailing,\n      prefix,\n      suffix,\n      prefixPosition,\n      suffixPosition,\n      mode,\n      onValueChange,\n      onChange,\n      reveal,\n      revealed,\n      onRevealedChange,\n      revealLabel = \"Show password\",\n      hideLabel = \"Hide password\",\n      pasteThreshold,\n      pasteImages = false,\n      pasteFilesName,\n      previewChars = 20,\n      renderPastePreview,\n      pasteClassNames,\n      heldPastes,\n      onHeldPastesChange,\n      heldImages,\n      onHeldImagesChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const autoId = useId();\n    const inputId = id ?? autoId;\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n\n    // Measured, not assumed: `leading`/`trailing` take arbitrary content, and a\n    // fixed padding can only ever be right for one width. See\n    // `useAdornmentWidth` for what went wrong with the fixed version.\n    const [leadingRef, leadingWidth] = useAdornmentWidth();\n    const [trailingRef, trailingWidth] = useAdornmentWidth();\n\n    // Only meaningful on a password field: a reveal on an already-visible input\n    // is a button that does nothing.\n    const canReveal = reveal === true && type === \"password\";\n    const [isRevealed, setRevealed] = useControllableState(revealed, false, onRevealedChange);\n    const shown = canReveal && isRevealed;\n    // The rendered type, NOT the declared one — `type` stays \"password\" so the\n    // display-mode masking below and any caller reading props are unaffected.\n    const renderedType = shown ? \"text\" : type;\n\n    /*\n     * Paste pills: the same core `Composer` and `PromptInput` use, so the three\n     * cannot disagree about what a pill holds or what a send carries. Hooks run\n     * whether or not it is on (Rules of Hooks); nothing is rendered unless asked.\n     */\n    const pasting = pasteThreshold !== undefined || pasteImages;\n    const editorRef = useRef<InlinePasteEditorHandle>(null);\n    const hiddenRef = useRef<HTMLInputElement | null>(null);\n    const paste = useInlinePaste({\n      pasteThreshold,\n      pasteImages,\n      previewChars,\n      renderPastePreview,\n      classNames: pasteClassNames,\n      disabled: disabled === true,\n      heldPastes,\n      onHeldPastesChange,\n      heldImages,\n      onHeldImagesChange,\n      editorRef,\n      blockText: false,\n    });\n    const [pasteValue, setPasteValue] = useControllableState<string>(\n      props.value === undefined ? undefined : String(props.value),\n      props.defaultValue === undefined ? \"\" : String(props.defaultValue),\n      onValueChange,\n    );\n    const filesName = pasteFilesName ?? (props.name ? `${props.name}_files[]` : undefined);\n    const pastedFiles = useMemo(\n      () => (pasteImages ? paste.imagesIn(pasteValue).map((i) => i.file) : []),\n      [pasteImages, paste, pasteValue],\n    );\n    const labelId = `${inputId}-label`;\n\n    const input = !showControl ? (\n      <DisplayValue\n        size={size}\n        interactive={interactive}\n        onActivate={enterEdit}\n        leading={leading ?? prefix}\n        trailing={trailing ?? suffix}\n      >\n        {type === \"password\" ? (props.value ? \"••••••\" : \"\") : (props.value as string | undefined)}\n      </DisplayValue>\n    ) : (\n      <InputWrapper\n        prefix={prefix}\n        suffix={suffix}\n        prefixPosition={prefixPosition}\n        suffixPosition={suffixPosition}\n        size={size}\n      >\n        <div data-react-fancy-input=\"\" className=\"relative flex items-center\">\n          {leading && (\n            <span\n              ref={leadingRef}\n              className=\"pointer-events-none absolute left-3 text-zinc-400 dark:text-zinc-500\"\n            >\n              {leading}\n            </span>\n          )}\n          {pasting ? (\n            <>\n              <div className=\"min-w-0 flex-1\">\n                <InlinePasteEditor\n                  ref={editorRef}\n                  id={inputId}\n                  value={pasteValue}\n                  known={paste.known}\n                  onChange={(next) => {\n                    setPasteValue(next);\n                    paste.prune(next);\n                  }}\n                  // Enter in a text field submits its form; keep that.\n                  onSubmit={() => hiddenRef.current?.form?.requestSubmit()}\n                  multiline={false}\n                  onPaste={paste.decidePaste}\n                  onHostsChange={paste.onHostsChange}\n                  placeholder={props.placeholder ?? \"\"}\n                  disabled={disabled === true}\n                  ariaLabelledBy={label ? labelId : props[\"aria-labelledby\"]}\n                  ariaInvalid={Boolean(error)}\n                  placeholderClassName={cn(pastePlaceholderClasses[size], leading ? \"left-9\" : undefined)}\n                  style={{\n                    ...(leadingWidth ? { paddingLeft: leadingWidth + 20 } : null),\n                    ...(trailingWidth ? { paddingRight: trailingWidth + 20 } : null),\n                  }}\n                  className={cn(\n                    inputBaseClasses,\n                    inputSizeClasses[size],\n                    dirtyClasses(dirty),\n                    errorClasses(error),\n                    // One line, like the <input> it stands in for.\n                    \"min-h-0 max-h-none w-full overflow-x-auto overflow-y-hidden whitespace-nowrap break-normal\",\n                    leading && !leadingWidth && \"pl-9\",\n                    trailing && !trailingWidth && \"pr-9\",\n                    className,\n                    pasteClassNames?.input,\n                  )}\n                />\n              </div>\n              {paste.portals}\n              {/* What a native submit posts: the value with every pill expanded. */}\n              <input\n                ref={(el) => {\n                  hiddenRef.current = el;\n                  if (typeof ref === \"function\") ref(el);\n                  else if (ref) ref.current = el;\n                }}\n                type=\"hidden\"\n                name={props.name}\n                form={props.form}\n                value={paste.expand(pasteValue)}\n              />\n              {pasteImages && filesName && (\n                <PastedFilesInput name={filesName} files={pastedFiles} form={props.form} />\n              )}\n            </>\n          ) : (\n            <input\n              ref={ref}\n              id={inputId}\n              type={renderedType}\n              disabled={disabled}\n              required={required}\n              className={cn(\n                inputBaseClasses,\n                inputSizeClasses[size],\n                dirtyClasses(dirty),\n                errorClasses(error),\n                \"w-full\",\n                // The fixed classes are the PRE-MEASURE fallback only. Once the\n                // adornment is measured, the inline style below overrides them\n                // with its real width -- a fixed 36px is correct for one icon and\n                // wrong for anything wider, which is how `https://` came to\n                // render on top of the value.\n                leading && !leadingWidth && \"pl-9\",\n                (trailing || canReveal) && !trailingWidth && \"pr-9\",\n                className,\n              )}\n              style={{\n                // 12px clears `left-3`/`right-3`; 8px is the gap to the text.\n                ...(leadingWidth ? { paddingLeft: leadingWidth + 20 } : null),\n                ...(trailingWidth ? { paddingRight: trailingWidth + 20 } : null),\n                ...props.style,\n              }}\n              onChange={(e) => {\n                onChange?.(e);\n                onValueChange?.(e.target.value);\n              }}\n              {...props}\n              // Inline click-to-edit: focus on entering edit, return to the display\n              // (and run the host's onBlur) when focus leaves.\n              autoFocus={interactive || props.autoFocus}\n              onBlur={(e) => {\n                props.onBlur?.(e);\n                if (interactive) exitEdit();\n              }}\n            />\n          )}\n          {canReveal ? (\n            <button\n              type=\"button\"\n              // type=\"button\" is load-bearing: the default is \"submit\", so a\n              // reveal inside a login form would submit it on every click.\n              id={`${inputId}-reveal`}\n              data-react-fancy-reveal=\"\"\n              onClick={() => setRevealed((v) => !v)}\n              disabled={disabled}\n              aria-controls={inputId}\n              aria-pressed={shown}\n              aria-label={shown ? hideLabel : revealLabel}\n              title={shown ? hideLabel : revealLabel}\n              // Not focusable by tab: the field and the submit button are the\n              // path through a login form, and a reveal in between is a stop\n              // most people do not want. Still reachable by click and by\n              // screen readers.\n              tabIndex={-1}\n              className=\"absolute right-2 inline-flex items-center justify-center rounded p-1 text-zinc-400 transition-colors hover:text-zinc-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50 dark:text-zinc-500 dark:hover:text-zinc-300\"\n            >\n              {shown ? <EyeOffIcon /> : <EyeIcon />}\n            </button>\n          ) : (\n            trailing && (\n              <span\n                ref={trailingRef}\n                className=\"pointer-events-none absolute right-3 text-zinc-400 dark:text-zinc-500\"\n              >\n                {trailing}\n              </span>\n            )\n          )}\n        </div>\n      </InputWrapper>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          labelId={pasting ? labelId : undefined}\n          labelHidden={labelHidden}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={inputId}\n          size={size}\n        >\n          {input}\n        </Field>\n      );\n    }\n\n    return input;\n  },\n);\n\nInput.displayName = \"Input\";\n\n/** Where the placeholder sits over the paste editor, matching `inputSizeClasses`. */\nconst pastePlaceholderClasses = {\n  xs: \"left-2 top-1 text-xs\",\n  sm: \"left-2.5 top-1.5 text-sm\",\n  md: \"left-3 top-2 text-sm\",\n  lg: \"left-4 top-2.5 text-base\",\n  xl: \"left-5 top-3 text-lg\",\n} as const;\n\n/**\n * Inline SVGs rather than the Icon component: Input is the most-installed\n * primitive in the kit, and routing it through the icon registry would make\n * every consumer's password field depend on an icon set being configured.\n */\nfunction EyeIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\nfunction EyeOffIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n      <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n      <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n"]}
+{"version":3,"sources":["../src/hooks/use-adornment-width.ts","../src/components/inputs/Input/Input.tsx"],"names":["useState","useCallback","useEffect","forwardRef","useId","useFieldMode","useInlineEdit","useControllableState","useRef","useInlinePaste","useMemo","jsx","DisplayValue","InputWrapper","jsxs","Fragment","InlinePasteEditor","cn","inputBaseClasses","inputSizeClasses","dirtyClasses","errorClasses","PastedFilesInput","Field"],"mappings":"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","file":"chunk-JRRYYW3Y.cjs","sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\n/**\n * Measure an inline adornment so the input can reserve exactly its width.\n *\n * ## Why this exists\n *\n * `leading` / `trailing` render ABSOLUTELY over the input, so they take no\n * space in flow and the input must be padded by hand to keep text clear of\n * them. That padding used to be a fixed `pl-9` / `pr-9` — 36px, sized for a\n * single icon. Any wider adornment ran straight under the value: `leading =\n * \"https://\"` is roughly 50px, so `https://` and `fancy.app` rendered on top of\n * one another.\n *\n * A fixed padding cannot be right for arbitrary content, and these props accept\n * arbitrary content — a currency code, a unit, a protocol, a short label. So\n * the width is measured rather than assumed.\n *\n * Returns `0` until measured (and on the server), which is the signal to keep\n * the old fixed padding as a fallback: an unmeasured render is then no worse\n * than it was before, rather than unpadded.\n *\n * `ResizeObserver` rather than a one-shot read, because the width changes after\n * first paint for reasons the first paint cannot see — a webfont swapping in,\n * the adornment's own content changing, a container query resizing the text.\n */\nexport function useAdornmentWidth(): [(node: HTMLElement | null) => void, number] {\n  const [width, setWidth] = useState(0);\n  const [node, setNode] = useState<HTMLElement | null>(null);\n\n  const ref = useCallback((n: HTMLElement | null) => setNode(n), []);\n\n  useEffect(() => {\n    if (!node) {\n      setWidth(0);\n\n      return;\n    }\n\n    const read = () => setWidth(node.getBoundingClientRect().width);\n    read();\n\n    if (typeof ResizeObserver === \"undefined\") return;\n\n    const observer = new ResizeObserver(read);\n    observer.observe(node);\n\n    return () => observer.disconnect();\n  }, [node]);\n\n  return [ref, width];\n}\n","import { forwardRef, useId, useMemo, useRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useControllableState } from \"../../../hooks/use-controllable-state\";\nimport { useAdornmentWidth } from \"../../../hooks/use-adornment-width\";\nimport { Field } from \"../Field\";\nimport { InputWrapper } from \"../InputWrapper\";\nimport {\n  dirtyClasses,\n  errorClasses,\n  inputBaseClasses,\n  inputSizeClasses,\n} from \"../inputs.utils\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport {\n  InlinePasteEditor,\n  PastedFilesInput,\n  useInlinePaste,\n  type InlinePasteEditorHandle,\n} from \"../../PastePills\";\nimport type { InputProps } from \"./Input.types\";\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      type = \"text\",\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      leading,\n      trailing,\n      prefix,\n      suffix,\n      prefixPosition,\n      suffixPosition,\n      mode,\n      onValueChange,\n      onChange,\n      reveal,\n      revealed,\n      onRevealedChange,\n      revealLabel = \"Show password\",\n      hideLabel = \"Hide password\",\n      pasteThreshold,\n      pasteImages = false,\n      pasteFilesName,\n      previewChars = 20,\n      renderPastePreview,\n      pasteClassNames,\n      heldPastes,\n      onHeldPastesChange,\n      heldImages,\n      onHeldImagesChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const autoId = useId();\n    const inputId = id ?? autoId;\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n\n    // Measured, not assumed: `leading`/`trailing` take arbitrary content, and a\n    // fixed padding can only ever be right for one width. See\n    // `useAdornmentWidth` for what went wrong with the fixed version.\n    const [leadingRef, leadingWidth] = useAdornmentWidth();\n    const [trailingRef, trailingWidth] = useAdornmentWidth();\n\n    // Only meaningful on a password field: a reveal on an already-visible input\n    // is a button that does nothing.\n    const canReveal = reveal === true && type === \"password\";\n    const [isRevealed, setRevealed] = useControllableState(revealed, false, onRevealedChange);\n    const shown = canReveal && isRevealed;\n    // The rendered type, NOT the declared one — `type` stays \"password\" so the\n    // display-mode masking below and any caller reading props are unaffected.\n    const renderedType = shown ? \"text\" : type;\n\n    /*\n     * Paste pills: the same core `Composer` and `PromptInput` use, so the three\n     * cannot disagree about what a pill holds or what a send carries. Hooks run\n     * whether or not it is on (Rules of Hooks); nothing is rendered unless asked.\n     */\n    const pasting = pasteThreshold !== undefined || pasteImages;\n    const editorRef = useRef<InlinePasteEditorHandle>(null);\n    const hiddenRef = useRef<HTMLInputElement | null>(null);\n    const paste = useInlinePaste({\n      pasteThreshold,\n      pasteImages,\n      previewChars,\n      renderPastePreview,\n      classNames: pasteClassNames,\n      disabled: disabled === true,\n      heldPastes,\n      onHeldPastesChange,\n      heldImages,\n      onHeldImagesChange,\n      editorRef,\n      blockText: false,\n    });\n    const [pasteValue, setPasteValue] = useControllableState<string>(\n      props.value === undefined ? undefined : String(props.value),\n      props.defaultValue === undefined ? \"\" : String(props.defaultValue),\n      onValueChange,\n    );\n    const filesName = pasteFilesName ?? (props.name ? `${props.name}_files[]` : undefined);\n    const pastedFiles = useMemo(\n      () => (pasteImages ? paste.imagesIn(pasteValue).map((i) => i.file) : []),\n      [pasteImages, paste, pasteValue],\n    );\n    const labelId = `${inputId}-label`;\n\n    const input = !showControl ? (\n      <DisplayValue\n        size={size}\n        interactive={interactive}\n        onActivate={enterEdit}\n        leading={leading ?? prefix}\n        trailing={trailing ?? suffix}\n      >\n        {type === \"password\" ? (props.value ? \"••••••\" : \"\") : (props.value as string | undefined)}\n      </DisplayValue>\n    ) : (\n      <InputWrapper\n        prefix={prefix}\n        suffix={suffix}\n        prefixPosition={prefixPosition}\n        suffixPosition={suffixPosition}\n        size={size}\n      >\n        <div data-react-fancy-input=\"\" className=\"relative flex items-center\">\n          {leading && (\n            <span\n              ref={leadingRef}\n              className=\"pointer-events-none absolute left-3 text-[color:var(--fancy-text-faint,var(--color-zinc-400))] dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))]\"\n            >\n              {leading}\n            </span>\n          )}\n          {pasting ? (\n            <>\n              <div className=\"min-w-0 flex-1\">\n                <InlinePasteEditor\n                  ref={editorRef}\n                  id={inputId}\n                  value={pasteValue}\n                  known={paste.known}\n                  onChange={(next) => {\n                    setPasteValue(next);\n                    paste.prune(next);\n                  }}\n                  // Enter in a text field submits its form; keep that.\n                  onSubmit={() => hiddenRef.current?.form?.requestSubmit()}\n                  multiline={false}\n                  onPaste={paste.decidePaste}\n                  onHostsChange={paste.onHostsChange}\n                  placeholder={props.placeholder ?? \"\"}\n                  disabled={disabled === true}\n                  ariaLabelledBy={label ? labelId : props[\"aria-labelledby\"]}\n                  ariaInvalid={Boolean(error)}\n                  placeholderClassName={cn(pastePlaceholderClasses[size], leading ? \"left-9\" : undefined)}\n                  style={{\n                    ...(leadingWidth ? { paddingLeft: leadingWidth + 20 } : null),\n                    ...(trailingWidth ? { paddingRight: trailingWidth + 20 } : null),\n                  }}\n                  className={cn(\n                    inputBaseClasses,\n                    inputSizeClasses[size],\n                    dirtyClasses(dirty),\n                    errorClasses(error),\n                    // One line, like the <input> it stands in for.\n                    \"min-h-0 max-h-none w-full overflow-x-auto overflow-y-hidden whitespace-nowrap break-normal\",\n                    leading && !leadingWidth && \"pl-9\",\n                    trailing && !trailingWidth && \"pr-9\",\n                    className,\n                    pasteClassNames?.input,\n                  )}\n                />\n              </div>\n              {paste.portals}\n              {/* What a native submit posts: the value with every pill expanded. */}\n              <input\n                ref={(el) => {\n                  hiddenRef.current = el;\n                  if (typeof ref === \"function\") ref(el);\n                  else if (ref) ref.current = el;\n                }}\n                type=\"hidden\"\n                name={props.name}\n                form={props.form}\n                value={paste.expand(pasteValue)}\n              />\n              {pasteImages && filesName && (\n                <PastedFilesInput name={filesName} files={pastedFiles} form={props.form} />\n              )}\n            </>\n          ) : (\n            <input\n              ref={ref}\n              id={inputId}\n              type={renderedType}\n              disabled={disabled}\n              required={required}\n              className={cn(\n                inputBaseClasses,\n                inputSizeClasses[size],\n                dirtyClasses(dirty),\n                errorClasses(error),\n                \"w-full\",\n                // The fixed classes are the PRE-MEASURE fallback only. Once the\n                // adornment is measured, the inline style below overrides them\n                // with its real width -- a fixed 36px is correct for one icon and\n                // wrong for anything wider, which is how `https://` came to\n                // render on top of the value.\n                leading && !leadingWidth && \"pl-9\",\n                (trailing || canReveal) && !trailingWidth && \"pr-9\",\n                className,\n              )}\n              style={{\n                // 12px clears `left-3`/`right-3`; 8px is the gap to the text.\n                ...(leadingWidth ? { paddingLeft: leadingWidth + 20 } : null),\n                ...(trailingWidth ? { paddingRight: trailingWidth + 20 } : null),\n                ...props.style,\n              }}\n              onChange={(e) => {\n                onChange?.(e);\n                onValueChange?.(e.target.value);\n              }}\n              {...props}\n              // Inline click-to-edit: focus on entering edit, return to the display\n              // (and run the host's onBlur) when focus leaves.\n              autoFocus={interactive || props.autoFocus}\n              onBlur={(e) => {\n                props.onBlur?.(e);\n                if (interactive) exitEdit();\n              }}\n            />\n          )}\n          {canReveal ? (\n            <button\n              type=\"button\"\n              // type=\"button\" is load-bearing: the default is \"submit\", so a\n              // reveal inside a login form would submit it on every click.\n              id={`${inputId}-reveal`}\n              data-react-fancy-reveal=\"\"\n              onClick={() => setRevealed((v) => !v)}\n              disabled={disabled}\n              aria-controls={inputId}\n              aria-pressed={shown}\n              aria-label={shown ? hideLabel : revealLabel}\n              title={shown ? hideLabel : revealLabel}\n              // Not focusable by tab: the field and the submit button are the\n              // path through a login form, and a reveal in between is a stop\n              // most people do not want. Still reachable by click and by\n              // screen readers.\n              tabIndex={-1}\n              className=\"absolute right-2 inline-flex items-center justify-center rounded p-1 text-[color:var(--fancy-text-faint,var(--color-zinc-400))] transition-colors hover:text-zinc-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50 dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))] dark:hover:text-zinc-300\"\n            >\n              {shown ? <EyeOffIcon /> : <EyeIcon />}\n            </button>\n          ) : (\n            trailing && (\n              <span\n                ref={trailingRef}\n                className=\"pointer-events-none absolute right-3 text-[color:var(--fancy-text-faint,var(--color-zinc-400))] dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))]\"\n              >\n                {trailing}\n              </span>\n            )\n          )}\n        </div>\n      </InputWrapper>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          labelId={pasting ? labelId : undefined}\n          labelHidden={labelHidden}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={inputId}\n          size={size}\n        >\n          {input}\n        </Field>\n      );\n    }\n\n    return input;\n  },\n);\n\nInput.displayName = \"Input\";\n\n/** Where the placeholder sits over the paste editor, matching `inputSizeClasses`. */\nconst pastePlaceholderClasses = {\n  xs: \"left-2 top-1 text-xs\",\n  sm: \"left-2.5 top-1.5 text-sm\",\n  md: \"left-3 top-2 text-sm\",\n  lg: \"left-4 top-2.5 text-base\",\n  xl: \"left-5 top-3 text-lg\",\n} as const;\n\n/**\n * Inline SVGs rather than the Icon component: Input is the most-installed\n * primitive in the kit, and routing it through the icon registry would make\n * every consumer's password field depend on an icon set being configured.\n */\nfunction EyeIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\nfunction EyeOffIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n      <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n      <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n"]}

package/dist/{chunk-ZLWCZV7R.js → chunk-JSD6IEBW.js}

@@ -13,7 +13,7 @@ var Separator = forwardRef(
           "aria-orientation": "vertical",
           "data-react-fancy-separator": "",
           className: cn(
-            "inline-block h-full border-l border-zinc-200 dark:border-zinc-700",
+            "inline-block h-full border-l border-[color:var(--fancy-border,var(--color-zinc-200))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]",
             className
           )
         }
@@ -28,9 +28,9 @@ var Separator = forwardRef(
           "data-react-fancy-separator": "",
           className: cn("flex items-center gap-3", className),
           children: [
-            /* @__PURE__ */ jsx("hr", { className: "flex-1 border-zinc-200 dark:border-zinc-700" }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: label }),
-            /* @__PURE__ */ jsx("hr", { className: "flex-1 border-zinc-200 dark:border-zinc-700" })
+            /* @__PURE__ */ jsx("hr", { className: "flex-1 border-[color:var(--fancy-border,var(--color-zinc-200))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]", children: label }),
+            /* @__PURE__ */ jsx("hr", { className: "flex-1 border-[color:var(--fancy-border,var(--color-zinc-200))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]" })
           ]
         }
       );
@@ -42,7 +42,7 @@ var Separator = forwardRef(
         role: "separator",
         "data-react-fancy-separator": "",
         className: cn(
-          "border-zinc-200 dark:border-zinc-700",
+          "border-[color:var(--fancy-border,var(--color-zinc-200))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]",
           className
         )
       }
@@ -52,5 +52,5 @@ var Separator = forwardRef(
 Separator.displayName = "Separator";
 
 export { Separator };
-//# sourceMappingURL=chunk-ZLWCZV7R.js.map
-//# sourceMappingURL=chunk-ZLWCZV7R.js.map
+//# sourceMappingURL=chunk-JSD6IEBW.js.map
+//# sourceMappingURL=chunk-JSD6IEBW.js.map

package/dist/chunk-JSD6IEBW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Separator/Separator.tsx"],"names":[],"mappings":";;;;AAIO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,WAAA,GAAc,cAAc,KAAA,EAAO,SAAA,IAAa,GAAA,KAAQ;AACzD,IAAA,IAAI,gBAAgB,UAAA,EAAY;AAC9B,MAAA,uBACE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,WAAA;AAAA,UACL,kBAAA,EAAiB,UAAA;AAAA,UACjB,4BAAA,EAA2B,EAAA;AAAA,UAC3B,SAAA,EAAW,EAAA;AAAA,YACT,0JAAA;AAAA,YACA;AAAA;AACF;AAAA,OACF;AAAA,IAEJ;AAEA,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,uBACE,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,WAAA;AAAA,UACL,4BAAA,EAA2B,EAAA;AAAA,UAC3B,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,SAAS,CAAA;AAAA,UAElD,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,WAAU,oIAAA,EAAqI,CAAA;AAAA,4BACnJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yIAAA,EACb,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oIAAA,EAAqI;AAAA;AAAA;AAAA,OACrJ;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,WAAA;AAAA,QACL,4BAAA,EAA2B,EAAA;AAAA,QAC3B,SAAA,EAAW,EAAA;AAAA,UACT,6HAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-JSD6IEBW.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = forwardRef<HTMLDivElement, SeparatorProps>(\n  ({ orientation = \"horizontal\", label, className }, ref) => {\n    if (orientation === \"vertical\") {\n      return (\n        <div\n          ref={ref}\n          role=\"separator\"\n          aria-orientation=\"vertical\"\n          data-react-fancy-separator=\"\"\n          className={cn(\n            \"inline-block h-full border-l border-[color:var(--fancy-border,var(--color-zinc-200))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]\",\n            className,\n          )}\n        />\n      );\n    }\n\n    if (label) {\n      return (\n        <div\n          ref={ref}\n          role=\"separator\"\n          data-react-fancy-separator=\"\"\n          className={cn(\"flex items-center gap-3\", className)}\n        >\n          <hr className=\"flex-1 border-[color:var(--fancy-border,var(--color-zinc-200))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]\" />\n          <span className=\"text-sm text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\">\n            {label}\n          </span>\n          <hr className=\"flex-1 border-[color:var(--fancy-border,var(--color-zinc-200))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]\" />\n        </div>\n      );\n    }\n\n    return (\n      <hr\n        ref={ref as React.Ref<HTMLHRElement>}\n        role=\"separator\"\n        data-react-fancy-separator=\"\"\n        className={cn(\n          \"border-[color:var(--fancy-border,var(--color-zinc-200))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]\",\n          className,\n        )}\n      />\n    );\n  },\n);\n\nSeparator.displayName = \"Separator\";\n"]}

package/dist/{chunk-QAFAPHAF.cjs → chunk-JUQZMNPR.cjs}

@@ -16,7 +16,7 @@ var KanbanColumnContext = react.createContext("");
 function useKanbanColumn() {
   return react.useContext(KanbanColumnContext);
 }
-var DEFAULT_CARD_CLASSES = "rounded-lg border border-zinc-200 bg-white p-3 shadow-sm transition-shadow hover:shadow-md dark:border-zinc-700 dark:bg-zinc-900";
+var DEFAULT_CARD_CLASSES = "rounded-lg border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-3 shadow-sm transition-shadow hover:shadow-md dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]";
 function KanbanCard({ children, id, className, unstyled }) {
   const { setDraggedCard, setDragSource } = useKanban();
   const columnId = useKanbanColumn();
@@ -202,7 +202,7 @@ function KanbanColumn({
             {
               className: chunkZU5Q77OT_cjs.cn(
                 "rounded-full px-1.5 py-0.5 text-[10px] font-semibold",
-                overWip ? "bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-300" : "bg-zinc-200 text-zinc-700 dark:bg-zinc-700 dark:text-zinc-300"
+                overWip ? "bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-300" : "bg-[color:var(--fancy-border,var(--color-zinc-200))] text-[color:var(--fancy-text-soft,var(--color-zinc-700))] dark:bg-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))]"
               ),
               children: [
                 cardCount,
@@ -360,5 +360,5 @@ var Kanban = Object.assign(KanbanRoot, {
 
 exports.Kanban = Kanban;
 exports.useKanban = useKanban;
-//# sourceMappingURL=chunk-QAFAPHAF.cjs.map
-//# sourceMappingURL=chunk-QAFAPHAF.cjs.map
+//# sourceMappingURL=chunk-JUQZMNPR.cjs.map
+//# sourceMappingURL=chunk-JUQZMNPR.cjs.map

package/dist/chunk-JUQZMNPR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Kanban/Kanban.context.ts","../src/components/Kanban/KanbanCard.tsx","../src/components/Kanban/KanbanColumn.tsx","../src/components/Kanban/KanbanColumnHandle.tsx","../src/components/Kanban/Kanban.tsx"],"names":["createContext","useContext","useCallback","jsx","cn","Children","isValidElement","useState","useRef","useEffect","jsxs","useMemo"],"mappings":"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","file":"chunk-JUQZMNPR.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { KanbanContextValue } from \"./Kanban.types\";\n\nexport const KanbanContext = createContext<KanbanContextValue | null>(null);\n\nexport function useKanban(): KanbanContextValue {\n  const ctx = useContext(KanbanContext);\n  if (!ctx) {\n    throw new Error(\"Kanban compound components must be used within <Kanban>\");\n  }\n  return ctx;\n}\n\nexport const KanbanColumnContext = createContext<string>(\"\");\n\nexport function useKanbanColumn(): string {\n  return useContext(KanbanColumnContext);\n}\n","import { useCallback } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useKanban, useKanbanColumn } from \"./Kanban.context\";\nimport type { KanbanCardProps } from \"./Kanban.types\";\n\nconst DEFAULT_CARD_CLASSES =\n  \"rounded-lg border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-3 shadow-sm transition-shadow hover:shadow-md dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\";\n\nexport function KanbanCard({ children, id, className, unstyled }: KanbanCardProps) {\n  const { setDraggedCard, setDragSource } = useKanban();\n  const columnId = useKanbanColumn();\n\n  const handleDragStart = useCallback(() => {\n    setDraggedCard(id);\n    setDragSource(columnId);\n  }, [id, columnId, setDraggedCard, setDragSource]);\n\n  const handleDragEnd = useCallback(() => {\n    setDraggedCard(null);\n    setDragSource(null);\n  }, [setDraggedCard, setDragSource]);\n\n  return (\n    <div\n      data-react-fancy-kanban-card=\"\"\n      draggable\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      className={cn(\n        // Drag affordance — kept even when unstyled so users still see grab cursors.\n        \"cursor-grab active:cursor-grabbing\",\n        !unstyled && DEFAULT_CARD_CLASSES,\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nKanbanCard.displayName = \"KanbanCard\";\n","import { Children, isValidElement, useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { KanbanCard } from \"./KanbanCard\";\nimport { useKanban, KanbanColumnContext } from \"./Kanban.context\";\nimport type { KanbanColumnProps } from \"./Kanban.types\";\n\nconst DEFAULT_COLUMN_CLASSES =\n  \"min-h-[200px] w-72 rounded-xl bg-zinc-50 p-3 dark:bg-zinc-800/50\";\n\n/**\n * Deep-recurse through the children tree counting Kanban.Card descendants\n * regardless of wrapping (Fragment, ContextMenu, motion.div, custom HOCs,\n * etc.). Used by `hideWhenEmpty` and the WIP-limit count chip.\n */\nfunction countCardChildren(children: React.ReactNode): number {\n  let n = 0;\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n    if (child.type === KanbanCard) {\n      n += 1;\n      return;\n    }\n    const inner = (child.props as { children?: React.ReactNode }).children;\n    if (inner !== undefined) n += countCardChildren(inner);\n  });\n  return n;\n}\n\n/**\n * Find the document-order index of a Kanban.Card with the given id, deep-\n * recursing through wrappers. Used by same-column reorder to compute the\n * post-removal insert position.\n */\nfunction findCardIndex(children: React.ReactNode, cardId: string): number {\n  let idx = -1;\n  let i = 0;\n  function walk(nodes: React.ReactNode): void {\n    Children.forEach(nodes, (child) => {\n      if (idx !== -1) return;\n      if (!isValidElement(child)) return;\n      if (child.type === KanbanCard) {\n        if ((child.props as { id?: string }).id === cardId) idx = i;\n        i += 1;\n        return;\n      }\n      const inner = (child.props as { children?: React.ReactNode }).children;\n      if (inner !== undefined) walk(inner);\n    });\n  }\n  walk(children);\n  return idx;\n}\n\nexport function KanbanColumn({\n  children,\n  id,\n  title,\n  className,\n  unstyled,\n  wipLimit,\n  hideWhenEmpty,\n}: KanbanColumnProps) {\n  const { onCardMove, draggedCard, dragSource, registerColumn } = useKanban();\n  const [dragOver, setDragOver] = useState(false);\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const [dropY, setDropY] = useState<number | null>(null);\n  const cardsRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => registerColumn(id), [id, registerColumn]);\n\n  /**\n   * Compute drop position from mouse Y. Walks the *DOM* (not the React\n   * tree) and queries `[data-react-fancy-kanban-card]` so wrappers\n   * (ContextMenu, custom Card surfaces, motion.div) don't break the\n   * indicator placement.\n   */\n  const updateDrop = useCallback((clientY: number) => {\n    const container = cardsRef.current;\n    if (!container) {\n      setDropIndex(null);\n      setDropY(null);\n      return;\n    }\n\n    // Limit to cards belonging to THIS column — important if a card\n    // happens to nest a sub-board (rare, but cheap to defend).\n    const all = Array.from(\n      container.querySelectorAll<HTMLElement>(\n        \"[data-react-fancy-kanban-card]\",\n      ),\n    );\n    const cards = all.filter(\n      (el) =>\n        el.closest(\"[data-react-fancy-kanban-column]\") ===\n        cardsRef.current?.closest(\"[data-react-fancy-kanban-column]\"),\n    );\n\n    const containerRect = container.getBoundingClientRect();\n\n    if (cards.length === 0) {\n      setDropIndex(0);\n      setDropY(0);\n      return;\n    }\n\n    let idx = cards.length;\n    let yRel = 0;\n    for (let i = 0; i < cards.length; i++) {\n      const rect = cards[i]!.getBoundingClientRect();\n      if (clientY < rect.top + rect.height / 2) {\n        idx = i;\n        yRel = rect.top - containerRect.top;\n        break;\n      }\n    }\n    if (idx === cards.length) {\n      const last = cards[cards.length - 1]!.getBoundingClientRect();\n      yRel = last.bottom - containerRect.top;\n    }\n\n    setDropIndex(idx);\n    setDropY(yRel);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (e: React.DragEvent) => {\n      // Only react to card drags. Column drags are handled by the root.\n      if (!draggedCard) return;\n      e.preventDefault();\n      e.stopPropagation();\n      setDragOver(true);\n      updateDrop(e.clientY);\n    },\n    [draggedCard, updateDrop],\n  );\n\n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    if (e.currentTarget.contains(e.relatedTarget as Node | null)) return;\n    setDragOver(false);\n    setDropIndex(null);\n    setDropY(null);\n  }, []);\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      if (!draggedCard) return;\n      e.preventDefault();\n      e.stopPropagation();\n      const target = dropIndex ?? 0;\n\n      if (dragSource) {\n        let finalIdx = target;\n        if (dragSource === id) {\n          const srcIdx = findCardIndex(children, draggedCard);\n          if (srcIdx !== -1 && target > srcIdx) finalIdx = target - 1;\n          if (srcIdx === finalIdx) {\n            // No-op\n            setDragOver(false);\n            setDropIndex(null);\n            setDropY(null);\n            return;\n          }\n        }\n        onCardMove?.(draggedCard, dragSource, id, finalIdx);\n      }\n\n      setDragOver(false);\n      setDropIndex(null);\n      setDropY(null);\n    },\n    [draggedCard, dragSource, dropIndex, id, onCardMove, children],\n  );\n\n  const cardCount = countCardChildren(children);\n  if (hideWhenEmpty && cardCount === 0 && !draggedCard) return null;\n\n  const showIndicator =\n    draggedCard !== null &&\n    dropIndex !== null &&\n    dropY !== null &&\n    dragOver;\n\n  const overWip = wipLimit !== undefined && cardCount > wipLimit;\n\n  return (\n    <KanbanColumnContext.Provider value={id}>\n      <div\n        data-react-fancy-kanban-column=\"\"\n        data-column-id={id}\n        role=\"group\"\n        aria-label={title}\n        onDrop={handleDrop}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        className={cn(\n          \"flex flex-col\",\n          !unstyled && DEFAULT_COLUMN_CLASSES,\n          dragOver && \"ring-2 ring-blue-400 ring-inset\",\n          className,\n        )}\n      >\n        {title && (\n          <h3 className=\"mb-3 flex items-center gap-2 text-sm font-semibold text-zinc-600 dark:text-zinc-400\">\n            <span className=\"flex-1\">{title}</span>\n            <span\n              className={cn(\n                \"rounded-full px-1.5 py-0.5 text-[10px] font-semibold\",\n                overWip\n                  ? \"bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-300\"\n                  : \"bg-[color:var(--fancy-border,var(--color-zinc-200))] text-[color:var(--fancy-text-soft,var(--color-zinc-700))] dark:bg-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))]\",\n              )}\n            >\n              {cardCount}\n              {wipLimit !== undefined ? `/${wipLimit}` : \"\"}\n            </span>\n          </h3>\n        )}\n\n        {/* Cards container — `relative` so the drop indicator overlay\n            can position itself in the container's coordinate space.\n            Children are rendered untouched so any wrapper hierarchy\n            (ContextMenu, motion.div, etc.) keeps working. */}\n        <div ref={cardsRef} className=\"relative flex flex-1 flex-col gap-2\">\n          {children}\n\n          {showIndicator && (\n            <div\n              data-react-fancy-kanban-drop-indicator=\"\"\n              style={{ top: dropY }}\n              className=\"pointer-events-none absolute left-0 right-0 h-0.5 -translate-y-1/2 rounded-full bg-blue-500/80 shadow-[0_0_0_3px_rgba(59,130,246,0.15)]\"\n            />\n          )}\n        </div>\n      </div>\n    </KanbanColumnContext.Provider>\n  );\n}\n\nKanbanColumn.displayName = \"KanbanColumn\";\n","import { useCallback } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useKanban, useKanbanColumn } from \"./Kanban.context\";\nimport type { KanbanColumnHandleProps } from \"./Kanban.types\";\n\n/**\n * Drag handle for column reordering.\n *\n * Mount inside a `Kanban.Column` to make that column draggable. The\n * column's parent `Kanban` listens for the drop and surfaces the new\n * position via `onColumnMove`. Without a handle, columns are static.\n *\n * Typically wrapped around the column header so users grab the title\n * to reorder; can also be a small grip icon.\n */\nexport function KanbanColumnHandle({\n  children,\n  className,\n}: KanbanColumnHandleProps) {\n  const { setDraggedColumn } = useKanban();\n  const columnId = useKanbanColumn();\n\n  const handleDragStart = useCallback(\n    (e: React.DragEvent) => {\n      // Set a dataTransfer payload so the browser permits the drag — some\n      // browsers refuse if dataTransfer is empty.\n      e.dataTransfer.effectAllowed = \"move\";\n      e.dataTransfer.setData(\"text/plain\", columnId);\n      e.stopPropagation();\n      setDraggedColumn(columnId);\n    },\n    [columnId, setDraggedColumn],\n  );\n\n  const handleDragEnd = useCallback(() => {\n    setDraggedColumn(null);\n  }, [setDraggedColumn]);\n\n  return (\n    <div\n      draggable\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      data-react-fancy-kanban-column-handle=\"\"\n      className={cn(\n        \"cursor-grab active:cursor-grabbing select-none\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nKanbanColumnHandle.displayName = \"KanbanColumnHandle\";\n","import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { KanbanContext } from \"./Kanban.context\";\nimport { KanbanColumn } from \"./KanbanColumn\";\nimport { KanbanCard } from \"./KanbanCard\";\nimport { KanbanColumnHandle } from \"./KanbanColumnHandle\";\nimport type { KanbanProps } from \"./Kanban.types\";\n\n/**\n * Kanban board.\n *\n * Compound:\n *   <Kanban onCardMove={...} onColumnMove={...}>\n *     <Kanban.Column id=\"todo\" wipLimit={4}>\n *       <Kanban.ColumnHandle>...header...</Kanban.ColumnHandle>  // optional\n *       <Kanban.Card id=\"...\">...</Kanban.Card>\n *     </Kanban.Column>\n *   </Kanban>\n *\n * Cards drag between columns AND within a column. Drop position is\n * computed from mouse Y at hover time and surfaced via the `toIndex`\n * argument on `onCardMove`.\n *\n * Columns drag horizontally to reorder when a `<Kanban.ColumnHandle>`\n * is mounted inside them. The root computes the drop index from\n * mouse X and surfaces it via `onColumnMove`.\n */\nfunction KanbanRoot({\n  children,\n  onCardMove,\n  onColumnMove,\n  className,\n}: KanbanProps) {\n  const [draggedCard, setDraggedCard] = useState<string | null>(null);\n  const [dragSource, setDragSource] = useState<string | null>(null);\n  const [draggedColumn, setDraggedColumn] = useState<string | null>(null);\n\n  const orderRef = useRef<string[]>([]);\n  const [columnIds, setColumnIds] = useState<string[]>([]);\n\n  const registerColumn = useCallback((id: string) => {\n    if (!orderRef.current.includes(id)) {\n      orderRef.current = [...orderRef.current, id];\n      setColumnIds(orderRef.current);\n    }\n    return () => {\n      orderRef.current = orderRef.current.filter((x) => x !== id);\n      setColumnIds(orderRef.current);\n    };\n  }, []);\n\n  const ctx = useMemo(\n    () => ({\n      draggedCard,\n      setDraggedCard,\n      dragSource,\n      setDragSource,\n      draggedColumn,\n      setDraggedColumn,\n      onCardMove,\n      onColumnMove,\n      columnIds,\n      registerColumn,\n    }),\n    [\n      draggedCard,\n      dragSource,\n      draggedColumn,\n      onCardMove,\n      onColumnMove,\n      columnIds,\n      registerColumn,\n    ],\n  );\n\n  // ── Column-level drop handling ────────────────────────────────────────\n  // Root listens only when a column is being dragged. Drop index is\n  // computed from mouse X versus each column's horizontal midpoint.\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const handleDragOver = useCallback(\n    (e: React.DragEvent) => {\n      if (!draggedColumn) return;\n      e.preventDefault();\n    },\n    [draggedColumn],\n  );\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      if (!draggedColumn || !containerRef.current) return;\n      e.preventDefault();\n\n      const cols = containerRef.current.querySelectorAll<HTMLElement>(\n        '[data-react-fancy-kanban-column]',\n      );\n      const x = e.clientX;\n      let dropIdx = cols.length;\n      for (let i = 0; i < cols.length; i++) {\n        const rect = cols[i]!.getBoundingClientRect();\n        if (x < rect.left + rect.width / 2) {\n          dropIdx = i;\n          break;\n        }\n      }\n\n      const sourceIdx = columnIds.indexOf(draggedColumn);\n      // When moving rightward, dropping at index N visually means landing\n      // at N - 1 after the source is removed.\n      const finalIdx =\n        sourceIdx >= 0 && dropIdx > sourceIdx ? dropIdx - 1 : dropIdx;\n\n      if (finalIdx !== sourceIdx) {\n        onColumnMove?.(draggedColumn, finalIdx);\n      }\n      setDraggedColumn(null);\n    },\n    [draggedColumn, columnIds, onColumnMove],\n  );\n\n  return (\n    <KanbanContext.Provider value={ctx}>\n      <div\n        ref={containerRef}\n        data-react-fancy-kanban=\"\"\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n        role=\"application\"\n        aria-roledescription=\"kanban board\"\n        className={cn(\"flex gap-4 overflow-x-auto p-4\", className)}\n      >\n        {children}\n      </div>\n    </KanbanContext.Provider>\n  );\n}\n\nexport const Kanban = Object.assign(KanbanRoot, {\n  Column: KanbanColumn,\n  Card: KanbanCard,\n  ColumnHandle: KanbanColumnHandle,\n});\n"]}

package/dist/{chunk-PFEFKLUV.cjs → chunk-K5MQZTDW.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk5CXJ5Z4C_cjs = require('./chunk-5CXJ5Z4C.cjs');
+var chunkBJL3VDRK_cjs = require('./chunk-BJL3VDRK.cjs');
 var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -39,7 +39,7 @@ var Profile = react.forwardRef(
         className: chunkZU5Q77OT_cjs.cn("flex items-center", gapClasses[size], className),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5CXJ5Z4C_cjs.Avatar,
+            chunkBJL3VDRK_cjs.Avatar,
             {
               src,
               alt: alt || name,
@@ -53,7 +53,7 @@ var Profile = react.forwardRef(
               "span",
               {
                 className: chunkZU5Q77OT_cjs.cn(
-                  "truncate font-medium text-zinc-900 dark:text-zinc-100",
+                  "truncate font-medium text-[color:var(--fancy-text,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]",
                   nameClasses[size]
                 ),
                 children: name
@@ -63,7 +63,7 @@ var Profile = react.forwardRef(
               "span",
               {
                 className: chunkZU5Q77OT_cjs.cn(
-                  "truncate text-zinc-500 dark:text-zinc-400",
+                  "truncate text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]",
                   subtitleClasses[size]
                 ),
                 children: subtitle
@@ -78,5 +78,5 @@ var Profile = react.forwardRef(
 Profile.displayName = "Profile";
 
 exports.Profile = Profile;
-//# sourceMappingURL=chunk-PFEFKLUV.cjs.map
-//# sourceMappingURL=chunk-PFEFKLUV.cjs.map
+//# sourceMappingURL=chunk-K5MQZTDW.cjs.map
+//# sourceMappingURL=chunk-K5MQZTDW.cjs.map

package/dist/{chunk-PFEFKLUV.cjs.map → chunk-K5MQZTDW.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Profile/Profile.tsx"],"names":["forwardRef","jsxs","cn","jsx","Avatar"],"mappings":";;;;;;;AAKA,IAAM,UAAA,GAAgE;AAAA,EACpE,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,WAAA,GAAiE;AAAA,EACrE,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,eAAA,GAAqE;AAAA,EACzE,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,OAAA,GAAUA,gBAAA;AAAA,EACrB,CACE;AAAA,IACE,GAAA;AAAA,IACA,GAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,MAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,0BAAA,EAAyB,EAAA;AAAA,QACzB,WAAWC,oBAAA,CAAG,mBAAA,EAAqB,UAAA,CAAW,IAAI,GAAG,SAAS,CAAA;AAAA,QAE9D,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAACC,wBAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,KAAK,GAAA,IAAO,IAAA;AAAA,cACZ,QAAA;AAAA,cACA,IAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACAH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,4BAAAE,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAWD,oBAAA;AAAA,kBACT,uDAAA;AAAA,kBACA,YAAY,IAAI;AAAA,iBAClB;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YACC,QAAA,oBACCC,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAWD,oBAAA;AAAA,kBACT,2CAAA;AAAA,kBACA,gBAAgB,IAAI;AAAA,iBACtB;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA;AACH,WAAA,EAEJ;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-PFEFKLUV.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Avatar } from \"../Avatar\";\nimport type { ProfileProps } from \"./Profile.types\";\n\nconst gapClasses: Record<NonNullable<ProfileProps[\"size\"]>, string> = {\n  sm: \"gap-2\",\n  md: \"gap-3\",\n  lg: \"gap-4\",\n};\n\nconst nameClasses: Record<NonNullable<ProfileProps[\"size\"]>, string> = {\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n};\n\nconst subtitleClasses: Record<NonNullable<ProfileProps[\"size\"]>, string> = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n};\n\nexport const Profile = forwardRef<HTMLDivElement, ProfileProps>(\n  (\n    {\n      src,\n      alt,\n      fallback,\n      name,\n      subtitle,\n      size = \"md\",\n      status,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-profile=\"\"\n        className={cn(\"flex items-center\", gapClasses[size], className)}\n      >\n        <Avatar\n          src={src}\n          alt={alt || name}\n          fallback={fallback}\n          size={size}\n          status={status}\n        />\n        <div className=\"flex min-w-0 flex-col\">\n          <span\n            className={cn(\n              \"truncate font-medium text-zinc-900 dark:text-zinc-100\",\n              nameClasses[size],\n            )}\n          >\n            {name}\n          </span>\n          {subtitle && (\n            <span\n              className={cn(\n                \"truncate text-zinc-500 dark:text-zinc-400\",\n                subtitleClasses[size],\n              )}\n            >\n              {subtitle}\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nProfile.displayName = \"Profile\";\n"]}
+{"version":3,"sources":["../src/components/Profile/Profile.tsx"],"names":["forwardRef","jsxs","cn","jsx","Avatar"],"mappings":";;;;;;;AAKA,IAAM,UAAA,GAAgE;AAAA,EACpE,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,WAAA,GAAiE;AAAA,EACrE,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,eAAA,GAAqE;AAAA,EACzE,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,OAAA,GAAUA,gBAAA;AAAA,EACrB,CACE;AAAA,IACE,GAAA;AAAA,IACA,GAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,MAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,0BAAA,EAAyB,EAAA;AAAA,QACzB,WAAWC,oBAAA,CAAG,mBAAA,EAAqB,UAAA,CAAW,IAAI,GAAG,SAAS,CAAA;AAAA,QAE9D,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAACC,wBAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,KAAK,GAAA,IAAO,IAAA;AAAA,cACZ,QAAA;AAAA,cACA,IAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACAH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,4BAAAE,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAWD,oBAAA;AAAA,kBACT,0IAAA;AAAA,kBACA,YAAY,IAAI;AAAA,iBAClB;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YACC,QAAA,oBACCC,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAWD,oBAAA;AAAA,kBACT,0IAAA;AAAA,kBACA,gBAAgB,IAAI;AAAA,iBACtB;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA;AACH,WAAA,EAEJ;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-K5MQZTDW.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Avatar } from \"../Avatar\";\nimport type { ProfileProps } from \"./Profile.types\";\n\nconst gapClasses: Record<NonNullable<ProfileProps[\"size\"]>, string> = {\n  sm: \"gap-2\",\n  md: \"gap-3\",\n  lg: \"gap-4\",\n};\n\nconst nameClasses: Record<NonNullable<ProfileProps[\"size\"]>, string> = {\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n};\n\nconst subtitleClasses: Record<NonNullable<ProfileProps[\"size\"]>, string> = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n};\n\nexport const Profile = forwardRef<HTMLDivElement, ProfileProps>(\n  (\n    {\n      src,\n      alt,\n      fallback,\n      name,\n      subtitle,\n      size = \"md\",\n      status,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-profile=\"\"\n        className={cn(\"flex items-center\", gapClasses[size], className)}\n      >\n        <Avatar\n          src={src}\n          alt={alt || name}\n          fallback={fallback}\n          size={size}\n          status={status}\n        />\n        <div className=\"flex min-w-0 flex-col\">\n          <span\n            className={cn(\n              \"truncate font-medium text-[color:var(--fancy-text,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n              nameClasses[size],\n            )}\n          >\n            {name}\n          </span>\n          {subtitle && (\n            <span\n              className={cn(\n                \"truncate text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\",\n                subtitleClasses[size],\n              )}\n            >\n              {subtitle}\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nProfile.displayName = \"Profile\";\n"]}

package/dist/{chunk-32AJIHBZ.js → chunk-K6Q542VL.js}

@@ -80,7 +80,7 @@ function MoodMeter({
               x2: `${p * 100}%`,
               y1: "0",
               y2: "100%",
-              stroke: "#a1a1aa",
+              className: "stroke-[color:var(--fancy-text-faint,#a1a1aa)] dark:stroke-[color:var(--fancy-text-faint-dark,#a1a1aa)]",
               strokeOpacity: 0.18,
               strokeDasharray: "3 4"
             },
@@ -93,7 +93,7 @@ function MoodMeter({
               x2: "100%",
               y1: `${p * 100}%`,
               y2: `${p * 100}%`,
-              stroke: "#a1a1aa",
+              className: "stroke-[color:var(--fancy-text-faint,#a1a1aa)] dark:stroke-[color:var(--fancy-text-faint-dark,#a1a1aa)]",
               strokeOpacity: 0.18,
               strokeDasharray: "3 4"
             },
@@ -163,7 +163,7 @@ function Handle({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "pointer-events-none absolute -translate-x-1/2 -translate-y-1/2 rounded-full ring-2 ring-white dark:ring-zinc-900",
+        className: "pointer-events-none absolute -translate-x-1/2 -translate-y-1/2 rounded-full ring-2 ring-[color:var(--fancy-surface,var(--color-white))] dark:ring-[color:var(--fancy-surface-dark,var(--color-zinc-900))]",
         style: {
           left: `${xPct}%`,
           top: `${yPct}%`,
@@ -197,5 +197,5 @@ function round(n, step, min) {
 }
 
 export { MoodMeter };
-//# sourceMappingURL=chunk-32AJIHBZ.js.map
-//# sourceMappingURL=chunk-32AJIHBZ.js.map
+//# sourceMappingURL=chunk-K6Q542VL.js.map
+//# sourceMappingURL=chunk-K6Q542VL.js.map

package/dist/chunk-K6Q542VL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MoodMeter/MoodMeter.tsx"],"names":[],"mappings":"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","file":"chunk-K6Q542VL.js","sourcesContent":["import { useCallback, useRef, useState } from \"react\";\n\n/**\n * MoodMeter — a 2D draggable pad that captures a value AND the\n * confidence in that value on the same handle.\n *\n *   <MoodMeter\n *     min={0} max={1}\n *     value={value} confidence={confidence}\n *     onChange={(v, c) => { setValue(v); setConfidence(c); }}\n *   />\n *\n *   • x-axis maps to [min..max]\n *   • y-axis maps to [0..1] confidence (top = sure)\n *   • the halo around the handle scales inversely with confidence —\n *     uncertain readings literally look fuzzier\n *\n * Why pair them in one control? When AIs post a number, humans\n * immediately ask \"how sure are you?\". Making confidence an explicit\n * sibling of value — and letting the user drag either independently —\n * turns vague \"AI suggestion\" UX into something you can argue with\n * precisely.\n *\n * The agent's posted value/confidence renders as a dashed ghost\n * handle alongside the live user handle, so the human can see where\n * the agent landed and how far they've drifted.\n */\nexport interface MoodMeterProps {\n  /** Range minimum. */\n  min: number;\n  /** Range maximum. */\n  max: number;\n  /** Step for value snapping. Defaults to (max-min)/100. */\n  step?: number;\n  /** Current value (controlled). */\n  value: number;\n  /** Current confidence 0..1 (controlled). */\n  confidence: number;\n  /** Called with (value, confidence) on drag / pointer events. */\n  onChange: (value: number, confidence: number) => void;\n  /** Optional agent post — renders as a dashed ghost handle. */\n  posted?: { value: number; confidence: number };\n  /** Pixel width of the pad. Defaults to 320. */\n  width?: number;\n  /** Pixel height of the pad. Defaults to 220. */\n  height?: number;\n  /** Show the grid + axis labels. Defaults to true. */\n  showGrid?: boolean;\n  /** Color of the user handle. Defaults to sky blue. */\n  color?: string;\n  /** Color of the posted-ghost handle. Defaults to violet. */\n  postedColor?: string;\n  /** Optional prefix for the value label (e.g. \"$\"). */\n  prefix?: string;\n  /** Optional suffix for the value label (e.g. \"k\", \"%\"). */\n  suffix?: string;\n  /** Optional label text override. Falls back to formatted value. */\n  formatValue?: (v: number) => string;\n  /** Optional className applied to the outer pad. */\n  className?: string;\n}\n\nexport function MoodMeter({\n  min,\n  max,\n  step,\n  value,\n  confidence,\n  onChange,\n  posted,\n  width = 320,\n  height = 220,\n  showGrid = true,\n  color = \"#0ea5e9\",\n  postedColor = \"#a855f7\",\n  prefix = \"\",\n  suffix = \"\",\n  formatValue,\n  className,\n}: MoodMeterProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [dragging, setDragging] = useState(false);\n\n  const snapStep = step ?? (max - min) / 100;\n\n  const fmt = useCallback(\n    (v: number) => {\n      if (formatValue) return formatValue(v);\n      const num = snapStep < 1 ? v.toFixed(2) : Math.round(v).toString();\n      return `${prefix}${num}${suffix}`;\n    },\n    [formatValue, snapStep, prefix, suffix],\n  );\n\n  const set = useCallback(\n    (clientX: number, clientY: number) => {\n      const el = ref.current;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      const x = clamp((clientX - rect.left) / rect.width, 0, 1);\n      const y = clamp((clientY - rect.top) / rect.height, 0, 1);\n      const raw = min + x * (max - min);\n      const snapped = round(raw, snapStep, min);\n      const c = clamp(1 - y, 0, 1);\n      onChange(snapped, Math.round(c * 100) / 100);\n    },\n    [min, max, snapStep, onChange],\n  );\n\n  const onPointerDown = (e: React.PointerEvent<HTMLDivElement>) => {\n    (e.target as Element).setPointerCapture?.(e.pointerId);\n    setDragging(true);\n    set(e.clientX, e.clientY);\n  };\n  const onPointerMove = (e: React.PointerEvent<HTMLDivElement>) => {\n    if (!dragging) return;\n    set(e.clientX, e.clientY);\n  };\n  const onPointerUp = () => setDragging(false);\n\n  const xPct = ((value - min) / (max - min)) * 100;\n  const yPct = (1 - confidence) * 100;\n  const haloR = 18 + (1 - confidence) * 70;\n\n  const pxPct = posted ? ((posted.value - min) / (max - min)) * 100 : 0;\n  const pyPct = posted ? (1 - posted.confidence) * 100 : 0;\n  const pHaloR = posted ? 16 + (1 - posted.confidence) * 60 : 0;\n\n  return (\n    <div\n      ref={ref}\n      onPointerDown={onPointerDown}\n      onPointerMove={onPointerMove}\n      onPointerUp={onPointerUp}\n      onPointerCancel={onPointerUp}\n      className={`relative cursor-crosshair touch-none select-none overflow-hidden rounded-md border border-zinc-200 bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950 ${className ?? \"\"}`}\n      style={{ width, height }}\n    >\n      {showGrid && (\n        <svg className=\"pointer-events-none absolute inset-0 h-full w-full\" aria-hidden>\n          {[0.25, 0.5, 0.75].map((p, i) => (\n            <line\n              key={`v${i}`}\n              x1={`${p * 100}%`}\n              x2={`${p * 100}%`}\n              y1=\"0\"\n              y2=\"100%\"\n              className=\"stroke-[color:var(--fancy-text-faint,#a1a1aa)] dark:stroke-[color:var(--fancy-text-faint-dark,#a1a1aa)]\"\n              strokeOpacity={0.18}\n              strokeDasharray=\"3 4\"\n            />\n          ))}\n          {[0.25, 0.5, 0.75].map((p, i) => (\n            <line\n              key={`h${i}`}\n              x1=\"0\"\n              x2=\"100%\"\n              y1={`${p * 100}%`}\n              y2={`${p * 100}%`}\n              className=\"stroke-[color:var(--fancy-text-faint,#a1a1aa)] dark:stroke-[color:var(--fancy-text-faint-dark,#a1a1aa)]\"\n              strokeOpacity={0.18}\n              strokeDasharray=\"3 4\"\n            />\n          ))}\n        </svg>\n      )}\n\n      {showGrid && (\n        <>\n          <div className=\"pointer-events-none absolute left-1.5 top-1.5 text-[10px] uppercase tracking-wider text-zinc-400\">\n            ↑ sure\n          </div>\n          <div className=\"pointer-events-none absolute bottom-1.5 left-1.5 text-[10px] uppercase tracking-wider text-zinc-400\">\n            ↓ unsure\n          </div>\n          <div className=\"pointer-events-none absolute right-1.5 top-1.5 text-[10px] uppercase tracking-wider text-zinc-400\">\n            {fmt(max)} →\n          </div>\n          <div className=\"pointer-events-none absolute bottom-1.5 right-1.5 text-[10px] uppercase tracking-wider text-zinc-400\">\n            ← {fmt(min)}\n          </div>\n        </>\n      )}\n\n      {posted && (\n        <Handle\n          xPct={pxPct}\n          yPct={pyPct}\n          haloR={pHaloR}\n          color={postedColor}\n          dashed\n          label=\"agent\"\n        />\n      )}\n      <Handle\n        xPct={xPct}\n        yPct={yPct}\n        haloR={haloR}\n        color={color}\n        label={fmt(value)}\n      />\n    </div>\n  );\n}\n\nfunction Handle({\n  xPct,\n  yPct,\n  haloR,\n  color,\n  dashed = false,\n  label,\n}: {\n  xPct: number;\n  yPct: number;\n  haloR: number;\n  color: string;\n  dashed?: boolean;\n  label: string;\n}) {\n  return (\n    <>\n      <div\n        className=\"pointer-events-none absolute -translate-x-1/2 -translate-y-1/2 rounded-full\"\n        style={{\n          left: `${xPct}%`,\n          top: `${yPct}%`,\n          width: haloR * 2,\n          height: haloR * 2,\n          background: color + (dashed ? \"11\" : \"22\"),\n          border: dashed ? `1px dashed ${color}` : \"none\",\n        }}\n      />\n      <div\n        className=\"pointer-events-none absolute -translate-x-1/2 -translate-y-1/2 rounded-full ring-2 ring-[color:var(--fancy-surface,var(--color-white))] dark:ring-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\"\n        style={{\n          left: `${xPct}%`,\n          top: `${yPct}%`,\n          width: 14,\n          height: 14,\n          background: color,\n          opacity: dashed ? 0.6 : 1,\n        }}\n      />\n      <div\n        className=\"pointer-events-none absolute -translate-x-1/2 rounded px-1.5 py-0.5 font-mono text-[10px]\"\n        style={{\n          left: `${xPct}%`,\n          top: `calc(${yPct}% + 14px)`,\n          color,\n        }}\n      >\n        {label}\n      </div>\n    </>\n  );\n}\n\nfunction clamp(n: number, lo: number, hi: number) {\n  return Math.max(lo, Math.min(hi, n));\n}\n\nfunction round(n: number, step: number, min: number) {\n  if (step >= 1) return Math.round(n);\n  return Math.round((n - min) / step) * step + min;\n}\n"]}

package/dist/{chunk-OFHO5SXA.js → chunk-KC3PYCBO.js}

@@ -31,7 +31,7 @@ var StatRoot = forwardRef(
         {
           "data-react-fancy-stat-value": "",
           className: cn(
-            "font-semibold leading-none tracking-tight text-zinc-900 tabular-nums dark:text-zinc-100",
+            "font-semibold leading-none tracking-tight text-[color:var(--fancy-text,var(--color-zinc-900))] tabular-nums dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]",
             valueClasses[size]
           ),
           children: value
@@ -41,7 +41,7 @@ var StatRoot = forwardRef(
         "div",
         {
           "data-react-fancy-stat-label": "",
-          className: "mt-1.5 font-mono text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400",
+          className: "mt-1.5 font-mono text-xs uppercase tracking-wide text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]",
           children: label
         }
       )
@@ -52,5 +52,5 @@ StatRoot.displayName = "Stat";
 var Stat = Object.assign(StatRoot, { Band: StatBand });
 
 export { Stat, StatBand };
-//# sourceMappingURL=chunk-OFHO5SXA.js.map
-//# sourceMappingURL=chunk-OFHO5SXA.js.map
+//# sourceMappingURL=chunk-KC3PYCBO.js.map
+//# sourceMappingURL=chunk-KC3PYCBO.js.map

package/dist/{chunk-OFHO5SXA.js.map → chunk-KC3PYCBO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stat/StatBand.tsx","../src/components/Stat/Stat.tsx"],"names":["forwardRef","jsx"],"mappings":";;;;AAWO,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,EAAE,OAAA,GAAU,CAAA,EAAG,SAAA,EAAW,OAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9D,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,4BAAA,EAA2B,EAAA;AAAA,QAC3B,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,QACrC,OAAO,EAAE,mBAAA,EAAqB,UAAU,OAAO,CAAA,iBAAA,CAAA,EAAqB,GAAG,KAAA,EAAM;AAAA,QAC5E,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;ACtBvB,IAAM,YAAA,GAA+D;AAAA,EACnE,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAcA,IAAM,QAAA,GAAWA,UAAAA;AAAA,EACf,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,IAAA,GAAO,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrE,IAAA,uBACEC,GAAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,uBAAA,EAAsB,EAAA,EAAG,SAAA,EAAW,EAAA,CAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACnE,sCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAA,GAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,6BAAA,EAA4B,EAAA;AAAA,UAC5B,SAAA,EAAW,EAAA;AAAA,YACT,yFAAA;AAAA,YACA,aAAa,IAAI;AAAA,WACnB;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MACC,KAAA,IAAS,wBACRA,GAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,6BAAA,EAA4B,EAAA;AAAA,UAC5B,SAAA,EAAU,mFAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA,EAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEhB,IAAM,OAAO,MAAA,CAAO,MAAA,CAAO,UAAU,EAAE,IAAA,EAAM,UAAU","file":"chunk-OFHO5SXA.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { StatBandProps } from \"./Stat.types\";\n\n/**\n * The row a set of `<Stat>`s sits in.\n *\n * A plain grid, but it is the reason `<Stat>` defaults to `tabular-nums`: a\n * figure alone can be proportional without anyone noticing, and only becomes\n * wrong once it has neighbours to fail to line up with.\n */\nexport const StatBand = forwardRef<HTMLDivElement, StatBandProps>(\n  ({ columns = 4, className, style, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-stat-band=\"\"\n        className={cn(\"grid gap-6\", className)}\n        style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`, ...style }}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nStatBand.displayName = \"StatBand\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { StatBand } from \"./StatBand\";\nimport type { StatProps } from \"./Stat.types\";\n\nconst valueClasses: Record<NonNullable<StatProps[\"size\"]>, string> = {\n  sm: \"text-xl\",\n  md: \"text-3xl\",\n  lg: \"text-5xl\",\n};\n\n/**\n * A big display figure with a caption — the `2016 / 120+ / 08 / 14` band cell.\n *\n * Twenty-seven gallery styles build this, and **five of seventeen forgot\n * `tabular-nums`**. That is not a cosmetic slip: in a proportional face a `1` is\n * narrower than a `0`, so a row of figures that is supposed to read as a band\n * comes out visibly ragged, and the fix is one property nobody remembers to\n * look for. It is the default here.\n *\n * Distinct from a right-aligned key/value list — this is a large flush-left\n * figure repeated across a row.\n */\nconst StatRoot = forwardRef<HTMLDivElement, StatProps>(\n  ({ value, label, size = \"md\", className, children, ...props }, ref) => {\n    return (\n      <div ref={ref} data-react-fancy-stat=\"\" className={cn(className)} {...props}>\n        {children ?? (\n          <>\n            <div\n              data-react-fancy-stat-value=\"\"\n              className={cn(\n                \"font-semibold leading-none tracking-tight text-zinc-900 tabular-nums dark:text-zinc-100\",\n                valueClasses[size],\n              )}\n            >\n              {value}\n            </div>\n            {label != null && (\n              <div\n                data-react-fancy-stat-label=\"\"\n                className=\"mt-1.5 font-mono text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400\"\n              >\n                {label}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    );\n  },\n);\n\nStatRoot.displayName = \"Stat\";\n\nexport const Stat = Object.assign(StatRoot, { Band: StatBand });\n"]}
+{"version":3,"sources":["../src/components/Stat/StatBand.tsx","../src/components/Stat/Stat.tsx"],"names":["forwardRef","jsx"],"mappings":";;;;AAWO,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,EAAE,OAAA,GAAU,CAAA,EAAG,SAAA,EAAW,OAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9D,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,4BAAA,EAA2B,EAAA;AAAA,QAC3B,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,QACrC,OAAO,EAAE,mBAAA,EAAqB,UAAU,OAAO,CAAA,iBAAA,CAAA,EAAqB,GAAG,KAAA,EAAM;AAAA,QAC5E,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;ACtBvB,IAAM,YAAA,GAA+D;AAAA,EACnE,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAcA,IAAM,QAAA,GAAWA,UAAAA;AAAA,EACf,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,IAAA,GAAO,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrE,IAAA,uBACEC,GAAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,uBAAA,EAAsB,EAAA,EAAG,SAAA,EAAW,EAAA,CAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACnE,sCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAA,GAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,6BAAA,EAA4B,EAAA;AAAA,UAC5B,SAAA,EAAW,EAAA;AAAA,YACT,4KAAA;AAAA,YACA,aAAa,IAAI;AAAA,WACnB;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MACC,KAAA,IAAS,wBACRA,GAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,6BAAA,EAA4B,EAAA;AAAA,UAC5B,SAAA,EAAU,kLAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA,EAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEhB,IAAM,OAAO,MAAA,CAAO,MAAA,CAAO,UAAU,EAAE,IAAA,EAAM,UAAU","file":"chunk-KC3PYCBO.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { StatBandProps } from \"./Stat.types\";\n\n/**\n * The row a set of `<Stat>`s sits in.\n *\n * A plain grid, but it is the reason `<Stat>` defaults to `tabular-nums`: a\n * figure alone can be proportional without anyone noticing, and only becomes\n * wrong once it has neighbours to fail to line up with.\n */\nexport const StatBand = forwardRef<HTMLDivElement, StatBandProps>(\n  ({ columns = 4, className, style, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-stat-band=\"\"\n        className={cn(\"grid gap-6\", className)}\n        style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`, ...style }}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nStatBand.displayName = \"StatBand\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { StatBand } from \"./StatBand\";\nimport type { StatProps } from \"./Stat.types\";\n\nconst valueClasses: Record<NonNullable<StatProps[\"size\"]>, string> = {\n  sm: \"text-xl\",\n  md: \"text-3xl\",\n  lg: \"text-5xl\",\n};\n\n/**\n * A big display figure with a caption — the `2016 / 120+ / 08 / 14` band cell.\n *\n * Twenty-seven gallery styles build this, and **five of seventeen forgot\n * `tabular-nums`**. That is not a cosmetic slip: in a proportional face a `1` is\n * narrower than a `0`, so a row of figures that is supposed to read as a band\n * comes out visibly ragged, and the fix is one property nobody remembers to\n * look for. It is the default here.\n *\n * Distinct from a right-aligned key/value list — this is a large flush-left\n * figure repeated across a row.\n */\nconst StatRoot = forwardRef<HTMLDivElement, StatProps>(\n  ({ value, label, size = \"md\", className, children, ...props }, ref) => {\n    return (\n      <div ref={ref} data-react-fancy-stat=\"\" className={cn(className)} {...props}>\n        {children ?? (\n          <>\n            <div\n              data-react-fancy-stat-value=\"\"\n              className={cn(\n                \"font-semibold leading-none tracking-tight text-[color:var(--fancy-text,var(--color-zinc-900))] tabular-nums dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n                valueClasses[size],\n              )}\n            >\n              {value}\n            </div>\n            {label != null && (\n              <div\n                data-react-fancy-stat-label=\"\"\n                className=\"mt-1.5 font-mono text-xs uppercase tracking-wide text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\"\n              >\n                {label}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    );\n  },\n);\n\nStatRoot.displayName = \"Stat\";\n\nexport const Stat = Object.assign(StatRoot, { Band: StatBand });\n"]}

package/dist/{chunk-QW66UHWO.cjs → chunk-KE4XURZD.cjs}

@@ -23,13 +23,13 @@ var AudioViewer = react.forwardRef(
         ref,
         "data-react-fancy-audio-viewer": "",
         className: chunkZU5Q77OT_cjs.cn(
-          "flex flex-col gap-2 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900",
+          "flex flex-col gap-2 rounded-lg border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-4 dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]",
           className
         ),
         style,
         children: [
           title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-sm font-medium text-zinc-700 dark:text-zinc-200", children: title }),
-          errored ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "Couldn't load audio." }) : /* @__PURE__ */ jsxRuntime.jsx(
+          errored ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]", children: "Couldn't load audio." }) : /* @__PURE__ */ jsxRuntime.jsx(
             "audio",
             {
               src,
@@ -52,5 +52,5 @@ var AudioViewer = react.forwardRef(
 AudioViewer.displayName = "AudioViewer";
 
 exports.AudioViewer = AudioViewer;
-//# sourceMappingURL=chunk-QW66UHWO.cjs.map
-//# sourceMappingURL=chunk-QW66UHWO.cjs.map
+//# sourceMappingURL=chunk-KE4XURZD.cjs.map
+//# sourceMappingURL=chunk-KE4XURZD.cjs.map