@mieweb/ui 0.10.0-dev.30 → 0.10.0-dev.32

package/dist/chunk-47P5QLX4.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
+var luxon = require('luxon');
+
+function withLocale(dt, locale) {
+  return locale ? dt.setLocale(locale) : dt;
+}
+var millis = (dt) => dt ? dt.toMillis() : Number.NEGATIVE_INFINITY;
+function groupByDay(items, getDate, zone) {
+  const dated = items.map((item) => ({ item, dt: chunk4NCDU5IG_cjs.toDateTime(getDate(item), zone) })).sort((a, b) => millis(b.dt) - millis(a.dt) || 0);
+  const groups = [];
+  for (const { item, dt } of dated) {
+    const key = dt?.toISODate() ?? "";
+    const last = groups[groups.length - 1];
+    if (last?.key === key) last.items.push(item);
+    else groups.push({ key, items: [item] });
+  }
+  return groups;
+}
+function formatDayLabel(key, options) {
+  if (!key) return options.undated;
+  const day = withLocale(
+    luxon.DateTime.fromISO(key, { zone: options.zone }),
+    options.locale
+  );
+  const today = luxon.DateTime.fromJSDate(options.now, { zone: options.zone });
+  if (day.hasSame(today, "day")) return options.today;
+  if (day.hasSame(today.minus({ days: 1 }), "day")) return options.yesterday;
+  return day.toLocaleString({
+    weekday: "long",
+    month: "long",
+    day: "numeric",
+    ...day.year !== today.year && { year: "numeric" }
+  });
+}
+
+exports.formatDayLabel = formatDayLabel;
+exports.groupByDay = groupByDay;
+exports.withLocale = withLocale;
+//# sourceMappingURL=chunk-47P5QLX4.cjs.map
+//# sourceMappingURL=chunk-47P5QLX4.cjs.map

package/dist/chunk-47P5QLX4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/dayGroups.ts"],"names":["toDateTime","DateTime"],"mappings":";;;;;AAkBO,SAAS,UAAA,CAAW,IAAc,MAAA,EAA2B;AAClE,EAAA,OAAO,MAAA,GAAS,EAAA,CAAG,SAAA,CAAU,MAAM,CAAA,GAAI,EAAA;AACzC;AAEA,IAAM,SAAS,CAAC,EAAA,KACd,KAAK,EAAA,CAAG,QAAA,KAAa,MAAA,CAAO,iBAAA;AAGvB,SAAS,UAAA,CACd,KAAA,EACA,OAAA,EACA,IAAA,EACe;AACf,EAAA,MAAM,KAAA,GAAQ,KAAA,CACX,GAAA,CAAI,CAAC,IAAA,MAAU,EAAE,IAAA,EAAM,EAAA,EAAIA,4BAAA,CAAW,OAAA,CAAQ,IAAI,CAAA,EAAG,IAAI,CAAA,EAAE,CAAE,CAAA,CAC7D,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,MAAA,CAAO,CAAA,CAAE,EAAE,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,EAAE,CAAA,IAAK,CAAC,CAAA;AAElD,EAAA,MAAM,SAAwB,EAAC;AAC/B,EAAA,KAAA,MAAW,EAAE,IAAA,EAAM,EAAA,EAAG,IAAK,KAAA,EAAO;AAChC,IAAA,MAAM,GAAA,GAAM,EAAA,EAAI,SAAA,EAAU,IAAK,EAAA;AAC/B,IAAA,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA;AACrC,IAAA,IAAI,MAAM,GAAA,KAAQ,GAAA,EAAK,IAAA,CAAK,KAAA,CAAM,KAAK,IAAI,CAAA;AAAA,SACtC,MAAA,CAAO,KAAK,EAAE,GAAA,EAAK,OAAO,CAAC,IAAI,GAAG,CAAA;AAAA,EACzC;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,cAAA,CAAe,KAAa,OAAA,EAAkC;AAC5E,EAAA,IAAI,CAAC,GAAA,EAAK,OAAO,OAAA,CAAQ,OAAA;AACzB,EAAA,MAAM,GAAA,GAAM,UAAA;AAAA,IACVC,eAAS,OAAA,CAAQ,GAAA,EAAK,EAAE,IAAA,EAAM,OAAA,CAAQ,MAAM,CAAA;AAAA,IAC5C,OAAA,CAAQ;AAAA,GACV;AACA,EAAA,MAAM,KAAA,GAAQA,eAAS,UAAA,CAAW,OAAA,CAAQ,KAAK,EAAE,IAAA,EAAM,OAAA,CAAQ,IAAA,EAAM,CAAA;AACrE,EAAA,IAAI,IAAI,OAAA,CAAQ,KAAA,EAAO,KAAK,CAAA,SAAU,OAAA,CAAQ,KAAA;AAC9C,EAAA,IAAI,GAAA,CAAI,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,EAAE,IAAA,EAAM,CAAA,EAAG,CAAA,EAAG,KAAK,CAAA,EAAG,OAAO,OAAA,CAAQ,SAAA;AACjE,EAAA,OAAO,IAAI,cAAA,CAAe;AAAA,IACxB,OAAA,EAAS,MAAA;AAAA,IACT,KAAA,EAAO,MAAA;AAAA,IACP,GAAA,EAAK,SAAA;AAAA,IACL,GAAI,GAAA,CAAI,IAAA,KAAS,MAAM,IAAA,IAAQ,EAAE,MAAM,SAAA;AAAU,GAClD,CAAA;AACH","file":"chunk-47P5QLX4.cjs","sourcesContent":["import { DateTime } from 'luxon';\nimport { toDateTime } from '../../views/types';\n\nexport interface DayGroup<T> {\n  /** ISO date (`yyyy-MM-dd`) in the display zone; `''` for undated items. */\n  key: string;\n  items: T[];\n}\n\nexport interface DayLabelOptions {\n  now: Date;\n  zone: string;\n  locale?: string;\n  today: string;\n  yesterday: string;\n  undated: string;\n}\n\nexport function withLocale(dt: DateTime, locale?: string): DateTime {\n  return locale ? dt.setLocale(locale) : dt;\n}\n\nconst millis = (dt: DateTime | null) =>\n  dt ? dt.toMillis() : Number.NEGATIVE_INFINITY;\n\n/** Buckets items by calendar day in `zone`, newest first; undated items last. */\nexport function groupByDay<T>(\n  items: readonly T[],\n  getDate: (item: T) => Date | string | null | undefined,\n  zone: string\n): DayGroup<T>[] {\n  const dated = items\n    .map((item) => ({ item, dt: toDateTime(getDate(item), zone) }))\n    .sort((a, b) => millis(b.dt) - millis(a.dt) || 0);\n\n  const groups: DayGroup<T>[] = [];\n  for (const { item, dt } of dated) {\n    const key = dt?.toISODate() ?? '';\n    const last = groups[groups.length - 1];\n    if (last?.key === key) last.items.push(item);\n    else groups.push({ key, items: [item] });\n  }\n  return groups;\n}\n\nexport function formatDayLabel(key: string, options: DayLabelOptions): string {\n  if (!key) return options.undated;\n  const day = withLocale(\n    DateTime.fromISO(key, { zone: options.zone }),\n    options.locale\n  );\n  const today = DateTime.fromJSDate(options.now, { zone: options.zone });\n  if (day.hasSame(today, 'day')) return options.today;\n  if (day.hasSame(today.minus({ days: 1 }), 'day')) return options.yesterday;\n  return day.toLocaleString({\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n    ...(day.year !== today.year && { year: 'numeric' }),\n  });\n}\n"]}

package/dist/chunk-4ZB7RSMY.cjs

@@ -0,0 +1,306 @@
+'use strict';
+
+var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var luxon = require('luxon');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultInlineEditLabels = {
+  edit: (label) => `Edit ${label}`,
+  save: "Save",
+  cancel: "Cancel",
+  saving: "Saving\u2026",
+  empty: "Click to add",
+  saveFailed: "Could not save. Try again."
+};
+var displayVariants = classVarianceAuthority.cva(
+  [
+    "group inline-flex w-full min-w-0 items-center gap-2 rounded-md text-start",
+    "text-foreground transition-colors motion-reduce:transition-none",
+    "hover:bg-muted focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "min-h-8 px-2 py-1 text-sm",
+        md: "min-h-10 px-3 py-2 text-base"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function defaultDisplay(value, type, options) {
+  if (type === "select") {
+    return options?.find((o) => o.value === value)?.label ?? value;
+  }
+  if (type === "date") {
+    const date = luxon.DateTime.fromISO(value);
+    return date.isValid ? date.toLocaleString(luxon.DateTime.DATE_MED) : value;
+  }
+  return value;
+}
+var InlineEdit = React__namespace.forwardRef(
+  function InlineEdit2({
+    value,
+    onSave,
+    label,
+    type = "text",
+    options,
+    placeholder,
+    validate,
+    formatDisplay,
+    readOnly,
+    disabled,
+    saveOnBlur = true,
+    size,
+    labels: labelOverrides,
+    className,
+    "aria-describedby": describedBy,
+    ...props
+  }, ref) {
+    const labels = { ...defaultInlineEditLabels, ...labelOverrides };
+    const [editing, setEditing] = React__namespace.useState(false);
+    const [draft, setDraft] = React__namespace.useState(value);
+    const [pendingValue, setPendingValue] = React__namespace.useState(null);
+    const [error, setError] = React__namespace.useState(null);
+    const containerRef = React__namespace.useRef(null);
+    const displayRef = React__namespace.useRef(null);
+    const fieldRef = React__namespace.useRef(null);
+    const refocusDisplay = React__namespace.useRef(false);
+    const errorId = React__namespace.useId();
+    const describedByIds = [describedBy, error && errorId].filter(Boolean).join(" ") || void 0;
+    React__namespace.useImperativeHandle(ref, () => containerRef.current);
+    React__namespace.useEffect(() => {
+      if (editing) fieldRef.current?.focus();
+      else if (refocusDisplay.current) {
+        refocusDisplay.current = false;
+        displayRef.current?.focus();
+      }
+    }, [editing]);
+    const startEditing = () => {
+      if (disabled || readOnly || pendingValue !== null) return;
+      setDraft(value);
+      setError(null);
+      setEditing(true);
+    };
+    const cancel = (restoreFocus) => {
+      refocusDisplay.current = restoreFocus;
+      setError(null);
+      setEditing(false);
+    };
+    const commit = async (restoreFocus) => {
+      const next = type === "select" ? draft : draft.trim();
+      if (next === value) return cancel(restoreFocus);
+      const invalid = validate?.(next);
+      if (invalid) {
+        setError(invalid);
+        return;
+      }
+      refocusDisplay.current = restoreFocus;
+      setError(null);
+      setEditing(false);
+      setPendingValue(next);
+      try {
+        await onSave(next);
+      } catch (e) {
+        setError(
+          e instanceof Error && e.message ? e.message : labels.saveFailed
+        );
+      } finally {
+        setPendingValue(null);
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        cancel(true);
+      } else if (e.key === "Enter" && (type !== "textarea" || e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        void commit(true);
+      }
+    };
+    const handleBlur = (e) => {
+      if (containerRef.current?.contains(e.relatedTarget)) {
+        return;
+      }
+      if (saveOnBlur) void commit(false);
+      else cancel(false);
+    };
+    const shown = pendingValue ?? value;
+    const isEmpty = shown.trim() === "";
+    const displayContent = isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground italic", children: placeholder ?? labels.empty }) : formatDisplay?.(shown) ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-words whitespace-pre-wrap", children: defaultDisplay(shown, type, options) });
+    const errorNode = error && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        id: errorId,
+        role: "alert",
+        "data-slot": "inline-edit-error",
+        className: "text-destructive-700 dark:text-destructive-400 mt-1 text-sm",
+        children: error
+      }
+    );
+    if (readOnly) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: containerRef,
+          "data-slot": "inline-edit",
+          "data-state": "read-only",
+          "aria-describedby": describedBy,
+          className: chunkS5RVSXDV_cjs.cn(
+            displayVariants({ size }),
+            "hover:bg-transparent",
+            className
+          ),
+          ...props,
+          children: displayContent
+        }
+      );
+    }
+    if (!editing) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: containerRef,
+          "data-slot": "inline-edit",
+          "data-state": "display",
+          className: chunkS5RVSXDV_cjs.cn("min-w-0", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                ref: displayRef,
+                type: "button",
+                "data-slot": "inline-edit-display",
+                "aria-label": labels.edit(label),
+                "aria-describedby": describedByIds,
+                "aria-busy": pendingValue !== null || void 0,
+                disabled,
+                onClick: startEditing,
+                className: displayVariants({ size }),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children: displayContent }),
+                  pendingValue !== null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { role: "status", className: "inline-flex items-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      lucideReact.Loader2,
+                      {
+                        "aria-hidden": "true",
+                        className: "text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: labels.saving })
+                  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                    lucideReact.Pencil,
+                    {
+                      "aria-hidden": "true",
+                      className: "text-muted-foreground h-3.5 w-3.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none"
+                    }
+                  )
+                ]
+              }
+            ),
+            errorNode
+          ]
+        }
+      );
+    }
+    const fieldProps = {
+      ref: fieldRef,
+      "aria-label": label,
+      "aria-invalid": error ? true : void 0,
+      "aria-describedby": describedByIds,
+      "data-slot": "inline-edit-field",
+      value: draft,
+      onChange: (e) => setDraft(e.target.value),
+      onKeyDown: handleKeyDown,
+      onBlur: handleBlur,
+      className: chunkS5RVSXDV_cjs.cn(
+        chunkZ5S5JEJD_cjs.inputVariants({ size: size === "sm" ? "sm" : "md", hasError: !!error })
+      )
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: containerRef,
+        "data-slot": "inline-edit",
+        "data-state": "editing",
+        className: chunkS5RVSXDV_cjs.cn("min-w-0", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-1", children: [
+            type === "textarea" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                ...fieldProps,
+                rows: 3,
+                placeholder,
+                className: chunkS5RVSXDV_cjs.cn(fieldProps.className, "h-auto min-h-20")
+              }
+            ) : type === "select" ? /* @__PURE__ */ jsxRuntime.jsxs("select", { ...fieldProps, children: [
+              !options?.some((o) => o.value === draft) && /* @__PURE__ */ jsxRuntime.jsx("option", { value: draft, children: placeholder ?? "" }),
+              options?.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("input", { ...fieldProps, type, placeholder }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": labels.save,
+                title: labels.save,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => void commit(true),
+                onBlur: handleBlur,
+                className: "text-success hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": labels.cancel,
+                title: labels.cancel,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => cancel(true),
+                onBlur: handleBlur,
+                className: "text-muted-foreground hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          errorNode
+        ]
+      }
+    );
+  }
+);
+InlineEdit.displayName = "InlineEdit";
+
+exports.InlineEdit = InlineEdit;
+exports.defaultInlineEditLabels = defaultInlineEditLabels;
+//# sourceMappingURL=chunk-4ZB7RSMY.cjs.map
+//# sourceMappingURL=chunk-4ZB7RSMY.cjs.map

package/dist/chunk-4ZB7RSMY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InlineEdit/InlineEdit.tsx"],"names":["cva","DateTime","React","InlineEdit","jsx","cn","jsxs","Loader2","Pencil","inputVariants","Check","X"],"mappings":"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","file":"chunk-4ZB7RSMY.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, Loader2, Pencil, X } from 'lucide-react';\nimport { DateTime } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { inputVariants } from '../Input';\n\nexport type InlineEditType =\n  | 'text'\n  | 'textarea'\n  | 'number'\n  | 'date'\n  | 'select'\n  | 'email'\n  | 'url'\n  | 'tel';\n\nexport interface InlineEditOption {\n  value: string;\n  label: string;\n}\n\nexport interface InlineEditLabels {\n  /** Accessible name of the display button. */\n  edit: (label: string) => string;\n  save: string;\n  cancel: string;\n  saving: string;\n  /** Shown when the value is empty and no `placeholder` is given. */\n  empty: string;\n  /** Shown when `onSave` rejects without an `Error` message. */\n  saveFailed: string;\n}\n\nexport const defaultInlineEditLabels: InlineEditLabels = {\n  edit: (label) => `Edit ${label}`,\n  save: 'Save',\n  cancel: 'Cancel',\n  saving: 'Saving…',\n  empty: 'Click to add',\n  saveFailed: 'Could not save. Try again.',\n};\n\nconst displayVariants = cva(\n  [\n    'group inline-flex w-full min-w-0 items-center gap-2 rounded-md text-start',\n    'text-foreground transition-colors motion-reduce:transition-none',\n    'hover:bg-muted focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n    'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'min-h-8 px-2 py-1 text-sm',\n        md: 'min-h-10 px-3 py-2 text-base',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  }\n);\n\nexport interface InlineEditProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    VariantProps<typeof displayVariants> {\n  /** Current persisted value. Dates are ISO `yyyy-MM-dd`. */\n  value: string;\n  /** Persist the new value. Rejecting restores the previous value and shows an error. */\n  onSave: (value: string) => void | Promise<void>;\n  /** Field name, used for the accessible names of the controls. */\n  label: string;\n  /** Which control to render while editing. */\n  type?: InlineEditType;\n  /** Choices for `type=\"select\"`. */\n  options?: InlineEditOption[];\n  /** Shown when the value is empty. */\n  placeholder?: string;\n  /** Return an error message to block the save. */\n  validate?: (value: string) => string | undefined;\n  /** Custom rendering of a non-empty value in display mode. */\n  formatDisplay?: (value: string) => React.ReactNode;\n  /** Render the value as plain text with no edit affordance. */\n  readOnly?: boolean;\n  disabled?: boolean;\n  /** Save when focus leaves the editor (default). When false, blur cancels. */\n  saveOnBlur?: boolean;\n  /** Translatable strings. */\n  labels?: Partial<InlineEditLabels>;\n}\n\nfunction defaultDisplay(\n  value: string,\n  type: InlineEditType,\n  options?: InlineEditOption[]\n): string {\n  if (type === 'select') {\n    return options?.find((o) => o.value === value)?.label ?? value;\n  }\n  if (type === 'date') {\n    const date = DateTime.fromISO(value);\n    return date.isValid ? date.toLocaleString(DateTime.DATE_MED) : value;\n  }\n  return value;\n}\n\n/**\n * Click-to-edit value: a button in display mode, the matching control in edit\n * mode. Enter saves (Cmd/Ctrl+Enter in a textarea), Escape cancels.\n */\nexport const InlineEdit = React.forwardRef<HTMLDivElement, InlineEditProps>(\n  function InlineEdit(\n    {\n      value,\n      onSave,\n      label,\n      type = 'text',\n      options,\n      placeholder,\n      validate,\n      formatDisplay,\n      readOnly,\n      disabled,\n      saveOnBlur = true,\n      size,\n      labels: labelOverrides,\n      className,\n      'aria-describedby': describedBy,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultInlineEditLabels, ...labelOverrides };\n    const [editing, setEditing] = React.useState(false);\n    const [draft, setDraft] = React.useState(value);\n    const [pendingValue, setPendingValue] = React.useState<string | null>(null);\n    const [error, setError] = React.useState<string | null>(null);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    const displayRef = React.useRef<HTMLButtonElement>(null);\n    const fieldRef = React.useRef<\n      HTMLInputElement & HTMLTextAreaElement & HTMLSelectElement\n    >(null);\n    const refocusDisplay = React.useRef(false);\n    const errorId = React.useId();\n    const describedByIds =\n      [describedBy, error && errorId].filter(Boolean).join(' ') || undefined;\n\n    React.useImperativeHandle(ref, () => containerRef.current!);\n\n    React.useEffect(() => {\n      if (editing) fieldRef.current?.focus();\n      else if (refocusDisplay.current) {\n        refocusDisplay.current = false;\n        displayRef.current?.focus();\n      }\n    }, [editing]);\n\n    const startEditing = () => {\n      if (disabled || readOnly || pendingValue !== null) return;\n      setDraft(value);\n      setError(null);\n      setEditing(true);\n    };\n\n    const cancel = (restoreFocus: boolean) => {\n      refocusDisplay.current = restoreFocus;\n      setError(null);\n      setEditing(false);\n    };\n\n    const commit = async (restoreFocus: boolean) => {\n      const next = type === 'select' ? draft : draft.trim();\n      if (next === value) return cancel(restoreFocus);\n      const invalid = validate?.(next);\n      if (invalid) {\n        setError(invalid);\n        return;\n      }\n      refocusDisplay.current = restoreFocus;\n      setError(null);\n      setEditing(false);\n      setPendingValue(next);\n      try {\n        await onSave(next);\n      } catch (e) {\n        setError(\n          e instanceof Error && e.message ? e.message : labels.saveFailed\n        );\n      } finally {\n        setPendingValue(null);\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        cancel(true);\n      } else if (\n        e.key === 'Enter' &&\n        (type !== 'textarea' || e.metaKey || e.ctrlKey)\n      ) {\n        e.preventDefault();\n        void commit(true);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n      if (containerRef.current?.contains(e.relatedTarget as Node | null)) {\n        return;\n      }\n      if (saveOnBlur) void commit(false);\n      else cancel(false);\n    };\n\n    const shown = pendingValue ?? value;\n    const isEmpty = shown.trim() === '';\n    const displayContent = isEmpty ? (\n      <span className=\"text-muted-foreground italic\">\n        {placeholder ?? labels.empty}\n      </span>\n    ) : (\n      (formatDisplay?.(shown) ?? (\n        <span className=\"break-words whitespace-pre-wrap\">\n          {defaultDisplay(shown, type, options)}\n        </span>\n      ))\n    );\n\n    const errorNode = error && (\n      <p\n        id={errorId}\n        role=\"alert\"\n        data-slot=\"inline-edit-error\"\n        className=\"text-destructive-700 dark:text-destructive-400 mt-1 text-sm\"\n      >\n        {error}\n      </p>\n    );\n\n    if (readOnly) {\n      return (\n        <div\n          ref={containerRef}\n          data-slot=\"inline-edit\"\n          data-state=\"read-only\"\n          aria-describedby={describedBy}\n          className={cn(\n            displayVariants({ size }),\n            'hover:bg-transparent',\n            className\n          )}\n          {...props}\n        >\n          {displayContent}\n        </div>\n      );\n    }\n\n    if (!editing) {\n      return (\n        <div\n          ref={containerRef}\n          data-slot=\"inline-edit\"\n          data-state=\"display\"\n          className={cn('min-w-0', className)}\n          {...props}\n        >\n          <button\n            ref={displayRef}\n            type=\"button\"\n            data-slot=\"inline-edit-display\"\n            aria-label={labels.edit(label)}\n            aria-describedby={describedByIds}\n            aria-busy={pendingValue !== null || undefined}\n            disabled={disabled}\n            onClick={startEditing}\n            className={displayVariants({ size })}\n          >\n            <span className=\"min-w-0 flex-1\">{displayContent}</span>\n            {pendingValue !== null ? (\n              <span role=\"status\" className=\"inline-flex items-center\">\n                <Loader2\n                  aria-hidden=\"true\"\n                  className=\"text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none\"\n                />\n                <span className=\"sr-only\">{labels.saving}</span>\n              </span>\n            ) : (\n              <Pencil\n                aria-hidden=\"true\"\n                className=\"text-muted-foreground h-3.5 w-3.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none\"\n              />\n            )}\n          </button>\n          {errorNode}\n        </div>\n      );\n    }\n\n    const fieldProps = {\n      ref: fieldRef,\n      'aria-label': label,\n      'aria-invalid': error ? true : undefined,\n      'aria-describedby': describedByIds,\n      'data-slot': 'inline-edit-field',\n      value: draft,\n      onChange: (\n        e: React.ChangeEvent<\n          HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n        >\n      ) => setDraft(e.target.value),\n      onKeyDown: handleKeyDown,\n      onBlur: handleBlur,\n      className: cn(\n        inputVariants({ size: size === 'sm' ? 'sm' : 'md', hasError: !!error })\n      ),\n    };\n\n    return (\n      <div\n        ref={containerRef}\n        data-slot=\"inline-edit\"\n        data-state=\"editing\"\n        className={cn('min-w-0', className)}\n        {...props}\n      >\n        <div className=\"flex items-start gap-1\">\n          {type === 'textarea' ? (\n            <textarea\n              {...fieldProps}\n              rows={3}\n              placeholder={placeholder}\n              className={cn(fieldProps.className, 'h-auto min-h-20')}\n            />\n          ) : type === 'select' ? (\n            <select {...fieldProps}>\n              {!options?.some((o) => o.value === draft) && (\n                <option value={draft}>{placeholder ?? ''}</option>\n              )}\n              {options?.map((o) => (\n                <option key={o.value} value={o.value}>\n                  {o.label}\n                </option>\n              ))}\n            </select>\n          ) : (\n            <input {...fieldProps} type={type} placeholder={placeholder} />\n          )}\n          <button\n            type=\"button\"\n            aria-label={labels.save}\n            title={labels.save}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => void commit(true)}\n            onBlur={handleBlur}\n            className=\"text-success hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <Check aria-hidden=\"true\" className=\"h-4 w-4\" />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={labels.cancel}\n            title={labels.cancel}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => cancel(true)}\n            onBlur={handleBlur}\n            className=\"text-muted-foreground hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <X aria-hidden=\"true\" className=\"h-4 w-4\" />\n          </button>\n        </div>\n        {errorNode}\n      </div>\n    );\n  }\n);\n\nInlineEdit.displayName = 'InlineEdit';\n"]}

package/dist/{chunk-WXFGHDTV.cjs → chunk-57G3O552.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkBUT6MF5K_cjs = require('./chunk-BUT6MF5K.cjs');
-var chunkJEIW7BSV_cjs = require('./chunk-JEIW7BSV.cjs');
+var chunkKQ6GLYFZ_cjs = require('./chunk-KQ6GLYFZ.cjs');
+var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
 var chunkT4L7Q5FA_cjs = require('./chunk-T4L7Q5FA.cjs');
 var chunkYW2AKBLS_cjs = require('./chunk-YW2AKBLS.cjs');
-var chunkX6A27RGO_cjs = require('./chunk-X6A27RGO.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React2 = require('react');
 var lucideReact = require('lucide-react');
@@ -160,7 +160,7 @@ function NativeFeedMedia({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 w-full flex-col items-center justify-center gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBUT6MF5K_cjs.MediaPlayer,
+      chunkKQ6GLYFZ_cjs.MediaPlayer,
       {
         src: media.src,
         kind: media.kind === "audio" ? "audio" : "video",
@@ -197,7 +197,7 @@ function NativeFeedMedia({
       }
     ),
     state !== "error" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkX6A27RGO_cjs.Button,
+      chunkANMX7YDL_cjs.Button,
       {
         variant: "secondary",
         size: "sm",
@@ -318,7 +318,7 @@ function YouTubeFeedMedia({
         }
       ),
       id && !failed ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkX6A27RGO_cjs.Button,
+        chunkANMX7YDL_cjs.Button,
         {
           variant: "secondary",
           leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "h-4 w-4", "aria-hidden": "true" }),
@@ -678,7 +678,7 @@ function MediaFeedInner({
                         ),
                         children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
-                            chunkJEIW7BSV_cjs.Avatar,
+                            chunkGKDHMNUA_cjs.Avatar,
                             {
                               name: author.name,
                               src: author.avatar,
@@ -700,7 +700,7 @@ function MediaFeedInner({
                     )
                   ] }),
                   !immersive && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkX6A27RGO_cjs.Button,
+                    chunkANMX7YDL_cjs.Button,
                     {
                       variant: "ghost",
                       size: "sm",
@@ -755,7 +755,7 @@ function MediaFeedInner({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkX6A27RGO_cjs.Button,
+          chunkANMX7YDL_cjs.Button,
           {
             variant: "ghost",
             size: "sm",
@@ -776,7 +776,7 @@ function MediaFeedInner({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkX6A27RGO_cjs.Button,
+          chunkANMX7YDL_cjs.Button,
           {
             variant: "ghost",
             size: "sm",
@@ -816,7 +816,7 @@ function MediaFeedInner({
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "m-0", children: loading ? labels.loading : error || labels.empty }),
               error && onRetry && /* @__PURE__ */ jsxRuntime.jsx(
-                chunkX6A27RGO_cjs.Button,
+                chunkANMX7YDL_cjs.Button,
                 {
                   variant: "outline",
                   isLoading: retrying,
@@ -892,5 +892,5 @@ var MediaFeed = React2__namespace.forwardRef(MediaFeedInner);
 MediaFeed.displayName = "MediaFeed";
 
 exports.MediaFeed = MediaFeed;
-//# sourceMappingURL=chunk-WXFGHDTV.cjs.map
-//# sourceMappingURL=chunk-WXFGHDTV.cjs.map
+//# sourceMappingURL=chunk-57G3O552.cjs.map
+//# sourceMappingURL=chunk-57G3O552.cjs.map