@fayz-ai/ui 0.9.0 → 0.10.0

package/src/primitives/markdown.tsx

@@ -1,169 +0,0 @@
-import * as React from 'react'
-import { cn } from '../utils/cn'
-
-/**
- * Minimal markdown renderer — builds React elements directly (no HTML string,
- * no dangerouslySetInnerHTML), so untrusted content is safe by construction.
- * Supports the subset content docs actually use: h1–h3, ---, blockquote,
- * ul/ol, paragraphs, and inline **bold** / *italic* / `code`.
- */
-
-const INLINE_TOKEN = /(\*\*[^*]+\*\*|\*[^*]+\*|`[^`]+`)/g
-
-function renderInline(text: string, keyPrefix: string): React.ReactNode[] {
-  return text.split(INLINE_TOKEN).map((part, i) => {
-    const key = `${keyPrefix}-${i}`
-    if (part.startsWith('**') && part.endsWith('**') && part.length > 4) {
-      return <strong key={key}>{part.slice(2, -2)}</strong>
-    }
-    if (part.startsWith('*') && part.endsWith('*') && part.length > 2) {
-      return <em key={key}>{part.slice(1, -1)}</em>
-    }
-    if (part.startsWith('`') && part.endsWith('`') && part.length > 2) {
-      return (
-        <code key={key} className="rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]">
-          {part.slice(1, -1)}
-        </code>
-      )
-    }
-    return part === '' ? null : <React.Fragment key={key}>{part}</React.Fragment>
-  })
-}
-
-type Block =
-  | { type: 'heading'; level: 1 | 2 | 3; text: string }
-  | { type: 'hr' }
-  | { type: 'blockquote'; lines: string[] }
-  | { type: 'ul'; items: string[] }
-  | { type: 'ol'; items: string[] }
-  | { type: 'p'; lines: string[] }
-
-function parseBlocks(source: string): Block[] {
-  const lines = source.replace(/\r\n/g, '\n').split('\n')
-  const blocks: Block[] = []
-  let i = 0
-  while (i < lines.length) {
-    const line = lines[i]
-    const trimmed = line.trim()
-    if (trimmed === '') { i++; continue }
-    const heading = /^(#{1,3})\s+(.*)$/.exec(trimmed)
-    if (heading) {
-      blocks.push({ type: 'heading', level: heading[1].length as 1 | 2 | 3, text: heading[2] })
-      i++
-      continue
-    }
-    if (/^(-{3,}|\*{3,})$/.test(trimmed)) {
-      blocks.push({ type: 'hr' })
-      i++
-      continue
-    }
-    if (trimmed.startsWith('>')) {
-      const quote: string[] = []
-      while (i < lines.length && lines[i].trim().startsWith('>')) {
-        quote.push(lines[i].trim().replace(/^>\s?/, ''))
-        i++
-      }
-      blocks.push({ type: 'blockquote', lines: quote })
-      continue
-    }
-    if (/^[-*]\s+/.test(trimmed)) {
-      const items: string[] = []
-      while (i < lines.length && /^[-*]\s+/.test(lines[i].trim())) {
-        items.push(lines[i].trim().replace(/^[-*]\s+/, ''))
-        i++
-      }
-      blocks.push({ type: 'ul', items })
-      continue
-    }
-    if (/^\d+[.)]\s+/.test(trimmed)) {
-      const items: string[] = []
-      while (i < lines.length && /^\d+[.)]\s+/.test(lines[i].trim())) {
-        items.push(lines[i].trim().replace(/^\d+[.)]\s+/, ''))
-        i++
-      }
-      blocks.push({ type: 'ol', items })
-      continue
-    }
-    const para: string[] = []
-    while (i < lines.length && lines[i].trim() !== '' && !/^(#{1,3}\s|>|[-*]\s|\d+[.)]\s|-{3,}$|\*{3,}$)/.test(lines[i].trim())) {
-      para.push(lines[i].trim())
-      i++
-    }
-    blocks.push({ type: 'p', lines: para })
-  }
-  return blocks
-}
-
-const HEADING_CLASS: Record<1 | 2 | 3, string> = {
-  1: 'text-xl font-semibold tracking-tight',
-  2: 'text-base font-semibold tracking-tight',
-  3: 'text-sm font-semibold',
-}
-
-export function renderMarkdown(source: string): React.ReactNode {
-  const blocks = parseBlocks(source)
-  return blocks.map((block, bi) => {
-    const key = `md-${bi}`
-    switch (block.type) {
-      case 'heading': {
-        const Tag = (`h${block.level}`) as 'h1' | 'h2' | 'h3'
-        return (
-          <Tag key={key} className={HEADING_CLASS[block.level]}>
-            {renderInline(block.text, key)}
-          </Tag>
-        )
-      }
-      case 'hr':
-        return <hr key={key} className="border-border" />
-      case 'blockquote':
-        return (
-          <blockquote key={key} className="border-l-2 border-border pl-3 text-muted-foreground">
-            {block.lines.map((l, li) => (
-              <p key={`${key}-${li}`}>{renderInline(l, `${key}-${li}`)}</p>
-            ))}
-          </blockquote>
-        )
-      case 'ul':
-        return (
-          <ul key={key} className="list-disc space-y-1 pl-5">
-            {block.items.map((item, li) => (
-              <li key={`${key}-${li}`}>{renderInline(item, `${key}-${li}`)}</li>
-            ))}
-          </ul>
-        )
-      case 'ol':
-        return (
-          <ol key={key} className="list-decimal space-y-1 pl-5">
-            {block.items.map((item, li) => (
-              <li key={`${key}-${li}`}>{renderInline(item, `${key}-${li}`)}</li>
-            ))}
-          </ol>
-        )
-      case 'p':
-        return (
-          <p key={key}>
-            {block.lines.map((l, li) => (
-              <React.Fragment key={`${key}-${li}`}>
-                {li > 0 && <br />}
-                {renderInline(l, `${key}-${li}`)}
-              </React.Fragment>
-            ))}
-          </p>
-        )
-    }
-  })
-}
-
-export interface MarkdownProps {
-  source: string
-  className?: string
-}
-
-/** Rendered markdown block — spacing tuned for script/brief documents. */
-export function Markdown({ source, className }: MarkdownProps) {
-  return (
-    <div className={cn('space-y-3 text-sm leading-relaxed text-foreground', className)}>
-      {renderMarkdown(source)}
-    </div>
-  )
-}

package/src/primitives/modal.tsx

@@ -1,156 +0,0 @@
-import * as React from 'react'
-import * as DialogPrimitive from '@radix-ui/react-dialog'
-import { X } from 'lucide-react'
-
-import { cn } from '../utils/cn'
-
-// ---------------------------------------------------------------------------
-// Animations are defined in styles.css under .saas-mdl-ov / .saas-mdl-ct
-// selectors with [data-state="open"/"closed"]. Radix defers unmount when
-// it detects animationName on the element — CSS must be loaded before render.
-// ---------------------------------------------------------------------------
-
-// ---------------------------------------------------------------------------
-// Sizes
-// ---------------------------------------------------------------------------
-
-const SIZE_MAP = {
-  sm: 'sm:max-w-sm',
-  md: 'sm:max-w-md',
-  lg: 'sm:max-w-lg',
-  xl: 'sm:max-w-xl',
-  '2xl': 'sm:max-w-2xl',
-  '3xl': 'sm:max-w-3xl',
-  full: 'sm:max-w-[calc(100vw-4rem)]',
-} as const
-
-type ModalSize = keyof typeof SIZE_MAP
-
-// ---------------------------------------------------------------------------
-// Primitives re-export
-// ---------------------------------------------------------------------------
-
-const Modal = DialogPrimitive.Root
-const ModalTrigger = DialogPrimitive.Trigger
-const ModalClose = DialogPrimitive.Close
-const ModalPortal = DialogPrimitive.Portal
-
-// ---------------------------------------------------------------------------
-// Overlay — also serves as the flex centering wrapper
-// ---------------------------------------------------------------------------
-
-const ModalOverlay = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Overlay
-    ref={ref}
-    className={cn(
-      'fayz-modal-overlay saas-mdl-ov fixed inset-0 z-50',
-      'flex items-center justify-center p-0 sm:p-6',
-      className,
-    )}
-    {...props}
-  />
-))
-ModalOverlay.displayName = 'ModalOverlay'
-
-// ---------------------------------------------------------------------------
-// Content — rendered INSIDE the overlay (flex-centered)
-// ---------------------------------------------------------------------------
-
-const ModalContent = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
-    size?: ModalSize
-    hideClose?: boolean
-    noPadding?: boolean
-  }
->(({ className, children, size = 'lg', hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => (
-  <ModalPortal>
-    <ModalOverlay>
-      <DialogPrimitive.Content
-        ref={ref}
-        onCloseAutoFocus={(e) => {
-          // Prevent Radix from stealing focus back to the trigger element on close.
-          // This interferes with FullCalendar's selection and other interactive components.
-          e.preventDefault()
-          onCloseAutoFocus?.(e)
-        }}
-        onPointerDownOutside={(e) => {
-          // Prevent Radix from intercepting clicks on portaled dropdowns (DatePicker, TimePicker, etc.)
-          const target = e.target as HTMLElement
-          if (target.closest('[data-modal-passthrough]') || target.closest('[data-radix-popper-content-wrapper]')) {
-            e.preventDefault()
-          }
-          onPointerDownOutside?.(e)
-        }}
-        onInteractOutside={(e) => {
-          const target = e.target as HTMLElement
-          if (target.closest('[data-modal-passthrough]') || target.closest('[data-radix-popper-content-wrapper]')) {
-            e.preventDefault()
-          }
-          onInteractOutside?.(e)
-        }}
-        className={cn(
-          'fayz-glass-surface fayz-modal-content saas-mdl-ct relative z-50 flex flex-col w-full outline-none',
-          // Mobile fullscreen
-          'h-full rounded-none border-0',
-          // Desktop centered card
-          'sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:border',
-          SIZE_MAP[size],
-          noPadding ? '' : 'p-6 gap-4',
-          className,
-        )}
-        {...props}
-      >
-        {children}
-        {!hideClose && (
-          <DialogPrimitive.Close className="absolute right-4 top-4 z-10 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring">
-            <X className="h-4 w-4" />
-            <span className="sr-only">Close</span>
-          </DialogPrimitive.Close>
-        )}
-      </DialogPrimitive.Content>
-    </ModalOverlay>
-  </ModalPortal>
-))
-ModalContent.displayName = 'ModalContent'
-
-// ---------------------------------------------------------------------------
-// Sections
-// ---------------------------------------------------------------------------
-
-function ModalHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
-  return <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left shrink-0', className)} {...props} />
-}
-
-function ModalBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
-  return <div className={cn('flex-1 overflow-y-auto min-h-0', className)} {...props} />
-}
-
-function ModalFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
-  return <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 shrink-0', className)} {...props} />
-}
-
-const ModalTitle = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold leading-none tracking-tight', className)} {...props} />
-))
-ModalTitle.displayName = 'ModalTitle'
-
-const ModalDescription = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Description ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />
-))
-ModalDescription.displayName = 'ModalDescription'
-
-export {
-  Modal, ModalPortal, ModalOverlay, ModalClose, ModalTrigger,
-  ModalContent, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalDescription,
-}
-export type { ModalSize }

package/src/primitives/phone-link.tsx

@@ -1,138 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '../utils/cn'
-
-// ---------------------------------------------------------------------------
-// Um telefone que abre a conversa, não o discador.
-//
-// `tel:` era a escolha óbvia e é a errada para este público: num desktop ele
-// não faz nada (ou abre um app que ninguém configurou), e no Brasil o primeiro
-// contato com um lead acontece no WhatsApp de qualquer jeito. O clique custava
-// um copiar-colar toda vez.
-//
-// Componente em vez de `<a>` solto porque a parte difícil não é o link — é
-// decidir o que fazer com o que está gravado. O telefone chega de formulário
-// público, de importação, de digitação: com DDI, sem DDI, com máscara, com
-// ramal. wa.me só aceita dígitos com DDI, e um link errado leva a pessoa a uma
-// conversa com o número errado — pior do que não linkar.
-// ---------------------------------------------------------------------------
-
-/** DDI assumido quando o número não traz um. Brasil, que é o padrão da stack. */
-const DEFAULT_COUNTRY_CODE = '55'
-
-/** Menor coisa discável: DDD + 8 dígitos. Abaixo disso não é telefone. */
-const MIN_NATIONAL_DIGITS = 10
-
-/** E.164 vai até 15; acima disso é lixo, ramal colado ou dois números juntos. */
-const MAX_DIGITS = 15
-
-export interface NormalizedPhone {
-  /** Só dígitos, com DDI — o que o wa.me aceita. Null quando não dá para usar. */
-  e164: string | null
-  /** Como mostrar: formatado quando reconhecível, cru quando não. */
-  display: string
-}
-
-/**
- * Resolve o que está gravado para algo que o wa.me aceita.
- *
- * Conservador de propósito: na dúvida devolve `e164: null`, e o componente
- * mostra texto simples. Deixar de linkar é um incômodo; linkar para o número
- * de outra pessoa é um erro que ninguém percebe até a conversa começar.
- */
-export function normalizePhone(
-  raw: string | null | undefined,
-  countryCode: string = DEFAULT_COUNTRY_CODE,
-): NormalizedPhone {
-  const input = (raw ?? '').trim()
-  if (!input) return { e164: null, display: '' }
-
-  const digits = input.replace(/\D/g, '')
-  if (!digits || digits.length > MAX_DIGITS) {
-    return { e164: null, display: input }
-  }
-
-  // `+` na origem significa que quem gravou já disse o país. Respeitar.
-  const explicit = input.startsWith('+')
-  let e164: string | null = null
-
-  if (explicit) {
-    e164 = digits
-  } else if (digits.startsWith(countryCode) && digits.length > MIN_NATIONAL_DIGITS) {
-    // Já vem com o DDI (o formulário público grava assim).
-    e164 = digits
-  } else if (digits.length >= MIN_NATIONAL_DIGITS) {
-    // Número nacional: o DDI é o que falta.
-    e164 = `${countryCode}${digits}`
-  }
-
-  if (e164 && (e164.length < MIN_NATIONAL_DIGITS + 1 || e164.length > MAX_DIGITS)) {
-    e164 = null
-  }
-
-  return { e164, display: formatPhone(e164 ?? digits, input, countryCode) }
-}
-
-/** "5521999998888" → "+55 (21) 99999-8888". Fora do Brasil, devolve o original. */
-function formatPhone(digits: string, fallback: string, countryCode: string): string {
-  if (countryCode !== '55' || !digits.startsWith('55')) return fallback
-  const national = digits.slice(2)
-  // 11 = celular (9 dígitos), 10 = fixo.
-  if (national.length !== 10 && national.length !== 11) return fallback
-  const ddd = national.slice(0, 2)
-  const rest = national.slice(2)
-  const head = rest.length === 9 ? rest.slice(0, 5) : rest.slice(0, 4)
-  const tail = rest.length === 9 ? rest.slice(5) : rest.slice(4)
-  return `+55 (${ddd}) ${head}-${tail}`
-}
-
-export interface PhoneLinkProps extends Omit<React.ComponentPropsWithoutRef<'a'>, 'href'> {
-  /** O telefone como está gravado — com ou sem DDI, com ou sem máscara. */
-  phone: string | null | undefined
-  /** Texto que já vai digitado na conversa. */
-  message?: string
-  /** DDI assumido quando o número não traz um. Default: 55. */
-  countryCode?: string
-  /** Mostra o número cru em vez do formatado. */
-  raw?: boolean
-  /** Renderizado no lugar do número (um ícone + label, por exemplo). */
-  children?: React.ReactNode
-}
-
-/**
- * Telefone clicável que abre o WhatsApp em outra aba.
- *
- * Sem número utilizável, vira `<span>`: um link morto convida ao clique e não
- * entrega nada.
- */
-export const PhoneLink = React.forwardRef<HTMLAnchorElement, PhoneLinkProps>(
-  ({ phone, message, countryCode, raw, className, children, ...props }, ref) => {
-    const { e164, display } = normalizePhone(phone, countryCode)
-    const label = children ?? (raw ? (phone ?? '') : display)
-
-    if (!e164) {
-      return label ? <span className={className}>{label}</span> : null
-    }
-
-    const href = message
-      ? `https://wa.me/${e164}?text=${encodeURIComponent(message)}`
-      : `https://wa.me/${e164}`
-
-    return (
-      <a
-        ref={ref}
-        href={href}
-        target="_blank"
-        // noreferrer junto: wa.me abre em aba nova, e sem isto a página de
-        // destino recebe uma referência para a janela de origem.
-        rel="noopener noreferrer"
-        title={`WhatsApp ${display}`}
-        className={cn('hover:underline', className)}
-        {...props}
-      >
-        {label}
-      </a>
-    )
-  },
-)
-PhoneLink.displayName = 'PhoneLink'

package/src/primitives/popover.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react'
-import * as PopoverPrimitive from '@radix-ui/react-popover'
-
-import { cn } from '../utils/cn'
-
-const Popover = PopoverPrimitive.Root
-const PopoverTrigger = PopoverPrimitive.Trigger
-const PopoverAnchor = PopoverPrimitive.Anchor
-
-const PopoverContent = React.forwardRef<
-  React.ElementRef<typeof PopoverPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
->(({ className, align = 'start', sideOffset = 4, ...props }, ref) => (
-  <PopoverPrimitive.Portal>
-    <PopoverPrimitive.Content
-      ref={ref}
-      align={align}
-      sideOffset={sideOffset}
-      className={cn(
-        'fayz-glass-surface z-[110] w-72 rounded-xl border bg-popover p-0 text-popover-foreground shadow-lg outline-none',
-        'data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out',
-        className
-      )}
-      {...props}
-    />
-  </PopoverPrimitive.Portal>
-))
-PopoverContent.displayName = PopoverPrimitive.Content.displayName
-
-export { Popover, PopoverTrigger, PopoverAnchor, PopoverContent }