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

package/dist/chunk-XNPDZANN.cjs

@@ -0,0 +1,238 @@
+'use strict';
+
+var chunkIVGI353O_cjs = require('./chunk-IVGI353O.cjs');
+var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+var luxon = require('luxon');
+
+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 defaultRatingLabels = {
+  value: (value, max) => `${value} out of ${max}`,
+  group: "Rating",
+  option: (value) => `${value} ${value === 1 ? "star" : "stars"}`
+};
+var starVariants = classVarianceAuthority.cva("shrink-0", {
+  variants: {
+    size: { sm: "h-3.5 w-3.5", md: "h-5 w-5", lg: "h-6 w-6" }
+  },
+  defaultVariants: { size: "md" }
+});
+function StarIcon({ fill, size }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.Star,
+      {
+        className: chunkS5RVSXDV_cjs.cn(starVariants({ size }), "text-muted-foreground/40")
+      }
+    ),
+    fill > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "absolute inset-y-0 start-0 overflow-hidden",
+        style: { width: `${fill * 100}%` },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.Star,
+          {
+            className: chunkS5RVSXDV_cjs.cn(starVariants({ size }), "text-warning-500"),
+            fill: "currentColor"
+          }
+        )
+      }
+    )
+  ] });
+}
+var Rating = React__namespace.forwardRef(
+  function Rating2({
+    value,
+    max = 5,
+    size = "md",
+    onChange,
+    disabled = false,
+    labels: labelOverrides,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultRatingLabels, ...labelOverrides };
+    const radios = React__namespace.useRef([]);
+    const stars = Array.from({ length: max }, (_, i) => i + 1);
+    if (!onChange) {
+      const rounded = Math.min(max, Math.max(0, Math.round(value * 2) / 2));
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          role: "img",
+          "aria-label": labels.value(rounded, max),
+          "data-slot": "rating",
+          className: chunkS5RVSXDV_cjs.cn("inline-flex items-center gap-0.5", className),
+          ...props,
+          children: stars.map((n) => /* @__PURE__ */ jsxRuntime.jsx(
+            StarIcon,
+            {
+              size,
+              fill: Math.min(1, Math.max(0, rounded - n + 1))
+            },
+            n
+          ))
+        }
+      );
+    }
+    const current = Math.min(max, Math.max(0, Math.round(value)));
+    const select = (next) => {
+      const clamped = Math.min(max, Math.max(1, next));
+      onChange(clamped);
+      radios.current[clamped - 1]?.focus();
+    };
+    const onKeyDown = (e) => {
+      const rtl = getComputedStyle(e.currentTarget).direction === "rtl";
+      const step = {
+        ArrowUp: 1,
+        ArrowDown: -1,
+        ArrowRight: rtl ? -1 : 1,
+        ArrowLeft: rtl ? 1 : -1
+      };
+      if (e.key === "Home") select(1);
+      else if (e.key === "End") select(max);
+      else if (step[e.key]) select((current || 0) + step[e.key]);
+      else return;
+      e.preventDefault();
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "aria-label": labels.group,
+        "aria-disabled": disabled || void 0,
+        "data-slot": "rating",
+        className: chunkS5RVSXDV_cjs.cn("inline-flex items-center gap-0.5", className),
+        ...props,
+        children: stars.map((n) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            ref: (el) => {
+              radios.current[n - 1] = el;
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": n === current,
+            "aria-label": labels.option(n, max),
+            tabIndex: n === (current || 1) ? 0 : -1,
+            disabled,
+            onClick: () => select(n),
+            onKeyDown: disabled ? void 0 : onKeyDown,
+            className: chunkS5RVSXDV_cjs.cn(
+              "rounded-sm disabled:cursor-not-allowed disabled:opacity-50",
+              "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+              "motion-safe:transition-transform motion-safe:enabled:hover:scale-110"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(StarIcon, { size, fill: n <= current ? 1 : 0 })
+          },
+          n
+        ))
+      }
+    );
+  }
+);
+var defaultReviewCardLabels = {
+  source: (source) => `via ${source}`,
+  reply: "Reply",
+  showMore: "Show more",
+  showLess: "Show less"
+};
+var ReviewCard = React__namespace.forwardRef(
+  function ReviewCard2({
+    author,
+    date,
+    dateStyle = "relative",
+    locale,
+    rating,
+    body,
+    source,
+    reply,
+    bodyLines = 4,
+    labels: labelOverrides,
+    ratingLabels,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultReviewCardLabels, ...labelOverrides };
+    const parsed = typeof date === "string" ? luxon.DateTime.fromISO(date) : luxon.DateTime.fromJSDate(date);
+    const dt = locale ? parsed.setLocale(locale) : parsed;
+    const absolute = dt.toLocaleString(luxon.DateTime.DATE_MED);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "article",
+      {
+        ref,
+        "data-slot": "review-card",
+        className: chunkS5RVSXDV_cjs.cn(
+          "bg-card text-card-foreground border-border rounded-lg border p-4",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkGKDHMNUA_cjs.Avatar, { name: author.name, src: author.avatarUrl, alt: "", size: "md" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground truncate text-sm font-medium", children: author.name }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground flex flex-wrap items-center gap-x-2 gap-y-1 text-xs", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Rating, { value: rating, size: "sm", labels: ratingLabels }),
+                /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: dt.toISO() ?? void 0, title: absolute, children: dateStyle === "relative" ? dt.toRelative() : absolute }),
+                source && /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.source(source) })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkIVGI353O_cjs.ClampedText,
+            {
+              text: body,
+              lines: bodyLines,
+              showMoreLabel: labels.showMore,
+              showLessLabel: labels.showLess,
+              className: "text-foreground mt-3 block text-sm"
+            }
+          ),
+          reply && /* @__PURE__ */ jsxRuntime.jsx(
+            "section",
+            {
+              "aria-label": labels.reply,
+              "data-slot": "review-card-reply",
+              className: "border-border text-muted-foreground mt-3 border-s-2 ps-3 text-sm",
+              children: reply
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+exports.Rating = Rating;
+exports.ReviewCard = ReviewCard;
+exports.defaultRatingLabels = defaultRatingLabels;
+exports.defaultReviewCardLabels = defaultReviewCardLabels;
+//# sourceMappingURL=chunk-XNPDZANN.cjs.map
+//# sourceMappingURL=chunk-XNPDZANN.cjs.map

package/dist/chunk-XNPDZANN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Rating/Rating.tsx","../src/components/Rating/ReviewCard.tsx"],"names":["cva","jsxs","jsx","Star","cn","React","Rating","React2","ReviewCard","DateTime","Avatar","ClampedText"],"mappings":"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","file":"chunk-XNPDZANN.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Star } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nexport interface RatingLabels {\n  /** Accessible text of the read-only display, e.g. `4.5 out of 5`. */\n  value: (value: number, max: number) => string;\n  /** Accessible name of the interactive radio group. */\n  group: string;\n  /** Accessible name of one option, e.g. `3 stars`. */\n  option: (value: number, max: number) => string;\n}\n\nexport const defaultRatingLabels: RatingLabels = {\n  value: (value, max) => `${value} out of ${max}`,\n  group: 'Rating',\n  option: (value) => `${value} ${value === 1 ? 'star' : 'stars'}`,\n};\n\nconst starVariants = cva('shrink-0', {\n  variants: {\n    size: { sm: 'h-3.5 w-3.5', md: 'h-5 w-5', lg: 'h-6 w-6' },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nexport interface RatingProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onChange'\n> {\n  /** Current rating; read-only displays round to the nearest half. */\n  value: number;\n  /** Number of stars. */\n  max?: number;\n  /** Star size. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Makes the rating editable as a radio group of whole stars. */\n  onChange?: (value: number) => void;\n  /** Disables the interactive mode. */\n  disabled?: boolean;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<RatingLabels>;\n}\n\nfunction StarIcon({ fill, size }: { fill: number; size: RatingProps['size'] }) {\n  return (\n    <span className=\"relative inline-flex\" aria-hidden=\"true\">\n      <Star\n        className={cn(starVariants({ size }), 'text-muted-foreground/40')}\n      />\n      {fill > 0 && (\n        <span\n          className=\"absolute inset-y-0 start-0 overflow-hidden\"\n          style={{ width: `${fill * 100}%` }}\n        >\n          <Star\n            className={cn(starVariants({ size }), 'text-warning-500')}\n            fill=\"currentColor\"\n          />\n        </span>\n      )}\n    </span>\n  );\n}\n\n/**\n * Star rating: a read-only display with half-star precision, or — with\n * `onChange` — a keyboard-operable radio group.\n *\n * @example\n * ```tsx\n * <Rating value={4.5} />\n * <Rating value={stars} onChange={setStars} />\n * ```\n */\nexport const Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  function Rating(\n    {\n      value,\n      max = 5,\n      size = 'md',\n      onChange,\n      disabled = false,\n      labels: labelOverrides,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultRatingLabels, ...labelOverrides };\n    const radios = React.useRef<(HTMLButtonElement | null)[]>([]);\n    const stars = Array.from({ length: max }, (_, i) => i + 1);\n\n    if (!onChange) {\n      const rounded = Math.min(max, Math.max(0, Math.round(value * 2) / 2));\n      return (\n        <div\n          ref={ref}\n          role=\"img\"\n          aria-label={labels.value(rounded, max)}\n          data-slot=\"rating\"\n          className={cn('inline-flex items-center gap-0.5', className)}\n          {...props}\n        >\n          {stars.map((n) => (\n            <StarIcon\n              key={n}\n              size={size}\n              fill={Math.min(1, Math.max(0, rounded - n + 1))}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    const current = Math.min(max, Math.max(0, Math.round(value)));\n    const select = (next: number) => {\n      const clamped = Math.min(max, Math.max(1, next));\n      onChange(clamped);\n      radios.current[clamped - 1]?.focus();\n    };\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      const rtl = getComputedStyle(e.currentTarget).direction === 'rtl';\n      const step: Record<string, number> = {\n        ArrowUp: 1,\n        ArrowDown: -1,\n        ArrowRight: rtl ? -1 : 1,\n        ArrowLeft: rtl ? 1 : -1,\n      };\n      if (e.key === 'Home') select(1);\n      else if (e.key === 'End') select(max);\n      else if (step[e.key]) select((current || 0) + step[e.key]);\n      else return;\n      e.preventDefault();\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={labels.group}\n        aria-disabled={disabled || undefined}\n        data-slot=\"rating\"\n        className={cn('inline-flex items-center gap-0.5', className)}\n        {...props}\n      >\n        {stars.map((n) => (\n          <button\n            key={n}\n            ref={(el) => {\n              radios.current[n - 1] = el;\n            }}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={n === current}\n            aria-label={labels.option(n, max)}\n            tabIndex={n === (current || 1) ? 0 : -1}\n            disabled={disabled}\n            onClick={() => select(n)}\n            onKeyDown={disabled ? undefined : onKeyDown}\n            className={cn(\n              'rounded-sm disabled:cursor-not-allowed disabled:opacity-50',\n              'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n              'motion-safe:transition-transform motion-safe:enabled:hover:scale-110'\n            )}\n          >\n            <StarIcon size={size} fill={n <= current ? 1 : 0} />\n          </button>\n        ))}\n      </div>\n    );\n  }\n);\n","import * as React from 'react';\nimport { DateTime } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar/Avatar';\nimport { ClampedText } from '../ClampedText/ClampedText';\nimport { Rating, type RatingLabels } from './Rating';\n\nexport interface ReviewCardLabels {\n  /** Source line, e.g. `via Google`. */\n  source: (source: string) => string;\n  /** Accessible name of the reply region. */\n  reply: string;\n  showMore: string;\n  showLess: string;\n}\n\nexport const defaultReviewCardLabels: ReviewCardLabels = {\n  source: (source) => `via ${source}`,\n  reply: 'Reply',\n  showMore: 'Show more',\n  showLess: 'Show less',\n};\n\nexport interface ReviewCardProps extends React.HTMLAttributes<HTMLElement> {\n  /** Who wrote the review. */\n  author: { name: string; avatarUrl?: string | null };\n  /** When it was written — ISO string or Date. */\n  date: string | Date;\n  /** Show the date as `3 days ago` (default) or as a localized date. */\n  dateStyle?: 'relative' | 'absolute';\n  /** BCP 47 locale for the date; defaults to the runtime locale. */\n  locale?: string;\n  /** Star rating, half-star precision. */\n  rating: number;\n  /** Review text; long bodies clamp with a Show more toggle. */\n  body: string;\n  /** Where the review came from, e.g. `Google`. */\n  source?: string;\n  /** Owner response shown under the review. */\n  reply?: React.ReactNode;\n  /** Lines shown before the body clamps. */\n  bodyLines?: 2 | 3 | 4 | 5 | 6;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<ReviewCardLabels>;\n  /** Forwarded to the embedded Rating. */\n  ratingLabels?: Partial<RatingLabels>;\n}\n\n/**\n * One review: author, star rating, date, source, clamped body and an optional\n * owner reply.\n *\n * @example\n * ```tsx\n * <ReviewCard author={{ name: 'Ann L.' }} date=\"2026-09-01\" rating={4} body={text} source=\"Google\" />\n * ```\n */\nexport const ReviewCard = React.forwardRef<HTMLElement, ReviewCardProps>(\n  function ReviewCard(\n    {\n      author,\n      date,\n      dateStyle = 'relative',\n      locale,\n      rating,\n      body,\n      source,\n      reply,\n      bodyLines = 4,\n      labels: labelOverrides,\n      ratingLabels,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultReviewCardLabels, ...labelOverrides };\n    const parsed =\n      typeof date === 'string'\n        ? DateTime.fromISO(date)\n        : DateTime.fromJSDate(date);\n    const dt = locale ? parsed.setLocale(locale) : parsed;\n    const absolute = dt.toLocaleString(DateTime.DATE_MED);\n\n    return (\n      <article\n        ref={ref}\n        data-slot=\"review-card\"\n        className={cn(\n          'bg-card text-card-foreground border-border rounded-lg border p-4',\n          className\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start gap-3\">\n          <Avatar name={author.name} src={author.avatarUrl} alt=\"\" size=\"md\" />\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-foreground truncate text-sm font-medium\">\n              {author.name}\n            </p>\n            <div className=\"text-muted-foreground flex flex-wrap items-center gap-x-2 gap-y-1 text-xs\">\n              <Rating value={rating} size=\"sm\" labels={ratingLabels} />\n              <time dateTime={dt.toISO() ?? undefined} title={absolute}>\n                {dateStyle === 'relative' ? dt.toRelative() : absolute}\n              </time>\n              {source && <span>{labels.source(source)}</span>}\n            </div>\n          </div>\n        </header>\n        <ClampedText\n          text={body}\n          lines={bodyLines}\n          showMoreLabel={labels.showMore}\n          showLessLabel={labels.showLess}\n          className=\"text-foreground mt-3 block text-sm\"\n        />\n        {reply && (\n          <section\n            aria-label={labels.reply}\n            data-slot=\"review-card-reply\"\n            className=\"border-border text-muted-foreground mt-3 border-s-2 ps-3 text-sm\"\n          >\n            {reply}\n          </section>\n        )}\n      </article>\n    );\n  }\n);\n"]}

package/dist/chunk-XXA4NZUC.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-XXA4NZUC.js.map
+//# sourceMappingURL=chunk-XXA4NZUC.js.map

package/dist/chunk-XXA4NZUC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-XXA4NZUC.js"}

package/dist/chunk-Y424YL55.js

@@ -0,0 +1,59 @@
+import { Skeleton } from './chunk-ZIUADGAR.js';
+import { Button } from './chunk-WFBUBT54.js';
+import { cn } from './chunk-TQONQSJO.js';
+import { TriangleAlert } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function RecordState({
+  kind,
+  slot,
+  message,
+  retryLabel,
+  onRetry,
+  rows = 3,
+  className,
+  children
+}) {
+  if (kind === "loading") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "status",
+        "data-slot": slot,
+        className: cn("space-y-4 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: message }),
+          Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(Skeleton, { circle: true, width: 28, height: 28, className: "shrink-0" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "60%" }),
+              /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "35%" })
+            ] })
+          ] }, i))
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": slot,
+      className: cn(
+        "text-muted-foreground flex flex-col items-center justify-center gap-2 px-4 py-10 text-center text-sm",
+        className
+      ),
+      children: [
+        kind === "error" ? /* @__PURE__ */ jsxs("p", { role: "alert", className: "text-foreground flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(TriangleAlert, { className: "text-destructive size-4", "aria-hidden": true }),
+          message
+        ] }) : /* @__PURE__ */ jsx("p", { children: message }),
+        onRetry && retryLabel && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onRetry, children: retryLabel }),
+        children
+      ]
+    }
+  );
+}
+
+export { RecordState };
+//# sourceMappingURL=chunk-Y424YL55.js.map
+//# sourceMappingURL=chunk-Y424YL55.js.map

package/dist/chunk-Y424YL55.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/RecordState.tsx"],"names":[],"mappings":";;;;;;AAuBO,SAAS,WAAA,CAAY;AAAA,EAC1B,IAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,CAAA;AAAA,EACP,SAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,WAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA;AAAA,QAExC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,UAClC,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,IAAA,EAAK,EAAG,CAAC,CAAA,EAAG,CAAA,qBAChC,IAAA,CAAC,KAAA,EAAA,EAAY,SAAA,EAAU,yBAAA,EACrB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,QAAM,IAAA,EAAC,KAAA,EAAO,IAAI,MAAA,EAAQ,EAAA,EAAI,WAAU,UAAA,EAAW,CAAA;AAAA,4BAC7D,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAQ,MAAA,EAAO,KAAA,EAAM,KAAA,EAAM,CAAA;AAAA,8BACrC,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAQ,MAAA,EAAO,OAAM,KAAA,EAAM;AAAA,aAAA,EACvC;AAAA,WAAA,EAAA,EALQ,CAMV,CACD;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,IAAA,KAAS,0BACR,IAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAK,OAAA,EAAQ,WAAU,yCAAA,EACxB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,yBAAA,EAA0B,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,UAC9D;AAAA,SAAA,EACH,CAAA,mBAEA,GAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QAEb,OAAA,IAAW,UAAA,oBACV,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAQ,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,OAAA,EACxC,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,QAED;AAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-Y424YL55.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { TriangleAlert } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Skeleton } from '../Skeleton';\n\nexport interface RecordStateProps {\n  kind: 'loading' | 'error' | 'empty';\n  /** `data-slot` value, so each module keeps its own slot name. */\n  slot: string;\n  message: string;\n  retryLabel?: string;\n  onRetry?: () => void;\n  /** Skeleton rows while loading. */\n  rows?: number;\n  className?: string;\n  /** Extra actions under an empty or error message. */\n  children?: React.ReactNode;\n}\n\n/** The loading, error and empty states shared by the Records modules. */\nexport function RecordState({\n  kind,\n  slot,\n  message,\n  retryLabel,\n  onRetry,\n  rows = 3,\n  className,\n  children,\n}: RecordStateProps) {\n  if (kind === 'loading') {\n    return (\n      <div\n        role=\"status\"\n        data-slot={slot}\n        className={cn('space-y-4 p-4', className)}\n      >\n        <span className=\"sr-only\">{message}</span>\n        {Array.from({ length: rows }, (_, i) => (\n          <div key={i} className=\"flex items-center gap-3\">\n            <Skeleton circle width={28} height={28} className=\"shrink-0\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton variant=\"text\" width=\"60%\" />\n              <Skeleton variant=\"text\" width=\"35%\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n  return (\n    <div\n      data-slot={slot}\n      className={cn(\n        'text-muted-foreground flex flex-col items-center justify-center gap-2 px-4 py-10 text-center text-sm',\n        className\n      )}\n    >\n      {kind === 'error' ? (\n        <p role=\"alert\" className=\"text-foreground flex items-center gap-2\">\n          <TriangleAlert className=\"text-destructive size-4\" aria-hidden />\n          {message}\n        </p>\n      ) : (\n        <p>{message}</p>\n      )}\n      {onRetry && retryLabel && (\n        <Button variant=\"ghost\" size=\"sm\" onClick={onRetry}>\n          {retryLabel}\n        </Button>\n      )}\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/chunk-YGS2TRMP.js

@@ -0,0 +1,38 @@
+import { toDateTime } from './chunk-3YBS4WUQ.js';
+import { DateTime } from '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: 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(
+    DateTime.fromISO(key, { zone: options.zone }),
+    options.locale
+  );
+  const today = 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" }
+  });
+}
+
+export { formatDayLabel, groupByDay, withLocale };
+//# sourceMappingURL=chunk-YGS2TRMP.js.map
+//# sourceMappingURL=chunk-YGS2TRMP.js.map

package/dist/chunk-YGS2TRMP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/dayGroups.ts"],"names":[],"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,EAAI,UAAA,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,IACV,SAAS,OAAA,CAAQ,GAAA,EAAK,EAAE,IAAA,EAAM,OAAA,CAAQ,MAAM,CAAA;AAAA,IAC5C,OAAA,CAAQ;AAAA,GACV;AACA,EAAA,MAAM,KAAA,GAAQ,SAAS,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-YGS2TRMP.js","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-YUMOM3KE.js

@@ -0,0 +1,167 @@
+import { useLiveAnnouncement } from './chunk-HNXLLDPN.js';
+import * as React from 'react';
+
+function reorderIds(ids, draggedId, targetId, after) {
+  if (draggedId === targetId) return ids;
+  if (!ids.includes(draggedId)) return ids;
+  const without = ids.filter((i) => i !== draggedId);
+  const idx = without.indexOf(targetId);
+  if (idx === -1) return ids;
+  without.splice(after ? idx + 1 : idx, 0, draggedId);
+  return without;
+}
+function moveIdBy(ids, id, delta) {
+  const from = ids.indexOf(id);
+  if (from === -1) return ids;
+  const to = Math.max(0, Math.min(ids.length - 1, from + delta));
+  if (to === from) return ids;
+  const next = ids.filter((i) => i !== id);
+  next.splice(to, 0, id);
+  return next;
+}
+var DEFAULT_DRAG_REORDER_LABELS = {
+  moveUp: "Move up",
+  moveDown: "Move down",
+  moved: (position, total) => `Moved to position ${position} of ${total}`
+};
+function useDragReorder({
+  ids,
+  onReorder,
+  canDropOn,
+  keyboard = false,
+  announce,
+  getDragPreview,
+  labels: labelsProp
+}) {
+  const labels = { ...DEFAULT_DRAG_REORDER_LABELS, ...labelsProp };
+  const [announcement, announceLive] = useLiveAnnouncement();
+  const [draggingId, setDraggingId] = React.useState(null);
+  const draggingRef = React.useRef(null);
+  const [over, setOver] = React.useState(null);
+  const enabled = Boolean(onReorder);
+  const reset = React.useCallback(() => {
+    draggingRef.current = null;
+    setDraggingId(null);
+    setOver(null);
+  }, []);
+  const reachable = (id, delta) => {
+    const from = ids.indexOf(id);
+    if (!enabled || from === -1) return 0;
+    const step = Math.sign(delta);
+    let reach = 0;
+    while (reach !== delta) {
+      const t = from + reach + step;
+      if (t < 0 || t >= ids.length || canDropOn && !canDropOn(id, ids[t]))
+        break;
+      reach += step;
+    }
+    return reach;
+  };
+  const moveBy = (id, delta) => {
+    const next = moveIdBy(ids, id, reachable(id, delta));
+    if (next === ids) return;
+    onReorder?.(next);
+    const message = labels.moved(next.indexOf(id) + 1, next.length, id);
+    if (announce) announce(message);
+    else announceLive(message);
+  };
+  const moveButtonProps = (id, direction, label) => {
+    const delta = direction === "up" ? -1 : 1;
+    return {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        moveBy(id, delta);
+      },
+      disabled: reachable(id, delta) === 0,
+      "aria-label": label ?? (direction === "up" ? labels.moveUp : labels.moveDown)
+    };
+  };
+  const moveByRef = React.useRef(moveBy);
+  moveByRef.current = moveBy;
+  const rowProps = React.useCallback(
+    (id) => {
+      if (!enabled) return {};
+      const keyProps = keyboard ? {
+        tabIndex: 0,
+        "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown",
+        onKeyDown: (e) => {
+          if (e.target !== e.currentTarget || !e.altKey) return;
+          if (e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+          e.preventDefault();
+          moveByRef.current(id, e.key === "ArrowUp" ? -1 : 1);
+        }
+      } : {};
+      return {
+        ...keyProps,
+        draggable: true,
+        // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text
+        // selection instead of a drag when the drag source contains selectable
+        // text — suppress selection and explicitly mark the row as the drag
+        // element so press-drag reliably initiates drag-and-drop.
+        style: {
+          userSelect: "none",
+          WebkitUserSelect: "none",
+          WebkitUserDrag: "element"
+        },
+        onDragStart: (e) => {
+          e.dataTransfer.effectAllowed = "move";
+          e.dataTransfer.setData("text/plain", id);
+          const preview = getDragPreview?.(id);
+          if (preview) e.dataTransfer.setDragImage(preview, 0, 0);
+          draggingRef.current = id;
+          setDraggingId(id);
+        },
+        onDragEnd: reset,
+        onDragOver: (e) => {
+          const dragged = draggingRef.current;
+          if (!dragged || dragged === id || canDropOn && !canDropOn(dragged, id)) {
+            setOver(null);
+            return;
+          }
+          e.preventDefault();
+          e.dataTransfer.dropEffect = "move";
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          setOver(
+            (prev) => prev?.id === id && prev.after === after ? prev : { id, after }
+          );
+        },
+        onDragLeave: () => {
+          setOver((prev) => prev?.id === id ? null : prev);
+        },
+        onDrop: (e) => {
+          e.preventDefault();
+          const dragged = draggingRef.current ?? e.dataTransfer.getData("text/plain");
+          reset();
+          if (!dragged || dragged === id) return;
+          if (canDropOn && !canDropOn(dragged, id)) return;
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          onReorder?.(reorderIds(ids, dragged, id, after));
+        }
+      };
+    },
+    [enabled, keyboard, ids, onReorder, canDropOn, getDragPreview, reset]
+  );
+  return {
+    enabled,
+    draggingId,
+    over,
+    rowProps,
+    moveBy,
+    moveButtonProps,
+    announcement: announce ? "" : announcement
+  };
+}
+function dragIndicatorClasses(drag, id) {
+  return [
+    drag.draggingId === id ? "opacity-40" : "",
+    drag.over?.id === id && !drag.over.after ? "shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]" : "",
+    drag.over?.id === id && drag.over.after ? "shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]" : ""
+  ].filter(Boolean).join(" ");
+}
+
+export { DEFAULT_DRAG_REORDER_LABELS, dragIndicatorClasses, moveIdBy, reorderIds, useDragReorder };
+//# sourceMappingURL=chunk-YUMOM3KE.js.map
+//# sourceMappingURL=chunk-YUMOM3KE.js.map

package/dist/chunk-YUMOM3KE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDragReorder.ts"],"names":[],"mappings":"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","file":"chunk-YUMOM3KE.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { useLiveAnnouncement } from './useLiveAnnouncement';\n\n/** Insert `draggedId` before/after `targetId` in `ids`. */\nexport function reorderIds(\n  ids: string[],\n  draggedId: string,\n  targetId: string,\n  after: boolean\n): string[] {\n  if (draggedId === targetId) return ids;\n  // Ignore drags that originate outside this list (stale payloads would\n  // otherwise be inserted as unknown ids).\n  if (!ids.includes(draggedId)) return ids;\n  const without = ids.filter((i) => i !== draggedId);\n  const idx = without.indexOf(targetId);\n  if (idx === -1) return ids;\n  without.splice(after ? idx + 1 : idx, 0, draggedId);\n  return without;\n}\n\n/** Move `id` by `delta` positions (clamped). Returns `ids` unchanged when it can't move. */\nexport function moveIdBy(ids: string[], id: string, delta: number): string[] {\n  const from = ids.indexOf(id);\n  if (from === -1) return ids;\n  const to = Math.max(0, Math.min(ids.length - 1, from + delta));\n  if (to === from) return ids;\n  const next = ids.filter((i) => i !== id);\n  next.splice(to, 0, id);\n  return next;\n}\n\nexport interface DragReorderLabels {\n  moveUp: string;\n  moveDown: string;\n  /** Announced after a keyboard/button move */\n  moved: (position: number, total: number, id: string) => string;\n}\n\nexport const DEFAULT_DRAG_REORDER_LABELS: DragReorderLabels = {\n  moveUp: 'Move up',\n  moveDown: 'Move down',\n  moved: (position, total) => `Moved to position ${position} of ${total}`,\n};\n\nexport interface UseDragReorderOptions {\n  /** Current flat order of item ids (props order) */\n  ids: string[];\n  /** Called with the full new id order after a drop or move. Omit to disable reordering. */\n  onReorder?: (ids: string[]) => void;\n  /** Restrict drops, e.g. to the same status group */\n  canDropOn?: (draggedId: string, targetId: string) => boolean;\n  /** Add Alt+ArrowUp / Alt+ArrowDown handling (and `tabIndex={0}`) to `rowProps`. Off by default so rows with their own `onKeyDown` keep working. */\n  keyboard?: boolean;\n  /** Receives move announcements instead of the returned `announcement` string. */\n  announce?: (message: string) => void;\n  /** Element rendered as the drag image (`dataTransfer.setDragImage`). */\n  getDragPreview?: (id: string) => Element | null;\n  labels?: Partial<DragReorderLabels>;\n}\n\nexport interface DragOverState {\n  id: string;\n  /** Drop indicator position relative to the hovered row */\n  after: boolean;\n}\n\nexport interface UseDragReorderReturn {\n  /** Whether drag reordering is active (onReorder provided) */\n  enabled: boolean;\n  /** Id currently being dragged, if any */\n  draggingId: string | null;\n  /** Row currently hovered as a drop target */\n  over: DragOverState | null;\n  /** Spread onto each row element (must be keyed by a stable id) */\n  rowProps: (id: string) => React.HTMLAttributes<HTMLElement>;\n  /** Move an item by `delta` positions; no-op at the ends or across `canDropOn` boundaries. */\n  moveBy: (id: string, delta: number) => void;\n  /** Props for a visible move button */\n  moveButtonProps: (\n    id: string,\n    direction: 'up' | 'down',\n    label?: string\n  ) => {\n    type: 'button';\n    onClick: (e: React.MouseEvent) => void;\n    disabled: boolean;\n    'aria-label': string;\n  };\n  /** Latest move message; render in an `aria-live=\"polite\"` region (empty when `announce` is given). */\n  announcement: string;\n}\n\n/**\n * HTML5 drag-and-drop list reordering. Rows spread `rowProps(id)`; on drop the\n * hook computes the full new id order and reports it via `onReorder` — the\n * consumer persists it (e.g. on the encounter/patient object) and feeds the\n * list back in props order.\n *\n * Drag-and-drop is pointer-only, so pair it with `moveButtonProps` buttons\n * and/or `keyboard: true` (Alt+↑/↓ on focused rows), and render\n * `announcement` in a polite live region.\n *\n * @example\n * ```tsx\n * const drag = useDragReorder({ ids: items.map((i) => i.id), onReorder, keyboard: true });\n * // <li {...drag.rowProps(item.id)} className={cn(dragIndicatorClasses(drag, item.id))}>\n * //   <button {...drag.moveButtonProps(item.id, 'up')}><ChevronUp /></button>\n * // <div aria-live=\"polite\" className=\"sr-only\">{drag.announcement}</div>\n * ```\n */\nexport function useDragReorder({\n  ids,\n  onReorder,\n  canDropOn,\n  keyboard = false,\n  announce,\n  getDragPreview,\n  labels: labelsProp,\n}: UseDragReorderOptions): UseDragReorderReturn {\n  const labels = { ...DEFAULT_DRAG_REORDER_LABELS, ...labelsProp };\n  const [announcement, announceLive] = useLiveAnnouncement();\n  const [draggingId, setDraggingId] = React.useState<string | null>(null);\n  // dragover can fire before the dragstart state update is visible, so the\n  // authoritative dragged id lives in a ref (set synchronously)\n  const draggingRef = React.useRef<string | null>(null);\n  const [over, setOver] = React.useState<DragOverState | null>(null);\n  const enabled = Boolean(onReorder);\n\n  const reset = React.useCallback(() => {\n    draggingRef.current = null;\n    setDraggingId(null);\n    setOver(null);\n  }, []);\n\n  /** How far `id` can move toward `delta`: stops at the ends or the first slot canDropOn rejects. */\n  const reachable = (id: string, delta: number): number => {\n    const from = ids.indexOf(id);\n    if (!enabled || from === -1) return 0;\n    const step = Math.sign(delta);\n    let reach = 0;\n    while (reach !== delta) {\n      const t = from + reach + step;\n      if (t < 0 || t >= ids.length || (canDropOn && !canDropOn(id, ids[t])))\n        break;\n      reach += step;\n    }\n    return reach;\n  };\n\n  const moveBy = (id: string, delta: number) => {\n    const next = moveIdBy(ids, id, reachable(id, delta));\n    if (next === ids) return;\n    onReorder?.(next);\n    const message = labels.moved(next.indexOf(id) + 1, next.length, id);\n    if (announce) announce(message);\n    else announceLive(message);\n  };\n\n  const moveButtonProps: UseDragReorderReturn['moveButtonProps'] = (\n    id,\n    direction,\n    label\n  ) => {\n    const delta = direction === 'up' ? -1 : 1;\n    return {\n      type: 'button',\n      onClick: (e) => {\n        e.stopPropagation();\n        moveBy(id, delta);\n      },\n      disabled: reachable(id, delta) === 0,\n      'aria-label':\n        label ?? (direction === 'up' ? labels.moveUp : labels.moveDown),\n    };\n  };\n\n  const moveByRef = React.useRef(moveBy);\n  moveByRef.current = moveBy;\n\n  const rowProps = React.useCallback(\n    (id: string): React.HTMLAttributes<HTMLElement> => {\n      if (!enabled) return {};\n      const keyProps: React.HTMLAttributes<HTMLElement> = keyboard\n        ? {\n            tabIndex: 0,\n            'aria-keyshortcuts': 'Alt+ArrowUp Alt+ArrowDown',\n            onKeyDown: (e) => {\n              if (e.target !== e.currentTarget || !e.altKey) return;\n              if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return;\n              e.preventDefault();\n              moveByRef.current(id, e.key === 'ArrowUp' ? -1 : 1);\n            },\n          }\n        : {};\n      return {\n        ...keyProps,\n        draggable: true,\n        // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text\n        // selection instead of a drag when the drag source contains selectable\n        // text — suppress selection and explicitly mark the row as the drag\n        // element so press-drag reliably initiates drag-and-drop.\n        style: {\n          userSelect: 'none',\n          WebkitUserSelect: 'none',\n          WebkitUserDrag: 'element',\n        } as React.CSSProperties,\n        onDragStart: (e) => {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', id);\n          const preview = getDragPreview?.(id);\n          if (preview) e.dataTransfer.setDragImage(preview, 0, 0);\n          draggingRef.current = id;\n          setDraggingId(id);\n        },\n        onDragEnd: reset,\n        onDragOver: (e) => {\n          const dragged = draggingRef.current;\n          if (\n            !dragged ||\n            dragged === id ||\n            (canDropOn && !canDropOn(dragged, id))\n          ) {\n            // hovering an invalid target: clear any stale indicator\n            setOver(null);\n            return;\n          }\n          e.preventDefault();\n          e.dataTransfer.dropEffect = 'move';\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          setOver((prev) =>\n            prev?.id === id && prev.after === after ? prev : { id, after }\n          );\n        },\n        onDragLeave: () => {\n          setOver((prev) => (prev?.id === id ? null : prev));\n        },\n        onDrop: (e) => {\n          e.preventDefault();\n          const dragged =\n            draggingRef.current ?? e.dataTransfer.getData('text/plain');\n          reset();\n          if (!dragged || dragged === id) return;\n          if (canDropOn && !canDropOn(dragged, id)) return;\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          onReorder?.(reorderIds(ids, dragged, id, after));\n        },\n      };\n    },\n    [enabled, keyboard, ids, onReorder, canDropOn, getDragPreview, reset]\n  );\n\n  return {\n    enabled,\n    draggingId,\n    over,\n    rowProps,\n    moveBy,\n    moveButtonProps,\n    announcement: announce ? '' : announcement,\n  };\n}\n\n/** Tailwind classes for the drag state of a row: drop indicator + dragging dim. */\nexport function dragIndicatorClasses(\n  drag: Pick<UseDragReorderReturn, 'draggingId' | 'over'>,\n  id: string\n): string {\n  return [\n    drag.draggingId === id ? 'opacity-40' : '',\n    drag.over?.id === id && !drag.over.after\n      ? 'shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n    drag.over?.id === id && drag.over.after\n      ? 'shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n"]}

package/dist/{chunk-3KPDQG5O.cjs → chunk-ZG6FXMDX.cjs}

@@ -2,7 +2,7 @@
 
 var chunkPLMXN23Q_cjs = require('./chunk-PLMXN23Q.cjs');
 var chunkRS5VA6QU_cjs = require('./chunk-RS5VA6QU.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 reactDom = require('react-dom');
@@ -124,7 +124,7 @@ function DashboardCustomizePanel({
           ] }, category || "general"))
         ] }),
         onReset && /* @__PURE__ */ jsxRuntime.jsx(chunkRS5VA6QU_cjs.SheetFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkX6A27RGO_cjs.Button,
+          chunkANMX7YDL_cjs.Button,
           {
             variant: "outline",
             size: "sm",
@@ -632,7 +632,7 @@ var CustomizableDashboard = React2__namespace.forwardRef(function CustomizableDa
   const toolbar = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 pb-2", children: [
     title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-foreground me-auto text-lg font-semibold", children: title }),
     widgets && widgets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkX6A27RGO_cjs.Button,
+      chunkANMX7YDL_cjs.Button,
       {
         variant: "outline",
         size: "sm",
@@ -732,5 +732,5 @@ exports.mergeColumnOrder = mergeColumnOrder;
 exports.moveAcrossColumns = moveAcrossColumns;
 exports.reorderOnDrop = reorderOnDrop;
 exports.requiredColumns = requiredColumns;
-//# sourceMappingURL=chunk-3KPDQG5O.cjs.map
-//# sourceMappingURL=chunk-3KPDQG5O.cjs.map
+//# sourceMappingURL=chunk-ZG6FXMDX.cjs.map
+//# sourceMappingURL=chunk-ZG6FXMDX.cjs.map