@proyecto-viviana/ui 0.3.5 → 0.4.0

package/src/index.ts

@@ -1,322 +1,8 @@
-// ============================================
-// SPECTRUM-BASED COMPONENTS
-// ============================================
-
-// Button
-export { Button } from './button';
-export type { ButtonProps, ButtonVariant, ButtonStyle, StaticColor } from './button';
-
-// Badge
-export { Badge } from './badge';
-export type { BadgeProps, BadgeVariant, BadgeSize } from './badge';
-
-// Alert
-export { Alert } from './alert';
-export type { AlertProps, AlertVariant } from './alert';
-
-// Avatar
-export { Avatar, AvatarGroup } from './avatar';
-export type { AvatarProps, AvatarGroupProps, AvatarSize } from './avatar';
-
-// Switch
-export { TabSwitch, ToggleSwitch } from './switch';
-export type { TabSwitchProps, ToggleSwitchProps, SwitchSize } from './switch';
-
-// Checkbox
-export { Checkbox, CheckboxGroup } from './checkbox';
-export type { CheckboxProps, CheckboxGroupProps, CheckboxSize } from './checkbox';
-
-// Radio
-export { RadioGroup, Radio } from './radio';
-export type { RadioGroupProps, RadioProps, RadioGroupOrientation, RadioGroupSize } from './radio';
-
-// Dialog
-export { Dialog, DialogTrigger, DialogFooter } from './dialog';
-export type { DialogProps, DialogTriggerProps, DialogFooterProps, DialogSize } from './dialog';
-
-// Icon
-export { Icon, GitHubIcon } from './icon';
-export type { IconProps, GitHubIconProps } from './icon';
-
-// Tooltip
-export { Tooltip, TooltipTrigger, SimpleTooltip } from './tooltip';
-export type { TooltipProps, TooltipTriggerProps, TooltipPlacement, TooltipVariant, SimpleTooltipProps } from './tooltip';
-
-// Popover
-export { Popover, PopoverTrigger, PopoverHeader, PopoverFooter } from './popover';
-export type { PopoverProps, PopoverTriggerProps, PopoverHeaderProps, PopoverFooterProps, PopoverPlacement, PopoverSize, PopoverRenderProps } from './popover';
-
-// TextField
-export { TextField } from './textfield';
-export type { TextFieldProps, TextFieldSize, TextFieldVariant } from './textfield';
-
-// Link
-export { Link } from './link';
-export type { LinkProps, LinkVariant } from './link';
-
-// ProgressBar
-export { ProgressBar } from './progress-bar';
-export type { ProgressBarProps, ProgressBarSize, ProgressBarVariant } from './progress-bar';
-
-// Separator
-export { Separator } from './separator';
-export type { SeparatorProps, SeparatorVariant, SeparatorSize } from './separator';
-
-// Toolbar
-export { Toolbar } from './toolbar';
-export type { ToolbarProps, ToolbarSize, ToolbarVariant } from './toolbar';
-
-// Autocomplete
-export { SearchAutocomplete } from './autocomplete';
-export type { SearchAutocompleteProps, SearchAutocompleteItem, SearchAutocompleteSize } from './autocomplete';
-
-// Select
-export { Select, SelectTrigger, SelectValue, SelectListBox, SelectOption } from './select';
-export type { SelectProps, SelectTriggerProps, SelectValueProps, SelectListBoxProps, SelectOptionProps, SelectSize } from './select';
-
-// Menu
-export { Menu, MenuItem, MenuTrigger, MenuButton, MenuSeparator } from './menu';
-export type { MenuProps, MenuItemProps, MenuTriggerProps, MenuButtonProps, MenuSeparatorProps, MenuSize } from './menu';
-
-// ListBox
-export { ListBox, ListBoxOption } from './listbox';
-export type { ListBoxProps, ListBoxOptionProps, ListBoxSize } from './listbox';
-
-// Tabs
-export { Tabs, TabList, Tab, TabPanel } from './tabs';
-export type { TabsProps, TabListProps, TabProps, TabPanelProps, TabsSize, TabsVariant, TabOrientation } from './tabs';
-
-// Breadcrumbs
-export { Breadcrumbs, BreadcrumbItem } from './breadcrumbs';
-export type { BreadcrumbsProps, BreadcrumbItemProps, BreadcrumbsSize, BreadcrumbsVariant } from './breadcrumbs';
-
-// NumberField
-export { NumberField } from './numberfield';
-export type { NumberFieldProps, NumberFieldSize, NumberFieldVariant } from './numberfield';
-
-// SearchField
-export { SearchField } from './searchfield';
-export type { SearchFieldProps, SearchFieldSize, SearchFieldVariant } from './searchfield';
-
-// Slider
-export { Slider } from './slider';
-export type { SliderProps, SliderSize, SliderVariant } from './slider';
-
-// ComboBox
-export { ComboBox, ComboBoxInputGroup, ComboBoxInput, ComboBoxButton, ComboBoxListBox, ComboBoxOption, defaultContainsFilter } from './combobox';
-export type { ComboBoxProps, ComboBoxInputProps, ComboBoxButtonProps, ComboBoxListBoxProps, ComboBoxOptionProps, ComboBoxSize, FilterFn, MenuTriggerAction } from './combobox';
-
-// Toast
-export {
-  Toast,
-  ToastRegion,
-  ToastProvider,
-  ToastContext,
-  addToast,
-  toastSuccess,
-  toastError,
-  toastWarning,
-  toastInfo,
-  globalToastQueue,
-  useToastContext,
-} from './toast';
-export type {
-  ToastProps,
-  ToastRegionProps,
-  ToastProviderProps,
-  ToastPlacement,
-  ToastVariant,
-  ToastContent,
-  ToastRenderProps,
-  ToastRegionRenderProps,
-  QueuedToast,
-  ToastOptions,
-} from './toast';
-
-// Disclosure
-export {
-  Disclosure,
-  DisclosureGroup,
-  DisclosureTrigger,
-  DisclosurePanel,
-} from './disclosure';
-export type {
-  DisclosureProps,
-  DisclosureGroupProps,
-  DisclosureTriggerProps,
-  DisclosurePanelProps,
-  DisclosureSize,
-  DisclosureVariant,
-} from './disclosure';
-
-// Meter
-export { Meter } from './meter';
-export type { MeterProps, MeterSize, MeterVariant } from './meter';
-
-// TagGroup
-export { TagGroup } from './tag-group';
-export type { TagGroupProps, TagProps, TagGroupSize, TagGroupVariant } from './tag-group';
-
-// Calendar
-export { Calendar } from './calendar';
-export type { CalendarProps, CalendarSize, CalendarDate, DateValue } from './calendar';
-
-// RangeCalendar
-export { RangeCalendar } from './calendar/RangeCalendar';
-export type { RangeCalendarProps, RangeCalendarSize, RangeValue } from './calendar/RangeCalendar';
-
-// DateField
-export { DateField } from './calendar/DateField';
-export type { DateFieldProps, DateFieldSize } from './calendar/DateField';
-
-// TimeField
-export { TimeField } from './calendar/TimeField';
-export type { TimeFieldProps, TimeFieldSize, TimeValue } from './calendar/TimeField';
-
-// DatePicker
-export { DatePicker } from './calendar/DatePicker';
-export type { DatePickerProps, DatePickerSize } from './calendar/DatePicker';
-
-// Table
-export {
-  Table,
-  TableHeader,
-  TableColumn,
-  TableBody,
-  TableRow,
-  TableCell,
-  TableSelectionCheckbox,
-  TableSelectAllCheckbox,
-} from './table';
-export type {
-  TableProps,
-  TableHeaderProps,
-  TableColumnProps,
-  TableBodyProps,
-  TableRowProps,
-  TableCellProps,
-  TableSize,
-  TableVariant,
-} from './table';
-
-// GridList
-export {
-  GridList,
-  GridListItem,
-  GridListSelectionCheckbox,
-} from './gridlist';
-export type {
-  GridListProps,
-  GridListItemProps,
-  GridListSize,
-  GridListVariant,
-  GridListLayout,
-} from './gridlist';
-
-// Tree
-export {
-  Tree,
-  TreeItem,
-  TreeExpandButton,
-  TreeSelectionCheckbox,
-} from './tree';
-export type {
-  TreeProps,
-  TreeItemProps,
-  TreeExpandButtonProps,
-  TreeSize,
-  TreeVariant,
-} from './tree';
-
-// Color
-export {
-  ColorSlider,
-  ColorSliderTrack,
-  ColorSliderThumb,
-  ColorArea,
-  ColorAreaGradient,
-  ColorAreaThumb,
-  ColorWheel,
-  ColorWheelTrack,
-  ColorWheelThumb,
-  ColorField,
-  ColorFieldInput,
-  ColorSwatch,
-  ColorPicker,
-} from './color';
-export type {
-  ColorSliderProps,
-  ColorAreaProps,
-  ColorWheelProps,
-  ColorFieldProps,
-  ColorSwatchProps,
-  ColorPickerProps,
-  ColorSize,
-} from './color';
-
-// Landmark
-export {
-  Landmark,
-  SkipLink,
-  LandmarkNavigator,
-  useLandmarkController,
-} from './landmark';
-export type {
-  LandmarkProps,
-  SkipLinkProps,
-  LandmarkNavigatorProps,
-  AriaLandmarkRole,
-  LandmarkController,
-} from './landmark';
-
-// ============================================
-// CUSTOM COMPONENTS
-// ============================================
-
-// Chip
-export { Chip } from './custom/chip';
-export type { ChipProps, ChipVariant } from './custom/chip';
-
-// NavHeader
-export { NavHeader } from './custom/nav-header';
-export type { NavHeaderProps } from './custom/nav-header';
-
-// Header
-export { Header } from './custom/header';
-export type { HeaderProps } from './custom/header';
-
-// LateralNav
-export { LateralNav, NavItem, NavLink, NavSection } from './custom/lateral-nav';
-export type { LateralNavProps, NavItemProps, NavLinkProps, NavSectionProps } from './custom/lateral-nav';
-
-// TimelineItem
-export { TimelineItem } from './custom/timeline-item';
-export type { TimelineItemProps, TimelineEventType } from './custom/timeline-item';
-
-// Conversation
-export { Conversation, ConversationPreview, ConversationBubble } from './custom/conversation';
-export type { ConversationProps, ConversationPreviewProps, ConversationBubbleProps, Message } from './custom/conversation';
-
-// ProfileCard
-export { ProfileCard } from './custom/profile-card';
-export type { ProfileCardProps } from './custom/profile-card';
-
-// EventCard
-export { EventCard, EventListItem } from './custom/event-card';
-export type { EventCardProps, EventListItemProps } from './custom/event-card';
-
-// CalendarCard
-export { CalendarCard } from './custom/calendar-card';
-export type { CalendarCardProps } from './custom/calendar-card';
-
-// Logo
-export { Logo } from './custom/logo';
-export type { LogoProps, LogoSize } from './custom/logo';
-
-// ProjectCard
-export { ProjectCard } from './custom/project-card';
-export type { ProjectCardProps, ProjectCardSize } from './custom/project-card';
-
-// PageLayout
-export { PageLayout } from './custom/page-layout';
-export type { PageLayoutProps } from './custom/page-layout';
+// @proyecto-viviana/ui — the viviana brand's design system.
+//
+// It starts as a thin re-export of @proyecto-viviana/solid-spectrum (identical
+// components + tokens + style macro), establishing the package consumers depend
+// on and the point we diverge from. Divergence happens incrementally: shadow
+// specific components here, then swap in a viviana token theme. Until then this
+// is solid-spectrum verbatim.
+export * from "@proyecto-viviana/solid-spectrum";

package/src/style/runtime.ts

@@ -0,0 +1,2 @@
+// The style macro runtime helpers, re-exported from solid-spectrum.
+export * from "@proyecto-viviana/solid-spectrum/style/runtime";

package/src/style.ts

@@ -0,0 +1,5 @@
+// The style macro, re-exported from solid-spectrum. Consumers import it with the
+// macro attribute, e.g.:
+//   import { style } from "@proyecto-viviana/ui/style" with { type: "macro" };
+// The viviana token theme will be swapped in here when we diverge from solid-spectrum.
+export * from "@proyecto-viviana/solid-spectrum/style";