@burdenoff/microfe-brainyrich 2026.706.2 → 2026.706.4

package/dist/brainyrich/pages/_shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"_shared.js","names":[],"sources":["../../../src/brainyrich/pages/_shared.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ArrowDownRight, ArrowUpRight, Inbox, Minus, RefreshCw, TriangleAlert } from 'lucide-react';\nimport { motion, useReducedMotion } from 'framer-motion';\nimport { Badge, Button, Card, CardContent, Skeleton } from '@burdenoff/fe-libs/ui';\n\n// ============================================================================\n// Formatters\n// ============================================================================\n\n/** USD currency, no cents. Pass a currency code to override. */\nexport function formatMoney(value: number, currency = 'USD'): string {\n  if (!Number.isFinite(value)) return '—';\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency,\n    maximumFractionDigits: 0,\n  }).format(value);\n}\n\n/** Compact money/number, e.g. 1.2M, 950K. */\nexport function formatCompact(value: number, currency?: string): string {\n  if (!Number.isFinite(value)) return '—';\n  return new Intl.NumberFormat('en-US', {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n    ...(currency ? { style: 'currency', currency } : {}),\n  }).format(value);\n}\n\n/** Percentage from a whole-number percent (e.g. 12.5 → \"12.5%\"). */\nexport function formatPct(value: number | null | undefined, fractionDigits = 1): string {\n  if (value === null || value === undefined || !Number.isFinite(value)) return '—';\n  return `${value.toFixed(fractionDigits)}%`;\n}\n\n/**\n * Guarded date formatter. Only wraps a present ISO string in `new Date()` at\n * render time — never calls `.getTime()` on a raw scalar and never `new Date(0)`.\n * Returns an em-dash for absent/invalid values.\n */\nexport function formatDate(iso?: string | null): string {\n  if (!iso) return '—';\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '—';\n  return new Intl.DateTimeFormat('en-US', {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  }).format(d);\n}\n\n// ============================================================================\n// Status → badge variant (semantic, no raw colors)\n// ============================================================================\n\n/**\n * Map a domain status/severity string to a shadcn Badge variant. Accepts the\n * Bra* enum members (ACTIVE, AT_RISK, HIGH, …) case-insensitively so pages can\n * pass raw enum values.\n */\nexport function statusBadgeVariant(\n  status: string\n): 'default' | 'secondary' | 'destructive' | 'outline' {\n  const s = status.toUpperCase();\n  if (['ACTIVE', 'ACHIEVED', 'ON_TRACK', 'AHEAD', 'RESOLVED', 'EXECUTED', 'APPROVED'].includes(s))\n    return 'default';\n  if (['AT_RISK', 'HIGH', 'CRITICAL', 'ABANDONED', 'REJECTED', 'CANCELLED', 'CLOSED'].includes(s))\n    return 'destructive';\n  if (\n    ['ONBOARDING', 'PROSPECT', 'ON_HOLD', 'BEHIND', 'DRAFT', 'PROPOSED', 'MEDIUM', 'LOW'].includes(\n      s\n    )\n  )\n    return 'secondary';\n  return 'outline';\n}\n\n/** Semantic text-color token for a signed delta (color is never the only signal). */\nexport function deltaToneClass(value: number): string {\n  if (value > 0) return 'text-status-success-text';\n  if (value < 0) return 'text-status-error-text';\n  return 'text-text-secondary';\n}\n\n// ============================================================================\n// Section shell + KPIs\n// ============================================================================\n\ninterface SectionShellProps {\n  title: string;\n  description: string;\n  actionLabel?: string;\n  onAction?: () => void;\n  actions?: ReactNode;\n  badges?: string[];\n  children: ReactNode;\n}\n\nexport function SectionShell({\n  title,\n  description,\n  actionLabel,\n  onAction,\n  actions,\n  badges = [],\n  children,\n}: SectionShellProps) {\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          <p className=\"text-sm text-text-secondary\">{description}</p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {badges.map((badge) => (\n            <Badge key={badge} variant=\"secondary\">\n              {badge}\n            </Badge>\n          ))}\n          {actions}\n          {actionLabel ? (\n            <Button size=\"sm\" onClick={onAction}>\n              {actionLabel}\n            </Button>\n          ) : null}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n}\n\nexport interface KpiItem {\n  label: string;\n  value: string;\n  /** Optional signed delta rendered as a DeltaBadge (icon + sign + color). */\n  delta?: number;\n  /** Optional free-text trend line (neutral tone unless deltaTone provided). */\n  trend?: string;\n  deltaTone?: 'positive' | 'negative' | 'neutral';\n}\n\nexport function KpiGrid({ items }: { items: KpiItem[] }) {\n  const reduce = useReducedMotion();\n  return (\n    <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n      {items.map((item, i) => (\n        <motion.div\n          key={item.label}\n          initial={reduce ? false : { opacity: 0, y: 8 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{ duration: 0.25, ease: 'easeOut', delay: i * 0.04 }}\n        >\n          <Card className=\"h-full transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]\">\n            <CardContent className=\"space-y-1.5 p-4\">\n              <p className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n                {item.label}\n              </p>\n              <p className=\"text-2xl font-semibold tracking-tight text-text-primary\">\n                {item.value}\n              </p>\n              {item.delta !== undefined ? (\n                <DeltaBadge value={item.delta} />\n              ) : item.trend ? (\n                <p\n                  className={\n                    item.deltaTone === 'positive'\n                      ? 'text-xs text-status-success-text'\n                      : item.deltaTone === 'negative'\n                        ? 'text-xs text-status-error-text'\n                        : 'text-xs text-text-secondary'\n                  }\n                >\n                  {item.trend}\n                </p>\n              ) : null}\n            </CardContent>\n          </Card>\n        </motion.div>\n      ))}\n    </div>\n  );\n}\n\n// ============================================================================\n// Delta badge — icon + sign + semantic color (color never the only signal)\n// ============================================================================\n\nexport function DeltaBadge({\n  value,\n  suffix = '%',\n  className = '',\n}: {\n  value: number;\n  suffix?: string;\n  className?: string;\n}) {\n  const positive = value > 0;\n  const negative = value < 0;\n  const Icon = positive ? ArrowUpRight : negative ? ArrowDownRight : Minus;\n  const tone = positive\n    ? 'text-status-success-text bg-status-success-bg'\n    : negative\n      ? 'text-status-error-text bg-status-error-bg'\n      : 'text-text-secondary bg-bg-sunken';\n  const sign = positive ? '+' : '';\n  return (\n    <span\n      className={`inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-xs font-medium ${tone} ${className}`}\n    >\n      <Icon className=\"size-3\" aria-hidden=\"true\" />\n      {sign}\n      {Number.isFinite(value) ? value.toFixed(1) : '—'}\n      {suffix}\n    </span>\n  );\n}\n\n// ============================================================================\n// Allocation bars — tokenized horizontal bar primitive\n// ============================================================================\n\nexport type AllocationTone = 'default' | 'positive' | 'negative' | 'warning' | 'accent';\n\nconst TONE_FILL: Record<AllocationTone, string> = {\n  default: 'bg-primary',\n  positive: 'bg-status-success-bg',\n  negative: 'bg-status-error-bg',\n  warning: 'bg-status-warning-bg',\n  accent: 'bg-accent-teal',\n};\n\nexport interface AllocationDatum {\n  label: string;\n  /** Percentage 0–100 for the bar width. */\n  value: number;\n  tone?: AllocationTone;\n  /** Optional right-aligned caption (e.g. formatted money). Defaults to the %. */\n  caption?: string;\n}\n\nexport function AllocationBars({ data }: { data: AllocationDatum[] }) {\n  const reduce = useReducedMotion();\n  const rows = data.filter((d) => Number.isFinite(d.value));\n  if (rows.length === 0) {\n    return <p className=\"text-sm text-text-secondary\">No allocation data.</p>;\n  }\n  return (\n    <div className=\"space-y-3.5\">\n      {rows.map((d) => {\n        const width = Math.max(0, Math.min(100, d.value));\n        return (\n          <div key={d.label} className=\"space-y-1.5\">\n            <div className=\"flex items-center justify-between text-xs\">\n              <span className=\"font-medium text-text-primary\">{d.label}</span>\n              <span className=\"tabular-nums text-text-secondary\">\n                {d.caption ?? formatPct(d.value)}\n              </span>\n            </div>\n            <div\n              className=\"h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\"\n              role=\"progressbar\"\n              aria-valuenow={Math.round(width)}\n              aria-valuemin={0}\n              aria-valuemax={100}\n              aria-label={d.label}\n            >\n              <motion.div\n                className={`h-full rounded-full ${TONE_FILL[d.tone ?? 'default']}`}\n                initial={reduce ? false : { width: 0 }}\n                animate={{ width: `${width}%` }}\n                transition={{ duration: 0.4, ease: 'easeOut' }}\n              />\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ============================================================================\n// Empty / Loading / Error states (designed, shared)\n// ============================================================================\n\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  action,\n}: {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center rounded-lg border border-dashed border-border-subtle bg-bg-surface px-6 py-12 text-center\">\n      <div className=\"mb-4 flex size-12 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n        {icon ?? <Inbox className=\"size-6\" aria-hidden=\"true\" />}\n      </div>\n      <h3 className=\"text-base font-semibold text-text-primary\">{title}</h3>\n      {description ? (\n        <p className=\"mt-1 max-w-md text-sm text-text-secondary\">{description}</p>\n      ) : null}\n      {action ? <div className=\"mt-4\">{action}</div> : null}\n    </div>\n  );\n}\n\nexport function LoadingState({ rows = 4 }: { rows?: number }) {\n  return (\n    <div className=\"space-y-3\" aria-busy=\"true\" aria-live=\"polite\">\n      {Array.from({ length: rows }).map((_, i) => (\n        <div\n          key={i}\n          className=\"flex items-center gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4\"\n        >\n          <Skeleton className=\"size-10 rounded-full\" />\n          <div className=\"flex-1 space-y-2\">\n            <Skeleton className=\"h-4 w-1/3\" />\n            <Skeleton className=\"h-3 w-1/2\" />\n          </div>\n          <Skeleton className=\"h-4 w-16\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function ErrorState({\n  title = 'Something went wrong',\n  description = 'We could not load this data. Please try again.',\n  onRetry,\n}: {\n  title?: string;\n  description?: string;\n  onRetry?: () => void;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center rounded-lg border border-status-error-text/40 bg-status-error-bg px-6 py-12 text-center\">\n      <div className=\"mb-4 flex size-12 items-center justify-center rounded-full bg-bg-surface text-status-error-text\">\n        <TriangleAlert className=\"size-6\" aria-hidden=\"true\" />\n      </div>\n      <h3 className=\"text-base font-semibold text-text-primary\">{title}</h3>\n      <p className=\"mt-1 max-w-md text-sm text-text-secondary\">{description}</p>\n      {onRetry ? (\n        <Button variant=\"outline\" size=\"sm\" className=\"mt-4\" onClick={onRetry}>\n          <RefreshCw className=\"size-4\" aria-hidden=\"true\" />\n          Retry\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"_shared.js","names":[],"sources":["../../../src/brainyrich/pages/_shared.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react';\nimport { ArrowDownRight, ArrowUpRight, Inbox, Minus, RefreshCw, TriangleAlert } from 'lucide-react';\nimport { Badge, Button, Card, CardContent, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { FadeIn, useReducedMotion } from '../components/viz';\n\n// ============================================================================\n// Formatters\n// ============================================================================\n\n/** USD currency, no cents. Pass a currency code to override. */\nexport function formatMoney(value: number, currency = 'USD'): string {\n  if (!Number.isFinite(value)) return '—';\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency,\n    maximumFractionDigits: 0,\n  }).format(value);\n}\n\n/** Compact money/number, e.g. 1.2M, 950K. */\nexport function formatCompact(value: number, currency?: string): string {\n  if (!Number.isFinite(value)) return '—';\n  return new Intl.NumberFormat('en-US', {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n    ...(currency ? { style: 'currency', currency } : {}),\n  }).format(value);\n}\n\n/** Percentage from a whole-number percent (e.g. 12.5 → \"12.5%\"). */\nexport function formatPct(value: number | null | undefined, fractionDigits = 1): string {\n  if (value === null || value === undefined || !Number.isFinite(value)) return '—';\n  return `${value.toFixed(fractionDigits)}%`;\n}\n\n/**\n * Guarded date formatter. Only wraps a present ISO string in `new Date()` at\n * render time — never calls `.getTime()` on a raw scalar and never `new Date(0)`.\n * Returns an em-dash for absent/invalid values.\n */\nexport function formatDate(iso?: string | null): string {\n  if (!iso) return '—';\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '—';\n  return new Intl.DateTimeFormat('en-US', {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  }).format(d);\n}\n\n// ============================================================================\n// Status → badge variant (semantic, no raw colors)\n// ============================================================================\n\n/**\n * Map a domain status/severity string to a shadcn Badge variant. Accepts the\n * Bra* enum members (ACTIVE, AT_RISK, HIGH, …) case-insensitively so pages can\n * pass raw enum values.\n */\nexport function statusBadgeVariant(\n  status: string\n): 'default' | 'secondary' | 'destructive' | 'outline' {\n  const s = status.toUpperCase();\n  if (['ACTIVE', 'ACHIEVED', 'ON_TRACK', 'AHEAD', 'RESOLVED', 'EXECUTED', 'APPROVED'].includes(s))\n    return 'default';\n  if (['AT_RISK', 'HIGH', 'CRITICAL', 'ABANDONED', 'REJECTED', 'CANCELLED', 'CLOSED'].includes(s))\n    return 'destructive';\n  if (\n    ['ONBOARDING', 'PROSPECT', 'ON_HOLD', 'BEHIND', 'DRAFT', 'PROPOSED', 'MEDIUM', 'LOW'].includes(\n      s\n    )\n  )\n    return 'secondary';\n  return 'outline';\n}\n\n/** Semantic text-color token for a signed delta (color is never the only signal). */\nexport function deltaToneClass(value: number): string {\n  if (value > 0) return 'text-status-success-text';\n  if (value < 0) return 'text-status-error-text';\n  return 'text-text-secondary';\n}\n\n// ============================================================================\n// Section shell + KPIs\n// ============================================================================\n\ninterface SectionShellProps {\n  title: string;\n  description: string;\n  actionLabel?: string;\n  onAction?: () => void;\n  actions?: ReactNode;\n  badges?: string[];\n  children: ReactNode;\n}\n\nexport function SectionShell({\n  title,\n  description,\n  actionLabel,\n  onAction,\n  actions,\n  badges = [],\n  children,\n}: SectionShellProps) {\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          <p className=\"text-sm text-text-secondary\">{description}</p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {badges.map((badge) => (\n            <Badge key={badge} variant=\"secondary\">\n              {badge}\n            </Badge>\n          ))}\n          {actions}\n          {actionLabel ? (\n            <Button size=\"sm\" onClick={onAction}>\n              {actionLabel}\n            </Button>\n          ) : null}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n}\n\nexport interface KpiItem {\n  label: string;\n  value: string;\n  /** Optional signed delta rendered as a DeltaBadge (icon + sign + color). */\n  delta?: number;\n  /** Optional free-text trend line (neutral tone unless deltaTone provided). */\n  trend?: string;\n  deltaTone?: 'positive' | 'negative' | 'neutral';\n}\n\nexport function KpiGrid({ items }: { items: KpiItem[] }) {\n  return (\n    <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n      {items.map((item, i) => (\n        <FadeIn key={item.label} index={i}>\n          <Card className=\"h-full transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]\">\n            <CardContent className=\"space-y-1.5 p-4\">\n              <p className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n                {item.label}\n              </p>\n              <p className=\"text-2xl font-semibold tracking-tight text-text-primary\">\n                {item.value}\n              </p>\n              {item.delta !== undefined ? (\n                <DeltaBadge value={item.delta} />\n              ) : item.trend ? (\n                <p\n                  className={\n                    item.deltaTone === 'positive'\n                      ? 'text-xs text-status-success-text'\n                      : item.deltaTone === 'negative'\n                        ? 'text-xs text-status-error-text'\n                        : 'text-xs text-text-secondary'\n                  }\n                >\n                  {item.trend}\n                </p>\n              ) : null}\n            </CardContent>\n          </Card>\n        </FadeIn>\n      ))}\n    </div>\n  );\n}\n\n// ============================================================================\n// Delta badge — icon + sign + semantic color (color never the only signal)\n// ============================================================================\n\nexport function DeltaBadge({\n  value,\n  suffix = '%',\n  className = '',\n}: {\n  value: number;\n  suffix?: string;\n  className?: string;\n}) {\n  const positive = value > 0;\n  const negative = value < 0;\n  const Icon = positive ? ArrowUpRight : negative ? ArrowDownRight : Minus;\n  const tone = positive\n    ? 'text-status-success-text bg-status-success-bg'\n    : negative\n      ? 'text-status-error-text bg-status-error-bg'\n      : 'text-text-secondary bg-bg-sunken';\n  const sign = positive ? '+' : '';\n  return (\n    <span\n      className={`inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-xs font-medium ${tone} ${className}`}\n    >\n      <Icon className=\"size-3\" aria-hidden=\"true\" />\n      {sign}\n      {Number.isFinite(value) ? value.toFixed(1) : '—'}\n      {suffix}\n    </span>\n  );\n}\n\n// ============================================================================\n// Allocation bars — tokenized horizontal bar primitive\n// ============================================================================\n\nexport type AllocationTone = 'default' | 'positive' | 'negative' | 'warning' | 'accent';\n\nconst TONE_FILL: Record<AllocationTone, string> = {\n  default: 'bg-primary',\n  positive: 'bg-status-success-bg',\n  negative: 'bg-status-error-bg',\n  warning: 'bg-status-warning-bg',\n  accent: 'bg-accent-teal',\n};\n\nexport interface AllocationDatum {\n  label: string;\n  /** Percentage 0–100 for the bar width. */\n  value: number;\n  tone?: AllocationTone;\n  /** Optional right-aligned caption (e.g. formatted money). Defaults to the %. */\n  caption?: string;\n}\n\n/**\n * Single allocation bar fill. Starts at 0 width and grows to `width`% after\n * mount via a CSS transition; instant (no transition) under reduced motion.\n */\nfunction AllocationFill({ width, className }: { width: number; className: string }) {\n  const reduce = useReducedMotion();\n  // Reduced motion starts at the final width (instant); otherwise start at 0 and\n  // grow on the next frame via the CSS width transition.\n  const [w, setW] = useState(reduce ? width : 0);\n\n  useEffect(() => {\n    const id = requestAnimationFrame(() => setW(width));\n    return () => cancelAnimationFrame(id);\n  }, [width]);\n\n  return (\n    <div\n      className={className}\n      style={{ width: `${w}%`, transition: reduce ? 'none' : 'width 500ms ease' }}\n    />\n  );\n}\n\nexport function AllocationBars({ data }: { data: AllocationDatum[] }) {\n  const rows = data.filter((d) => Number.isFinite(d.value));\n  if (rows.length === 0) {\n    return <p className=\"text-sm text-text-secondary\">No allocation data.</p>;\n  }\n  return (\n    <div className=\"space-y-3.5\">\n      {rows.map((d) => {\n        const width = Math.max(0, Math.min(100, d.value));\n        return (\n          <div key={d.label} className=\"space-y-1.5\">\n            <div className=\"flex items-center justify-between text-xs\">\n              <span className=\"font-medium text-text-primary\">{d.label}</span>\n              <span className=\"tabular-nums text-text-secondary\">\n                {d.caption ?? formatPct(d.value)}\n              </span>\n            </div>\n            <div\n              className=\"h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\"\n              role=\"progressbar\"\n              aria-valuenow={Math.round(width)}\n              aria-valuemin={0}\n              aria-valuemax={100}\n              aria-label={d.label}\n            >\n              <AllocationFill\n                width={width}\n                className={`h-full rounded-full ${TONE_FILL[d.tone ?? 'default']}`}\n              />\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ============================================================================\n// Empty / Loading / Error states (designed, shared)\n// ============================================================================\n\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  action,\n}: {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center rounded-lg border border-dashed border-border-subtle bg-bg-surface px-6 py-12 text-center\">\n      <div className=\"mb-4 flex size-12 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n        {icon ?? <Inbox className=\"size-6\" aria-hidden=\"true\" />}\n      </div>\n      <h3 className=\"text-base font-semibold text-text-primary\">{title}</h3>\n      {description ? (\n        <p className=\"mt-1 max-w-md text-sm text-text-secondary\">{description}</p>\n      ) : null}\n      {action ? <div className=\"mt-4\">{action}</div> : null}\n    </div>\n  );\n}\n\nexport function LoadingState({ rows = 4 }: { rows?: number }) {\n  return (\n    <div className=\"space-y-3\" aria-busy=\"true\" aria-live=\"polite\">\n      {Array.from({ length: rows }).map((_, i) => (\n        <div\n          key={i}\n          className=\"flex items-center gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4\"\n        >\n          <Skeleton className=\"size-10 rounded-full\" />\n          <div className=\"flex-1 space-y-2\">\n            <Skeleton className=\"h-4 w-1/3\" />\n            <Skeleton className=\"h-3 w-1/2\" />\n          </div>\n          <Skeleton className=\"h-4 w-16\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function ErrorState({\n  title = 'Something went wrong',\n  description = 'We could not load this data. Please try again.',\n  onRetry,\n}: {\n  title?: string;\n  description?: string;\n  onRetry?: () => void;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center rounded-lg border border-status-error-text/40 bg-status-error-bg px-6 py-12 text-center\">\n      <div className=\"mb-4 flex size-12 items-center justify-center rounded-full bg-bg-surface text-status-error-text\">\n        <TriangleAlert className=\"size-6\" aria-hidden=\"true\" />\n      </div>\n      <h3 className=\"text-base font-semibold text-text-primary\">{title}</h3>\n      <p className=\"mt-1 max-w-md text-sm text-text-secondary\">{description}</p>\n      {onRetry ? (\n        <Button variant=\"outline\" size=\"sm\" className=\"mt-4\" onClick={onRetry}>\n          <RefreshCw className=\"size-4\" aria-hidden=\"true\" />\n          Retry\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-brainyrich",
-  "version": "2026.706.2",
+  "version": "2026.706.4",
   "description": "Burdenoff BrainyRich Microfrontend",
   "type": "module",
   "files": [
@@ -47,11 +47,10 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router-dom": "^7.1.3",
+    "recharts": "^2.15.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
-    "zustand": "^5.0.3",
-    "recharts": "^2.15.0",
-    "framer-motion": "^12.0.0"
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",

package/dist/_virtual/__vite-optional-peer-dep_@emotion/is-prop-valid_framer-motion.js

@@ -1,10 +0,0 @@
-import { __esmMin as e, __exportAll as t } from "../_rolldown/runtime.js";
-//#region __vite-optional-peer-dep:@emotion/is-prop-valid:framer-motion
-var n = /* @__PURE__ */ t({ default: () => r }), r, i = e((() => {
-	throw r = {}, Error("Could not resolve \"@emotion/is-prop-valid\" imported by \"framer-motion\". Is it installed?");
-}));
-//#endregion
-i();
-export { i as init_is_prop_valid_framer_motion, n as is_prop_valid_framer_motion_exports };
-
-//# sourceMappingURL=is-prop-valid_framer-motion.js.map

package/dist/_virtual/__vite-optional-peer-dep_@emotion/is-prop-valid_framer-motion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-prop-valid_framer-motion.js","names":[],"sources":["../../../__vite-optional-peer-dep:@emotion/is-prop-valid:framer-motion"],"sourcesContent":["export default {};\nthrow new Error(`Could not resolve \"@emotion/is-prop-valid\" imported by \"framer-motion\". Is it installed?`)"],"mappings":";;;AACA,WADe,EAAE,EACP,MAAM,+FAAA"}

package/dist/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js

@@ -1,22 +0,0 @@
-"use client";
-import { PresenceContext as e } from "../../context/PresenceContext.js";
-import { useCallback as t, useContext as n, useEffect as r, useId as i } from "react";
-//#region node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs
-function a(a = !0) {
-	let o = n(e);
-	if (o === null) return [!0, null];
-	let { isPresent: s, onExitComplete: c, register: l } = o, u = i();
-	r(() => {
-		if (a) return l(u);
-	}, [a]);
-	let d = t(() => a && c && c(u), [
-		u,
-		c,
-		a
-	]);
-	return !s && c ? [!1, d] : [!0];
-}
-//#endregion
-export { a as usePresence };
-
-//# sourceMappingURL=use-presence.js.map

package/dist/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-presence.js","names":[],"sources":["../../../../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useId, useEffect, useCallback } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed from the tree,\n * but `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence(subscribe = true) {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => {\n        if (subscribe) {\n            return register(id);\n        }\n    }, [subscribe]);\n    const safeToRemove = useCallback(() => subscribe && onExitComplete && onExitComplete(id), [id, onExitComplete, subscribe]);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n//# sourceMappingURL=use-presence.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;AA2BA,SAAS,EAAY,IAAY,IAAM;CACnC,IAAM,IAAU,EAAW,EAAgB;AAC3C,KAAI,MAAY,KACZ,QAAO,CAAC,IAAM,KAAK;CACvB,IAAM,EAAE,cAAW,mBAAgB,gBAAa,GAG1C,IAAK,GAAO;AAClB,SAAgB;AACZ,MAAI,EACA,QAAO,EAAS,EAAG;IAExB,CAAC,EAAU,CAAC;CACf,IAAM,IAAe,QAAkB,KAAa,KAAkB,EAAe,EAAG,EAAE;EAAC;EAAI;EAAgB;EAAU,CAAC;AAC1H,QAAO,CAAC,KAAa,IAAiB,CAAC,IAAO,EAAa,GAAG,CAAC,GAAK"}

package/dist/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js

@@ -1,8 +0,0 @@
-"use client";
-import { createContext as e } from "react";
-//#region node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs
-var t = e({});
-//#endregion
-export { t as LayoutGroupContext };
-
-//# sourceMappingURL=LayoutGroupContext.js.map

package/dist/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutGroupContext.js","names":[],"sources":["../../../../../../node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n//# sourceMappingURL=LayoutGroupContext.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAGA,IAAM,IAAqB,EAAc,EAAE,CAAC"}

package/dist/node_modules/framer-motion/dist/es/context/LazyContext.js

@@ -1,8 +0,0 @@
-"use client";
-import { createContext as e } from "react";
-//#region node_modules/framer-motion/dist/es/context/LazyContext.mjs
-var t = e({ strict: !1 });
-//#endregion
-export { t as LazyContext };
-
-//# sourceMappingURL=LazyContext.js.map

package/dist/node_modules/framer-motion/dist/es/context/LazyContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LazyContext.js","names":[],"sources":["../../../../../../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n//# sourceMappingURL=LazyContext.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAGA,IAAM,IAAc,EAAc,EAAE,QAAQ,IAAO,CAAC"}

package/dist/node_modules/framer-motion/dist/es/context/MotionConfigContext.js

@@ -1,12 +0,0 @@
-"use client";
-import { createContext as e } from "react";
-//#region node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs
-var t = e({
-	transformPagePoint: (e) => e,
-	isStatic: !1,
-	reducedMotion: "never"
-});
-//#endregion
-export { t as MotionConfigContext };
-
-//# sourceMappingURL=MotionConfigContext.js.map

package/dist/node_modules/framer-motion/dist/es/context/MotionConfigContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MotionConfigContext.js","names":[],"sources":["../../../../../../node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n//# sourceMappingURL=MotionConfigContext.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAMA,IAAM,IAAsB,EAAc;CACtC,qBAAqB,MAAM;CAC3B,UAAU;CACV,eAAe;CAClB,CAAC"}

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/create.js

@@ -1,19 +0,0 @@
-"use client";
-import { MotionContext as e } from "./index.js";
-import { getCurrentTreeVariants as t } from "./utils.js";
-import { useContext as n, useMemo as r } from "react";
-//#region node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
-function i(i) {
-	let { initial: o, animate: s } = t(i, n(e));
-	return r(() => ({
-		initial: o,
-		animate: s
-	}), [a(o), a(s)]);
-}
-function a(e) {
-	return Array.isArray(e) ? e.join(" ") : e;
-}
-//#endregion
-export { i as useCreateMotionContext };
-
-//# sourceMappingURL=create.js.map

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/create.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create.js","names":[],"sources":["../../../../../../../node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n//# sourceMappingURL=create.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;;AAKA,SAAS,EAAuB,GAAO;CACnC,IAAM,EAAE,YAAS,eAAY,EAAuB,GAAO,EAAW,EAAc,CAAC;AACrF,QAAO,SAAe;EAAE;EAAS;EAAS,GAAG,CAAC,EAA0B,EAAQ,EAAE,EAA0B,EAAQ,CAAC,CAAC;;AAE1H,SAAS,EAA0B,GAAM;AACrC,QAAO,MAAM,QAAQ,EAAK,GAAG,EAAK,KAAK,IAAI,GAAG"}

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/index.js

@@ -1,8 +0,0 @@
-"use client";
-import { createContext as e } from "react";
-//#region node_modules/framer-motion/dist/es/context/MotionContext/index.mjs
-var t = /* @__PURE__ */ e({});
-//#endregion
-export { t as MotionContext };
-
-//# sourceMappingURL=index.js.map

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../node_modules/framer-motion/dist/es/context/MotionContext/index.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\nconst MotionContext = /* @__PURE__ */ createContext({});\n\nexport { MotionContext };\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAGA,IAAM,IAAgC,kBAAc,EAAE,CAAC"}

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/utils.js

@@ -1,17 +0,0 @@
-import { isVariantLabel as e } from "../../../../../motion-dom/dist/es/render/utils/is-variant-label.js";
-import { isControllingVariants as t } from "../../../../../motion-dom/dist/es/render/utils/is-controlling-variants.js";
-//#region node_modules/framer-motion/dist/es/context/MotionContext/utils.mjs
-function n(n, r) {
-	if (t(n)) {
-		let { initial: t, animate: r } = n;
-		return {
-			initial: t === !1 || e(t) ? t : void 0,
-			animate: e(r) ? r : void 0
-		};
-	}
-	return n.inherit === !1 ? {} : r;
-}
-//#endregion
-export { n as getCurrentTreeVariants };
-
-//# sourceMappingURL=utils.js.map

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../../../../node_modules/framer-motion/dist/es/context/MotionContext/utils.mjs"],"sourcesContent":["import { isControllingVariants, isVariantLabel } from 'motion-dom';\n\nfunction getCurrentTreeVariants(props, context) {\n    if (isControllingVariants(props)) {\n        const { initial, animate } = props;\n        return {\n            initial: initial === false || isVariantLabel(initial)\n                ? initial\n                : undefined,\n            animate: isVariantLabel(animate) ? animate : undefined,\n        };\n    }\n    return props.inherit !== false ? context : {};\n}\n\nexport { getCurrentTreeVariants };\n//# sourceMappingURL=utils.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAEA,SAAS,EAAuB,GAAO,GAAS;AAC5C,KAAI,EAAsB,EAAM,EAAE;EAC9B,IAAM,EAAE,YAAS,eAAY;AAC7B,SAAO;GACH,SAAS,MAAY,MAAS,EAAe,EAAQ,GAC/C,IACA,KAAA;GACN,SAAS,EAAe,EAAQ,GAAG,IAAU,KAAA;GAChD;;AAEL,QAAO,EAAM,YAAY,KAAkB,EAAE,GAAZ"}

package/dist/node_modules/framer-motion/dist/es/context/PresenceContext.js

@@ -1,8 +0,0 @@
-"use client";
-import { createContext as e } from "react";
-//#region node_modules/framer-motion/dist/es/context/PresenceContext.mjs
-var t = /* @__PURE__ */ e(null);
-//#endregion
-export { t as PresenceContext };
-
-//# sourceMappingURL=PresenceContext.js.map

package/dist/node_modules/framer-motion/dist/es/context/PresenceContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PresenceContext.js","names":[],"sources":["../../../../../../node_modules/framer-motion/dist/es/context/PresenceContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\n/**\n * @public\n */\nconst PresenceContext = \n/* @__PURE__ */ createContext(null);\n\nexport { PresenceContext };\n//# sourceMappingURL=PresenceContext.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAMA,IAAM,IACU,kBAAc,KAAK"}

package/dist/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.js

@@ -1,8 +0,0 @@
-"use client";
-import { createContext as e } from "react";
-//#region node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs
-var t = e({});
-//#endregion
-export { t as SwitchLayoutGroupContext };
-
-//# sourceMappingURL=SwitchLayoutGroupContext.js.map

package/dist/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwitchLayoutGroupContext.js","names":[],"sources":["../../../../../../node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n//# sourceMappingURL=SwitchLayoutGroupContext.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAMA,IAAM,IAA2B,EAAc,EAAE,CAAC"}

package/dist/node_modules/framer-motion/dist/es/events/add-pointer-event.js

@@ -1,10 +0,0 @@
-import { addDomEvent as e } from "../../../../motion-dom/dist/es/events/add-dom-event.js";
-import { addPointerInfo as t } from "./event-info.js";
-//#region node_modules/framer-motion/dist/es/events/add-pointer-event.mjs
-function n(n, r, i, a) {
-	return e(n, r, t(i), a);
-}
-//#endregion
-export { n as addPointerEvent };
-
-//# sourceMappingURL=add-pointer-event.js.map

package/dist/node_modules/framer-motion/dist/es/events/add-pointer-event.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-pointer-event.js","names":[],"sources":["../../../../../../node_modules/framer-motion/dist/es/events/add-pointer-event.mjs"],"sourcesContent":["import { addDomEvent } from 'motion-dom';\nimport { addPointerInfo } from './event-info.mjs';\n\nfunction addPointerEvent(target, eventName, handler, options) {\n    return addDomEvent(target, eventName, addPointerInfo(handler), options);\n}\n\nexport { addPointerEvent };\n//# sourceMappingURL=add-pointer-event.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAGA,SAAS,EAAgB,GAAQ,GAAW,GAAS,GAAS;AAC1D,QAAO,EAAY,GAAQ,GAAW,EAAe,EAAQ,EAAE,EAAQ"}

package/dist/node_modules/framer-motion/dist/es/events/event-info.js

@@ -1,13 +0,0 @@
-import { isPrimaryPointer as e } from "../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.js";
-//#region node_modules/framer-motion/dist/es/events/event-info.mjs
-function t(e) {
-	return { point: {
-		x: e.pageX,
-		y: e.pageY
-	} };
-}
-var n = (n) => (r) => e(r) && n(r, t(r));
-//#endregion
-export { n as addPointerInfo, t as extractEventInfo };
-
-//# sourceMappingURL=event-info.js.map

package/dist/node_modules/framer-motion/dist/es/events/event-info.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"event-info.js","names":[],"sources":["../../../../../../node_modules/framer-motion/dist/es/events/event-info.mjs"],"sourcesContent":["import { isPrimaryPointer } from 'motion-dom';\n\nfunction extractEventInfo(event) {\n    return {\n        point: {\n            x: event.pageX,\n            y: event.pageY,\n        },\n    };\n}\nconst addPointerInfo = (handler) => (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));\n\nexport { addPointerInfo, extractEventInfo };\n//# sourceMappingURL=event-info.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;AAEA,SAAS,EAAiB,GAAO;AAC7B,QAAO,EACH,OAAO;EACH,GAAG,EAAM;EACT,GAAG,EAAM;EACZ,EACJ;;AAEL,IAAM,KAAkB,OAAa,MAAU,EAAiB,EAAM,IAAI,EAAQ,GAAO,EAAiB,EAAM,CAAC"}

package/dist/node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.js

@@ -1,259 +0,0 @@
-import { invariant as e } from "../../../../../motion-utils/dist/es/errors.js";
-import { frame as t } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
-import { percent as n } from "../../../../../motion-dom/dist/es/value/types/numbers/units.js";
-import { mixNumber as r } from "../../../../../motion-dom/dist/es/utils/mix/number.js";
-import { animateMotionValue as i } from "../../../../../motion-dom/dist/es/animation/interfaces/motion-value.js";
-import { addValueToWillChange as a } from "../../../../../motion-dom/dist/es/value/will-change/add-will-change.js";
-import { setDragLock as o } from "../../../../../motion-dom/dist/es/gestures/drag/state/set-active.js";
-import { isElementTextInput as s } from "../../../../../motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.js";
-import { resize as c } from "../../../../../motion-dom/dist/es/resize/index.js";
-import { createBox as l } from "../../../../../motion-dom/dist/es/projection/geometry/models.js";
-import { convertBoundingBoxToBox as u, convertBoxToBoundingBox as d } from "../../../../../motion-dom/dist/es/projection/geometry/conversion.js";
-import { measurePageBox as f } from "../../../../../motion-dom/dist/es/projection/utils/measure.js";
-import { calcLength as p } from "../../../../../motion-dom/dist/es/projection/geometry/delta-calc.js";
-import { eachAxis as m } from "../../../../../motion-dom/dist/es/projection/utils/each-axis.js";
-import { addDomEvent as h } from "../../../../../motion-dom/dist/es/events/add-dom-event.js";
-import { isRefObject as g } from "../../utils/is-ref-object.js";
-import { extractEventInfo as _ } from "../../events/event-info.js";
-import { addPointerEvent as v } from "../../events/add-pointer-event.js";
-import { getContextWindow as y } from "../../utils/get-context-window.js";
-import { PanSession as b } from "../pan/PanSession.js";
-import { applyConstraints as x, calcOrigin as S, calcRelativeConstraints as C, calcViewportConstraints as w, defaultElastic as T, rebaseAxisConstraints as E, resolveDragElastic as D } from "./utils/constraints.js";
-//#region node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs
-var O = /* @__PURE__ */ new WeakMap(), k = class {
-	constructor(e) {
-		this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = {
-			x: 0,
-			y: 0
-		}, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = l(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
-	}
-	start(e, { snapToCursor: r = !1, distanceThreshold: i } = {}) {
-		let { presenceContext: s } = this.visualElement;
-		if (s && s.isPresent === !1) return;
-		let c = (e) => {
-			r && this.snapToCursor(_(e).point), this.stopAnimation();
-		}, l = (e, r) => {
-			let { drag: i, dragPropagation: s, onDragStart: c } = this.getProps();
-			if (i && !s && (this.openDragLock && this.openDragLock(), this.openDragLock = o(i), !this.openDragLock)) return;
-			this.latestPointerEvent = e, this.latestPanInfo = r, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), m((e) => {
-				let t = this.getAxisMotionValue(e).get() || 0;
-				if (n.test(t)) {
-					let { projection: n } = this.visualElement;
-					if (n && n.layout) {
-						let r = n.layout.layoutBox[e];
-						r && (t = p(r) * (parseFloat(t) / 100));
-					}
-				}
-				this.originPoint[e] = t;
-			}), c && t.update(() => c(e, r), !1, !0), a(this.visualElement, "transform");
-			let { animationState: l } = this.visualElement;
-			l && l.setActive("whileDrag", !0);
-		}, u = (e, n) => {
-			this.latestPointerEvent = e, this.latestPanInfo = n;
-			let { dragPropagation: r, dragDirectionLock: i, onDirectionLock: a, onDrag: o } = this.getProps();
-			if (!r && !this.openDragLock) return;
-			let { offset: s } = n;
-			if (i && this.currentDirection === null) {
-				this.currentDirection = N(s), this.currentDirection !== null && a && a(this.currentDirection);
-				return;
-			}
-			this.updateAxis("x", n.point, s), this.updateAxis("y", n.point, s), this.visualElement.render(), o && t.update(() => o(e, n), !1, !0);
-		}, d = (e, t) => {
-			this.latestPointerEvent = e, this.latestPanInfo = t, this.stop(e, t), this.latestPointerEvent = null, this.latestPanInfo = null;
-		}, f = () => {
-			let { dragSnapToOrigin: e } = this.getProps();
-			(e || this.constraints) && this.startAnimation({
-				x: 0,
-				y: 0
-			});
-		}, { dragSnapToOrigin: h } = this.getProps();
-		this.panSession = new b(e, {
-			onSessionStart: c,
-			onStart: l,
-			onMove: u,
-			onSessionEnd: d,
-			resumeAnimation: f
-		}, {
-			transformPagePoint: this.visualElement.getTransformPagePoint(),
-			dragSnapToOrigin: h,
-			distanceThreshold: i,
-			contextWindow: y(this.visualElement),
-			element: this.visualElement.current
-		});
-	}
-	stop(e, n) {
-		let r = e || this.latestPointerEvent, i = n || this.latestPanInfo, a = this.isDragging;
-		if (this.cancel(), !a || !i || !r) return;
-		let { velocity: o } = i;
-		this.startAnimation(o);
-		let { onDragEnd: s } = this.getProps();
-		s && t.postRender(() => s(r, i));
-	}
-	cancel() {
-		this.isDragging = !1;
-		let { projection: e, animationState: t } = this.visualElement;
-		e && (e.isAnimationBlocked = !1), this.endPanSession();
-		let { dragPropagation: n } = this.getProps();
-		!n && this.openDragLock && (this.openDragLock(), this.openDragLock = null), t && t.setActive("whileDrag", !1);
-	}
-	endPanSession() {
-		this.panSession && this.panSession.end(), this.panSession = void 0;
-	}
-	updateAxis(e, t, n) {
-		let { drag: r } = this.getProps();
-		if (!n || !M(e, r, this.currentDirection)) return;
-		let i = this.getAxisMotionValue(e), a = this.originPoint[e] + n[e];
-		this.constraints && this.constraints[e] && (a = x(a, this.constraints[e], this.elastic[e])), i.set(a);
-	}
-	resolveConstraints() {
-		let { dragConstraints: e, dragElastic: t } = this.getProps(), n = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, r = this.constraints;
-		e && g(e) ? this.constraints ||= this.resolveRefConstraints() : e && n ? this.constraints = C(n.layoutBox, e) : this.constraints = !1, this.elastic = D(t), r !== this.constraints && !g(e) && n && this.constraints && !this.hasMutatedConstraints && m((e) => {
-			this.constraints !== !1 && this.getAxisMotionValue(e) && (this.constraints[e] = E(n.layoutBox[e], this.constraints[e]));
-		});
-	}
-	resolveRefConstraints() {
-		let { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
-		if (!t || !g(t)) return !1;
-		let r = t.current;
-		e(r !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
-		let { projection: i } = this.visualElement;
-		if (!i || !i.layout) return !1;
-		let a = f(r, i.root, this.visualElement.getTransformPagePoint()), o = w(i.layout.layoutBox, a);
-		if (n) {
-			let e = n(d(o));
-			this.hasMutatedConstraints = !!e, e && (o = u(e));
-		}
-		return o;
-	}
-	startAnimation(e) {
-		let { drag: t, dragMomentum: n, dragElastic: r, dragTransition: i, dragSnapToOrigin: a, onDragTransitionEnd: o } = this.getProps(), s = this.constraints || {}, c = m((o) => {
-			if (!M(o, t, this.currentDirection)) return;
-			let c = s && s[o] || {};
-			(a === !0 || a === o) && (c = {
-				min: 0,
-				max: 0
-			});
-			let l = r ? 200 : 1e6, u = r ? 40 : 1e7, d = {
-				type: "inertia",
-				velocity: n ? e[o] : 0,
-				bounceStiffness: l,
-				bounceDamping: u,
-				timeConstant: 750,
-				restDelta: 1,
-				restSpeed: 10,
-				...i,
-				...c
-			};
-			return this.startAxisValueAnimation(o, d);
-		});
-		return Promise.all(c).then(o);
-	}
-	startAxisValueAnimation(e, t) {
-		let n = this.getAxisMotionValue(e);
-		return a(this.visualElement, e), n.start(i(e, n, 0, t, this.visualElement, !1));
-	}
-	stopAnimation() {
-		m((e) => this.getAxisMotionValue(e).stop());
-	}
-	getAxisMotionValue(e) {
-		let t = `_drag${e.toUpperCase()}`, n = this.visualElement.getProps();
-		return n[t] || this.visualElement.getValue(e, (n.initial ? n.initial[e] : void 0) || 0);
-	}
-	snapToCursor(e) {
-		m((t) => {
-			let { drag: n } = this.getProps();
-			if (!M(t, n, this.currentDirection)) return;
-			let { projection: i } = this.visualElement, a = this.getAxisMotionValue(t);
-			if (i && i.layout) {
-				let { min: n, max: o } = i.layout.layoutBox[t], s = a.get() || 0;
-				a.set(e[t] - r(n, o, .5) + s);
-			}
-		});
-	}
-	scalePositionWithinConstraints() {
-		if (!this.visualElement.current) return;
-		let { drag: e, dragConstraints: t } = this.getProps(), { projection: n } = this.visualElement;
-		if (!g(t) || !n || !this.constraints) return;
-		this.stopAnimation();
-		let i = {
-			x: 0,
-			y: 0
-		};
-		m((e) => {
-			let t = this.getAxisMotionValue(e);
-			if (t && this.constraints !== !1) {
-				let n = t.get();
-				i[e] = S({
-					min: n,
-					max: n
-				}, this.constraints[e]);
-			}
-		});
-		let { transformTemplate: a } = this.visualElement.getProps();
-		this.visualElement.current.style.transform = a ? a({}, "") : "none", n.root && n.root.updateScroll(), n.updateLayout(), this.constraints = !1, this.resolveConstraints(), m((t) => {
-			if (!M(t, e, null)) return;
-			let n = this.getAxisMotionValue(t), { min: a, max: o } = this.constraints[t];
-			n.set(r(a, o, i[t]));
-		}), this.visualElement.render();
-	}
-	addListeners() {
-		if (!this.visualElement.current) return;
-		O.set(this.visualElement, this);
-		let e = this.visualElement.current, n = v(e, "pointerdown", (t) => {
-			let { drag: n, dragListener: r = !0 } = this.getProps(), i = t.target, a = i !== e && s(i);
-			n && r && !a && this.start(t);
-		}), r, i = () => {
-			let { dragConstraints: t } = this.getProps();
-			g(t) && t.current && (this.constraints = this.resolveRefConstraints(), r ||= j(e, t.current, () => this.scalePositionWithinConstraints()));
-		}, { projection: a } = this.visualElement, o = a.addEventListener("measure", i);
-		a && !a.layout && (a.root && a.root.updateScroll(), a.updateLayout()), t.read(i);
-		let c = h(window, "resize", () => this.scalePositionWithinConstraints()), l = a.addEventListener("didUpdate", (({ delta: e, hasLayoutChanged: t }) => {
-			this.isDragging && t && (m((t) => {
-				let n = this.getAxisMotionValue(t);
-				n && (this.originPoint[t] += e[t].translate, n.set(n.get() + e[t].translate));
-			}), this.visualElement.render());
-		}));
-		return () => {
-			c(), n(), o(), l && l(), r && r();
-		};
-	}
-	getProps() {
-		let e = this.visualElement.getProps(), { drag: t = !1, dragDirectionLock: n = !1, dragPropagation: r = !1, dragConstraints: i = !1, dragElastic: a = T, dragMomentum: o = !0 } = e;
-		return {
-			...e,
-			drag: t,
-			dragDirectionLock: n,
-			dragPropagation: r,
-			dragConstraints: i,
-			dragElastic: a,
-			dragMomentum: o
-		};
-	}
-};
-function A(e) {
-	let t = !0;
-	return () => {
-		if (t) {
-			t = !1;
-			return;
-		}
-		e();
-	};
-}
-function j(e, t, n) {
-	let r = c(e, A(n)), i = c(t, A(n));
-	return () => {
-		r(), i();
-	};
-}
-function M(e, t, n) {
-	return (t === !0 || t === e) && (n === null || n === e);
-}
-function N(e, t = 10) {
-	let n = null;
-	return Math.abs(e.y) > t ? n = "y" : Math.abs(e.x) > t && (n = "x"), n;
-}
-//#endregion
-export { k as VisualElementDragControls };
-
-//# sourceMappingURL=VisualElementDragControls.js.map