@estiva-app/ui 0.1.0 → 0.2.0

package/src/index.ts

@@ -9,17 +9,40 @@
  * `src/` still ships in the tarball, so stepping into a component lands on the
  * TypeScript that produced it.
  */
+export { AppShell, type AppShellProps } from './AppShell'
 export { Avatar, hueFor, initialsFor, type AvatarProps } from './Avatar'
+export { AvatarGroup, type AvatarGroupMember, type AvatarGroupProps } from './AvatarGroup'
+export { Banner, type BannerProps, type BannerTone } from './Banner'
 export { Button, type ButtonProps, type ButtonSize, type ButtonVariant } from './Button'
+export { Checkbox, type CheckboxProps } from './Checkbox'
 export { Chip, type ChipProps, type ChipType } from './Chip'
+export { ChipInput, InputChip, type ChipInputOption, type ChipInputProps, type InputChipProps } from './ChipInput'
 export { IconButton, type IconButtonProps, type IconButtonVariant } from './IconButton'
+export { IdentityMenu, IdentityPanel, type Identity, type IdentityMenuProps, type IdentityPanelProps } from './IdentityMenu'
 export { Tooltip, WithTooltip, type TooltipProps, type WithTooltipProps } from './Tooltip'
 export { Field, type FieldProps } from './Field'
 export { Select, type SelectOption, type SelectProps } from './Select'
 export { TextInput, type TextInputProps } from './TextInput'
 export { Textarea, type TextareaProps } from './Textarea'
+export { ConfirmDialog, type ConfirmDialogProps } from './ConfirmDialog'
 export { DialogShell, type DialogShellProps } from './DialogShell'
 export { Divider, type DividerProps } from './Divider'
+export { EditableText, type EditableTextProps } from './EditableText'
 export { EmptyState, type EmptyStateProps } from './EmptyState'
 export { SkeletonBar, SkeletonList, SkeletonRow } from './Skeleton'
+export { Breadcrumb, type BreadcrumbProps, type Crumb } from './Breadcrumb'
+export { EnterHint, Menu, MenuItem, MenuRow, MenuSection, type MenuItemProps, type MenuProps } from './Menu'
+export { NavItem, type NavItemProps } from './NavItem'
+export { Person, type PersonProps } from './Person'
+export { Rail, type RailProps } from './Rail'
+export { RailItem, type RailItemProps } from './RailItem'
+export { Sidebar, type SidebarProps } from './Sidebar'
+export { TopBar, type TopBarProps } from './TopBar'
+export { PersonTrigger, type PersonTriggerProps } from './PersonTrigger'
+export { Property, type PropertyProps } from './Property'
+export { SearchInput, type SearchInputProps } from './SearchInput'
+export { SectionHeader, type SectionAction, type SectionHeaderProps } from './SectionHeader'
+export { SectionLabel } from './SectionLabel'
+export { Tabs, type TabDef, type TabsProps } from './Tabs'
+export { Toast, ToastProvider, useToast, type ToastOptions, type ToastProps, type ToastType } from './Toast'
 export { cn } from './cn'

package/tailwind-preset.js

@@ -83,9 +83,9 @@ export default {
         'body-2-strong': ['14px', { lineHeight: '140%', letterSpacing: '0', fontWeight: '500' }],
         caption: ['12px', { lineHeight: '120%', letterSpacing: '0', fontWeight: '400' }],
         menu:    ['9px',  { lineHeight: '115%', letterSpacing: '0', fontWeight: '500' }],
-        // Component-specific. In shared components prefer explicit arbitrary
-        // values (`text-[12px] leading-[12px]`): tailwind-merge silently drops
-        // a custom text-size class that is followed by a `text-{color}` class.
+        // Component-specific. The package's cn() names this ramp for
+        // tailwind-merge (src/cn.ts, pinned by cn.test.ts), so the token
+        // classes survive merged lists — add a size here, add it there too.
         'btn-default': ['14px', { lineHeight: '14px', letterSpacing: '0', fontWeight: '500' }],
         'btn-small':   ['12px', { lineHeight: '12px', letterSpacing: '0', fontWeight: '500' }],
         'input-label':  ['12px', { lineHeight: '115%', letterSpacing: '0', fontWeight: '500' }],
@@ -119,6 +119,7 @@ export default {
         'text-muted':     'var(--text-muted)',
         'text-disabled':  'var(--text-disabled)',
         'text-inverse':   'var(--text-inverse)',
+        'text-interactive': 'var(--text-interactive)',
         // border
         'border-subtle':  'var(--border-subtle)',
         'border-default': 'var(--border-default)',

package/tokens.css

@@ -48,6 +48,7 @@
   --accent-primary: #8B5CF6;
   --accent-hover:   #7C3AED;
   --accent-muted:   #EDE9FE;
+  --text-interactive: #8B5CF6;
 
   /* semantic */
   --info-default:    #3B82F6;
@@ -96,6 +97,7 @@
   --accent-primary: #A78BFA;
   --accent-hover:   #8B5CF6;
   --accent-muted:   #2E2554;
+  --text-interactive: #A78BFA;
 
   /* semantic */
   --info-default:    #60A5FA;
@@ -147,6 +149,7 @@
   --accent-primary: #56c8ff;
   --accent-hover:   #8ad6ff;
   --accent-muted:   rgba(86, 200, 255, 0.11);
+  --text-interactive: #8ad6ff;
 
   /* semantic (amber is the attention color) */
   --info-default:    #8ad6ff;
@@ -205,6 +208,7 @@
   --accent-primary: #4b58d4;
   --accent-hover:   #5c69dc;
   --accent-muted:   #1c2144;
+  --text-interactive: #4b58d4;
 
   /* semantic */
   --info-default:    #5b7be8;