@rojaostudio/ds 1.0.1 → 2.0.0-next.0

package/dist/components/bottom-sheet.js

@@ -1,120 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { X } from "lucide-react";
-import { useFocusTrap } from "./use-focus-trap.js";
-const SNAP_HEIGHT = {
-  auto: "max-h-[90dvh]",
-  half: "h-1/2",
-  full: "h-[95dvh]"
-};
-const BottomSheet = forwardRef(function BottomSheet2({
-  open,
-  onClose,
-  title,
-  children,
-  snap = "auto",
-  hideHeader = false,
-  closeOnBackdrop = true,
-  className = ""
-}, ref) {
-  const [mounted, setMounted] = useState(false);
-  const sheetRef = useFocusTrap(open);
-  useImperativeHandle(ref, () => sheetRef.current);
-  const dragStartY = useRef(0);
-  const handleDragStart = (e) => {
-    var _a, _b;
-    dragStartY.current = (_b = (_a = e.touches[0]) == null ? void 0 : _a.clientY) != null ? _b : 0;
-  };
-  const handleDragMove = (e) => {
-    var _a, _b;
-    const container = (_a = sheetRef.current) == null ? void 0 : _a.querySelector("[data-scroll-container]");
-    if (container && container.scrollTop > 0) return;
-    const y = (_b = e.touches[0]) == null ? void 0 : _b.clientY;
-    if (y !== void 0 && y - dragStartY.current > 80) onClose();
-  };
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", handler);
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.removeEventListener("keydown", handler);
-      document.body.style.overflow = "";
-    };
-  }, [open, onClose]);
-  if (!mounted || !open) return null;
-  return createPortal(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": title ? "bottom-sheet-title" : void 0,
-        className: "fixed inset-0 z-[1000] flex items-end justify-center"
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          "data-bottom-sheet-backdrop": true,
-          onClick: closeOnBackdrop ? onClose : void 0,
-          className: "absolute inset-0 [background:var(--overlay-scrim)] rojao-bottom-sheet--backdrop-enter",
-          "aria-hidden": true
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ref: sheetRef,
-          tabIndex: -1,
-          className: [
-            "relative w-full sm:max-w-md bg-surface-default rounded-t-(--radius-toast) shadow-2xl outline-none",
-            "flex flex-col rojao-bottom-sheet--enter",
-            SNAP_HEIGHT[snap],
-            className
-          ].join(" ")
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            "data-drag-handle": true,
-            onTouchStart: handleDragStart,
-            onTouchMove: handleDragMove,
-            className: "flex justify-center items-center min-h-[20px] pt-2 shrink-0 touch-none cursor-grab"
-          },
-          /* @__PURE__ */ React.createElement("span", { className: "w-10 h-1 rounded-full bg-(--border-strong)", "aria-hidden": true })
-        ),
-        !hideHeader && /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            onTouchStart: handleDragStart,
-            onTouchMove: handleDragMove,
-            className: "flex items-center justify-between px-5 pt-2 pb-3 border-b border-stroke-default shrink-0"
-          },
-          /* @__PURE__ */ React.createElement("h2", { id: "bottom-sheet-title", className: "text-body font-semibold text-fg-primary" }, title),
-          /* @__PURE__ */ React.createElement(
-            "button",
-            {
-              type: "button",
-              onClick: onClose,
-              "aria-label": "Fechar",
-              className: "text-fg-muted hover:text-fg-primary transition-colors p-3 -mr-3 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus"
-            },
-            /* @__PURE__ */ React.createElement(X, { size: 18 })
-          )
-        ),
-        /* @__PURE__ */ React.createElement("div", { "data-scroll-container": true, className: "flex-1 overflow-y-auto px-5 py-4" }, children)
-      )
-    ),
-    document.body
-  );
-});
-export {
-  BottomSheet
-};

package/dist/components/chat-bubble.d.ts

@@ -1,16 +0,0 @@
-import * as react from 'react';
-import { MouseEvent, ReactNode } from 'react';
-
-type ChatBubbleVariant = 'bot' | 'user';
-type ChatBubbleState = 'sent' | 'editing' | 'pending';
-interface ChatBubbleProps {
-    variant: ChatBubbleVariant;
-    state?: ChatBubbleState;
-    dim?: boolean;
-    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
-    children: ReactNode;
-    ariaLabel?: string;
-}
-declare function ChatBubble({ variant, state, dim, onClick, children, ariaLabel, }: ChatBubbleProps): react.JSX.Element;
-
-export { ChatBubble, type ChatBubbleProps, type ChatBubbleState, type ChatBubbleVariant };

package/dist/components/chat-bubble.js

@@ -1,55 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-function ChatBubble({
-  variant,
-  state = "sent",
-  dim = false,
-  onClick,
-  children,
-  ariaLabel
-}) {
-  const isBot = variant === "bot";
-  const interactive = !!onClick && !dim;
-  const wrapperClass = [
-    "w-full flex",
-    isBot ? "justify-start" : "justify-end"
-  ].join(" ");
-  const bubbleClass = [
-    "inline-block max-w-[var(--chat-bubble-max-width)]",
-    "px-[var(--chat-bubble-padding-x)] py-[var(--chat-bubble-padding-y)]",
-    "text-[length:var(--font-size-body)] leading-[var(--line-height-body)]",
-    "transition-all",
-    isBot ? "bg-[var(--chat-bubble-bot-bg)] text-[var(--chat-bubble-bot-text)]" : "bg-[var(--chat-bubble-user-bg)] text-[var(--chat-bubble-user-text)]",
-    dim ? "opacity-[var(--chat-bubble-dim-opacity)] pointer-events-none" : "",
-    state === "editing" ? "ring-2 ring-[var(--chat-bubble-editing-border)] ring-offset-1" : "",
-    interactive ? "cursor-pointer hover:brightness-95" : ""
-  ].filter(Boolean).join(" ");
-  const radiusStyle = isBot ? {
-    borderRadius: "var(--chat-bubble-radius-lg)",
-    borderTopLeftRadius: "var(--chat-bubble-radius-sm)"
-  } : {
-    borderRadius: "var(--chat-bubble-radius-lg)",
-    borderBottomRightRadius: "var(--chat-bubble-radius-sm)"
-  };
-  return /* @__PURE__ */ React.createElement("div", { className: wrapperClass }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: bubbleClass,
-      style: radiusStyle,
-      onClick: interactive ? onClick : void 0,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive ? 0 : void 0,
-      onKeyDown: interactive ? (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onClick == null ? void 0 : onClick(e);
-        }
-      } : void 0,
-      "aria-label": ariaLabel
-    },
-    children
-  ));
-}
-export {
-  ChatBubble
-};

package/dist/components/chips.d.ts

@@ -1,22 +0,0 @@
-import * as react from 'react';
-import { ReactNode, MouseEvent } from 'react';
-
-interface ChipProps {
-    children: ReactNode;
-    onClick?: (e: MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
-    /** Leading slot — ícone, avatar, qualquer ReactNode. */
-    leading?: ReactNode;
-    disabled?: boolean;
-    className?: string;
-    /** Sem borda, background discreto. */
-    subtle?: boolean;
-    /** Destaca com cor primária. Usado com onRemove. */
-    selected?: boolean;
-    /** Exibe botão X de remover. Implica estrutura de div (não button). */
-    onRemove?: () => void;
-    /** Border tracejado + brand-secondary. Sinaliza sugestão de IA. */
-    highlight?: boolean;
-}
-declare function Chip({ children, onClick, leading, disabled, className, subtle, selected, onRemove, highlight, }: ChipProps): react.JSX.Element;
-
-export { Chip, type ChipProps };

package/dist/components/chips.js

@@ -1,94 +0,0 @@
-import "../chunk-ORMEWXMH.js";
-import { X } from "lucide-react";
-const BASE = "inline-flex items-center gap-1.5 px-3 h-7 text-caption font-medium rounded-full border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus disabled:cursor-not-allowed disabled:opacity-50";
-function Chip({
-  children,
-  onClick,
-  leading,
-  disabled = false,
-  className = "",
-  subtle = false,
-  selected = false,
-  onRemove,
-  highlight = false
-}) {
-  if (onRemove !== void 0 || selected) {
-    let handleKey2 = function(e) {
-      if (!interactive) return;
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        onClick == null ? void 0 : onClick(e);
-      }
-    };
-    var handleKey = handleKey2;
-    const interactive = !!onClick;
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        role: interactive ? "button" : void 0,
-        tabIndex: interactive && !disabled ? 0 : void 0,
-        onClick: disabled ? void 0 : onClick,
-        onKeyDown: handleKey2,
-        className: [
-          BASE,
-          onRemove ? "pr-1.5" : "",
-          selected ? "border-brand-primary bg-brand-primary text-brand-on-primary" : "border-stroke-default bg-surface-default text-fg-primary",
-          interactive && !disabled ? "cursor-pointer hover:bg-surface-raised" : "",
-          disabled ? "opacity-50 cursor-not-allowed" : "",
-          className
-        ].join(" ")
-      },
-      leading && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 [&_svg]:size-3.5" }, leading),
-      /* @__PURE__ */ React.createElement("span", { className: "truncate" }, children),
-      onRemove && /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: (e) => {
-            e.stopPropagation();
-            onRemove();
-          },
-          "aria-label": "Remover",
-          disabled,
-          className: "inline-flex items-center justify-center size-4 rounded-full opacity-60 hover:opacity-100 ml-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus transition-opacity"
-        },
-        /* @__PURE__ */ React.createElement(X, { size: 12 })
-      )
-    );
-  }
-  if (highlight) {
-    return /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick,
-        disabled,
-        className: [
-          BASE,
-          "border-dashed border-brand-secondary bg-brand-secondary/10 text-brand-secondary hover:bg-brand-secondary/20",
-          className
-        ].join(" ")
-      },
-      leading && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 [&_svg]:size-3.5" }, leading),
-      children
-    );
-  }
-  return /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick,
-      disabled,
-      className: [
-        BASE,
-        subtle ? "border-transparent bg-surface-raised text-fg-secondary hover:bg-stroke-default hover:text-fg-primary" : "border-stroke-default bg-surface-default text-fg-primary hover:bg-surface-raised",
-        className
-      ].join(" ")
-    },
-    leading && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 [&_svg]:size-3.5" }, leading),
-    children
-  );
-}
-export {
-  Chip
-};

package/dist/components/copilot-hint.d.ts

@@ -1,18 +0,0 @@
-import * as react from 'react';
-
-type CopilotHintPriority = 'high' | 'medium' | 'low';
-interface CopilotHintProps {
-    id: string;
-    title: string;
-    description?: string;
-    cta?: {
-        label: string;
-        href: string;
-    };
-    dismissible?: boolean;
-    priority?: CopilotHintPriority;
-    className?: string;
-}
-declare function CopilotHint({ id, title, description, cta, dismissible, priority, className, }: CopilotHintProps): react.JSX.Element | null;
-
-export { CopilotHint, type CopilotHintPriority, type CopilotHintProps };

package/dist/components/copilot-hint.js

@@ -1,63 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-import { useState, useEffect } from "react";
-function CopilotHint({
-  id,
-  title,
-  description,
-  cta,
-  dismissible = true,
-  priority = "medium",
-  className = ""
-}) {
-  const [dismissed, setDismissed] = useState(true);
-  useEffect(() => {
-    setDismissed(localStorage.getItem(`copilot-dismissed:${id}`) === "1");
-  }, [id]);
-  if (dismissed) return null;
-  function dismiss() {
-    localStorage.setItem(`copilot-dismissed:${id}`, "1");
-    setDismissed(true);
-  }
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: [
-        "rounded-(--radius-card) border bg-(--surface-raised) p-4 flex gap-3",
-        priority === "high" ? "border-brand-primary" : "border-stroke-default",
-        className
-      ].filter(Boolean).join(" ")
-    },
-    priority === "high" && /* @__PURE__ */ React.createElement("div", { className: "w-1 self-stretch rounded-full bg-(--brand-primary) shrink-0" }),
-    /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("p", { className: "text-label font-medium text-(--text-primary)" }, title), description && /* @__PURE__ */ React.createElement("p", { className: "text-caption text-(--text-muted) mt-0.5 leading-relaxed" }, description), cta && /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        href: cta.href,
-        className: "mt-2 inline-flex text-caption font-medium text-(--brand-primary) hover:underline"
-      },
-      cta.label,
-      " \u2192"
-    )),
-    dismissible && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: dismiss,
-        "aria-label": "Dispensar",
-        className: "text-(--text-disabled) hover:text-(--text-secondary) transition-colors shrink-0 self-start"
-      },
-      /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, /* @__PURE__ */ React.createElement(
-        "path",
-        {
-          d: "M1 1l12 12M13 1L1 13",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round"
-        }
-      ))
-    )
-  );
-}
-export {
-  CopilotHint
-};

package/dist/components/divider.d.ts

@@ -1,20 +0,0 @@
-import * as react from 'react';
-
-/**
- * Divider — separador visual horizontal ou vertical.
- *
- * Uso:
- *   <Divider />                              // horizontal subtle
- *   <Divider orientation="vertical" />       // vertical
- *   <Divider variant="strong" />             // mais visível
- *   <Divider><span>OU</span></Divider>       // com label centralizado
- */
-interface DividerProps {
-    orientation?: 'horizontal' | 'vertical';
-    variant?: 'subtle' | 'default' | 'strong';
-    className?: string;
-    children?: React.ReactNode;
-}
-declare function Divider({ orientation, variant, className, children, }: DividerProps): react.JSX.Element;
-
-export { Divider, type DividerProps };

package/dist/components/divider.js

@@ -1,47 +0,0 @@
-import "../chunk-ORMEWXMH.js";
-const COLOR_BY_VARIANT = {
-  subtle: "bg-stroke-subtle",
-  default: "bg-stroke-default",
-  strong: "bg-stroke-strong"
-};
-function Divider({
-  orientation = "horizontal",
-  variant = "default",
-  className = "",
-  children
-}) {
-  if (orientation === "vertical") {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        role: "separator",
-        "aria-orientation": "vertical",
-        className: ["shrink-0 self-stretch w-px", COLOR_BY_VARIANT[variant], className].join(" ")
-      }
-    );
-  }
-  if (children) {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        role: "separator",
-        "aria-orientation": "horizontal",
-        className: ["flex items-center gap-3 my-2", className].join(" ")
-      },
-      /* @__PURE__ */ React.createElement("span", { className: ["flex-1 h-px", COLOR_BY_VARIANT[variant]].join(" ") }),
-      /* @__PURE__ */ React.createElement("span", { className: "text-caption text-fg-muted shrink-0" }, children),
-      /* @__PURE__ */ React.createElement("span", { className: ["flex-1 h-px", COLOR_BY_VARIANT[variant]].join(" ") })
-    );
-  }
-  return /* @__PURE__ */ React.createElement(
-    "hr",
-    {
-      role: "separator",
-      "aria-orientation": "horizontal",
-      className: ["border-0 h-px my-2", COLOR_BY_VARIANT[variant], className].join(" ")
-    }
-  );
-}
-export {
-  Divider
-};

package/dist/components/empty-state.d.ts

@@ -1,48 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import * as lucide_react from 'lucide-react';
-
-declare const ICON_MAP: {
-    readonly box: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly service: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly kit: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly input: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly order: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly customer: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly finance: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly schedule: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly inventory: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly price: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly category: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly generic: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly search: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly lock: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly catalog: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly channels: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly commercial: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly operation: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly intelligence: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    readonly billing: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-};
-type EmptyStateIcon = keyof typeof ICON_MAP;
-interface EmptyStateCta {
-    label: string;
-    href?: string;
-    onClick?: () => void;
-}
-interface EmptyStateProps {
-    icon?: EmptyStateIcon;
-    title: string;
-    description?: string;
-    cta?: EmptyStateCta;
-    /**
-     * full   = fills available height (use inside page containers)
-     * compact = inline fit with vertical padding
-     */
-    size?: 'full' | 'compact';
-    children?: ReactNode;
-    className?: string;
-}
-declare function EmptyState({ icon, title, description, cta, size, children, className, }: EmptyStateProps): react.JSX.Element;
-
-export { EmptyState, type EmptyStateCta, type EmptyStateIcon, type EmptyStateProps, ICON_MAP };

package/dist/components/empty-state.js

@@ -1,91 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-import {
-  Package,
-  Clock,
-  Combine,
-  Boxes,
-  FileText,
-  Users,
-  Wallet,
-  CalendarDays,
-  Warehouse,
-  Tag,
-  LayoutGrid,
-  Info,
-  SearchX,
-  Lock,
-  Send,
-  HandCoins,
-  Store,
-  BarChart3,
-  CreditCard
-} from "lucide-react";
-const ICON_MAP = {
-  box: Package,
-  service: Clock,
-  kit: Combine,
-  input: Boxes,
-  order: FileText,
-  customer: Users,
-  finance: Wallet,
-  schedule: CalendarDays,
-  inventory: Warehouse,
-  price: Tag,
-  category: LayoutGrid,
-  generic: Info,
-  search: SearchX,
-  lock: Lock,
-  // Categorias de feature (Paywall) ──
-  catalog: Package,
-  channels: Send,
-  commercial: HandCoins,
-  operation: Store,
-  intelligence: BarChart3,
-  billing: CreditCard
-};
-function EmptyState({
-  icon = "generic",
-  title,
-  description,
-  cta,
-  size = "full",
-  children,
-  className = ""
-}) {
-  const Icon = ICON_MAP[icon];
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: [
-        "flex flex-col items-center justify-center text-center px-6",
-        size === "full" ? "min-h-[320px] flex-1" : "min-h-[200px] py-10",
-        className
-      ].filter(Boolean).join(" ")
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "mb-5 text-stroke-strong" }, /* @__PURE__ */ React.createElement(Icon, { size: 72, strokeWidth: 1.25 })),
-    /* @__PURE__ */ React.createElement("p", { className: "text-body font-semibold text-fg-primary mb-2" }, title),
-    description && /* @__PURE__ */ React.createElement("p", { className: "text-label text-fg-muted max-w-sm leading-relaxed mb-4" }, description),
-    cta && (cta.href ? /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        href: cta.href,
-        className: "mt-3 inline-block px-4 py-2 text-label font-medium rounded-(--radius-card) transition-colors text-brand-on-primary bg-brand-primary hover:bg-brand-hover"
-      },
-      cta.label
-    ) : /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: cta.onClick,
-        className: "mt-3 inline-block px-4 py-2 text-label font-medium rounded-(--radius-card) transition-colors text-brand-on-primary bg-brand-primary hover:bg-brand-hover"
-      },
-      cta.label
-    )),
-    children
-  );
-}
-export {
-  EmptyState,
-  ICON_MAP
-};

package/dist/components/form-card-header.d.ts

@@ -1,13 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-
-interface FormCardHeaderProps {
-    icon?: ReactNode;
-    title: ReactNode;
-    subtitle?: ReactNode;
-    /** Slot à direita (ação, badge) — alinhado ao centro vertical do bloco. */
-    action?: ReactNode;
-}
-declare function FormCardHeader({ icon, title, subtitle, action }: FormCardHeaderProps): react.JSX.Element;
-
-export { FormCardHeader, type FormCardHeaderProps };

package/dist/components/form-card-header.js

@@ -1,8 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-function FormCardHeader({ icon, title, subtitle, action }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 pb-3" }, icon && /* @__PURE__ */ React.createElement("span", { className: "grid place-items-center shrink-0 size-9 rounded-(--radius-card) bg-brand-primary text-brand-on-primary" }, icon), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-label font-semibold text-(--text-primary)" }, title), subtitle && /* @__PURE__ */ React.createElement("p", { className: "text-caption text-(--text-muted) mt-1 leading-snug" }, subtitle)), action && /* @__PURE__ */ React.createElement("div", { className: "shrink-0" }, action));
-}
-export {
-  FormCardHeader
-};

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 };