@rojaostudio/ds 1.0.2 → 2.0.0-next.1

package/dist/components/label.d.ts

@@ -1,16 +0,0 @@
-import * as react from 'react';
-import { LabelHTMLAttributes, ReactNode } from 'react';
-
-interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
-    /** Mostra `*` vermelho indicando obrigatório. */
-    required?: boolean;
-    /** Mostra `(opcional)` em cinza. */
-    optional?: boolean;
-    /** Tooltip helper — renderiza ícone "?" com title nativo. */
-    tooltip?: string;
-    size?: 'sm' | 'md';
-    children: ReactNode;
-}
-declare function Label({ required, optional, tooltip, size, className, children, ...rest }: LabelProps): react.JSX.Element;
-
-export { Label, type LabelProps };

package/dist/components/label.js

@@ -1,48 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { HelpCircle } from "lucide-react";
-const SIZE_CLASS = {
-  sm: "text-caption",
-  md: "text-label"
-};
-function Label(_a) {
-  var _b = _a, {
-    required,
-    optional,
-    tooltip,
-    size = "md",
-    className = "",
-    children
-  } = _b, rest = __objRest(_b, [
-    "required",
-    "optional",
-    "tooltip",
-    "size",
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    "label",
-    __spreadProps(__spreadValues({
-      className: [
-        "inline-flex items-center gap-1.5 font-medium text-fg-primary leading-none",
-        SIZE_CLASS[size],
-        className
-      ].join(" ")
-    }, rest), {
-      children: [
-        /* @__PURE__ */ jsx("span", { children }),
-        required && /* @__PURE__ */ jsx("span", { className: "text-danger", "aria-label": "obrigat\xF3rio", children: "*" }),
-        optional && !required && /* @__PURE__ */ jsx("span", { className: "text-fg-muted font-normal", children: "(opcional)" }),
-        tooltip && /* @__PURE__ */ jsx("span", { title: tooltip, className: "inline-flex text-fg-muted cursor-help", "aria-label": tooltip, children: /* @__PURE__ */ jsx(HelpCircle, { size: 13 }) })
-      ]
-    })
-  );
-}
-export {
-  Label
-};

package/dist/components/menu.d.ts

@@ -1,50 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-export { ChevronRight as MenuChevron } from 'lucide-react';
-import { PopoverPlacement } from './popover.js';
-
-/**
- * Menu — popover de ações (DropdownMenu). Inspirado em M3 Menu / shadcn DropdownMenu.
- *
- * Uso:
- *   <Menu trigger={<IconButton icon={<MoreVertical />} aria-label="Ações" />}>
- *     {({ close }) => (
- *       <>
- *         <MenuItem icon={<Edit />} onClick={() => { edit(); close(); }}>Editar</MenuItem>
- *         <MenuItem icon={<Copy />} onClick={...}>Duplicar</MenuItem>
- *         <MenuSeparator />
- *         <MenuItem icon={<Trash />} variant="danger" onClick={...}>Excluir</MenuItem>
- *       </>
- *     )}
- *   </Menu>
- */
-interface MenuProps {
-    trigger: ReactNode;
-    children: ReactNode | ((api: {
-        close: () => void;
-    }) => ReactNode);
-    placement?: PopoverPlacement;
-    /** Largura mínima em px. default = 180. */
-    minWidth?: number;
-    className?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-declare function Menu({ trigger, children, placement, minWidth, className, open, onOpenChange, }: MenuProps): react.JSX.Element;
-interface MenuItemProps {
-    children: ReactNode;
-    icon?: ReactNode;
-    /** Ícone à direita (ex: ChevronRight pra submenu, atalho de teclado). */
-    trailing?: ReactNode;
-    variant?: 'default' | 'danger';
-    disabled?: boolean;
-    selected?: boolean;
-    onClick?: () => void;
-}
-declare function MenuItem({ children, icon, trailing, variant, disabled, selected, onClick, }: MenuItemProps): react.JSX.Element;
-declare function MenuSeparator(): react.JSX.Element;
-declare function MenuLabel({ children }: {
-    children: ReactNode;
-}): react.JSX.Element;
-
-export { Menu, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator };

package/dist/components/menu.js

@@ -1,83 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, ChevronRight } from "lucide-react";
-import { Popover } from "./popover.js";
-function Menu({
-  trigger,
-  children,
-  placement = "bottom-start",
-  minWidth = 180,
-  className = "",
-  open,
-  onOpenChange
-}) {
-  return /* @__PURE__ */ jsx(
-    Popover,
-    {
-      trigger,
-      placement,
-      open,
-      onOpenChange,
-      offset: 4,
-      children: (api) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "menu",
-          className: [
-            "rounded-(--radius-card) border border-stroke-default bg-surface-default shadow-lg",
-            "py-1",
-            className
-          ].join(" "),
-          style: { minWidth },
-          children: typeof children === "function" ? children(api) : children
-        }
-      )
-    }
-  );
-}
-function MenuItem({
-  children,
-  icon,
-  trailing,
-  variant = "default",
-  disabled = false,
-  selected = false,
-  onClick
-}) {
-  const colorClass = variant === "danger" ? "text-danger-text hover:bg-danger-soft" : "text-fg-primary hover:bg-surface-raised";
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      role: "menuitem",
-      onClick: disabled ? void 0 : onClick,
-      disabled,
-      className: [
-        "w-full flex items-center gap-2.5 px-3 py-1.5 text-label text-left transition-colors",
-        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-stroke-focus focus-visible:ring-inset focus-visible:bg-surface-raised",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        colorClass
-      ].join(" "),
-      children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 [&_svg]:size-4", children: icon }),
-        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children }),
-        selected && /* @__PURE__ */ jsx(Check, { size: 14, className: "shrink-0 text-fg-muted" }),
-        trailing && !selected && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-fg-muted", children: trailing })
-      ]
-    }
-  );
-}
-function MenuSeparator() {
-  return /* @__PURE__ */ jsx("div", { role: "separator", className: "h-px bg-stroke-subtle my-1" });
-}
-function MenuLabel({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: "px-3 py-1 text-[11px] font-semibold uppercase tracking-wider text-fg-muted", children });
-}
-export {
-  Menu,
-  ChevronRight as MenuChevron,
-  MenuItem,
-  MenuLabel,
-  MenuSeparator
-};

package/dist/components/modal.d.ts

@@ -1,25 +0,0 @@
-import * as react from 'react';
-
-interface ModalProps {
-    open: boolean;
-    onClose: () => void;
-    title?: React.ReactNode;
-    /** Subtítulo opcional abaixo do title. */
-    subtitle?: React.ReactNode;
-    children: React.ReactNode;
-    footer?: React.ReactNode;
-    /** Ação no canto direito do header (ex.: link ghost), renderizada antes do X. */
-    headerAction?: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    /** Fecha ao clicar no backdrop. default = true. */
-    closeOnBackdrop?: boolean;
-    /** Esconde o botão X do header. default = false. */
-    hideClose?: boolean;
-    className?: string;
-    /** Alvo do portal. default = document.body. Passe um elemento de um subtree TEMATIZADO (ex.: a
-     *  raiz do tema da loja) pra o modal herdar tokens/mode/fonte daquele contexto em vez do global. */
-    container?: Element | null;
-}
-declare function Modal({ open, onClose, title, subtitle, children, footer, headerAction, size, closeOnBackdrop, hideClose, className, container }: ModalProps): react.ReactPortal | null;
-
-export { Modal, type ModalProps };

package/dist/components/modal.js

@@ -1,86 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useId, useState } from "react";
-import { X } from "lucide-react";
-import { createPortal } from "react-dom";
-import { useFocusTrap } from "./use-focus-trap.js";
-const sizes = {
-  sm: "max-w-sm",
-  md: "max-w-lg",
-  lg: "max-w-2xl",
-  xl: "max-w-4xl",
-  full: "max-w-[calc(100vw-2rem)] max-h-[calc(100dvh-2rem)]"
-};
-function Modal({ open, onClose, title, subtitle, children, footer, headerAction, size = "md", closeOnBackdrop = true, hideClose = false, className = "", container }) {
-  const titleId = useId();
-  const dialogRef = useFocusTrap(open);
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  useEffect(() => {
-    if (!open) return;
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    const onKey = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.body.style.overflow = prev;
-      document.removeEventListener("keydown", onKey);
-    };
-  }, [open, onClose]);
-  if (!open) return null;
-  if (!mounted) return null;
-  return createPortal(
-    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 [background:var(--overlay-scrim)]", onClick: closeOnBackdrop ? onClose : void 0, "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: dialogRef,
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": title ? titleId : void 0,
-          tabIndex: -1,
-          className: [
-            "relative z-10 w-full rounded-(--radius-card) bg-surface-default shadow-xl",
-            "flex flex-col max-h-[90dvh]",
-            "focus:outline-none",
-            sizes[size],
-            className
-          ].join(" "),
-          children: [
-            (title || headerAction || !hideClose) && /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 px-6 py-4 border-b border-stroke-default shrink-0", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                title && /* @__PURE__ */ jsx("h2", { id: titleId, className: "text-body font-semibold text-fg-primary", children: title }),
-                subtitle && /* @__PURE__ */ jsx("p", { className: "text-label text-fg-muted mt-0.5", children: subtitle })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
-                headerAction,
-                !hideClose && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: onClose,
-                    className: "text-fg-muted hover:text-fg-primary transition-colors rounded focus-visible:ring-2 focus-visible:ring-stroke-focus focus-visible:outline-none p-0.5",
-                    "aria-label": "Fechar",
-                    children: /* @__PURE__ */ jsx(X, { size: 20 })
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-6 py-4", children }),
-            footer && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-stroke-default shrink-0", children: footer })
-          ]
-        }
-      )
-    ] }),
-    container != null ? container : document.body
-  );
-}
-export {
-  Modal
-};

package/dist/components/notice.d.ts

@@ -1,50 +0,0 @@
-import * as react from 'react';
-import { ReactNode, ComponentType } from 'react';
-
-/**
- * Notice — aviso contextual com escala de SEVERIDADE real. Unifica a linguagem visual
- * que antes estava fatiada por ORIGEM (CopilotHint cinza vs PaywallBanner vermelho),
- * o que invertia a hierarquia: o aviso mais grave (operacional) ficava no componente
- * mais discreto. Aqui a cor segue a gravidade, não quem emitiu.
- *
- * Dois eixos ortogonais:
- *  - `severity` (perceptual): info | success | warning | critical → cor/ícone/peso.
- *  - `intent` (semântico): operational | commercial → só troca o ícone default
- *    (commercial = cadeado de plano) e a telemetria; NÃO muda a cor.
- *
- * Regra de severidade = CUSTO DE IGNORAR, não a fonte. "Loja não recebe pedidos"
- * (trava a venda) é `critical`; "limite do plano" (a loja segue vendendo) é `warning`.
- *
- * Consome só a família semântica de feedback (danger/warning/info/success) do base.css
- * — zero cor hardcoded. Acessível: role/aria-live por severidade + ícone (cor nunca é
- * o único canal). Crítico é não-dispensável por definição.
- */
-type NoticeSeverity = 'info' | 'success' | 'warning' | 'critical';
-type NoticeIntent = 'operational' | 'commercial';
-interface NoticeProps {
-    severity: NoticeSeverity;
-    title: string;
-    description?: ReactNode;
-    intent?: NoticeIntent;
-    cta?: {
-        label: string;
-        href?: string;
-        onClick?: () => void;
-    };
-    /** Component de link (next/link em apps Next). */
-    linkAs?: ComponentType<{
-        href: string;
-        className?: string;
-        children: ReactNode;
-    }>;
-    /** Dispensável: ignorado quando severity='critical' (crítico nunca some). Precisa de `id`. */
-    dismissible?: boolean;
-    /** Chave de dispensa (localStorage). Re-key pela condição (ex: `zeroStock:7`) pra reaparecer quando piora. */
-    id?: string;
-    /** aria-label do botão dispensar (i18n pelo caller). */
-    dismissLabel?: string;
-    className?: string;
-}
-declare function Notice({ severity, title, description, intent, cta, linkAs: LinkAs, dismissible, id, dismissLabel, className, }: NoticeProps): react.JSX.Element | null;
-
-export { Notice, type NoticeIntent, type NoticeProps, type NoticeSeverity };

package/dist/components/notice.js

@@ -1,121 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Info, CheckCircle2, AlertTriangle, AlertOctagon, Lock, X } from "lucide-react";
-const STYLES = {
-  critical: {
-    container: "border-danger-border bg-danger-soft",
-    title: "text-danger-text",
-    desc: "text-danger-text/85",
-    icon: "text-danger-text",
-    cta: "bg-danger text-fg-inverse hover:bg-danger-text",
-    solidCta: true
-  },
-  warning: {
-    container: "border-warning-border bg-warning-soft",
-    title: "text-warning-text",
-    desc: "text-warning-text/85",
-    icon: "text-warning-text",
-    cta: "bg-surface-default border border-warning-border hover:bg-warning-soft text-warning-text",
-    solidCta: false
-  },
-  info: {
-    container: "border-info-border bg-info-soft",
-    title: "text-info-text",
-    desc: "text-info-text/85",
-    icon: "text-info-text",
-    cta: "bg-surface-default border border-info-border hover:bg-info-soft text-info-text",
-    solidCta: false
-  },
-  success: {
-    container: "border-success-border bg-success-soft",
-    title: "text-success-text",
-    desc: "text-success-text/85",
-    icon: "text-success-text",
-    cta: "bg-surface-default border border-success-border hover:bg-success-soft text-success-text",
-    solidCta: false
-  }
-};
-function iconFor(severity, intent) {
-  if (intent === "commercial" && (severity === "critical" || severity === "warning")) return Lock;
-  switch (severity) {
-    case "critical":
-      return AlertOctagon;
-    case "warning":
-      return AlertTriangle;
-    case "success":
-      return CheckCircle2;
-    default:
-      return Info;
-  }
-}
-function DefaultLink({ href, className, children }) {
-  return /* @__PURE__ */ jsx("a", { href, className, children });
-}
-function Notice({
-  severity,
-  title,
-  description,
-  intent = "operational",
-  cta,
-  linkAs: LinkAs = DefaultLink,
-  dismissible = false,
-  id,
-  dismissLabel = "Dispensar",
-  className = ""
-}) {
-  const canDismiss = dismissible && severity !== "critical" && !!id;
-  const [dismissed, setDismissed] = useState(false);
-  useEffect(() => {
-    if (canDismiss && id) setDismissed(localStorage.getItem(`notice-dismissed:${id}`) === "1");
-  }, [canDismiss, id]);
-  if (dismissed) return null;
-  const s = STYLES[severity];
-  const Icon = iconFor(severity, intent);
-  const ctaClass = ["text-caption font-semibold px-3 py-1.5 rounded-(--radius-card) shrink-0 transition-colors", s.cta].join(" ");
-  function dismiss() {
-    if (id) localStorage.setItem(`notice-dismissed:${id}`, "1");
-    setDismissed(true);
-  }
-  const ctaNode = (cta == null ? void 0 : cta.href) ? /* @__PURE__ */ jsxs(LinkAs, { href: cta.href, className: ctaClass, children: [
-    cta.label,
-    " \u2192"
-  ] }) : (cta == null ? void 0 : cta.onClick) ? /* @__PURE__ */ jsxs("button", { type: "button", onClick: cta.onClick, className: ctaClass, children: [
-    cta.label,
-    " \u2192"
-  ] }) : null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: severity === "critical" ? "alert" : "status",
-      "aria-live": severity === "critical" ? "assertive" : "polite",
-      className: ["rounded-(--radius-card) border px-4 py-3 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2", s.container, className].join(" "),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2.5 min-w-0", children: [
-          /* @__PURE__ */ jsx(Icon, { size: 18, "aria-hidden": true, className: ["shrink-0 mt-0.5", s.icon].join(" ") }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx("p", { className: ["text-label font-semibold", s.title].join(" "), children: title }),
-            description && /* @__PURE__ */ jsx("div", { className: ["text-caption mt-0.5", s.desc].join(" "), children: description })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0 self-end sm:self-auto", children: [
-          ctaNode,
-          canDismiss && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: dismiss,
-              "aria-label": dismissLabel,
-              className: ["transition-opacity hover:opacity-70 shrink-0", s.icon].join(" "),
-              children: /* @__PURE__ */ jsx(X, { size: 16, "aria-hidden": true })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-export {
-  Notice
-};

package/dist/components/page-tabs.d.ts

@@ -1,35 +0,0 @@
-import react__default from 'react';
-
-type PageTab = {
-    /** Route mode: a aba navega pra esta URL (default). */
-    href?: string;
-    /** Controlled mode: identifica a aba quando se usa value/onChange (sem navegar). */
-    value?: string;
-    label: string;
-    /** Show a numeric count badge */
-    count?: number;
-    /** Show a green "aberto" pill */
-    dot?: boolean;
-    /** Show an "em breve" label: tab is not yet available */
-    soon?: boolean;
-    /** Ghost route indicator (dev only) */
-    ghost?: boolean;
-    /** Match only the exact path (+ matchPaths). Use for root paths like /marketing */
-    exact?: boolean;
-    /** Extra paths that also activate this tab (prefix match) */
-    matchPaths?: string[];
-};
-interface PageTabsProps {
-    tabs: PageTab[];
-    trailing?: react__default.ReactNode;
-    /**
-     * Controlled mode: quando onChange é passado, as abas viram botões (sem
-     * navegação) e o ativo é tab.value === value. Use pra trocar conteúdo na
-     * mesma tela (ex: idiomas num form). Sem onChange, segue route-based (Link).
-     */
-    value?: string;
-    onChange?: (value: string) => void;
-}
-declare function PageTabs({ tabs, trailing, value, onChange }: PageTabsProps): react__default.JSX.Element;
-
-export { type PageTab, PageTabs, type PageTabsProps };

package/dist/components/page-tabs.js

@@ -1,68 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-function isActive(tab, pathname) {
-  var _a, _b, _c, _d;
-  if (!tab.href) return false;
-  if (tab.exact) {
-    return pathname === tab.href || ((_b = (_a = tab.matchPaths) == null ? void 0 : _a.some((p) => pathname.startsWith(p))) != null ? _b : false);
-  }
-  return pathname === tab.href || pathname.startsWith(tab.href + "/") || ((_d = (_c = tab.matchPaths) == null ? void 0 : _c.some((p) => pathname.startsWith(p))) != null ? _d : false);
-}
-const TAB_BASE = "flex items-center gap-2 whitespace-nowrap shrink-0 px-4 sm:px-5 py-4 text-label font-medium border-b-2 transition-colors";
-function tabClass(active) {
-  return [
-    TAB_BASE,
-    active ? "[border-color:var(--page-tabs-indicator-active)] [color:var(--page-tabs-text-active)]" : "border-transparent [color:var(--page-tabs-text)] hover:[color:var(--page-tabs-text-hover)] hover:[border-color:var(--page-tabs-indicator-hover)]"
-  ].join(" ");
-}
-function TabContent({ tab, active }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    tab.ghost && /* @__PURE__ */ jsx("span", { title: "Rota fantasma em valida\xE7\xE3o", children: "\u{1F47B}" }),
-    tab.label,
-    tab.soon && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium px-1.5 py-0.5 rounded [background:var(--page-tabs-soon-bg)] [color:var(--page-tabs-soon-text)]", children: "em breve" }),
-    tab.dot && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-[10px] font-medium leading-none [background:var(--page-tabs-dot-bg)] [color:var(--page-tabs-dot-text)]", children: [
-      /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full shrink-0 [background:var(--page-tabs-dot-indicator)]" }),
-      "aberto"
-    ] }),
-    tab.count != null && tab.count > 0 && /* @__PURE__ */ jsx("span", { className: [
-      "inline-flex items-center justify-center min-w-[18px] h-[18px] px-1",
-      "rounded-full text-[11px] font-semibold",
-      active ? "[background:var(--page-tabs-count-bg-active)] [color:var(--page-tabs-count-text-active)]" : "[background:var(--page-tabs-count-bg)] [color:var(--page-tabs-count-text)]"
-    ].join(" "), children: tab.count > 99 ? "99+" : tab.count })
-  ] });
-}
-function PageTabs({ tabs, trailing, value, onChange }) {
-  const pathname = usePathname();
-  const controlled = onChange !== void 0;
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center [background:var(--page-tabs-bg)] [border-bottom:1px_solid_var(--page-tabs-border)]", children: [
-    /* @__PURE__ */ jsx("nav", { className: "flex flex-1 overflow-x-auto scrollbar-none px-4 sm:px-6 lg:px-8", role: controlled ? "tablist" : void 0, children: tabs.map((tab) => {
-      var _a, _b;
-      const active = controlled ? tab.value === value : isActive(tab, pathname);
-      if (controlled) {
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": active,
-            onClick: () => {
-              var _a2;
-              return onChange == null ? void 0 : onChange((_a2 = tab.value) != null ? _a2 : "");
-            },
-            className: tabClass(active),
-            children: /* @__PURE__ */ jsx(TabContent, { tab, active })
-          },
-          (_a = tab.value) != null ? _a : tab.label
-        );
-      }
-      return /* @__PURE__ */ jsx(Link, { href: (_b = tab.href) != null ? _b : "#", className: tabClass(active), children: /* @__PURE__ */ jsx(TabContent, { tab, active }) }, tab.href);
-    }) }),
-    trailing && /* @__PURE__ */ jsx("div", { className: "hidden sm:flex shrink-0 items-center pr-4 sm:pr-6 lg:pr-8", children: trailing })
-  ] });
-}
-export {
-  PageTabs
-};

package/dist/components/paywall-banner.d.ts

@@ -1,37 +0,0 @@
-import * as react from 'react';
-import { ReactNode, ComponentType } from 'react';
-
-/**
- * PaywallBanner — gate de feature/plano. Diferente do BlockerCard que sinaliza
- * problema (limite, falha), o PaywallBanner aponta pra um upgrade ou ação de plano.
- *
- * Uso:
- *   <PaywallBanner
- *     variant="warn"
- *     title="Você está em 80% do limite"
- *     description="Faça upgrade pra continuar cadastrando produtos."
- *     ctaLabel="Ver planos"
- *     ctaHref="/billing"
- *   />
- *
- *   <PaywallBanner variant="blocked" title="..." description="..." />
- */
-interface PaywallBannerProps {
-    variant: 'warn' | 'blocked';
-    title: string;
-    description: ReactNode;
-    ctaLabel?: string;
-    ctaHref?: string;
-    /** Handler alternativo (sem href). */
-    onCta?: () => void;
-    /** Component de link (next/link em apps Next). */
-    linkAs?: ComponentType<{
-        href: string;
-        className?: string;
-        children: ReactNode;
-    }>;
-    className?: string;
-}
-declare function PaywallBanner({ variant, title, description, ctaLabel, ctaHref, onCta, linkAs: LinkAs, className, }: PaywallBannerProps): react.JSX.Element;
-
-export { PaywallBanner, type PaywallBannerProps };