@rojaostudio/ds 1.0.0

package/dist/components/image-upload.js

@@ -0,0 +1,271 @@
+"use client";
+import {
+  __spreadValues
+} from "../chunk-ORMEWXMH.js";
+import { useRef, useState } from "react";
+import { Upload, X } from "lucide-react";
+import { Button } from "./button.js";
+import { Tooltip } from "./tooltip.js";
+import { ImageCropModal } from "./image-crop-modal.js";
+const DEFAULT_LABELS = {
+  select: "Selecionar imagem",
+  change: "Trocar imagem",
+  remove: "Remover",
+  uploading: "Enviando\u2026",
+  dropTitle: "Arraste e solte uma imagem aqui",
+  dropHint: "ou clique para selecionar do seu computador",
+  aria: "\xC1rea de upload de imagem",
+  error: "Erro ao fazer upload"
+};
+const BUTTON_PREVIEW = {
+  logo: "h-16 w-auto max-w-[160px] object-contain rounded-(--radius-control) border border-stroke-default bg-surface-raised p-1",
+  banner: "w-full h-auto rounded-(--radius-control) border border-stroke-default",
+  square: "size-20 object-cover rounded-(--radius-control) border border-stroke-default"
+};
+const DROPZONE_PREVIEW = {
+  logo: "max-h-36 w-auto max-w-full object-contain rounded-(--radius-control) border border-stroke-default bg-surface-raised p-2",
+  banner: "w-full max-h-36 object-cover rounded-(--radius-control) border border-stroke-default shrink-0",
+  square: "size-36 object-cover rounded-(--radius-control) border border-stroke-default shrink-0"
+};
+const TILE_BOX = {
+  logo: "h-20 w-full max-w-[220px]",
+  banner: "h-24 w-full max-w-xs",
+  square: "size-28"
+};
+function ImageUpload({
+  name,
+  value,
+  onChange,
+  onUpload,
+  label,
+  hint,
+  aspect = "logo",
+  accept = "image/jpeg,image/png,image/webp",
+  className = "",
+  variant = "button",
+  previewClassName,
+  previewWrapperClassName,
+  crop,
+  labels
+}) {
+  const L = __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels);
+  const inputRef = useRef(null);
+  const [uploading, setUploading] = useState(false);
+  const [dragging, setDragging] = useState(false);
+  const [error, setError] = useState(null);
+  const [pendingFile, setPendingFile] = useState(null);
+  async function processFile(file) {
+    setError(null);
+    setUploading(true);
+    try {
+      const url = await onUpload(file);
+      onChange(url);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : L.error);
+    } finally {
+      setUploading(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+  }
+  async function selectFile(file) {
+    if (crop) {
+      setError(null);
+      setPendingFile(file);
+      return;
+    }
+    await processFile(file);
+  }
+  async function handleCropConfirm(blob) {
+    var _a;
+    const base = pendingFile;
+    setPendingFile(null);
+    const name2 = ((_a = base == null ? void 0 : base.name) != null ? _a : "image").replace(/\.[^./\\]+$/, "") + ".jpg";
+    await processFile(new File([blob], name2, { type: blob.type || "image/jpeg" }));
+  }
+  function handleCropCancel() {
+    setPendingFile(null);
+    if (inputRef.current) inputRef.current.value = "";
+  }
+  async function handleFileInput(e) {
+    var _a;
+    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    if (file) await selectFile(file);
+  }
+  async function handleDrop(e) {
+    var _a;
+    e.preventDefault();
+    setDragging(false);
+    const file = (_a = e.dataTransfer.files) == null ? void 0 : _a[0];
+    if (file) await selectFile(file);
+  }
+  const cropModal = crop ? /* @__PURE__ */ React.createElement(
+    ImageCropModal,
+    {
+      open: !!pendingFile,
+      file: pendingFile,
+      onCancel: handleCropCancel,
+      onConfirm: handleCropConfirm,
+      presets: crop.presets,
+      minAspect: crop.minAspect,
+      maxAspect: crop.maxAspect,
+      maxSizeBytes: crop.maxSizeBytes,
+      title: crop.title,
+      confirmLabel: crop.confirmLabel
+    }
+  ) : null;
+  const openPicker = () => {
+    var _a;
+    if (!uploading) (_a = inputRef.current) == null ? void 0 : _a.click();
+  };
+  const hiddenInputs = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("input", { type: "hidden", name, value }), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      ref: inputRef,
+      type: "file",
+      accept,
+      onChange: handleFileInput,
+      className: "hidden"
+    }
+  ));
+  if (variant === "tile") {
+    return /* @__PURE__ */ React.createElement("div", { className: ["space-y-2", className].join(" ") }, label && /* @__PURE__ */ React.createElement("p", { className: "text-label font-medium text-fg-primary" }, label), value ? (
+      // Preenchido: o tile É o preview. Trocar/Remover são botões-ícone SEMPRE visíveis no
+      // canto (não dependem de hover — a11y/baixa visão), sobre um scrim pra legibilidade.
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: [
+            "relative overflow-hidden rounded-(--radius-control) border border-stroke-default bg-surface-raised",
+            "flex items-center justify-center p-2",
+            TILE_BOX[aspect],
+            previewWrapperClassName
+          ].filter(Boolean).join(" ")
+        },
+        /* @__PURE__ */ React.createElement("img", { src: value, alt: "preview", className: previewClassName != null ? previewClassName : "max-h-full max-w-full object-contain" }),
+        /* @__PURE__ */ React.createElement("div", { className: "absolute top-1 right-1 flex gap-1" }, /* @__PURE__ */ React.createElement(Tooltip, { content: L.change }, /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            type: "button",
+            "aria-label": L.change,
+            onClick: openPicker,
+            disabled: uploading,
+            className: "flex items-center justify-center size-7 rounded-md bg-surface-default border border-stroke-default text-fg-secondary shadow-sm hover:bg-surface-raised hover:text-fg-primary disabled:opacity-50 transition-colors cursor-pointer"
+          },
+          /* @__PURE__ */ React.createElement(Upload, { size: 14 })
+        )), /* @__PURE__ */ React.createElement(Tooltip, { content: L.remove }, /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            type: "button",
+            "aria-label": L.remove,
+            onClick: () => onChange(""),
+            className: "flex items-center justify-center size-7 rounded-md bg-surface-default border border-stroke-default text-fg-secondary shadow-sm hover:bg-danger-soft hover:text-danger-text transition-colors cursor-pointer"
+          },
+          /* @__PURE__ */ React.createElement(X, { size: 14 })
+        )))
+      )
+    ) : (
+      // Vazio: o tile inteiro é o alvo de clique/drop.
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          "aria-label": label != null ? label : L.aria,
+          onClick: openPicker,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              openPicker();
+            }
+          },
+          onDragOver: (e) => {
+            e.preventDefault();
+            setDragging(true);
+          },
+          onDragLeave: () => setDragging(false),
+          onDrop: handleDrop,
+          className: [
+            "rounded-(--radius-control) border-2 border-dashed cursor-pointer transition-colors p-2",
+            "flex flex-col items-center justify-center gap-1.5 text-center",
+            TILE_BOX[aspect],
+            dragging ? "border-brand-primary bg-[color-mix(in_srgb,var(--brand-primary)_8%,transparent)]" : "border-stroke-default bg-surface-page hover:border-stroke-strong hover:bg-surface-raised"
+          ].join(" ")
+        },
+        /* @__PURE__ */ React.createElement(Upload, { size: 18, className: "text-brand-primary shrink-0" }),
+        /* @__PURE__ */ React.createElement("span", { className: "text-caption font-medium text-fg-secondary leading-tight" }, uploading ? L.uploading : L.select)
+      )
+    ), error && /* @__PURE__ */ React.createElement("p", { className: "text-caption text-danger-text" }, error), hint && /* @__PURE__ */ React.createElement("p", { className: "text-caption text-fg-muted" }, hint), hiddenInputs, cropModal);
+  }
+  if (variant === "dropzone") {
+    return /* @__PURE__ */ React.createElement("div", { className: ["space-y-3", className].join(" ") }, label && /* @__PURE__ */ React.createElement("p", { className: "text-label font-medium text-fg-primary" }, label), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        "aria-label": label != null ? label : L.aria,
+        onClick: openPicker,
+        onKeyDown: (e) => {
+          var _a;
+          if (e.key === "Enter" || e.key === " ") (_a = inputRef.current) == null ? void 0 : _a.click();
+        },
+        onDragOver: (e) => {
+          e.preventDefault();
+          setDragging(true);
+        },
+        onDragLeave: () => setDragging(false),
+        onDrop: handleDrop,
+        className: [
+          "rounded-(--radius-control) border-2 border-dashed cursor-pointer transition-colors p-4",
+          dragging ? "border-brand-primary bg-[color-mix(in_srgb,var(--brand-primary)_8%,transparent)]" : "border-stroke-default bg-surface-page hover:border-stroke-strong hover:bg-surface-raised"
+        ].join(" ")
+      },
+      value ? /* @__PURE__ */ React.createElement("div", { className: ["flex items-center justify-center transition-colors", previewWrapperClassName].filter(Boolean).join(" ") }, /* @__PURE__ */ React.createElement("img", { src: value, alt: "preview", className: previewClassName != null ? previewClassName : DROPZONE_PREVIEW[aspect] })) : /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center py-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "size-10 rounded-full bg-[color-mix(in_srgb,var(--brand-primary)_10%,transparent)] flex items-center justify-center" }, /* @__PURE__ */ React.createElement(Upload, { size: 18, className: "text-brand-primary" })), /* @__PURE__ */ React.createElement("p", { className: "text-label font-medium text-fg-primary text-center" }, uploading ? L.uploading : L.dropTitle), /* @__PURE__ */ React.createElement("p", { className: "text-caption text-fg-muted text-center" }, L.dropHint)))
+    ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        loading: uploading,
+        onClick: () => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.click();
+        }
+      },
+      value ? L.change : L.select
+    ), value && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(""),
+        className: "text-label text-fg-muted hover:text-danger-text transition-colors"
+      },
+      L.remove
+    )), error && /* @__PURE__ */ React.createElement("p", { className: "text-caption text-danger-text" }, error), hint && /* @__PURE__ */ React.createElement("p", { className: "text-caption text-fg-muted" }, hint), hiddenInputs, cropModal);
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: ["space-y-2", className].join(" ") }, label && /* @__PURE__ */ React.createElement("p", { className: "block text-caption font-medium text-fg-secondary" }, label), value && // eslint-disable-next-line @next/next/no-img-element
+  /* @__PURE__ */ React.createElement("img", { src: value, alt: "preview", className: BUTTON_PREVIEW[aspect] }), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "button",
+      size: "sm",
+      variant: "outline",
+      onClick: () => {
+        var _a;
+        return (_a = inputRef.current) == null ? void 0 : _a.click();
+      },
+      disabled: uploading
+    },
+    uploading ? L.uploading : value ? L.change : L.select
+  ), value && /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(""),
+      className: "text-caption text-fg-muted hover:text-danger-text transition-colors"
+    },
+    L.remove
+  )), error && /* @__PURE__ */ React.createElement("p", { className: "text-caption text-danger-text" }, error), hint && /* @__PURE__ */ React.createElement("p", { className: "text-caption text-fg-muted" }, hint), hiddenInputs, cropModal);
+}
+export {
+  ImageUpload
+};

package/dist/components/index.d.ts

@@ -0,0 +1,85 @@
+export { Alert, AlertProps, AlertVariant } from './alert.js';
+export { FilterChip, FilterChipGroup, FilterChipGroupProps, FilterChipItem, FilterChipProps } from './filter-chip.js';
+export { DataTableFilterDef, DataTableFilterOption, DataTableHeader, DataTableHeaderProps, DataTableHeaderSearch, DataTablePillDef, FilterDropdown } from './data-table-header.js';
+export { Button, ButtonColor, ButtonSize, ButtonVariant, buttonVariants } from './button.js';
+export { Badge, BadgeProps, BadgeVariant } from './badge.js';
+export { Card, CardBody, CardFooter, CardHeader, CardTitle } from './card.js';
+export { PricingCard, PricingCardProps } from './pricing-card.js';
+export { Checkbox, CheckboxProps } from './checkbox.js';
+export { Drawer, DrawerProps } from './drawer.js';
+export { Input, InputProps } from './input.js';
+export { Modal, ModalProps } from './modal.js';
+export { Radio, RadioProps } from './radio.js';
+export { Select, SelectProps } from './select.js';
+export { Spinner, SpinnerProps } from './spinner.js';
+export { Skeleton, SkeletonProps } from './skeleton.js';
+export { StepProgress, StepProgressProps } from './step-progress.js';
+export { EmptyState, EmptyStateCta, EmptyStateIcon, EmptyStateProps } from './empty-state.js';
+export { InsightCard, InsightCardProps, InsightCardType } from './insight-card.js';
+export { SectionCard, SectionCardProps } from './section-card.js';
+export { SectionHeader, SectionHeaderProps } from './section-header.js';
+export { FloatingStepper, FloatingStepperProps, FloatingStepperStep } from './floating-stepper.js';
+export { SummaryBar, SummaryBarItem, SummaryBarProps, SummaryBarTone } from './summary-bar.js';
+export { ToggleCard, ToggleCardProps } from './toggle-card.js';
+export { PixIcon } from './pix-icon.js';
+export { ToggleCardCompact, ToggleCardCompactProps } from './toggle-card-compact.js';
+export { ChipInput, ChipInputProps, ChipItem } from './chip-input.js';
+export { FormCardHeader, FormCardHeaderProps } from './form-card-header.js';
+export { CopyField, CopyFieldProps } from './copy-field.js';
+export { QRDisplay, QRDisplayProps } from './qr-display.js';
+export { ChoiceCard, ChoiceCardProps } from './choice-card.js';
+export { OptionTile, OptionTileGrid, OptionTileGridProps, OptionTileItem, OptionTileProps } from './option-tile.js';
+export { SelectableCard, SelectableCardProps } from './selectable-card.js';
+export { ChoicePreviewCard, ChoicePreviewCardProps } from './choice-preview-card.js';
+export { SettingRow, SettingRowProps } from './setting-row.js';
+export { SettingsList, SettingsListProps } from './settings-list.js';
+export { Dropzone, DropzoneProps } from './dropzone.js';
+export { MediaTile, MediaTileProps } from './media-tile.js';
+export { ChatBubble, ChatBubbleProps, ChatBubbleState, ChatBubbleVariant } from './chat-bubble.js';
+export { TypingIndicator, TypingIndicatorProps } from './typing-indicator.js';
+export { ChoiceCarousel, ChoiceCarouselProps } from './choice-carousel.js';
+export { PageTab, PageTabs, PageTabsProps } from './page-tabs.js';
+export { SavingBar, SavingBarProps } from './saving-bar.js';
+export { SavingBarProvider, SavingBarRegistration, SavingBarRoot, usePageSavingBar } from './saving-bar-context.js';
+export { FABConfig, FABProvider, FABRoot, useFAB, usePageFAB } from './fab.js';
+export { Table, TableBody, TableHead, TableRow, Td, Th } from './table.js';
+export { Textarea, TextareaProps } from './textarea.js';
+export { Toggle, ToggleProps } from './toggle.js';
+export { Tooltip, TooltipProps } from './tooltip.js';
+export { ToastOptions, ToastPosition, ToastVariant, ToastVisual, ToastVisualProps, Toaster, ToasterProps, toast } from './toaster.js';
+export { Divider, DividerProps } from './divider.js';
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus } from './avatar.js';
+export { IconButton, IconButtonColor, IconButtonProps, IconButtonSize, IconButtonVariant } from './icon-button.js';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbProps, homeItem } from './breadcrumb.js';
+export { Pagination, PaginationProps } from './pagination.js';
+export { Label, LabelProps } from './label.js';
+export { Popover, PopoverPlacement, PopoverProps } from './popover.js';
+export { Menu, MenuItem, MenuItemProps, MenuLabel, MenuProps, MenuSeparator } from './menu.js';
+export { Search, SearchProps } from './search.js';
+export { ToggleGroup, ToggleGroupProps, ToggleOption } from './toggle-group.js';
+export { Accordion, AccordionItem, AccordionItemProps, AccordionProps } from './accordion.js';
+export { Slider, SliderProps } from './slider.js';
+export { BottomSheet, BottomSheetProps } from './bottom-sheet.js';
+export { ContextMenu, ContextMenuProps } from './context-menu.js';
+export { Combobox, ComboboxOption, ComboboxProps } from './combobox.js';
+export { DatePicker, DatePickerProps } from './date-picker.js';
+export { TimePicker, TimePickerProps } from './time-picker.js';
+export { Chip, ChipProps } from './chips.js';
+export { BlockerCard, BlockerCardProps, BlockerCardTone } from './blocker-card.js';
+export { PaywallBanner, PaywallBannerProps } from './paywall-banner.js';
+export { PaywallContent, PaywallContentProps, PaywallModal, PaywallModalProps, PaywallReason, PaywallState, PaywallStateProps } from './paywall.js';
+export { CardsSkeleton, CardsSkeletonProps, PageSkeleton, PageSkeletonProps } from './page-skeleton.js';
+export { CurrencyInput, CurrencyInputProps } from './currency-input.js';
+export { ColorInput, ColorInputProps } from './color-input.js';
+export { ImageUpload, ImageUploadAspect, ImageUploadLabels, ImageUploadProps, ImageUploadVariant } from './image-upload.js';
+export { CropPreset, ImageCropModal, ImageCropModalProps } from './image-crop-modal.js';
+export { PhoneInput, PhoneInputProps } from './phone-input.js';
+export { RowActionItem, RowActions, RowActionsProps } from './row-actions.js';
+export { PageShell, PageShellBodyProps, PageShellHeaderProps, PageShellProps, PageShellWidth } from './page-shell.js';
+export { DangerZone, DangerZoneItem, DangerZoneItemProps, DangerZoneProps } from './danger-zone.js';
+export { Themed, ThemedProps, themeClass } from './themed.js';
+export { PhoneFrame, PhoneFrameProps } from './phone-frame.js';
+export { CopilotHint, CopilotHintPriority, CopilotHintProps } from './copilot-hint.js';
+export { Notice, NoticeIntent, NoticeProps, NoticeSeverity } from './notice.js';
+import 'react';
+import 'lucide-react';

package/dist/components/index.js

@@ -0,0 +1,200 @@
+import "../chunk-ORMEWXMH.js";
+import { Alert } from "./alert.js";
+import { FilterChip, FilterChipGroup } from "./filter-chip.js";
+import { DataTableHeader, FilterDropdown } from "./data-table-header.js";
+import { Button, buttonVariants } from "./button.js";
+import { Badge } from "./badge.js";
+import { Card, CardHeader, CardTitle, CardBody, CardFooter } from "./card.js";
+import { PricingCard } from "./pricing-card.js";
+import { Checkbox } from "./checkbox.js";
+import { Drawer } from "./drawer.js";
+import { Input } from "./input.js";
+import { Modal } from "./modal.js";
+import { Radio } from "./radio.js";
+import { Select } from "./select.js";
+import { Spinner } from "./spinner.js";
+import { Skeleton } from "./skeleton.js";
+import { StepProgress } from "./step-progress.js";
+import { EmptyState } from "./empty-state.js";
+import { InsightCard } from "./insight-card.js";
+import { SectionCard } from "./section-card.js";
+import { SectionHeader } from "./section-header.js";
+import { FloatingStepper } from "./floating-stepper.js";
+import { SummaryBar } from "./summary-bar.js";
+import { ToggleCard } from "./toggle-card.js";
+import { PixIcon } from "./pix-icon.js";
+import { ToggleCardCompact } from "./toggle-card-compact.js";
+import { ChipInput } from "./chip-input.js";
+import { FormCardHeader } from "./form-card-header.js";
+import { CopyField } from "./copy-field.js";
+import { QRDisplay } from "./qr-display.js";
+import { ChoiceCard } from "./choice-card.js";
+import { OptionTile, OptionTileGrid } from "./option-tile.js";
+import { SelectableCard } from "./selectable-card.js";
+import { ChoicePreviewCard } from "./choice-preview-card.js";
+import { SettingRow } from "./setting-row.js";
+import { SettingsList } from "./settings-list.js";
+import { Dropzone } from "./dropzone.js";
+import { MediaTile } from "./media-tile.js";
+import { ChatBubble } from "./chat-bubble.js";
+import { TypingIndicator } from "./typing-indicator.js";
+import { ChoiceCarousel } from "./choice-carousel.js";
+import { PageTabs } from "./page-tabs.js";
+import { SavingBar } from "./saving-bar.js";
+import { SavingBarProvider, SavingBarRoot, usePageSavingBar } from "./saving-bar-context.js";
+import { FABProvider, FABRoot, useFAB, usePageFAB } from "./fab.js";
+import { Table, TableHead, TableBody, TableRow, Th, Td } from "./table.js";
+import { Textarea } from "./textarea.js";
+import { Toggle } from "./toggle.js";
+import { Tooltip } from "./tooltip.js";
+import { Toaster, ToastVisual, toast } from "./toaster.js";
+import { Divider } from "./divider.js";
+import { Avatar, AvatarGroup } from "./avatar.js";
+import { IconButton } from "./icon-button.js";
+import { Breadcrumb, homeItem } from "./breadcrumb.js";
+import { Pagination } from "./pagination.js";
+import { Label } from "./label.js";
+import { Popover } from "./popover.js";
+import { Menu, MenuItem, MenuSeparator, MenuLabel } from "./menu.js";
+import { Search } from "./search.js";
+import { ToggleGroup } from "./toggle-group.js";
+import { Accordion, AccordionItem } from "./accordion.js";
+import { Slider } from "./slider.js";
+import { BottomSheet } from "./bottom-sheet.js";
+import { ContextMenu } from "./context-menu.js";
+import { Combobox } from "./combobox.js";
+import { DatePicker } from "./date-picker.js";
+import { TimePicker } from "./time-picker.js";
+import { Chip } from "./chips.js";
+import { BlockerCard } from "./blocker-card.js";
+import { PaywallBanner } from "./paywall-banner.js";
+import { PaywallContent, PaywallState, PaywallModal } from "./paywall.js";
+import { PageSkeleton, CardsSkeleton } from "./page-skeleton.js";
+import { CurrencyInput } from "./currency-input.js";
+import { ColorInput } from "./color-input.js";
+import { ImageUpload } from "./image-upload.js";
+import { ImageCropModal } from "./image-crop-modal.js";
+import { PhoneInput } from "./phone-input.js";
+import { RowActions } from "./row-actions.js";
+import { PageShell } from "./page-shell.js";
+import { DangerZone, DangerZoneItem } from "./danger-zone.js";
+import { Themed, themeClass } from "./themed.js";
+import { PhoneFrame } from "./phone-frame.js";
+import { CopilotHint } from "./copilot-hint.js";
+import { Notice } from "./notice.js";
+export {
+  Accordion,
+  AccordionItem,
+  Alert,
+  Avatar,
+  AvatarGroup,
+  Badge,
+  BlockerCard,
+  BottomSheet,
+  Breadcrumb,
+  Button,
+  Card,
+  CardBody,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  CardsSkeleton,
+  ChatBubble,
+  Checkbox,
+  Chip,
+  ChipInput,
+  ChoiceCard,
+  ChoiceCarousel,
+  ChoicePreviewCard,
+  ColorInput,
+  Combobox,
+  ContextMenu,
+  CopilotHint,
+  CopyField,
+  CurrencyInput,
+  DangerZone,
+  DangerZoneItem,
+  DataTableHeader,
+  DatePicker,
+  Divider,
+  Drawer,
+  Dropzone,
+  EmptyState,
+  FABProvider,
+  FABRoot,
+  FilterChip,
+  FilterChipGroup,
+  FilterDropdown,
+  FloatingStepper,
+  FormCardHeader,
+  IconButton,
+  ImageCropModal,
+  ImageUpload,
+  Input,
+  InsightCard,
+  Label,
+  MediaTile,
+  Menu,
+  MenuItem,
+  MenuLabel,
+  MenuSeparator,
+  Modal,
+  Notice,
+  OptionTile,
+  OptionTileGrid,
+  PageShell,
+  PageSkeleton,
+  PageTabs,
+  Pagination,
+  PaywallBanner,
+  PaywallContent,
+  PaywallModal,
+  PaywallState,
+  PhoneFrame,
+  PhoneInput,
+  PixIcon,
+  Popover,
+  PricingCard,
+  QRDisplay,
+  Radio,
+  RowActions,
+  SavingBar,
+  SavingBarProvider,
+  SavingBarRoot,
+  Search,
+  SectionCard,
+  SectionHeader,
+  Select,
+  SelectableCard,
+  SettingRow,
+  SettingsList,
+  Skeleton,
+  Slider,
+  Spinner,
+  StepProgress,
+  SummaryBar,
+  Table,
+  TableBody,
+  TableHead,
+  TableRow,
+  Td,
+  Textarea,
+  Th,
+  Themed,
+  TimePicker,
+  ToastVisual,
+  Toaster,
+  Toggle,
+  ToggleCard,
+  ToggleCardCompact,
+  ToggleGroup,
+  Tooltip,
+  TypingIndicator,
+  buttonVariants,
+  homeItem,
+  themeClass,
+  toast,
+  useFAB,
+  usePageFAB,
+  usePageSavingBar
+};

package/dist/components/input.d.ts

@@ -0,0 +1,25 @@
+import * as react from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type InputSize = 'sm' | 'md' | 'lg';
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+    label?: string;
+    helper?: string;
+    error?: string;
+    size?: InputSize;
+    required?: boolean;
+    optional?: boolean;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    /** Em type="password", mostra botão de revelar. default = true. */
+    passwordReveal?: boolean;
+    /** Conta caracteres (mostra "X/Y" se maxLength definido). */
+    showCount?: boolean;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps, type InputSize };