@rojaostudio/ds 1.0.1 → 2.0.0-next.0

package/dist/components/paywall.js

@@ -1,55 +0,0 @@
-"use client";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-import { Lock, Sparkles } from "lucide-react";
-import { ICON_MAP } from "./empty-state.js";
-import { Modal } from "./modal.js";
-const CTA_CLASS = "inline-flex items-center justify-center w-full rounded-(--radius-control) px-4 py-3 text-label font-semibold bg-brand-primary text-brand-on-primary hover:bg-brand-hover transition-colors";
-function planLineText(reason, planLabel) {
-  if (reason === "trial_value") return "Incluso no seu teste Pro";
-  if (reason === "limit") return "Limite atingido";
-  return planLabel ? `Dispon\xEDvel no ${planLabel}` : "Fa\xE7a upgrade";
-}
-function PaywallContent({
-  icon = "lock",
-  title,
-  description,
-  reason = "feature",
-  planLabel,
-  ctaLabel = "Ver planos",
-  ctaHref,
-  onCta,
-  linkAs: Link
-}) {
-  var _a;
-  const Icon = (_a = ICON_MAP[icon]) != null ? _a : Lock;
-  const isTrial = reason === "trial_value";
-  const cta = ctaHref && Link ? /* @__PURE__ */ React.createElement(Link, { href: ctaHref, className: CTA_CLASS, onClick: onCta }, ctaLabel) : ctaHref ? /* @__PURE__ */ React.createElement("a", { href: ctaHref, className: CTA_CLASS, onClick: onCta }, ctaLabel) : /* @__PURE__ */ React.createElement("button", { type: "button", className: CTA_CLASS, onClick: onCta }, ctaLabel);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center text-center px-2" }, /* @__PURE__ */ React.createElement("div", { className: "relative mb-4 text-fg-secondary" }, /* @__PURE__ */ React.createElement(Icon, { size: 52, strokeWidth: 1.25 }), /* @__PURE__ */ React.createElement("span", { className: `absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full ${isTrial ? "bg-amber-500 text-white" : "bg-brand-primary text-brand-on-primary"}` }, isTrial ? /* @__PURE__ */ React.createElement(Sparkles, { size: 12, strokeWidth: 2.5 }) : /* @__PURE__ */ React.createElement(Lock, { size: 12, strokeWidth: 2.5 }))), /* @__PURE__ */ React.createElement("span", { className: `inline-flex items-center rounded-full px-2.5 py-1 text-caption font-medium ${isTrial ? "bg-amber-100 text-amber-900" : "bg-surface-raised text-fg-secondary"}` }, planLineText(reason, planLabel)), /* @__PURE__ */ React.createElement("p", { className: "text-body font-semibold text-fg-primary mt-3 mb-1.5" }, title), description && /* @__PURE__ */ React.createElement("p", { className: "text-label text-fg-muted max-w-sm leading-relaxed mb-5" }, description), /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-xs" }, cta));
-}
-function PaywallState(_a) {
-  var _b = _a, { className = "" } = _b, content = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: ["flex flex-col items-center justify-center min-h-[320px] flex-1 py-10", className].filter(Boolean).join(" ")
-    },
-    /* @__PURE__ */ React.createElement(PaywallContent, __spreadValues({}, content))
-  );
-}
-function PaywallModal(_c) {
-  var _d = _c, { open, onClose } = _d, content = __objRest(_d, ["open", "onClose"]);
-  return /* @__PURE__ */ React.createElement(Modal, { open, onClose, size: "sm" }, /* @__PURE__ */ React.createElement("div", { className: "py-2" }, /* @__PURE__ */ React.createElement(PaywallContent, __spreadProps(__spreadValues({}, content), { onCta: () => {
-    var _a;
-    (_a = content.onCta) == null ? void 0 : _a.call(content);
-    onClose();
-  } }))));
-}
-export {
-  PaywallContent,
-  PaywallModal,
-  PaywallState
-};

package/dist/components/phone-frame.d.ts

@@ -1,9 +0,0 @@
-import * as react from 'react';
-
-interface PhoneFrameProps {
-    children: React.ReactNode;
-    className?: string;
-}
-declare function PhoneFrame({ children, className }: PhoneFrameProps): react.JSX.Element;
-
-export { PhoneFrame, type PhoneFrameProps };

package/dist/components/phone-frame.js

@@ -1,18 +0,0 @@
-import "../chunk-ORMEWXMH.js";
-function PhoneFrame({ children, className = "" }) {
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: [
-        // rojao-detect-disable over-rounding
-        "relative rounded-[2.5rem] border-[6px] border-(--text-primary)",
-        "bg-white overflow-hidden shadow-2xl",
-        className
-      ].filter(Boolean).join(" ")
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-y-auto overflow-x-hidden scrollbar-none" }, children)
-  );
-}
-export {
-  PhoneFrame
-};

package/dist/components/pix-icon.d.ts

@@ -1,8 +0,0 @@
-import * as react from 'react';
-import { SVGProps } from 'react';
-
-declare function PixIcon({ size, ...props }: {
-    size?: number;
-} & SVGProps<SVGSVGElement>): react.JSX.Element;
-
-export { PixIcon };

package/dist/components/pix-icon.js

@@ -1,24 +0,0 @@
-import {
-  __objRest,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-function PixIcon(_a) {
-  var _b = _a, { size = 16 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    __spreadValues({
-      width: size,
-      height: size,
-      viewBox: "0 0 512 512",
-      fill: "currentColor",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true"
-    }, props),
-    /* @__PURE__ */ React.createElement("path", { d: "M242.4 292.5c5.4-5.4 14.7-5.4 20.1 0l77 77c14.2 14.2 33.1 22 53.1 22h15.1l-97.1 97.1c-30.3 30.3-79.5 30.3-109.8 0L103.3 391.2h9.3c20 0 38.9-7.8 53.1-22l76.7-76.7z" }),
-    /* @__PURE__ */ React.createElement("path", { d: "M262.5 218.9c-5.4 5.4-14.7 5.4-20.1 0l-76.7-76.7c-14.2-14.2-33.1-22-53.1-22h-9.3l97.4-97.4c30.3-30.3 79.5-30.3 109.8 0l97.1 97.1h-15.1c-20 0-38.9 7.8-53.1 22l-77 77z" }),
-    /* @__PURE__ */ React.createElement("path", { d: "M112.6 142.7c13.8 0 27.4 5.6 37.2 15.4l76.7 76.7c7.3 7.3 17 10.9 26.6 10.9s19.3-3.6 26.6-10.9l77-77c9.8-9.8 23.4-15.4 37.2-15.4h37.2l58.4 58.4c30.3 30.3 30.3 79.5 0 109.8l-58.4 58.4h-37.2c-13.8 0-27.4-5.6-37.2-15.4l-77-77c-14.2-14.2-39-14.2-53.2 0l-76.7 76.7c-9.8 9.8-23.4 15.4-37.2 15.4H75.4L17 310.7c-30.3-30.3-30.3-79.5 0-109.8l58.4-58.4h37.2z" })
-  );
-}
-export {
-  PixIcon
-};

package/dist/components/search.d.ts

@@ -1,30 +0,0 @@
-import * as react from 'react';
-import { InputHTMLAttributes } from 'react';
-
-/**
- * Search — input dedicado de busca. Ícone leading + botão clear quando tem valor.
- *
- * Uso (uncontrolled):
- *   <Search placeholder="Buscar pedidos..." onSearch={q => doSearch(q)} />
- *
- * Uso (controlled):
- *   <Search value={q} onChange={e => setQ(e.target.value)} onClear={() => setQ('')} />
- *
- * Disparos de busca:
- *   - onSearch(query): debounce automático (default 250ms) ou Enter pressed
- *   - onChange: cada keystroke (caso queira live-search direto)
- */
-interface SearchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'> {
-    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
-    /** Callback debounced (250ms) ou em Enter. */
-    onSearch?: (query: string) => void;
-    /** Callback do botão clear. */
-    onClear?: () => void;
-    /** Tamanho. default = md. */
-    size?: 'sm' | 'md' | 'lg';
-    /** Largura full ou hug. default = full. */
-    width?: 'full' | 'hug';
-}
-declare const Search: react.ForwardRefExoticComponent<SearchProps & react.RefAttributes<HTMLInputElement>>;
-
-export { Search, type SearchProps };

package/dist/components/search.js

@@ -1,81 +0,0 @@
-"use client";
-import {
-  __objRest,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-import { forwardRef, useEffect, useRef } from "react";
-import { Search as SearchIcon, X } from "lucide-react";
-const SIZE_CLASS = {
-  sm: "h-control-sm text-caption pl-8 pr-7",
-  md: "h-control-md text-label pl-9 pr-8",
-  lg: "h-control-lg text-body pl-10 pr-9"
-};
-const ICON_SIZE = { sm: 14, md: 16, lg: 18 };
-const ICON_POS = { sm: "left-2.5", md: "left-3", lg: "left-3.5" };
-const CLEAR_POS = { sm: "right-1.5", md: "right-2", lg: "right-2.5" };
-const Search = forwardRef(function Search2(_a, ref) {
-  var _b = _a, { size = "md", width = "full", onSearch, onClear, onChange, value, className = "" } = _b, rest = __objRest(_b, ["size", "width", "onSearch", "onClear", "onChange", "value", "className"]);
-  const hasValue = !!(value != null ? value : "");
-  const debounceRef = useRef(null);
-  useEffect(() => () => {
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-  }, []);
-  function handleChange(e) {
-    onChange == null ? void 0 : onChange(e);
-    if (onSearch) {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-      debounceRef.current = setTimeout(() => onSearch(e.target.value), 250);
-    }
-  }
-  function handleClear() {
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    onClear == null ? void 0 : onClear();
-  }
-  return /* @__PURE__ */ React.createElement("div", { className: ["relative inline-flex", width === "full" ? "w-full" : "w-auto"].join(" ") }, /* @__PURE__ */ React.createElement(
-    SearchIcon,
-    {
-      size: ICON_SIZE[size],
-      className: ["absolute top-1/2 -translate-y-1/2 text-fg-muted pointer-events-none", ICON_POS[size]].join(" ")
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "input",
-    __spreadValues({
-      ref,
-      type: "search",
-      role: "searchbox",
-      value,
-      onChange: handleChange,
-      onKeyDown: (e) => {
-        if (e.key === "Enter") {
-          if (debounceRef.current) clearTimeout(debounceRef.current);
-          onSearch == null ? void 0 : onSearch(e.target.value);
-        }
-      },
-      className: [
-        "w-full rounded-(--radius-control) bg-surface-default text-fg-primary placeholder:text-fg-placeholder",
-        "border border-stroke-control transition-colors outline-none",
-        "focus:border-stroke-focus focus:ring-2 focus:ring-stroke-focus/20",
-        "[&::-webkit-search-cancel-button]:hidden",
-        SIZE_CLASS[size],
-        className
-      ].join(" ")
-    }, rest)
-  ), hasValue && /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: handleClear,
-      "aria-label": "Limpar busca",
-      className: [
-        "absolute top-1/2 -translate-y-1/2 inline-flex items-center justify-center",
-        "rounded-(--radius-control) text-fg-muted hover:text-fg-primary transition-colors",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus",
-        CLEAR_POS[size]
-      ].join(" ")
-    },
-    /* @__PURE__ */ React.createElement(X, { size: ICON_SIZE[size] - 2 })
-  ));
-});
-export {
-  Search
-};

package/dist/components/themed.d.ts

@@ -1,36 +0,0 @@
-import * as react from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-/**
- * className for a brand theme: `theme-<name>` (+ ` dark`). The DS theme CSS is
- * class-scoped, so apply this wherever you want the theme to take effect — on
- * `<html>`/`<body>` for the whole app, or via <Themed> for a subtree.
- *
- *   <html className={themeClass('padaria', isDark)}>
- */
-declare const themeClass: (theme: string, dark?: boolean) => string;
-interface ThemedProps extends HTMLAttributes<HTMLDivElement> {
-    /** Brand theme name → `.theme-<name>` (the served sheet's selector). */
-    theme: string;
-    /** Apply dark mode (`.dark`). */
-    dark?: boolean;
-    /** Merge the theme class onto the single child element instead of wrapping a
-     *  `<div>` (no extra DOM node — apply the theme to a `<main>`, `<section>`…). */
-    asChild?: boolean;
-    children: ReactNode;
-}
-/**
- * Scopes a brand theme to its subtree via the `.theme-<name>` class. Because the
- * theme CSS is class-scoped (not :root), this can NEST — different subtrees can
- * render different themes on the same page. For the whole app, prefer putting
- * `themeClass()` on `<html>` instead of wrapping everything in a div.
- *
- *   <Themed theme="padaria">…</Themed>
- *   <Themed theme="pet" dark>…</Themed>
- *   <Themed theme="cafe" asChild><main>…</main></Themed>
- *
- * Pair with the brand sheet (ds.rojao.ai/themes/<slug>.css) + base.css.
- */
-declare function Themed({ theme, dark, asChild, className, children, ...rest }: ThemedProps): react.JSX.Element;
-
-export { Themed, type ThemedProps, themeClass };

package/dist/components/themed.js

@@ -1,22 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-import { cloneElement, isValidElement } from "react";
-const themeClass = (theme, dark = false) => `theme-${theme}${dark ? " dark" : ""}`;
-function Themed(_a) {
-  var _b = _a, { theme, dark = false, asChild = false, className, children } = _b, rest = __objRest(_b, ["theme", "dark", "asChild", "className", "children"]);
-  const cls = themeClass(theme, dark);
-  if (asChild && isValidElement(children)) {
-    const child = children;
-    return cloneElement(child, __spreadProps(__spreadValues({}, rest), {
-      className: [cls, child.props.className, className].filter(Boolean).join(" ")
-    }));
-  }
-  return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: [cls, className].filter(Boolean).join(" ") }, rest), children);
-}
-export {
-  Themed,
-  themeClass
-};

package/dist/components/toaster.d.ts

@@ -1,84 +0,0 @@
-import * as react from 'react';
-
-/**
- * Toaster — comportamento de snackbar M3, visual de notification card.
- *
- * Comportamento (M3):
- *   • Um por vez (novo substitui o anterior).
- *   • Action label OU close icon — não os dois.
- *   • Duração: 4s sem action, 7s com action; persistente em loading.
- *   • Posição default: bottom-center.
- *   • Motion: 150ms ease-out enter, 75ms ease-in exit, slide vertical + fade.
- *   • Não rouba foco. aria-live="polite" default, "assertive" pra erro.
- *
- * Visual (notification card):
- *   • Card escuro nos DOIS themes (inverse surface, tokens --toast-*).
- *   • Feedback variants: tint da cor semântica entra pela esquerda (gradiente)
- *     + badge circular sólido com halo — ícone em tom escuro da própria cor.
- *   • Título (message) + description opcional em --toast-text-muted.
- *   • default/loading: card neutro sem tint nem badge.
- *
- * API:
- *   import { toast } from '@rojaostudio/ds/components';
- *   toast('Salvo');
- *   toast.success('Salvo', { description: 'Pedido #1042 confirmado.' });
- *   toast.error('...'), toast.warning('...'), toast.info('...'), toast.loading('...');
- *   toast.dismiss(id?);
- *   toast.promise(p, { loading, success, error });
- */
-type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading';
-type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-interface ToastOptions {
-    variant?: ToastVariant;
-    /** Linha secundária — message vira título (semibold) quando presente. */
-    description?: string;
-    /** ms até auto-dismiss. Omitido → fallback do Material (1500 curto · 2750 com ação/erro · 0 loading). */
-    duration?: number;
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
-    id?: string;
-}
-interface ToastFn {
-    (message: string, options?: ToastOptions): string;
-    success: (msg: string, opts?: Omit<ToastOptions, 'variant'>) => string;
-    error: (msg: string, opts?: Omit<ToastOptions, 'variant'>) => string;
-    warning: (msg: string, opts?: Omit<ToastOptions, 'variant'>) => string;
-    info: (msg: string, opts?: Omit<ToastOptions, 'variant'>) => string;
-    loading: (msg: string, opts?: Omit<ToastOptions, 'variant' | 'duration'>) => string;
-    dismiss: (id?: string) => void;
-    promise: <T>(promise: Promise<T>, msgs: {
-        loading: string;
-        success: string | ((data: T) => string);
-        error: string | ((err: unknown) => string);
-    }) => Promise<T>;
-}
-declare const toast: ToastFn;
-interface ToastVisualProps {
-    message: string;
-    /** Linha secundária — message vira título (semibold) quando presente. */
-    description?: string;
-    variant?: ToastVariant;
-    action?: {
-        label: string;
-        onClick?: () => void;
-    };
-    /** Quando true, renderiza a animação de entrada. default = false. */
-    animate?: boolean;
-    /** Top vs bottom afeta a direção da animação enter. default = 'bottom'. */
-    origin?: 'top' | 'bottom';
-    /** Mostra o botão de close (X). default = true se não houver action; M3
-     *  prescreve action OU close, não ambos. */
-    dismissible?: boolean;
-    /** Handler do close (opcional). Sem handler, o X aparece mas é decorativo. */
-    onDismiss?: () => void;
-}
-declare function ToastVisual({ message, description, variant, action, animate, origin, dismissible, onDismiss, }: ToastVisualProps): react.JSX.Element;
-interface ToasterProps {
-    /** Posição. default = bottom-center (M3 recomenda bottom). */
-    position?: ToastPosition;
-}
-declare function Toaster({ position }?: ToasterProps): react.ReactPortal | null;
-
-export { type ToastOptions, type ToastPosition, type ToastVariant, ToastVisual, type ToastVisualProps, Toaster, type ToasterProps, toast };

package/dist/components/toaster.js

@@ -1,284 +0,0 @@
-"use client";
-import {
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-import { useEffect, useRef, useState, useCallback } from "react";
-import { createPortal } from "react-dom";
-import { Loader2, X, Check, AlertTriangle, Info } from "lucide-react";
-const listeners = /* @__PURE__ */ new Set();
-function emit(a) {
-  for (const l of listeners) l(a);
-}
-let counter = 0;
-function genId() {
-  counter += 1;
-  return `t${Date.now()}_${counter}`;
-}
-function defaultDuration(variant, hasAction) {
-  if (variant === "loading") return 0;
-  if (hasAction || variant === "error") return 2750;
-  return 1500;
-}
-function show(message, options = {}) {
-  var _a, _b, _c;
-  const id = (_a = options.id) != null ? _a : genId();
-  const variant = (_b = options.variant) != null ? _b : "default";
-  const hasAction = !!options.action;
-  emit({
-    type: "show",
-    toast: {
-      id,
-      message,
-      description: options.description,
-      variant,
-      duration: (_c = options.duration) != null ? _c : defaultDuration(variant, hasAction),
-      action: options.action
-    }
-  });
-  return id;
-}
-const base = (msg, opts) => show(msg, opts);
-const toast = Object.assign(base, {
-  success: (m, o) => show(m, __spreadProps(__spreadValues({}, o), { variant: "success" })),
-  error: (m, o) => show(m, __spreadProps(__spreadValues({}, o), { variant: "error" })),
-  warning: (m, o) => show(m, __spreadProps(__spreadValues({}, o), { variant: "warning" })),
-  info: (m, o) => show(m, __spreadProps(__spreadValues({}, o), { variant: "info" })),
-  loading: (m, o) => show(m, __spreadProps(__spreadValues({}, o), { variant: "loading" })),
-  dismiss: (id) => {
-    if (id) emit({ type: "dismiss", id });
-    else listeners.forEach((l) => l({ type: "dismiss", id: "*" }));
-  },
-  promise: async (promise, msgs) => {
-    const id = show(msgs.loading, { variant: "loading" });
-    try {
-      const data = await promise;
-      const m = typeof msgs.success === "function" ? msgs.success(data) : msgs.success;
-      emit({ type: "update", id, patch: { variant: "success", message: m, duration: defaultDuration("success", false) } });
-      return data;
-    } catch (err) {
-      const m = typeof msgs.error === "function" ? msgs.error(err) : msgs.error;
-      emit({ type: "update", id, patch: { variant: "error", message: m, duration: defaultDuration("error", false) } });
-      throw err;
-    }
-  }
-});
-const VARIANT_COLOR = {
-  success: "var(--success)",
-  error: "var(--danger)",
-  warning: "var(--warning)",
-  info: "var(--info)"
-};
-function containerStyle(variant) {
-  const c = VARIANT_COLOR[variant];
-  return {
-    background: c ? `linear-gradient(105deg, color-mix(in srgb, ${c} 16%, var(--toast-bg)) 0%, var(--toast-bg) 60%)` : "var(--toast-bg)",
-    color: "var(--toast-text)"
-  };
-}
-const VARIANT_ICON = {
-  default: null,
-  success: Check,
-  error: X,
-  warning: AlertTriangle,
-  info: Info,
-  loading: Loader2
-};
-function ToastVisual({
-  message,
-  description,
-  variant = "default",
-  action,
-  animate = false,
-  origin = "bottom",
-  dismissible,
-  onDismiss
-}) {
-  const isError = variant === "error";
-  const isLoading = variant === "loading";
-  const hasAction = !!action;
-  const showClose = dismissible != null ? dismissible : !hasAction && !isLoading;
-  const animClass = animate ? origin === "top" ? "rojao-toast--enter-top" : "rojao-toast--enter-bottom" : "";
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      role: isError ? "alert" : "status",
-      className: [
-        "rojao-toast",
-        "flex items-center gap-3 px-4 py-3 shadow-lg",
-        "min-w-[344px] max-w-[min(560px,calc(100vw-2rem))]",
-        animClass
-      ].join(" "),
-      style: __spreadProps(__spreadValues({}, containerStyle(variant)), {
-        border: "1px solid var(--toast-border)",
-        borderRadius: "var(--radius-toast)",
-        minHeight: "56px",
-        fontFamily: "var(--font-family)"
-      })
-    },
-    (() => {
-      const Icon = VARIANT_ICON[variant];
-      if (!Icon) return null;
-      if (isLoading) {
-        return /* @__PURE__ */ React.createElement(
-          Icon,
-          {
-            size: 18,
-            className: "shrink-0 animate-spin",
-            style: { color: "var(--toast-text-muted)" }
-          }
-        );
-      }
-      const c = VARIANT_COLOR[variant];
-      return /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "grid place-items-center rounded-full shrink-0 size-9",
-          style: {
-            background: c,
-            color: `color-mix(in srgb, ${c} 30%, black)`,
-            boxShadow: `0 0 0 5px color-mix(in srgb, ${c} 18%, transparent)`
-          }
-        },
-        /* @__PURE__ */ React.createElement(Icon, { size: 18, strokeWidth: 2.75 })
-      );
-    })(),
-    /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("p", { className: description ? "text-[0.9375rem] font-semibold leading-snug" : "text-label leading-snug" }, message), description && /* @__PURE__ */ React.createElement("p", { className: "text-label leading-snug mt-0.5", style: { color: "var(--toast-text-muted)" } }, description)),
-    hasAction ? /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: action.onClick,
-        className: "shrink-0 text-label font-medium px-2 -mr-1 transition-opacity hover:opacity-80",
-        style: { color: "currentColor" }
-      },
-      action.label
-    ) : showClose && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: onDismiss,
-        "aria-label": "Fechar",
-        className: "shrink-0 opacity-60 hover:opacity-100 transition-opacity",
-        style: { color: "currentColor" }
-      },
-      /* @__PURE__ */ React.createElement(X, { size: 16 })
-    )
-  );
-}
-const POSITION_CLASS = {
-  "top-left": "top-4 left-4",
-  "top-center": "top-4 left-1/2 -translate-x-1/2",
-  "top-right": "top-4 right-4",
-  "bottom-left": "bottom-4 left-4",
-  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2",
-  "bottom-right": "bottom-4 right-4"
-};
-function Toaster({ position = "bottom-center" } = {}) {
-  const [current, setCurrent] = useState(null);
-  const [mounted, setMounted] = useState(false);
-  const timerRef = useRef(null);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const clearTimer = useCallback(() => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-      timerRef.current = null;
-    }
-  }, []);
-  const startExit = useCallback((id) => {
-    clearTimer();
-    setCurrent((prev) => prev && prev.id === id ? __spreadProps(__spreadValues({}, prev), { exiting: true }) : prev);
-    setTimeout(() => {
-      setCurrent((prev) => prev && prev.id === id ? null : prev);
-    }, 75);
-  }, [clearTimer]);
-  const scheduleDismiss = useCallback((t2) => {
-    if (t2.duration <= 0) return;
-    timerRef.current = setTimeout(() => startExit(t2.id), t2.duration);
-  }, [startExit]);
-  const currentRef = useRef(null);
-  currentRef.current = current;
-  useEffect(() => {
-    const listener = (action) => {
-      var _a, _b, _c;
-      if (action.type === "show") {
-        clearTimer();
-        setCurrent(action.toast);
-        scheduleDismiss(action.toast);
-      } else if (action.type === "update") {
-        setCurrent((prev) => {
-          if (!prev || prev.id !== action.id) return prev;
-          const next = __spreadProps(__spreadValues(__spreadValues({}, prev), action.patch), { exiting: false });
-          clearTimer();
-          if (next.duration > 0) {
-            timerRef.current = setTimeout(() => startExit(next.id), next.duration);
-          }
-          return next;
-        });
-      } else if (action.type === "dismiss") {
-        if (action.id === "*") startExit((_b = (_a = currentRef.current) == null ? void 0 : _a.id) != null ? _b : "");
-        else if (((_c = currentRef.current) == null ? void 0 : _c.id) === action.id) startExit(action.id);
-      }
-    };
-    listeners.add(listener);
-    return () => {
-      listeners.delete(listener);
-      clearTimer();
-    };
-  }, [clearTimer, scheduleDismiss, startExit]);
-  const handleMouseEnter = () => clearTimer();
-  const handleMouseLeave = () => {
-    if (current && !current.exiting) scheduleDismiss(current);
-  };
-  if (!mounted || !current) return null;
-  const t = current;
-  const isError = t.variant === "error";
-  const ariaLive = isError ? "assertive" : "polite";
-  const isTop = position.startsWith("top-");
-  const exitClass = t.exiting ? isTop ? "rojao-toast--exit-top" : "rojao-toast--exit-bottom" : "";
-  return createPortal(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        "aria-live": ariaLive,
-        "aria-atomic": "true",
-        className: ["fixed z-[9999] pointer-events-none", POSITION_CLASS[position]].join(" ")
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          onMouseEnter: handleMouseEnter,
-          onMouseLeave: handleMouseLeave,
-          className: ["pointer-events-auto", exitClass].join(" ")
-        },
-        /* @__PURE__ */ React.createElement(
-          ToastVisual,
-          {
-            message: t.message,
-            description: t.description,
-            variant: t.variant,
-            action: t.action ? {
-              label: t.action.label,
-              onClick: () => {
-                t.action.onClick();
-                startExit(t.id);
-              }
-            } : void 0,
-            animate: !t.exiting,
-            origin: isTop ? "top" : "bottom",
-            onDismiss: () => startExit(t.id)
-          }
-        )
-      )
-    ),
-    document.body
-  );
-}
-export {
-  ToastVisual,
-  Toaster,
-  toast
-};

package/dist/components/use-dismiss.d.ts

@@ -1,9 +0,0 @@
-import { RefObject } from 'react';
-
-/**
- * useDismiss — outside-click + ESC para overlays (dropdown, combobox, etc).
- * Stale-closure safe: handler updates on every render via ref.
- */
-declare function useDismiss(popupRef: RefObject<Element | null>, triggerRef: RefObject<Element | null>, onDismiss: () => void, active: boolean): void;
-
-export { useDismiss };