@uisatin/ui 0.1.0 → 0.2.0

package/components/donut-chart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type ChartCardBaseProps } from './chart';
+import { type ChartCardBaseProps } from './chart.js';
 /**
  * Donut chart, 1:1 with the uiKit `chart/donutCard` (4067:7096), in the shared ChartCard
  * (chart.tsx).

package/components/line-chart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type ChartCardBaseProps } from './chart';
+import { type ChartCardBaseProps } from './chart.js';
 /**
  * Line and Area chart, 1:1 with the uiKit `chart/lineCard` (4076:6759) and `chart/areaCard`
  * (4070:7627), in the shared ChartCard (chart.tsx).

package/components/message.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type MessageFeedback } from './message-actions';
-import { type ThinkingStep } from './thinking';
+import { type MessageFeedback } from './message-actions.js';
+import { type ThinkingStep } from './thinking.js';
 /**
  * Message, 1:1 with the uiKit Message docs view (3890:70165), composed from `_chat/userMessage`
  * (901:20155), `_chat/source` and `_chat/answerActions` (901:20164, see MessageActions).

package/components/select.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type MenuItemContentProps } from './dropdown';
+import { type MenuItemContentProps } from './dropdown.js';
 /**
  * Select, 1:1 with the uiKit `Select` set (4022:3531): the field around it is Input's (a 13px
  * medium label 8px above, a 13px hint or error under it), the trigger is Input's skin with the

package/components/thinking.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type AgentLoadingIndicator } from './agent-loading';
+import { type AgentLoadingIndicator } from './agent-loading.js';
 /**
  * Thinking, 1:1 with the uiKit `Thinking` set (3239:20908) and its parts thinking/header
  * (3239:20766), thinking/step (3239:20791) and thinking/_mark (3239:20674).

package/index.d.ts

@@ -1,64 +1,64 @@
-export { cn } from './lib/utils';
-export * from './theme';
-export * from './components/accordion';
-export * from './components/avatar';
-export { Badge, badgeVariants, type BadgeProps, type BadgeTone } from './components/badge';
-export * from './components/banner';
-export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './components/breadcrumb';
-export { Button, buttonVariants, type ButtonProps } from './components/button';
-export * from './components/card';
-export { ChartCard, ChartTooltip, ChartLegendRow, ChartLegendPill, type ChartDatum, type ChartCardBaseProps } from './components/chart';
-export { LineCard, AreaCard, type LineCardProps } from './components/line-chart';
-export { DonutCard, type DonutCardProps } from './components/donut-chart';
-export { BarCard, type BarCardProps } from './components/bar-chart';
-export { ChannelCard, type ChannelCardProps } from './components/channel-chart';
-export { Checkbox, type CheckboxProps } from './components/checkbox';
-export { Chip, ChipAvatar, chipVariants, type ChipProps } from './components/chip';
-export { Combobox, type ComboboxProps } from './components/combobox';
-export { CommandMenu, type CommandMenuProps, type CommandItem, type CommandGroup } from './components/command-menu';
-export { CodeBlock, type CodeBlockProps } from './components/code-block';
-export { Dialog, DialogClose, DialogAlert, CloseIcon, type DialogProps, type DialogVariant, type DialogAlertProps, type DialogAlertIntent } from './components/dialog';
-export * from './components/dot';
-export { Floating, type FloatingProps, type FloatingSide } from './components/floating';
-export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuItemClass, menuSurfaceClass, menuGroupClass, menuGroupLabelClass, type DropdownMenuProps, type DropdownMenuGroupProps, type DropdownMenuItemProps, type MenuItemContentProps } from './components/dropdown';
-export { FormField, useFormField, type FormFieldProps, type FormFieldContextValue } from './components/form-field';
-export { Input, type InputProps } from './components/input';
-export * from './components/kbd';
-export { Pagination, paginationRange, type PaginationProps } from './components/pagination';
-export { Popover, PopoverClose, PopoverPanel, type PopoverProps } from './components/popover';
-export { Progress, type ProgressProps } from './components/progress';
-export { Radio, RadioGroup, type RadioProps, type RadioGroupProps } from './components/radio';
-export { SearchBar, type SearchBarProps } from './components/search-bar';
-export { Select, FieldChrome, useFieldChrome, SelectChevron, type SelectProps, type SelectOption, type SelectGroup } from './components/select';
-export { SegmentedControl, type SegmentedControlItem, type SegmentedControlProps } from './components/segmented-control';
-export { Sheet, SheetClose, type SheetProps } from './components/sheet';
-export * from './components/sidebar';
-export { Skeleton, type SkeletonProps } from './components/skeleton';
-export { Slider, type SliderProps } from './components/slider';
-export { Switch, type SwitchProps } from './components/switch';
-export { Table, type TableProps, type Column, type Row, type Sort } from './components/table';
-export { Tabs, TabsContent, type TabsProps, type TabItem } from './components/tabs';
-export { Textarea, type TextareaProps } from './components/textarea';
-export { Toast, Toaster, toast, type ToastProps, type ToasterProps, type ToastOptions, type ToastIntent, type ToastAction } from './components/toast';
-export { Toggle, toggleVariants, type ToggleProps } from './components/toggle';
-export { Tooltip, TooltipBubble, type TooltipProps } from './components/tooltip';
-export * from './components/agent-picker';
-export * from './components/attachment';
-export * from './components/decision-card';
-export * from './components/empty-state';
-export { Message, type MessageProps, type MessageSource } from './components/message';
-export { MessageActions, type MessageActionsProps, type MessageFeedback } from './components/message-actions';
-export { PromptBar, defaultActions as promptBarDefaultActions, type PromptBarProps, type PromptBarModel, type PromptBarAction } from './components/prompt-bar';
-export { StreamingText, type StreamingTextProps } from './components/streaming-text';
-export { Thinking, type ThinkingProps, type ThinkingStep, type ThinkingState, type ThinkingIndicator } from './components/thinking';
-export { AgentLoading, type AgentLoadingProps, type AgentLoadingIndicator, TetrisMark, TetrisLabel, TetrisStill, FlappySprite, ShimmerLabel, type Glimmer } from './components/agent-loading';
-export { FileUpload, FileUploadItem, fileIconFor, formatBytes, type FileUploadProps, type FileUploadFile, type FileUploadRejection, type FileUploadStatus } from './components/file-upload';
-export { InputOTP, type InputOTPProps } from './components/input-otp';
-export { NumberInput, type NumberInputProps } from './components/number-input';
-export { ContextMenu, ContextMenuItem, ContextMenuSub, ContextMenuSeparator, type ContextMenuProps, type ContextMenuItemProps, type ContextMenuSubProps } from './components/context-menu';
-export { HoverCard, hoverCardClass, type HoverCardProps } from './components/hover-card';
-export { Citation, Sources, type CitationProps, type CitationSource, type SourcesProps } from './components/citations';
-export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange, type CalendarProps, type DatePickerProps, type DatePickerPanelProps, type DateRangePickerPanelProps, type DateRangePickerProps, type DateRange } from './components/date-picker';
-export { AgentSuggestion, AgentSuggestionQuote, AgentSuggestionMetric, AgentSuggestionDiff, AgentSuggestionChanges, type AgentSuggestionProps, type AgentSuggestionChange } from './components/agent-suggestion';
-export { CookieConsent, type CookieConsentProps } from './components/cookie-consent';
-export { AnnouncementBar, type AnnouncementBarProps } from './components/announcement-bar';
+export { cn } from './lib/utils.js';
+export * from './theme/index.js';
+export * from './components/accordion.js';
+export * from './components/avatar.js';
+export { Badge, badgeVariants, type BadgeProps, type BadgeTone } from './components/badge.js';
+export * from './components/banner.js';
+export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './components/breadcrumb.js';
+export { Button, buttonVariants, type ButtonProps } from './components/button.js';
+export * from './components/card.js';
+export { ChartCard, ChartTooltip, ChartLegendRow, ChartLegendPill, type ChartDatum, type ChartCardBaseProps } from './components/chart.js';
+export { LineCard, AreaCard, type LineCardProps } from './components/line-chart.js';
+export { DonutCard, type DonutCardProps } from './components/donut-chart.js';
+export { BarCard, type BarCardProps } from './components/bar-chart.js';
+export { ChannelCard, type ChannelCardProps } from './components/channel-chart.js';
+export { Checkbox, type CheckboxProps } from './components/checkbox.js';
+export { Chip, ChipAvatar, chipVariants, type ChipProps } from './components/chip.js';
+export { Combobox, type ComboboxProps } from './components/combobox.js';
+export { CommandMenu, type CommandMenuProps, type CommandItem, type CommandGroup } from './components/command-menu.js';
+export { CodeBlock, type CodeBlockProps } from './components/code-block.js';
+export { Dialog, DialogClose, DialogAlert, CloseIcon, type DialogProps, type DialogVariant, type DialogAlertProps, type DialogAlertIntent } from './components/dialog.js';
+export * from './components/dot.js';
+export { Floating, type FloatingProps, type FloatingSide } from './components/floating.js';
+export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuItemClass, menuSurfaceClass, menuGroupClass, menuGroupLabelClass, type DropdownMenuProps, type DropdownMenuGroupProps, type DropdownMenuItemProps, type MenuItemContentProps } from './components/dropdown.js';
+export { FormField, useFormField, type FormFieldProps, type FormFieldContextValue } from './components/form-field.js';
+export { Input, type InputProps } from './components/input.js';
+export * from './components/kbd.js';
+export { Pagination, paginationRange, type PaginationProps } from './components/pagination.js';
+export { Popover, PopoverClose, PopoverPanel, type PopoverProps } from './components/popover.js';
+export { Progress, type ProgressProps } from './components/progress.js';
+export { Radio, RadioGroup, type RadioProps, type RadioGroupProps } from './components/radio.js';
+export { SearchBar, type SearchBarProps } from './components/search-bar.js';
+export { Select, FieldChrome, useFieldChrome, SelectChevron, type SelectProps, type SelectOption, type SelectGroup } from './components/select.js';
+export { SegmentedControl, type SegmentedControlItem, type SegmentedControlProps } from './components/segmented-control.js';
+export { Sheet, SheetClose, type SheetProps } from './components/sheet.js';
+export * from './components/sidebar.js';
+export { Skeleton, type SkeletonProps } from './components/skeleton.js';
+export { Slider, type SliderProps } from './components/slider.js';
+export { Switch, type SwitchProps } from './components/switch.js';
+export { Table, type TableProps, type Column, type Row, type Sort } from './components/table.js';
+export { Tabs, TabsContent, type TabsProps, type TabItem } from './components/tabs.js';
+export { Textarea, type TextareaProps } from './components/textarea.js';
+export { Toast, Toaster, toast, type ToastProps, type ToasterProps, type ToastOptions, type ToastIntent, type ToastAction } from './components/toast.js';
+export { Toggle, toggleVariants, type ToggleProps } from './components/toggle.js';
+export { Tooltip, TooltipBubble, type TooltipProps } from './components/tooltip.js';
+export * from './components/agent-picker.js';
+export * from './components/attachment.js';
+export * from './components/decision-card.js';
+export * from './components/empty-state.js';
+export { Message, type MessageProps, type MessageSource } from './components/message.js';
+export { MessageActions, type MessageActionsProps, type MessageFeedback } from './components/message-actions.js';
+export { PromptBar, defaultActions as promptBarDefaultActions, type PromptBarProps, type PromptBarModel, type PromptBarAction } from './components/prompt-bar.js';
+export { StreamingText, type StreamingTextProps } from './components/streaming-text.js';
+export { Thinking, type ThinkingProps, type ThinkingStep, type ThinkingState, type ThinkingIndicator } from './components/thinking.js';
+export { AgentLoading, type AgentLoadingProps, type AgentLoadingIndicator, TetrisMark, TetrisLabel, TetrisStill, FlappySprite, ShimmerLabel, type Glimmer } from './components/agent-loading.js';
+export { FileUpload, FileUploadItem, fileIconFor, formatBytes, type FileUploadProps, type FileUploadFile, type FileUploadRejection, type FileUploadStatus } from './components/file-upload.js';
+export { InputOTP, type InputOTPProps } from './components/input-otp.js';
+export { NumberInput, type NumberInputProps } from './components/number-input.js';
+export { ContextMenu, ContextMenuItem, ContextMenuSub, ContextMenuSeparator, type ContextMenuProps, type ContextMenuItemProps, type ContextMenuSubProps } from './components/context-menu.js';
+export { HoverCard, hoverCardClass, type HoverCardProps } from './components/hover-card.js';
+export { Citation, Sources, type CitationProps, type CitationSource, type SourcesProps } from './components/citations.js';
+export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange, type CalendarProps, type DatePickerProps, type DatePickerPanelProps, type DateRangePickerPanelProps, type DateRangePickerProps, type DateRange } from './components/date-picker.js';
+export { AgentSuggestion, AgentSuggestionQuote, AgentSuggestionMetric, AgentSuggestionDiff, AgentSuggestionChanges, type AgentSuggestionProps, type AgentSuggestionChange } from './components/agent-suggestion.js';
+export { CookieConsent, type CookieConsentProps } from './components/cookie-consent.js';
+export { AnnouncementBar, type AnnouncementBarProps } from './components/announcement-bar.js';

package/index.js

@@ -1,16 +1,18 @@
-'use client';export { StreamingText } from './chunk-RTJ76X5U.js';
+'use client';export { Toggle, toggleVariants } from './chunk-UC3ZJWOD.js';
+export { StreamingText } from './chunk-RTJ76X5U.js';
 export { Switch } from './chunk-SH6NG6VN.js';
 export { Table } from './chunk-X3PQANZO.js';
 export { Tabs, TabsContent } from './chunk-DETGJAIC.js';
 export { Textarea } from './chunk-QUF2IPOZ.js';
 export { Toast, Toaster, toast } from './chunk-2HKBZFIK.js';
-export { Toggle, toggleVariants } from './chunk-UC3ZJWOD.js';
+export { Radio, RadioGroup } from './chunk-LLHTVIM3.js';
 export { SearchBar } from './chunk-UGRSWP6U.js';
 export { SegmentedControl } from './chunk-WTMZT3IT.js';
 export { Sheet, SheetClose } from './chunk-TKO44NDI.js';
 export { Sidebar, SidebarGroup, SidebarItem, SidebarSubGroup, SidebarSubItem } from './chunk-BNTPPZCK.js';
 export { Skeleton } from './chunk-YG7JOOLJ.js';
 export { Slider } from './chunk-L6NCCSIP.js';
+export { AreaCard, LineCard } from './chunk-SHDFUXYV.js';
 export { Message } from './chunk-PVOLDO4G.js';
 export { Thinking } from './chunk-ESC5JCVQ.js';
 export { MessageActions } from './chunk-AN2RNJLR.js';
@@ -18,11 +20,11 @@ export { NumberInput } from './chunk-LW3TRU5W.js';
 export { Pagination, paginationRange } from './chunk-QS4N4MNP.js';
 export { Popover, PopoverClose, PopoverPanel } from './chunk-BNZVTLHV.js';
 export { PromptBar, defaultActions as promptBarDefaultActions } from './chunk-6YXUBP27.js';
-export { Radio, RadioGroup } from './chunk-LLHTVIM3.js';
+export { EmptyState, emptyStateVariants } from './chunk-WX6BP5ZP.js';
 export { FileUpload, FileUploadItem, fileIconFor, formatBytes } from './chunk-GICKPMJU.js';
 export { InputOTP } from './chunk-XL75JRUA.js';
 export { Input } from './chunk-YPNKBE5X.js';
-export { AreaCard, LineCard } from './chunk-SHDFUXYV.js';
+export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from './chunk-PF3YBUKT.js';
 export { CookieConsent } from './chunk-NN6PKJWS.js';
 export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange } from './chunk-XZNHT6MO.js';
 export { DecisionCard, DecisionItemPreview } from './chunk-TX3H3QMA.js';
@@ -30,7 +32,7 @@ import './chunk-J3NSDRVH.js';
 export { CloseIcon, Dialog, DialogAlert, DialogClose } from './chunk-JPNWHWAQ.js';
 export { DonutCard } from './chunk-CL2II6BX.js';
 export { Dot, dotVariants } from './chunk-B2K45IUR.js';
-export { EmptyState, emptyStateVariants } from './chunk-WX6BP5ZP.js';
+export { ChannelCard } from './chunk-LZMKSFCF.js';
 export { Checkbox } from './chunk-FDKIX4DC.js';
 export { Citation, Sources } from './chunk-6C7CGJX2.js';
 export { HoverCard, hoverCardClass } from './chunk-HRKPV66B.js';
@@ -38,27 +40,26 @@ export { CodeBlock } from './chunk-A5XEM3GF.js';
 export { Combobox } from './chunk-NSRTTYQ4.js';
 export { Chip, ChipAvatar, chipVariants } from './chunk-3ERGAHKA.js';
 export { CommandMenu } from './chunk-P4O6TGDR.js';
-export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from './chunk-PF3YBUKT.js';
-export { AVATAR_TOOLTIP_DELAY, Avatar, avatarVariants } from './chunk-TVLGZGYN.js';
+export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from './chunk-MYEZXZZC.js';
 export { Tooltip, TooltipBubble } from './chunk-B6V4VSGH.js';
 export { BarCard } from './chunk-DO3TBNSC.js';
-export { Breadcrumb } from './chunk-HL42K2NH.js';
-export { Card, cardVariants } from './chunk-XILQ7GXE.js';
-export { ChannelCard } from './chunk-LZMKSFCF.js';
 export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip } from './chunk-YPJYW624.js';
 export { Floating } from './chunk-Y5AYU7PK.js';
 export { FieldChrome, Select, SelectChevron, useFieldChrome } from './chunk-72OCFAPT.js';
 export { FormField, useFormField } from './chunk-UBNHSZSE.js';
+export { Breadcrumb } from './chunk-HL42K2NH.js';
 export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass } from './chunk-3DINAQLL.js';
 export { Kbd, KbdArrowDown, KbdArrowUp, KbdGroup, KbdHint, KbdReturn, keysOf } from './chunk-BKZBWPUH.js';
+export { Card, cardVariants } from './chunk-XILQ7GXE.js';
 export { Accordion, AccordionItem } from './chunk-GQA24FYG.js';
 export { AgentLoading, FlappySprite, ShimmerLabel, TetrisLabel, TetrisMark, TetrisStill } from './chunk-KNUWZNFV.js';
 export { AgentAvatar, AgentMenuItem, AgentPicker, AgentPickerRow } from './chunk-VAGIAREV.js';
 export { AgentSuggestion, AgentSuggestionChanges, AgentSuggestionDiff, AgentSuggestionMetric, AgentSuggestionQuote } from './chunk-MR3JDI7E.js';
 export { Progress } from './chunk-7TXHCRAG.js';
 export { Badge, badgeVariants } from './chunk-O7F3CIDV.js';
-export { AnnouncementBar } from './chunk-2YEWSJD7.js';
-export { Banner, bannerMesh, bannerVariants } from './chunk-TOMSU4S4.js';
+export { AnnouncementBar } from './chunk-D7RZNTFC.js';
+export { Banner, bannerVariants } from './chunk-6QMSWITQ.js';
+export { bannerMesh } from './chunk-YX5VNRJX.js';
 export { Attachment, AttachmentGroup, AttachmentPreview, AttachmentPreviewPager, AttachmentPreviewSheets, FileIcon } from './chunk-H4NU7NPO.js';
 export { Button, buttonVariants } from './chunk-HNQUX43Z.js';
 export { cn } from './chunk-H63FYCMY.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/create-theme.ts"],"names":["vars"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Satin theming: one small config in, CSS variables out. Type isn't part of it: Satin's type\n * scale is fixed (14px body, 13px for compact controls like badges, chips and small fields).\n *\n * Every Satin component reads tokens, never raw values, so a theme only has to repoint a few\n * of them and the whole system follows:\n *\n * - `brand` replaces the brand ramp (the `--color-blue-*` primitives and the dark-mode primary\n *   primitives). Each step keeps the lightness of the original ramp, takes the brand's hue and\n *   scales its chroma, so tints, borders and soft tones stay in the same places. The solid\n *   steps (hover, rest, pressed) sit at the brand's own lightness, lowered just enough that\n *   white text reads at 4.5:1 on rest and hover, in Light and Dark. Labels stay white for\n *   every brand, so buttons look the same family whatever the colour.\n * - `radius` scales every corner token, pill-shaped controls included; 1 is Satin's own, 0 is\n *   square. Circles (avatars, dots, switch and radio marks) stay round.\n *\n * `themeVars()` returns the variables per mode; `themeCss()` the same as a stylesheet to load\n * after `@uisatin/ui/styles.css`.\n */\n\nexport interface SatinTheme {\n  /** Brand colour as hex, e.g. \"#4633D7\". */\n  brand: string\n  /** Corner scale: 0, 0.5, 1 (default) or 1.5. */\n  radius: number\n}\n\nexport const defaultTheme: SatinTheme = { brand: '#4633D7', radius: 1 }\n\ntype Vars = Record<string, string>\n\n/* ---------- OKLCH ---------- */\n\ntype Lch = [number, number, number]\n\nconst toLinear = (c: number) => (c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4)\nconst toGamma = (c: number) => (c <= 0.0031308 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - 0.055)\n\nfunction hexToRgb(hex: string): [number, number, number] {\n  const h = hex.replace('#', '')\n  const full = h.length === 3 ? [...h].map((c) => c + c).join('') : h.slice(0, 6)\n  return [0, 2, 4].map((i) => parseInt(full.slice(i, i + 2), 16) / 255) as [number, number, number]\n}\n\nfunction rgbToOklch([r, g, b]: [number, number, number]): Lch {\n  const [lr, lg, lb] = [r, g, b].map(toLinear)\n  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb)\n  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb)\n  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb)\n  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s\n  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s\n  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s\n  return [L, Math.hypot(A, B), ((Math.atan2(B, A) * 180) / Math.PI + 360) % 360]\n}\n\nfunction oklchToRgb([L, C, H]: Lch): [number, number, number] {\n  const a = C * Math.cos((H * Math.PI) / 180)\n  const b = C * Math.sin((H * Math.PI) / 180)\n  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3\n  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3\n  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3\n  return [\n    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,\n    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,\n    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s,\n  ]\n}\n\nconst inGamut = (rgb: number[]) => rgb.every((c) => c >= -0.0005 && c <= 1.0005)\n\n/** OKLCH to hex, lowering chroma until the colour fits sRGB. */\nfunction oklchToHex([L, C, H]: Lch) {\n  let c = C\n  let rgb = oklchToRgb([L, c, H])\n  while (!inGamut(rgb) && c > 0) {\n    c = Math.max(0, c - 0.005)\n    rgb = oklchToRgb([L, c, H])\n  }\n  return '#' + rgb.map((v) => Math.round(Math.min(1, Math.max(0, toGamma(v))) * 255).toString(16).padStart(2, '0')).join('').toUpperCase()\n}\n\nconst luminance = (hex: string) => {\n  const [r, g, b] = hexToRgb(hex).map(toLinear)\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b\n}\nexport const contrast = (a: string, b: string) => {\n  const [x, y] = [luminance(a), luminance(b)].sort((p, q) => q - p)\n  return (x + 0.05) / (y + 0.05)\n}\n\n/* ---------- Brand ---------- */\n\n// Satin's own brand ramp. Each generated step keeps its lightness and chroma ratio.\nconst RAMP: Record<string, string> = {\n  'blue-50': '#F2F4FF',\n  'blue-200': '#CFD6FF',\n  'blue-300': '#B1BBFE',\n  'blue-500': '#5146E9',\n  'blue-600': '#4633D7',\n  'blue-700': '#3923B9',\n  'blue-900': '#1D1168',\n  'blue-950': '#110A47',\n  'blue-soft-50': '#F3F5FF',\n  'blue-soft-200': '#D9DEFB',\n  'blue-soft-300': '#BEC7FC',\n  'blue-soft-700': '#5158A0',\n  'blue-soft-900': '#30344F',\n  'blue-soft-950': '#1F2132',\n  'primary-dark': '#493DD6',\n  'primary-hover-dark': '#554FE7',\n  'primary-pressed-dark': '#3E2AC5',\n  'primary-border-light': '#9085E7',\n  'primary-border-dark': '#928BE6',\n}\n// The steps a button is painted with: they move with the brand's lightness.\nconst SOLID = new Set(['blue-500', 'blue-600', 'blue-700', 'primary-dark', 'primary-hover-dark', 'primary-pressed-dark'])\n\n// Darkest the solid fill may need to go: white on it, and on its hover, reads at 4.5:1\n// (aimed at 4.7, since fitting each step into sRGB trims its chroma a little).\nfunction solidLightness(c: number, h: number, base: number, hoverStep: number) {\n  const passes = (L: number) =>\n    contrast(oklchToHex([L, c, h]), '#FFFFFF') >= 4.7 && contrast(oklchToHex([L + hoverStep, c, h]), '#FFFFFF') >= 4.7\n  if (passes(base)) return base\n  let lo = 0.2\n  let hi = base\n  for (let i = 0; i < 20; i++) {\n    const mid = (lo + hi) / 2\n    if (passes(mid)) lo = mid\n    else hi = mid\n  }\n  return lo\n}\n\nfunction brandVars(brand: string): Vars {\n  const [bl, bc, bh] = rgbToOklch(hexToRgb(brand))\n  const lch = (step: string) => rgbToOklch(hexToRgb(RAMP[step]))\n  const [rl, rc, rh] = lch('blue-600')\n  const chroma = bc / rc\n  // Where the light and the dark solid fills sit: the brand's lightness, darker if white needs it.\n  const light = solidLightness(bc, bh, bl, lch('blue-500')[0] - rl)\n  const darkRest = lch('primary-dark')[0]\n  const dark = solidLightness(bc, bh, light + (darkRest - rl), lch('primary-hover-dark')[0] - darkRest)\n  const root: Vars = {}\n  for (const [step, hex] of Object.entries(RAMP)) {\n    const [l, c, h] = rgbToOklch(hexToRgb(hex))\n    const isDark = step.endsWith('-dark') && step !== 'primary-border-dark'\n    const L = SOLID.has(step) ? (isDark ? dark + (l - darkRest) : light + (l - rl)) : l\n    root[`--color-${step}`] =\n      step === 'blue-600' && light === bl ? brand.toUpperCase() : oklchToHex([Math.min(0.97, Math.max(0.15, L)), c * chroma, bh + (h - rh)])\n  }\n  root['--color-blue-600-a20'] = `${root['--color-blue-600']}33`\n  root['--color-blue-500-a20'] = `${root['--color-blue-500']}33`\n  root['--color-primary-focus-dark'] = `${root['--color-primary-dark']}33`\n  return root\n}\n\n/* ---------- Radius ---------- */\n\nconst RADII: Record<string, number> = { xs: 4, sm: 6, md: 8, xl: 12, '2xl': 16, '3xl': 20 }\n\nfunction radiusVars(scale: number): Vars {\n  const v: Vars = {}\n  for (const [k, px] of Object.entries(RADII)) v[`--radius-${k}`] = `${Math.round(px * scale * 2) / 2}px`\n  v['--radius'] = `${Math.round(10 * scale * 2) / 2}px`\n  // Pills follow the corners too: square at 0, a soft 8px at 0.5, a full pill from 1.\n  v['--radius-pill'] = scale >= 1 ? '9999px' : `${Math.round(16 * scale)}px`\n  return v\n}\n\n/* ---------- Output ---------- */\n\nexport function themeVars(theme: SatinTheme): { root: Vars; dark: Vars } {\n  return { root: { ...brandVars(theme.brand), ...radiusVars(theme.radius) }, dark: {} }\n}\n\n// Semantic tokens that read the brand ramp or the radius. CSS resolves var() where a property is\n// declared, so a theme limited to part of a page has to declare these again inside it.\nconst SCOPED_LIGHT: Vars = {\n  '--border-focus': 'var(--color-blue-600)',\n  '--action-primary-bg': 'var(--color-blue-600)',\n  '--action-primary-bg-hover': 'var(--color-blue-500)',\n  '--action-primary-bg-pressed': 'var(--color-blue-700)',\n  '--action-primary-border': 'var(--color-primary-border-light)',\n  '--action-focus-ring': 'var(--color-blue-600-a20)',\n  '--status-brand-bg': 'var(--color-blue-soft-50)',\n  '--status-brand-border': 'var(--color-blue-soft-200)',\n  '--status-brand-fg': 'var(--color-blue-soft-700)',\n  '--radius-lg': 'var(--radius)',\n}\nconst SCOPED_DARK: Vars = {\n  '--border-focus': 'var(--color-primary-hover-dark)',\n  '--action-primary-bg': 'var(--color-primary-dark)',\n  '--action-primary-bg-hover': 'var(--color-primary-hover-dark)',\n  '--action-primary-bg-pressed': 'var(--color-primary-pressed-dark)',\n  '--action-primary-border': 'var(--color-primary-border-dark)',\n  '--action-focus-ring': 'var(--color-primary-focus-dark)',\n  '--status-brand-bg': 'var(--color-blue-soft-950)',\n  '--status-brand-border': 'var(--color-blue-soft-900)',\n  '--status-brand-fg': 'var(--color-blue-soft-300)',\n}\n\n/**\n * The theme as a stylesheet. Load it after `@uisatin/ui/styles.css`. By default it themes the\n * whole page; pass a `scope` selector to theme only what's inside it (the docs do this for\n * their previews, so the site around them keeps Satin's own look).\n */\nexport function themeCss(theme: SatinTheme, scope?: string) {\n  const vars = themeVars(theme)\n  const root = scope ? { ...vars.root, ...SCOPED_LIGHT } : vars.root\n  const dark = scope ? { ...vars.dark, ...SCOPED_DARK } : vars.dark\n  const block = (sel: string, vars: Vars) =>\n    `${sel} {\\n${Object.entries(vars)\n      .map(([k, v]) => `  ${k}: ${v};`)\n      .join('\\n')}\\n}`\n  return [\n    `/* Satin theme: brand ${theme.brand.toUpperCase()}, radius ${theme.radius}. */`,\n    // :root:root outranks Satin's own :root, so the theme wins wherever the file is loaded.\n    block(scope ?? ':root:root', root),\n    ...(Object.keys(dark).length ? [block(scope ? `.dark ${scope}` : ':root.dark', dark)] : []),\n    '',\n  ].join('\\n\\n')\n}\n\n/* ---------- Random ---------- */\n\n/**\n * A random theme that still reads: a brand with enough chroma and a corner scale.\n * Pass the current theme to make sure the brand and the corners visibly change.\n */\nexport function randomTheme(current?: SatinTheme): SatinTheme {\n  const [, , currentHue] = current ? rgbToOklch(hexToRgb(current.brand)) : [0, 0, -360]\n  // At least 60° away from the current hue, so the new brand never looks like the old one.\n  const hue = (currentHue + 60 + Math.random() * 240) % 360\n  const l = 0.5 + Math.random() * 0.25\n  const brand = oklchToHex([l, 0.12 + Math.random() * 0.08, hue])\n  const radii = [0, 0.5, 1, 1.5].filter((r) => r !== current?.radius)\n  const radius = radii[Math.floor(Math.random() * radii.length)]\n  return { brand, radius }\n}\n"]}
+{"version":3,"sources":["../src/theme/create-theme.ts"],"names":["vars"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Satin theming: one small config in, CSS variables out. Type isn't part of it: Satin's type\n * scale is fixed (14px body, 13px for compact controls like badges, chips and small fields).\n *\n * Every Satin component reads tokens, never raw values, so a theme only has to repoint a few\n * of them and the whole system follows:\n *\n * - `brand` replaces the brand ramp (the `--color-blue-*` primitives and the dark-mode primary\n *   primitives). Each step keeps the lightness of the original ramp, takes the brand's hue and\n *   scales its chroma, so tints, borders and soft tones stay in the same places. The solid\n *   steps (hover, rest, pressed) sit at the brand's own lightness, lowered just enough that\n *   white text reads at 4.5:1 on rest and hover, in Light and Dark. Labels stay white for\n *   every brand, so buttons look the same family whatever the colour.\n * - `radius` scales every corner token, pill-shaped controls included; 1 is Satin's own, 0 is\n *   square. Circles (avatars, dots, switch and radio marks) stay round.\n *\n * `themeVars()` returns the variables per mode; `themeCss()` the same as a stylesheet to load\n * after `@uisatin/ui/styles.css`.\n */\n\nexport interface SatinTheme {\n  /** Brand colour as hex, e.g. \"#4633D7\". */\n  brand: string\n  /** Corner scale: 0, 0.5, 1 (default) or 1.5. */\n  radius: number\n}\n\nexport const defaultTheme: SatinTheme = { brand: '#4633D7', radius: 1 }\n\ntype Vars = Record<string, string>\n\n/* ---------- OKLCH ---------- */\n\ntype Lch = [number, number, number]\n\nconst toLinear = (c: number) => (c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4)\nconst toGamma = (c: number) => (c <= 0.0031308 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - 0.055)\n\nfunction hexToRgb(hex: string): [number, number, number] {\n  const h = hex.replace('#', '')\n  const full = h.length === 3 ? [...h].map((c) => c + c).join('') : h.slice(0, 6)\n  return [0, 2, 4].map((i) => parseInt(full.slice(i, i + 2), 16) / 255) as [number, number, number]\n}\n\nfunction rgbToOklch([r, g, b]: [number, number, number]): Lch {\n  const [lr, lg, lb] = [r, g, b].map(toLinear)\n  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb)\n  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb)\n  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb)\n  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s\n  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s\n  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s\n  return [L, Math.hypot(A, B), ((Math.atan2(B, A) * 180) / Math.PI + 360) % 360]\n}\n\nfunction oklchToRgb([L, C, H]: Lch): [number, number, number] {\n  const a = C * Math.cos((H * Math.PI) / 180)\n  const b = C * Math.sin((H * Math.PI) / 180)\n  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3\n  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3\n  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3\n  return [\n    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,\n    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,\n    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s,\n  ]\n}\n\nconst inGamut = (rgb: number[]) => rgb.every((c) => c >= -0.0005 && c <= 1.0005)\n\n/** OKLCH to hex, lowering chroma until the colour fits sRGB. */\nfunction oklchToHex([L, C, H]: Lch) {\n  let c = C\n  let rgb = oklchToRgb([L, c, H])\n  while (!inGamut(rgb) && c > 0) {\n    c = Math.max(0, c - 0.005)\n    rgb = oklchToRgb([L, c, H])\n  }\n  return '#' + rgb.map((v) => Math.round(Math.min(1, Math.max(0, toGamma(v))) * 255).toString(16).padStart(2, '0')).join('').toUpperCase()\n}\n\nconst luminance = (hex: string) => {\n  const [r, g, b] = hexToRgb(hex).map(toLinear)\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b\n}\nexport const contrast = (a: string, b: string) => {\n  const [x, y] = [luminance(a), luminance(b)].sort((p, q) => q - p)\n  return (x + 0.05) / (y + 0.05)\n}\n\n/* ---------- Brand ---------- */\n\n// Satin's own brand ramp. Each generated step keeps its lightness and chroma ratio.\nconst RAMP: Record<string, string> = {\n  'blue-50': '#F2F4FF',\n  'blue-200': '#CFD6FF',\n  'blue-300': '#B1BBFE',\n  'blue-500': '#5146E9',\n  'blue-600': '#4633D7',\n  'blue-700': '#3923B9',\n  'blue-900': '#1D1168',\n  'blue-950': '#110A47',\n  'blue-soft-50': '#F3F5FF',\n  'blue-soft-200': '#D9DEFB',\n  'blue-soft-300': '#BEC7FC',\n  'blue-soft-700': '#5158A0',\n  'blue-soft-900': '#30344F',\n  'blue-soft-950': '#1F2132',\n  'primary-dark': '#493DD6',\n  'primary-hover-dark': '#554FE7',\n  'primary-pressed-dark': '#3E2AC5',\n  'primary-border-light': '#9085E7',\n  'primary-border-dark': '#928BE6',\n}\n// The steps a button is painted with: they move with the brand's lightness.\nconst SOLID = new Set(['blue-500', 'blue-600', 'blue-700', 'primary-dark', 'primary-hover-dark', 'primary-pressed-dark'])\n\n// Darkest the solid fill may need to go: white on it, and on its hover, reads at 4.5:1\n// (aimed at 4.7, since fitting each step into sRGB trims its chroma a little).\nfunction solidLightness(c: number, h: number, base: number, hoverStep: number) {\n  const passes = (L: number) =>\n    contrast(oklchToHex([L, c, h]), '#FFFFFF') >= 4.7 && contrast(oklchToHex([L + hoverStep, c, h]), '#FFFFFF') >= 4.7\n  if (passes(base)) return base\n  let lo = 0.2\n  let hi = base\n  for (let i = 0; i < 20; i++) {\n    const mid = (lo + hi) / 2\n    if (passes(mid)) lo = mid\n    else hi = mid\n  }\n  return lo\n}\n\nfunction brandVars(brand: string): Vars {\n  const [bl, bc, bh] = rgbToOklch(hexToRgb(brand))\n  const lch = (step: string) => rgbToOklch(hexToRgb(RAMP[step]))\n  const [rl, rc, rh] = lch('blue-600')\n  const chroma = bc / rc\n  // Where the light and the dark solid fills sit: the brand's lightness, darker if white needs it.\n  const light = solidLightness(bc, bh, bl, lch('blue-500')[0] - rl)\n  const darkRest = lch('primary-dark')[0]\n  const dark = solidLightness(bc, bh, light + (darkRest - rl), lch('primary-hover-dark')[0] - darkRest)\n  const root: Vars = {}\n  for (const [step, hex] of Object.entries(RAMP)) {\n    const [l, c, h] = rgbToOklch(hexToRgb(hex))\n    const isDark = step.endsWith('-dark') && step !== 'primary-border-dark'\n    const L = SOLID.has(step) ? (isDark ? dark + (l - darkRest) : light + (l - rl)) : l\n    root[`--color-${step}`] =\n      step === 'blue-600' && light === bl ? brand.toUpperCase() : oklchToHex([Math.min(0.97, Math.max(0.15, L)), c * chroma, bh + (h - rh)])\n  }\n  root['--color-blue-600-a20'] = `${root['--color-blue-600']}33`\n  root['--color-blue-500-a20'] = `${root['--color-blue-500']}33`\n  root['--color-primary-focus-dark'] = `${root['--color-primary-dark']}33`\n  return root\n}\n\n/* ---------- Radius ---------- */\n\nconst RADII: Record<string, number> = { xs: 4, sm: 6, md: 8, xl: 12, '2xl': 16, '3xl': 20 }\n\nfunction radiusVars(scale: number): Vars {\n  const v: Vars = {}\n  for (const [k, px] of Object.entries(RADII)) v[`--radius-${k}`] = `${Math.round(px * scale * 2) / 2}px`\n  v['--radius'] = `${Math.round(10 * scale * 2) / 2}px`\n  // Pills follow the corners too: square at 0, a soft 8px at 0.5, a full pill from 1.\n  v['--radius-pill'] = scale >= 1 ? '9999px' : `${Math.round(16 * scale)}px`\n  return v\n}\n\n/* ---------- Output ---------- */\n\nexport function themeVars(theme: SatinTheme): { root: Vars; dark: Vars } {\n  return { root: { ...brandVars(theme.brand), ...radiusVars(theme.radius) }, dark: {} }\n}\n\n// Semantic tokens that read the brand ramp or the radius. CSS resolves var() where a property is\n// declared, so a theme limited to part of a page has to declare these again inside it.\nconst SCOPED_LIGHT: Vars = {\n  '--border-focus': 'var(--color-blue-600)',\n  '--action-primary-bg': 'var(--color-blue-600)',\n  '--action-primary-bg-hover': 'var(--color-blue-500)',\n  '--action-primary-bg-pressed': 'var(--color-blue-700)',\n  '--action-primary-border': 'var(--color-primary-border-light)',\n  '--action-focus-ring': 'var(--color-blue-600-a20)',\n  '--status-brand-bg': 'var(--color-blue-soft-50)',\n  '--status-brand-border': 'var(--color-blue-soft-200)',\n  '--status-brand-fg': 'var(--color-blue-soft-700)',\n  '--radius-lg': 'var(--radius)',\n}\nconst SCOPED_DARK: Vars = {\n  '--border-focus': 'var(--color-primary-hover-dark)',\n  '--action-primary-bg': 'var(--color-primary-dark)',\n  '--action-primary-bg-hover': 'var(--color-primary-hover-dark)',\n  '--action-primary-bg-pressed': 'var(--color-primary-pressed-dark)',\n  '--action-primary-border': 'var(--color-primary-border-dark)',\n  '--action-focus-ring': 'var(--color-primary-focus-dark)',\n  '--status-brand-bg': 'var(--color-blue-soft-950)',\n  '--status-brand-border': 'var(--color-blue-soft-900)',\n  '--status-brand-fg': 'var(--color-blue-soft-300)',\n}\n\n/**\n * The theme as a stylesheet. Load it after `@uisatin/ui/styles.css`. By default it themes the\n * whole page; pass a `scope` selector to theme only what's inside it (the docs do this for\n * their previews, so the site around them keeps Satin's own look).\n */\nexport function themeCss(theme: SatinTheme, scope?: string) {\n  const vars = themeVars(theme)\n  const root = scope ? { ...vars.root, ...SCOPED_LIGHT } : vars.root\n  const dark = scope ? { ...vars.dark, ...SCOPED_DARK } : vars.dark\n  const block = (sel: string, vars: Vars) =>\n    `${sel} {\\n${Object.entries(vars)\n      .map(([k, v]) => `  ${k}: ${v};`)\n      .join('\\n')}\\n}`\n  return [\n    `/* Satin theme: brand ${theme.brand.toUpperCase()}, radius ${theme.radius}. */`,\n    // :root:root outranks Satin's own :root, so the theme wins wherever the file is loaded.\n    block(scope ?? ':root:root', root),\n    ...(Object.keys(dark).length ? [block(scope ? `.dark ${scope}` : ':root.dark', dark)] : []),\n    '',\n  ].join('\\n\\n')\n}\n\n/* ---------- Random ---------- */\n\n/**\n * A random theme that still reads: a brand with enough chroma and a corner scale.\n * Pass the current theme to make sure the brand and the corners visibly change.\n */\nexport function randomTheme(current?: SatinTheme): SatinTheme {\n  const [, , currentHue] = current ? rgbToOklch(hexToRgb(current.brand)) : [0, 0, -360]\n  // At least 60° away from the current hue, so the new brand never looks like the old one.\n  const hue = (currentHue + 60 + Math.random() * 240) % 360\n  const l = 0.5 + Math.random() * 0.25\n  const brand = oklchToHex([l, 0.12 + Math.random() * 0.08, hue])\n  const radii = [0, 0.5, 1, 1.5].filter((r) => r !== current?.radius)\n  const radius = radii[Math.floor(Math.random() * radii.length)]\n  return { brand, radius }\n}\n"]}

package/package.json

@@ -1,11 +1,19 @@
 {
   "name": "@uisatin/ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Satin Free: the open-source React components of the Satin design system. shadcn-based, built on Radix, themed with Satin tokens.",
   "type": "module",
   "license": "MIT",
   "author": "Maciej Kownacki",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/maciej-kownacki/ui-satin.git",
+    "directory": "packages/ui"
+  },
   "homepage": "https://uisatin.dev",
+  "bugs": {
+    "url": "https://github.com/maciej-kownacki/ui-satin/issues"
+  },
   "keywords": [
     "satin",
     "design-system",
@@ -38,6 +46,9 @@
       "default": "./components/*.js"
     }
   },
+  "engines": {
+    "node": ">=20.19"
+  },
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19"