@fayz-ai/ui 0.21.0 → 0.23.0

package/dist/chunk-P3YTL3MF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/layout/AppShellSkeleton.tsx","../src/layout/Takeover.tsx","../src/layout/page-trail.tsx","../src/layout/ContentSplit.tsx"],"names":["jsx","jsxs","React3"],"mappings":"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","file":"chunk-P3YTL3MF.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/cn'\n\n// ---------------------------------------------------------------------------\n// AppShellSkeleton — what the admin shows while it is still booting (session\n// restore, plugin runtime, first paint).\n//\n// It used to draw the SHAPE of the shell: rail, header band, tiles, table. The\n// idea was that the app would resolve into its own outline. What it did in\n// practice was promise a specific screen and then contradict it — the outline\n// is a dashboard, and half the time you were opening something else — and the\n// pulsing bars read as content that failed to load rather than content on its\n// way. Worse, it made the wait look LONGER: a page of fake rows holds the eye,\n// so every extra frame of it registers.\n//\n// One spinner on the rail's own color says exactly as much (the app is coming)\n// and nothing false. It also matches the HTML boot screen the Vite plugin\n// injects (see @fayz-ai/sdk boot-skeleton), so the whole cold load is one\n// continuous image — same background, same spinner, in the same place — from\n// first paint to mounted app, with nothing swapping underneath.\n// ---------------------------------------------------------------------------\n\nexport interface AppShellSkeletonProps {\n  /** Kept for API compatibility. The boot screen no longer draws a shell shape,\n   *  so every layout gets the same one. */\n  variant?: 'sidebar' | 'topbar' | 'minimal'\n  /** Kept for API compatibility; the boot screen has no content frame. */\n  contentFrame?: boolean\n  /** Kept for API compatibility; the boot screen shows no logo. */\n  logo?: React.ReactNode\n  /** What is loading, for screen readers. */\n  label: string\n  className?: string\n}\n\n/** Ring spinner in the page's foreground tone. Static under reduced motion —\n *  the ring alone still reads as \"busy\", a frozen spinner reads as \"stuck\". */\nexport function BootSpinner({ className }: { className?: string }) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'block h-7 w-7 animate-spin rounded-full border-2 border-foreground/20 border-t-foreground/70',\n        'motion-reduce:animate-none motion-reduce:border-t-foreground/20 motion-reduce:animate-pulse',\n        className,\n      )}\n    />\n  )\n}\n\nexport function AppShellSkeleton({ label, className }: AppShellSkeletonProps) {\n  return (\n    <div\n      role=\"status\"\n      aria-busy=\"true\"\n      className={cn('fz-viewport-h flex items-center justify-center overflow-hidden bg-background', className)}\n    >\n      <span className=\"sr-only\">{label}</span>\n      <BootSpinner />\n    </div>\n  )\n}\nAppShellSkeleton.displayName = 'AppShellSkeleton'\n","import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { X } from 'lucide-react'\nimport { cn } from '../lib/cn'\n\n/**\n * A full-viewport surface that covers the shell — rail, topbar and page — and\n * gives it back untouched on close.\n *\n * Not a route: the page underneath stays MOUNTED, so a filtered list, a scroll\n * position or a half-typed form survives a trip through the counter. That is\n * the whole reason this is not `immersive: true` on a route, which unmounts the\n * page you left and re-runs its queries on the way back.\n *\n * The back button closes it. Opening pushes a history entry with no URL change,\n * so `popstate` reads as \"leave this mode\" instead of navigating the page under\n * the takeover — which is what a browser Back would otherwise do while the\n * operator can only see the takeover.\n *\n * `Esc` does NOT close: an operator surface owns that key (it clears the\n * command field). The way out is the corner control, or Shift+Esc for the\n * keyboard.\n */\n\n/**\n * The way out, for anything rendered inside a takeover.\n *\n * A surface that offers its own exit — the counter's Balcão ⇄ Retaguarda switch\n * lives in the POS's own rail — needs the SAME close the corner X uses: the one\n * that pops the history entry the takeover pushed. A plain `setOpen(false)`\n * leaves that entry behind and the next Back press goes nowhere.\n */\nconst TakeoverCloseContext = createContext<() => void>(() => {})\nexport function useTakeoverClose(): () => void {\n  return useContext(TakeoverCloseContext)\n}\n\nexport interface TakeoverProps {\n  open: boolean\n  onClose: () => void\n  /** Accessible name for the dialog. */\n  label: string\n  /** Point the panel grows from — usually the rect of the row that opened it. */\n  origin?: { x: number; y: number } | null\n  closeLabel?: string\n  /**\n   * Hash path the URL wears while this is open (e.g. `/pos`), so a refresh\n   * comes back to the takeover instead of to the page under it.\n   *\n   * `pushState` does not emit `hashchange`, which is exactly what makes this\n   * safe: the URL says where you are without the hash router unmounting the\n   * page underneath. Closing goes back, and THAT does emit it — the router\n   * lands on the path it was already showing.\n   *\n   * The host is responsible for reopening on a cold load at this path.\n   */\n  route?: string\n  /** Extra chrome beside the close button (terminal name, operator, clock). */\n  corner?: React.ReactNode\n  children: React.ReactNode\n}\n\ntype Phase = 'closed' | 'opening' | 'open' | 'closing'\n\nconst EXIT_MS = 220\n\nexport function Takeover({\n  open, onClose, label, origin, closeLabel = 'Fechar', route, corner, children,\n}: TakeoverProps) {\n  const [phase, setPhase] = useState<Phase>(open ? 'open' : 'closed')\n  const panelRef = useRef<HTMLDivElement>(null)\n  // The URL this replaced, and whether the entry it pushed is still there.\n  // Closing puts the address back rather than counting history entries — a\n  // count is wrong the moment anything else touches history in between.\n  const pushed = useRef(false)\n  const prevUrl = useRef('')\n\n  useEffect(() => {\n    if (open) {\n      setPhase((p) => (p === 'closed' || p === 'closing' ? 'opening' : p))\n      const id = requestAnimationFrame(() => setPhase('open'))\n      return () => cancelAnimationFrame(id)\n    }\n    setPhase((p) => (p === 'closed' ? 'closed' : 'closing'))\n    const t = setTimeout(() => setPhase('closed'), EXIT_MS)\n    return () => clearTimeout(t)\n  }, [open])\n\n  // Body scroll lock — the takeover scrolls internally, and a shell that keeps\n  // scrolling behind it moves the page you are meant to come back to.\n  useEffect(() => {\n    if (phase === 'closed') return\n    const prev = document.body.style.overflow\n    document.body.style.overflow = 'hidden'\n    return () => { document.body.style.overflow = prev }\n  }, [phase])\n\n  useEffect(() => {\n    if (!open) return\n    prevUrl.current = location.href\n    history.pushState({ ...history.state, fzTakeover: label }, '', route ? `#${route}` : undefined)\n    pushed.current = true\n    const onPop = () => { pushed.current = false; onClose() }\n    window.addEventListener('popstate', onPop)\n    return () => window.removeEventListener('popstate', onPop)\n  }, [open, label, route, onClose])\n\n  const close = useCallback(() => {\n    // `replaceState`, not `back()`: the address returns to exactly what it was,\n    // and the router — which never saw the push, since pushState emits no\n    // `hashchange` — is already showing that page. Going back instead depends\n    // on the pushed entry still being the top one, which nothing guarantees.\n    if (pushed.current) {\n      pushed.current = false\n      if (prevUrl.current) history.replaceState(history.state, '', prevUrl.current)\n    }\n    onClose()\n  }, [onClose])\n\n  useEffect(() => {\n    if (!open) return\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && e.shiftKey) { e.preventDefault(); close() }\n    }\n    window.addEventListener('keydown', onKey)\n    return () => window.removeEventListener('keydown', onKey)\n  }, [open, close])\n\n  // Focus lands inside on arrival; without it the keyboard is still in the rail\n  // and the first shortcut goes to the page nobody can see.\n  useEffect(() => {\n    if (phase === 'open') panelRef.current?.focus({ preventScroll: true })\n  }, [phase])\n\n  if (phase === 'closed') return null\n\n  const active = phase === 'open'\n  const originStyle = origin\n    ? { transformOrigin: `${origin.x}px ${origin.y}px` }\n    : undefined\n\n  return createPortal(\n    <TakeoverCloseContext.Provider value={close}>\n    <div className=\"fixed inset-0 z-[120]\" role=\"dialog\" aria-modal=\"true\" aria-label={label}>\n      <div\n        aria-hidden\n        className={cn(\n          'absolute inset-0 bg-black/60 backdrop-blur-[2px] transition-opacity duration-200',\n          active ? 'opacity-100' : 'opacity-0',\n        )}\n      />\n      <div\n        ref={panelRef}\n        tabIndex={-1}\n        style={originStyle}\n        className={cn(\n          'saas-takeover-panel absolute inset-0 overflow-hidden bg-background outline-none',\n          active ? 'saas-takeover-in' : 'saas-takeover-out',\n        )}\n      >\n        {children}\n      </div>\n\n      {/* Above the panel, not inside it: the surface under the takeover draws\n          its own chrome and must not have to reserve a corner for ours. */}\n      <div className=\"pointer-events-none absolute right-0 top-0 z-10 flex items-center gap-2 p-3\">\n        {corner}\n        <button\n          type=\"button\"\n          onClick={close}\n          aria-label={closeLabel}\n          title={`${closeLabel} · Shift+Esc`}\n          className={cn(\n            'fz-tap pointer-events-auto flex h-10 w-10 items-center justify-center rounded-full',\n            'bg-black/40 text-white/80 backdrop-blur transition-colors',\n            'hover:bg-black/60 hover:text-white',\n            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60',\n          )}\n        >\n          <X className=\"h-5 w-5\" />\n        </button>\n      </div>\n    </div>\n    </TakeoverCloseContext.Provider>,\n    document.body,\n  )\n}\n","import * as React from 'react'\n\n// ---------------------------------------------------------------------------\n// PageTrail — quem é o PAI da tela que está desenhando agora.\n//\n// Uma migalha (\"← Entrega / Embalagens\") precisa de duas coisas que moram em\n// lugares diferentes: o nome do nível de cima, que só o container sabe, e o\n// nome do nível atual, que só a folha sabe. Sem um caminho entre os dois cada\n// container desenhava a própria seta \"para não perder o caminho de volta\" — e\n// foi assim que Configurações ficou com dois cabeçalhos empilhados: um da\n// barra da shell (\"Configurações\") e um escrito à mão dentro do plugin\n// (\"← Entrega\"), desalinhados, para uma coisa só.\n//\n// Aqui o container apenas DECLARA o nível dele. Quem desenha é sempre a folha,\n// uma vez só, pelo mesmo PageHeader que o resto do app usa — uma seta na tela,\n// nunca duas.\n// ---------------------------------------------------------------------------\n\nexport interface PageTrailCrumb {\n  /** Nome do nível — a palavra antes da barra para quem vem abaixo. */\n  label: string\n  /** Rota (hash) deste nível. É também a IDENTIDADE dele: uma tela cuja rota é\n   *  igual à do nível não é filha dele, é ele — sem isso a lista de Locais,\n   *  que É a aba, viraria \"← Locais / Locais\". */\n  href: string\n  /** Como voltar. Sem isso, a própria rota. */\n  onNavigate?: () => void\n}\n\nconst EMPTY: PageTrailCrumb[] = []\nconst PageTrailContext = React.createContext<PageTrailCrumb[]>(EMPTY)\n\n/** Declara um nível para tudo que renderizar abaixo. */\nexport function PageTrail({\n  label,\n  href,\n  onNavigate,\n  children,\n}: PageTrailCrumb & { children: React.ReactNode }) {\n  const parent = React.useContext(PageTrailContext)\n  // Identidade estável: a folha memoiza o nó do cabeçalho a partir daqui, e um\n  // array novo a cada render faria a reivindicação da barra recomeçar sem fim.\n  const trail = React.useMemo(\n    () => [...parent, { label, href, onNavigate }],\n    [parent, label, href, onNavigate],\n  )\n  return <PageTrailContext.Provider value={trail}>{children}</PageTrailContext.Provider>\n}\n\nexport function usePageTrail(): PageTrailCrumb[] {\n  return React.useContext(PageTrailContext)\n}\n\n/**\n * O nível imediatamente acima de `href`, ou undefined quando não há trilha —\n * fora de Configurações a página segue sem migalha, como sempre foi.\n */\nexport function usePageTrailParent(href?: string): PageTrailCrumb | undefined {\n  const trail = React.useContext(PageTrailContext)\n  return React.useMemo(() => {\n    const above = href ? trail.filter((c) => c.href !== href) : trail\n    return above[above.length - 1]\n  }, [trail, href])\n}\n\nexport function navigateToCrumb(crumb: PageTrailCrumb): void {\n  if (crumb.onNavigate) crumb.onNavigate()\n  else window.location.hash = crumb.href\n}\n","import * as React from 'react'\nimport { PanelRight, PanelRightClose, PanelRightOpen } from 'lucide-react'\nimport { cn } from '../lib/cn'\nimport { Button } from '../primitives/button'\nimport {\n  Sheet, SheetContent, SheetHeader, SheetBody, SheetTitle, SheetDescription,\n} from '../primitives/sheet'\n\n// ---------------------------------------------------------------------------\n// ContentSplit — main content with a right-aligned companion panel, mobile\n// first. Below `lg` the aside lives in a right Sheet (opened by a trigger the\n// host places wherever fits — typically SubpageHeader actions, via\n// <ContentSplitTrigger/>). From `lg` up it docks as a sticky right column.\n//\n// Pairs with SubpageHeader/ModulePage: the page keeps its own back-button\n// header; ContentSplit only owns the columns below it. Reuse for any\n// \"document + operational panel\" page (script + shooting checklist, form +\n// help, detail + activity feed).\n// ---------------------------------------------------------------------------\n\ninterface ContentSplitContextValue {\n  open: boolean\n  setOpen: (open: boolean) => void\n}\n\nconst ContentSplitContext = React.createContext<ContentSplitContextValue | null>(null)\n\nexport interface ContentSplitProps {\n  /** Main column (the document). */\n  children: React.ReactNode\n  /** Companion panel content (the checklist / help / activity). */\n  aside: React.ReactNode\n  /** Panel title — Sheet header on mobile, card header on desktop. */\n  asideTitle: React.ReactNode\n  /** Optional subtitle under the title. */\n  asideDescription?: React.ReactNode\n  /** Desktop column width (defaults to 20rem). */\n  asideWidth?: string\n  /** Controlled mobile-sheet state; uncontrolled when omitted. */\n  asideOpen?: boolean\n  onAsideOpenChange?: (open: boolean) => void\n  /** Desktop column can collapse into a slim reopen rail. */\n  collapsible?: boolean\n  /** Initial desktop collapsed state (e.g. expand only on the relevant day). */\n  defaultCollapsed?: boolean\n  className?: string\n}\n\nexport function ContentSplit({\n  children,\n  aside,\n  asideTitle,\n  asideDescription,\n  asideWidth = '20rem',\n  asideOpen,\n  onAsideOpenChange,\n  collapsible = false,\n  defaultCollapsed = false,\n  className,\n}: ContentSplitProps) {\n  const [internalOpen, setInternalOpen] = React.useState(false)\n  const open = asideOpen ?? internalOpen\n  const setOpen = onAsideOpenChange ?? setInternalOpen\n  const [collapsed, setCollapsed] = React.useState(collapsible && defaultCollapsed)\n\n  return (\n    <ContentSplitContext.Provider value={{ open, setOpen }}>\n      <div\n        className={cn('lg:grid lg:items-start lg:gap-6', className)}\n        style={{ gridTemplateColumns: `minmax(0, 1fr) ${collapsed ? 'auto' : asideWidth}` }}\n      >\n        <div className=\"min-w-0\">{children}</div>\n\n        {/* Desktop: docked sticky column (or slim reopen rail when collapsed) */}\n        <aside className=\"hidden lg:block lg:sticky lg:top-4\">\n          {collapsed ? (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => setCollapsed(false)}\n              className=\"h-9 w-9 p-0\"\n              aria-label={typeof asideTitle === 'string' ? asideTitle : undefined}\n              title={typeof asideTitle === 'string' ? asideTitle : undefined}\n            >\n              <PanelRightOpen className=\"h-4 w-4\" />\n            </Button>\n          ) : (\n            <div className=\"rounded-card border border-border bg-card\">\n              <div className=\"flex items-start justify-between gap-2 border-b border-border px-4 py-3\">\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-foreground\">{asideTitle}</p>\n                  {asideDescription && (\n                    <p className=\"mt-0.5 text-xs text-muted-foreground\">{asideDescription}</p>\n                  )}\n                </div>\n                {collapsible && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setCollapsed(true)}\n                    className=\"rounded p-1 text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground\"\n                    aria-label=\"collapse\"\n                  >\n                    <PanelRightClose className=\"h-4 w-4\" />\n                  </button>\n                )}\n              </div>\n              <div className=\"p-4\">{aside}</div>\n            </div>\n          )}\n        </aside>\n      </div>\n\n      {/* Mobile: right sheet */}\n      <div className=\"lg:hidden\">\n        <Sheet open={open} onOpenChange={setOpen}>\n          <SheetContent width=\"max-w-sm\">\n            <SheetHeader>\n              <SheetTitle>{asideTitle}</SheetTitle>\n              {asideDescription && <SheetDescription>{asideDescription}</SheetDescription>}\n            </SheetHeader>\n            <SheetBody>{aside}</SheetBody>\n          </SheetContent>\n        </Sheet>\n      </div>\n    </ContentSplitContext.Provider>\n  )\n}\n\nexport interface ContentSplitTriggerProps {\n  /** Accessible label; also the visible text unless `iconOnly`. */\n  label: React.ReactNode\n  iconOnly?: boolean\n  className?: string\n}\n\n/** Opens the mobile aside sheet. Renders nothing from `lg` up (the panel is\n *  already docked). Place inside SubpageHeader `actions` or any toolbar. */\nexport function ContentSplitTrigger({ label, iconOnly, className }: ContentSplitTriggerProps) {\n  const ctx = React.useContext(ContentSplitContext)\n  if (!ctx) return null\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      onClick={() => ctx.setOpen(true)}\n      className={cn('lg:hidden', className)}\n      aria-label={typeof label === 'string' ? label : undefined}\n    >\n      <PanelRight className={cn('h-4 w-4', !iconOnly && 'mr-1.5')} />\n      {!iconOnly && label}\n    </Button>\n  )\n}\n"]}