@rojaostudio/ds 1.0.1 → 2.0.0-next.0

package/dist/components/image-upload.js

@@ -2,36 +2,20 @@
 import {
   __spreadValues
 } from "../chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { Upload, X } from "lucide-react";
-import { Button } from "./button.js";
-import { Tooltip } from "./tooltip.js";
+import { FileInput } from "./file-input.js";
 import { ImageCropModal } from "./image-crop-modal.js";
 const DEFAULT_LABELS = {
   select: "Selecionar imagem",
   change: "Trocar imagem",
-  remove: "Remover",
+  remove: "Remover imagem",
   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,
@@ -39,232 +23,88 @@ function ImageUpload({
   onUpload,
   label,
   hint,
-  aspect = "logo",
   accept = "image/jpeg,image/png,image/webp",
-  className = "",
-  variant = "button",
-  previewClassName,
-  previewWrapperClassName,
+  className,
   crop,
   labels
 }) {
   const L = __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels);
-  const inputRef = useRef(null);
+  const input = 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) {
+  const reset = () => {
+    if (input.current) input.current.value = "";
+  };
+  async function upload(file) {
     setError(null);
     setUploading(true);
     try {
-      const url = await onUpload(file);
-      onChange(url);
+      onChange(await onUpload(file));
     } catch (err) {
       setError(err instanceof Error ? err.message : L.error);
     } finally {
       setUploading(false);
-      if (inputRef.current) inputRef.current.value = "";
+      reset();
     }
   }
-  async function selectFile(file) {
+  async function choose(files) {
+    const file = files[0];
+    if (!file) return;
     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 = "";
+    await upload(file);
   }
-  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",
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      FileInput,
       {
-        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,
+        ref: input,
+        variant: "tile",
+        label,
+        "aria-label": label ? void 0 : L.aria,
+        hint,
+        errorMessage: error != null ? error : void 0,
+        accept,
+        preview: value,
+        tileText: uploading ? L.uploading : L.select,
+        replaceLabel: L.change,
+        clearLabel: L.remove,
+        disabled: uploading,
+        className,
+        onFiles: (files) => void choose(files),
+        onClear: () => onChange("")
+      }
+    ),
+    /* @__PURE__ */ jsx("input", { type: "hidden", name, value }),
+    crop && /* @__PURE__ */ jsx(
+      ImageCropModal,
       {
-        type: "button",
-        size: "sm",
-        loading: uploading,
-        onClick: () => {
+        open: !!pendingFile,
+        file: pendingFile,
+        onCancel: () => {
+          setPendingFile(null);
+          reset();
+        },
+        onConfirm: async (blob) => {
           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);
+          const base = pendingFile;
+          setPendingFile(null);
+          const fileName = ((_a = base == null ? void 0 : base.name) != null ? _a : "image").replace(/\.[^./\\]+$/, "") + ".jpg";
+          await upload(new File([blob], fileName, { type: blob.type || "image/jpeg" }));
+        },
+        presets: crop.presets,
+        minAspect: crop.minAspect,
+        maxAspect: crop.maxAspect,
+        maxSizeBytes: crop.maxSizeBytes,
+        title: crop.title,
+        confirmLabel: crop.confirmLabel
+      }
+    )
+  ] });
 }
 export {
   ImageUpload

package/dist/components/index.d.ts

@@ -1,85 +1,141 @@
-export { Alert, AlertProps, AlertVariant } from './alert.js';
-export { FilterChip, FilterChipGroup, FilterChipGroupProps, FilterChipItem, FilterChipProps } from './filter-chip.js';
+export { Alert, AlertProps, AlertTone } from './alert.js';
+export { AlertDialog, AlertDialogProps, AlertDialogTone } from './alert-dialog.js';
+export { HoverCard, HoverCardProps } from './hover-card.js';
+export { Dialog, DialogClose, DialogProps, DialogSize } from './dialog.js';
+export { Sheet, SheetClose, SheetProps, SheetSide } from './sheet.js';
+export { Drawer, DrawerClose, DrawerProps } from './drawer.js';
+export { DropdownMenu, DropdownMenuAlign, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuItemTone, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSide } from './dropdown-menu.js';
+export { ContextMenu, ContextMenuItem, ContextMenuItemProps, ContextMenuItemTone, ContextMenuProps, ContextMenuSeparator } from './context-menu.js';
+export { Command, CommandGroup, CommandGroupProps, CommandItem, CommandItemProps, CommandProps } from './command.js';
+export { FilterChip, FilterChipGroup, FilterChipGroupProps, 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 { Button, ButtonIconPosition, ButtonProps } from './button.js';
+export { Badge, BadgeProps, BadgeTone, BadgeVariant, formatBadgeValue } from './badge.js';
+export { Status, StatusProps, StatusSize, StatusTone, StatusVariant } from './status.js';
+export { Delta, DeltaDirection, DeltaProps, DeltaTone } from './delta.js';
+export { Progress, ProgressKind, ProgressProps, ProgressSize } from './progress.js';
+export { StarRating, StarRatingProps, StarRatingSize } from './star-rating.js';
+export { Card, CardContent, CardContentProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardSize, CardSurface } from './card.js';
+export { Tile, TileProps, TileSize, TileTone, TileVariant } from './tile.js';
+export { Kbd, KbdGroup, KbdGroupProps, KbdProps } from './kbd.js';
+export { Sparkline, SparklineProps } from './sparkline.js';
+export { Chart, ChartProps, ChartSeries, ChartType } from './chart.js';
+export { Carousel, CarouselPlaceholder, CarouselProps } from './carousel.js';
+export { Item, ItemGroup, ItemGroupProps, ItemProps, ItemSize, ItemVariant } from './item.js';
+export { Pricing, PricingPlan, PricingPlanProps, PricingProps } from './pricing.js';
 export { PricingCard, PricingCardProps } from './pricing-card.js';
-export { Checkbox, CheckboxProps } from './checkbox.js';
-export { Drawer, DrawerProps } from './drawer.js';
+export { Checkbox, CheckboxChecked, CheckboxProps } from './checkbox.js';
+export { CheckboxGroup, CheckboxGroupProps } from './checkbox-group.js';
 export { Input, InputProps } from './input.js';
-export { Modal, ModalProps } from './modal.js';
+export { PasswordInput, PasswordInputProps } from './password-input.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 { RadioGroup, RadioGroupProps } from './radio-group.js';
+export { Select, SelectItem, SelectItemProps, SelectProps } from './select.js';
+export { Spinner, SpinnerProps, SpinnerSize, SpinnerTone } from './spinner.js';
+export { Skeleton, SkeletonProps, SkeletonShape } from './skeleton.js';
 export { StepProgress, StepProgressProps } from './step-progress.js';
-export { EmptyState, EmptyStateCta, EmptyStateIcon, EmptyStateProps } from './empty-state.js';
+export { Empty, EmptyProps } from './empty.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 { Stat, StatProps, StatTone } from './stat.js';
+export { SummaryBar, SummaryBarItem, SummaryBarLayout, 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 { ChipInput, ChipInputProps } from './chip-input.js';
 export { CopyField, CopyFieldProps } from './copy-field.js';
 export { QRDisplay, QRDisplayProps } from './qr-display.js';
-export { ChoiceCard, ChoiceCardProps } from './choice-card.js';
+export { ChoiceCard } 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 { MediaTile, MediaTileAspect, MediaTileProps } from './media-tile.js';
+export { Attachment, AttachmentOrientation, AttachmentProps, AttachmentStatus } from './attachment.js';
+export { Bubble, BubbleAlign, BubbleProps, BubbleVariant } from './bubble.js';
+export { Marker, MarkerProps, MarkerVariant } from './marker.js';
+export { Message, MessageAlign, MessageProps } from './message.js';
+export { MessageScroller, MessageScrollerProps } from './message-scroller.js';
+export { Questionnaire, QuestionnaireAnswer, QuestionnaireProps } from './questionnaire.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 { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps } from './tabs.js';
+export { PageHeader, PageHeaderHeading, PageHeaderProps } from './page-header.js';
+export { Sidebar, SidebarHeader, SidebarItem, SidebarItemProps, SidebarProps, SidebarSection, SidebarSectionProps, SidebarSeparator, SidebarTone } from './sidebar.js';
+export { NavigationMenu, NavigationMenuEntry, NavigationMenuLink, NavigationMenuLinkComponent, NavigationMenuProps } from './navigation-menu.js';
+export { SavingBar, SavingBarProps, SavingBarStatus } 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 { FAB, FABConfig, FABProps, FABProvider, FABRoot, useFAB, usePageFAB } from './fab.js';
+export { Table, TableAlign, TableBody, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeader, TableProps, TableRow, TableSort, TableStatus, TableStatusProps } 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 { Switch, SwitchProps } from './switch.js';
+export { Tooltip, TooltipProps, TooltipSide } from './tooltip.js';
+export { ToastFn, ToastOptions, ToastTone, ToastVariant, ToastView, ToastViewProps, Toaster, ToasterProps, toast, toastClassName, useToast } from './toast.js';
+export { Separator, SeparatorOrientation, SeparatorProps } from './separator.js';
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarGroupSize, AvatarProps, AvatarSize, AvatarType, AvatarVariant, initials } from './avatar.js';
+export { IconButton, IconButtonProps } from './icon-button.js';
+export { ButtonGroup, ButtonGroupOrientation, ButtonGroupProps } from './button-group.js';
+export { ActionBar, ActionBarProps } from './action-bar.js';
+export { FormActions, FormActionsLayout, FormActionsProps } from './form-actions.js';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbLinkComponent, BreadcrumbProps, BreadcrumbTone } from './breadcrumb.js';
+export { Pagination, PaginationLinkComponent, PaginationProps, pageItems } from './pagination.js';
+export { Popover, PopoverAlign, PopoverClose, PopoverProps, PopoverSide } from './popover.js';
+export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } 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 { Listbox, ListboxOption, ListboxOptionProps, ListboxProps } from './listbox.js';
+export { Calendar, CalendarProps } from './calendar.js';
+export { FileInput, FileInputProps, FileInputVariant, formatFileSize } from './file-input.js';
+export { NumberInput, NumberInputProps, NumberInputStep } from './number-input.js';
+export { InputOTP, InputOTPLength, InputOTPProps } from './input-otp.js';
+export { Combobox, ComboboxMultipleProps, ComboboxOption, ComboboxProps, ComboboxSingleProps } 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 { TimeFormat, TimePicker, TimePickerProps, formatTime, parseTime } from './time-picker.js';
+export { Chip, ChipProps } from './chip.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 { ColorInput, ColorInputProps, normalizeHex } 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';
+export { Banner, BannerProps } from './banner.js';
+export { Benefits, BenefitsItem, BenefitsItemProps, BenefitsProps } from './benefits.js';
+export { Contact, ContactProps } from './contact.js';
+export { FAQ, FAQProps } from './faq.js';
+export { Footer, FooterColumn, FooterColumnProps, FooterProps } from './footer.js';
+export { Newsletter, NewsletterProps } from './newsletter.js';
+export { Testimonial, TestimonialItem, TestimonialItemProps, TestimonialProps } from './testimonial.js';
+export { TopNavigation, TopNavigationProps } from './top-navigation.js';
+export { Phone, PhonePlatform, PhoneProps } from './phone.js';
+export { Browser, BrowserProps } from './browser.js';
+export { GoogleButton, GoogleButtonProps, GoogleButtonShape, GoogleButtonTheme, GoogleButtonType } from './google-button.js';
+export { GoogleSignIn, GoogleSignInProps, GoogleSignInStep } from './google-sign-in.js';
+export { GoogleConsent, GoogleConsentProps } from './google-consent.js';
+export { GoogleAccount, GoogleAccountChooser, GoogleAccountChooserProps } from './google-account-chooser.js';
+export { WhatsAppChat, WhatsAppChatProps } from './whatsapp-chat.js';
+export { WhatsAppMessage, WhatsAppMessageProps, WhatsAppMessageType } from './whatsapp-message.js';
+export { WhatsAppNotification, WhatsAppNotificationProps } from './whatsapp-notification.js';
+export { WhatsAppTemplate, WhatsAppTemplateButton, WhatsAppTemplateButtonProps, WhatsAppTemplateButtonStatus, WhatsAppTemplateButtonType, WhatsAppTemplateHeader, WhatsAppTemplateProps } from './whatsapp-template.js';
+export { ButtonSize, ButtonTone, ButtonVariant } from './internal/button.js';
+export { ChoiceCardGroup, ChoiceCardGroupProps, ChoiceCardLayout, ChoiceCardProps } from './internal/choice-card.js';
+export { FieldLabelPosition } from './internal/field.js';
+export { GoogleLayout } from './internal/google.js';
+export { IsoDate } from './internal/dates.js';
+export { ToggleVariant } from './internal/toggle.js';
+export { WhatsAppPlatform } from './internal/whatsapp.js';
 import 'react';
-import 'lucide-react';
+import '@radix-ui/react-dialog';
+import './internal/modal.js';
+import './internal/menu.js';
+import './internal/fieldset.js';
+import '@radix-ui/react-toggle';
+import '@radix-ui/react-tooltip';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-toggle-group';