@uisatin/ui 0.1.0 → 0.1.1

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 { 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,IAAM,YAAA,GAA2B,EAAE,KAAA,EAAO,SAAA,EAAW,QAAQ,CAAA;AAQpE,IAAM,QAAA,GAAW,CAAC,CAAA,KAAe,CAAA,IAAK,UAAU,CAAA,GAAI,KAAA,GAAA,CAAA,CAAU,CAAA,GAAI,KAAA,IAAS,KAAA,KAAU,GAAA;AACrF,IAAM,OAAA,GAAU,CAAC,CAAA,KAAe,CAAA,IAAK,QAAA,GAAY,QAAQ,CAAA,GAAI,KAAA,GAAQ,CAAA,KAAM,CAAA,GAAI,GAAA,CAAA,GAAO,KAAA;AAEtF,SAAS,SAAS,GAAA,EAAuC;AACvD,EAAA,MAAM,CAAA,GAAI,GAAA,CAAI,OAAA,CAAQ,GAAA,EAAK,EAAE,CAAA;AAC7B,EAAA,MAAM,IAAA,GAAO,EAAE,MAAA,KAAW,CAAA,GAAI,CAAC,GAAG,CAAC,EAAE,GAAA,CAAI,CAAC,MAAM,CAAA,GAAI,CAAC,EAAE,IAAA,CAAK,EAAE,IAAI,CAAA,CAAE,KAAA,CAAM,GAAG,CAAC,CAAA;AAC9E,EAAA,OAAO,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA,CAAE,IAAI,CAAC,CAAA,KAAM,QAAA,CAAS,IAAA,CAAK,MAAM,CAAA,EAAG,CAAA,GAAI,CAAC,CAAA,EAAG,EAAE,IAAI,GAAG,CAAA;AACtE;AAEA,SAAS,UAAA,CAAW,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA,EAAkC;AAC5D,EAAA,MAAM,CAAC,EAAA,EAAI,EAAA,EAAI,EAAE,CAAA,GAAI,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA,CAAE,GAAA,CAAI,QAAQ,CAAA;AAC3C,EAAA,MAAM,CAAA,GAAI,KAAK,IAAA,CAAK,YAAA,GAAe,KAAK,YAAA,GAAe,EAAA,GAAK,eAAe,EAAE,CAAA;AAC7E,EAAA,MAAM,CAAA,GAAI,KAAK,IAAA,CAAK,YAAA,GAAe,KAAK,YAAA,GAAe,EAAA,GAAK,eAAe,EAAE,CAAA;AAC7E,EAAA,MAAM,CAAA,GAAI,KAAK,IAAA,CAAK,YAAA,GAAe,KAAK,YAAA,GAAe,EAAA,GAAK,eAAe,EAAE,CAAA;AAC7E,EAAA,MAAM,CAAA,GAAI,YAAA,GAAe,CAAA,GAAI,WAAA,GAAc,IAAI,YAAA,GAAe,CAAA;AAC9D,EAAA,MAAM,CAAA,GAAI,YAAA,GAAe,CAAA,GAAI,WAAA,GAAc,IAAI,YAAA,GAAe,CAAA;AAC9D,EAAA,MAAM,CAAA,GAAI,YAAA,GAAe,CAAA,GAAI,YAAA,GAAe,IAAI,WAAA,GAAc,CAAA;AAC9D,EAAA,OAAO,CAAC,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,EAAA,CAAK,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GAAI,GAAA,GAAO,IAAA,CAAK,EAAA,GAAK,OAAO,GAAG,CAAA;AAC/E;AAEA,SAAS,UAAA,CAAW,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA,EAAkC;AAC5D,EAAA,MAAM,IAAI,CAAA,GAAI,IAAA,CAAK,IAAK,CAAA,GAAI,IAAA,CAAK,KAAM,GAAG,CAAA;AAC1C,EAAA,MAAM,IAAI,CAAA,GAAI,IAAA,CAAK,IAAK,CAAA,GAAI,IAAA,CAAK,KAAM,GAAG,CAAA;AAC1C,EAAA,MAAM,CAAA,GAAA,CAAK,CAAA,GAAI,YAAA,GAAe,CAAA,GAAI,eAAe,CAAA,KAAM,CAAA;AACvD,EAAA,MAAM,CAAA,GAAA,CAAK,CAAA,GAAI,YAAA,GAAe,CAAA,GAAI,eAAe,CAAA,KAAM,CAAA;AACvD,EAAA,MAAM,CAAA,GAAA,CAAK,CAAA,GAAI,YAAA,GAAe,CAAA,GAAI,cAAc,CAAA,KAAM,CAAA;AACtD,EAAA,OAAO;AAAA,IACL,YAAA,GAAe,CAAA,GAAI,YAAA,GAAe,CAAA,GAAI,YAAA,GAAe,CAAA;AAAA,IACrD,aAAA,GAAgB,CAAA,GAAI,YAAA,GAAe,CAAA,GAAI,YAAA,GAAe,CAAA;AAAA,IACtD,aAAA,GAAgB,CAAA,GAAI,YAAA,GAAe,CAAA,GAAI,WAAA,GAAc;AAAA,GACvD;AACF;AAEA,IAAM,OAAA,GAAU,CAAC,GAAA,KAAkB,GAAA,CAAI,KAAA,CAAM,CAAC,CAAA,KAAM,CAAA,IAAK,KAAA,IAAW,CAAA,IAAK,MAAM,CAAA;AAG/E,SAAS,UAAA,CAAW,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA,EAAQ;AAClC,EAAA,IAAI,CAAA,GAAI,CAAA;AACR,EAAA,IAAI,MAAM,UAAA,CAAW,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAC,CAAA;AAC9B,EAAA,OAAO,CAAC,OAAA,CAAQ,GAAG,CAAA,IAAK,IAAI,CAAA,EAAG;AAC7B,IAAA,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,CAAA,GAAI,IAAK,CAAA;AACzB,IAAA,GAAA,GAAM,UAAA,CAAW,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,EAC5B;AACA,EAAA,OAAO,GAAA,GAAM,GAAA,CAAI,GAAA,CAAI,CAAC,CAAA,KAAM,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,GAAG,OAAA,CAAQ,CAAC,CAAC,CAAC,CAAA,GAAI,GAAG,CAAA,CAAE,QAAA,CAAS,EAAE,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAE,IAAA,CAAK,EAAE,EAAE,WAAA,EAAY;AACzI;AAEA,IAAM,SAAA,GAAY,CAAC,GAAA,KAAgB;AACjC,EAAA,MAAM,CAAC,GAAG,CAAA,EAAG,CAAC,IAAI,QAAA,CAAS,GAAG,CAAA,CAAE,GAAA,CAAI,QAAQ,CAAA;AAC5C,EAAA,OAAO,MAAA,GAAS,CAAA,GAAI,MAAA,GAAS,CAAA,GAAI,MAAA,GAAS,CAAA;AAC5C,CAAA;AACO,IAAM,QAAA,GAAW,CAAC,CAAA,EAAW,CAAA,KAAc;AAChD,EAAA,MAAM,CAAC,CAAA,EAAG,CAAC,CAAA,GAAI,CAAC,UAAU,CAAC,CAAA,EAAG,SAAA,CAAU,CAAC,CAAC,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,IAAI,CAAC,CAAA;AAChE,EAAA,OAAA,CAAQ,CAAA,GAAI,SAAS,CAAA,GAAI,IAAA,CAAA;AAC3B;AAKA,IAAM,IAAA,GAA+B;AAAA,EACnC,SAAA,EAAW,SAAA;AAAA,EACX,UAAA,EAAY,SAAA;AAAA,EACZ,UAAA,EAAY,SAAA;AAAA,EACZ,UAAA,EAAY,SAAA;AAAA,EACZ,UAAA,EAAY,SAAA;AAAA,EACZ,UAAA,EAAY,SAAA;AAAA,EACZ,UAAA,EAAY,SAAA;AAAA,EACZ,UAAA,EAAY,SAAA;AAAA,EACZ,cAAA,EAAgB,SAAA;AAAA,EAChB,eAAA,EAAiB,SAAA;AAAA,EACjB,eAAA,EAAiB,SAAA;AAAA,EACjB,eAAA,EAAiB,SAAA;AAAA,EACjB,eAAA,EAAiB,SAAA;AAAA,EACjB,eAAA,EAAiB,SAAA;AAAA,EACjB,cAAA,EAAgB,SAAA;AAAA,EAChB,oBAAA,EAAsB,SAAA;AAAA,EACtB,sBAAA,EAAwB,SAAA;AAAA,EACxB,sBAAA,EAAwB,SAAA;AAAA,EACxB,qBAAA,EAAuB;AACzB,CAAA;AAEA,IAAM,KAAA,mBAAQ,IAAI,GAAA,CAAI,CAAC,UAAA,EAAY,YAAY,UAAA,EAAY,cAAA,EAAgB,oBAAA,EAAsB,sBAAsB,CAAC,CAAA;AAIxH,SAAS,cAAA,CAAe,CAAA,EAAW,CAAA,EAAW,IAAA,EAAc,SAAA,EAAmB;AAC7E,EAAA,MAAM,MAAA,GAAS,CAAC,CAAA,KACd,QAAA,CAAS,UAAA,CAAW,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAC,CAAA,EAAG,SAAS,KAAK,GAAA,IAAO,QAAA,CAAS,UAAA,CAAW,CAAC,CAAA,GAAI,SAAA,EAAW,GAAG,CAAC,CAAC,CAAA,EAAG,SAAS,CAAA,IAAK,GAAA;AACjH,EAAA,IAAI,MAAA,CAAO,IAAI,CAAA,EAAG,OAAO,IAAA;AACzB,EAAA,IAAI,EAAA,GAAK,GAAA;AACT,EAAA,IAAI,EAAA,GAAK,IAAA;AACT,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,EAAA,EAAI,CAAA,EAAA,EAAK;AAC3B,IAAA,MAAM,GAAA,GAAA,CAAO,KAAK,EAAA,IAAM,CAAA;AACxB,IAAA,IAAI,MAAA,CAAO,GAAG,CAAA,EAAG,EAAA,GAAK,GAAA;AAAA,SACjB,EAAA,GAAK,GAAA;AAAA,EACZ;AACA,EAAA,OAAO,EAAA;AACT;AAEA,SAAS,UAAU,KAAA,EAAqB;AACtC,EAAA,MAAM,CAAC,IAAI,EAAA,EAAI,EAAE,IAAI,UAAA,CAAW,QAAA,CAAS,KAAK,CAAC,CAAA;AAC/C,EAAA,MAAM,GAAA,GAAM,CAAC,IAAA,KAAiB,UAAA,CAAW,SAAS,IAAA,CAAK,IAAI,CAAC,CAAC,CAAA;AAC7D,EAAA,MAAM,CAAC,EAAA,EAAI,EAAA,EAAI,EAAE,CAAA,GAAI,IAAI,UAAU,CAAA;AACnC,EAAA,MAAM,SAAS,EAAA,GAAK,EAAA;AAEpB,EAAA,MAAM,KAAA,GAAQ,cAAA,CAAe,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,IAAI,UAAU,CAAA,CAAE,CAAC,CAAA,GAAI,EAAE,CAAA;AAChE,EAAA,MAAM,QAAA,GAAW,GAAA,CAAI,cAAc,CAAA,CAAE,CAAC,CAAA;AACtC,EAAA,MAAM,IAAA,GAAO,cAAA,CAAe,EAAA,EAAI,EAAA,EAAI,KAAA,IAAS,QAAA,GAAW,EAAA,CAAA,EAAK,GAAA,CAAI,oBAAoB,CAAA,CAAE,CAAC,CAAA,GAAI,QAAQ,CAAA;AACpG,EAAA,MAAM,OAAa,EAAC;AACpB,EAAA,KAAA,MAAW,CAAC,IAAA,EAAM,GAAG,KAAK,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAA,EAAG;AAC9C,IAAA,MAAM,CAAC,GAAG,CAAA,EAAG,CAAC,IAAI,UAAA,CAAW,QAAA,CAAS,GAAG,CAAC,CAAA;AAC1C,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,QAAA,CAAS,OAAO,KAAK,IAAA,KAAS,qBAAA;AAClD,IAAA,MAAM,CAAA,GAAI,KAAA,CAAM,GAAA,CAAI,IAAI,CAAA,GAAK,MAAA,GAAS,IAAA,IAAQ,CAAA,GAAI,QAAA,CAAA,GAAY,KAAA,IAAS,CAAA,GAAI,EAAA,CAAA,GAAO,CAAA;AAClF,IAAA,IAAA,CAAK,CAAA,QAAA,EAAW,IAAI,CAAA,CAAE,CAAA,GACpB,IAAA,KAAS,UAAA,IAAc,KAAA,KAAU,EAAA,GAAK,KAAA,CAAM,WAAA,EAAY,GAAI,UAAA,CAAW,CAAC,IAAA,CAAK,GAAA,CAAI,IAAA,EAAM,IAAA,CAAK,GAAA,CAAI,IAAA,EAAM,CAAC,CAAC,CAAA,EAAG,CAAA,GAAI,MAAA,EAAQ,EAAA,IAAM,CAAA,GAAI,EAAA,CAAG,CAAC,CAAA;AAAA,EACzI;AACA,EAAA,IAAA,CAAK,sBAAsB,CAAA,GAAI,CAAA,EAAG,IAAA,CAAK,kBAAkB,CAAC,CAAA,EAAA,CAAA;AAC1D,EAAA,IAAA,CAAK,sBAAsB,CAAA,GAAI,CAAA,EAAG,IAAA,CAAK,kBAAkB,CAAC,CAAA,EAAA,CAAA;AAC1D,EAAA,IAAA,CAAK,4BAA4B,CAAA,GAAI,CAAA,EAAG,IAAA,CAAK,sBAAsB,CAAC,CAAA,EAAA,CAAA;AACpE,EAAA,OAAO,IAAA;AACT;AAIA,IAAM,KAAA,GAAgC,EAAE,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,OAAO,EAAA,EAAG;AAE1F,SAAS,WAAW,KAAA,EAAqB;AACvC,EAAA,MAAM,IAAU,EAAC;AACjB,EAAA,KAAA,MAAW,CAAC,GAAG,EAAE,CAAA,IAAK,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA,CAAE,CAAA,SAAA,EAAY,CAAC,CAAA,CAAE,CAAA,GAAI,GAAG,IAAA,CAAK,KAAA,CAAM,KAAK,KAAA,GAAQ,CAAC,IAAI,CAAC,CAAA,EAAA,CAAA;AACnG,EAAA,CAAA,CAAE,UAAU,IAAI,CAAA,EAAG,IAAA,CAAK,MAAM,EAAA,GAAK,KAAA,GAAQ,CAAC,CAAA,GAAI,CAAC,CAAA,EAAA,CAAA;AAEjD,EAAA,CAAA,CAAE,eAAe,CAAA,GAAI,KAAA,IAAS,CAAA,GAAI,QAAA,GAAW,GAAG,IAAA,CAAK,KAAA,CAAM,EAAA,GAAK,KAAK,CAAC,CAAA,EAAA,CAAA;AACtE,EAAA,OAAO,CAAA;AACT;AAIO,SAAS,UAAU,KAAA,EAA+C;AACvE,EAAA,OAAO,EAAE,IAAA,EAAM,EAAE,GAAG,SAAA,CAAU,MAAM,KAAK,CAAA,EAAG,GAAG,UAAA,CAAW,MAAM,MAAM,CAAA,EAAE,EAAG,IAAA,EAAM,EAAC,EAAE;AACtF;AAIA,IAAM,YAAA,GAAqB;AAAA,EACzB,gBAAA,EAAkB,uBAAA;AAAA,EAClB,qBAAA,EAAuB,uBAAA;AAAA,EACvB,2BAAA,EAA6B,uBAAA;AAAA,EAC7B,6BAAA,EAA+B,uBAAA;AAAA,EAC/B,yBAAA,EAA2B,mCAAA;AAAA,EAC3B,qBAAA,EAAuB,2BAAA;AAAA,EACvB,mBAAA,EAAqB,2BAAA;AAAA,EACrB,uBAAA,EAAyB,4BAAA;AAAA,EACzB,mBAAA,EAAqB,4BAAA;AAAA,EACrB,aAAA,EAAe;AACjB,CAAA;AACA,IAAM,WAAA,GAAoB;AAAA,EACxB,gBAAA,EAAkB,iCAAA;AAAA,EAClB,qBAAA,EAAuB,2BAAA;AAAA,EACvB,2BAAA,EAA6B,iCAAA;AAAA,EAC7B,6BAAA,EAA+B,mCAAA;AAAA,EAC/B,yBAAA,EAA2B,kCAAA;AAAA,EAC3B,qBAAA,EAAuB,iCAAA;AAAA,EACvB,mBAAA,EAAqB,4BAAA;AAAA,EACrB,uBAAA,EAAyB,4BAAA;AAAA,EACzB,mBAAA,EAAqB;AACvB,CAAA;AAOO,SAAS,QAAA,CAAS,OAAmB,KAAA,EAAgB;AAC1D,EAAA,MAAM,IAAA,GAAO,UAAU,KAAK,CAAA;AAC5B,EAAA,MAAM,IAAA,GAAO,QAAQ,EAAE,GAAG,KAAK,IAAA,EAAM,GAAG,YAAA,EAAa,GAAI,IAAA,CAAK,IAAA;AAC9D,EAAA,MAAM,IAAA,GAAO,QAAQ,EAAE,GAAG,KAAK,IAAA,EAAM,GAAG,WAAA,EAAY,GAAI,IAAA,CAAK,IAAA;AAC7D,EAAA,MAAM,KAAA,GAAQ,CAAC,GAAA,EAAaA,KAAAA,KAC1B,GAAG,GAAG,CAAA;AAAA,EAAO,OAAO,OAAA,CAAQA,KAAI,EAC7B,GAAA,CAAI,CAAC,CAAC,CAAA,EAAG,CAAC,CAAA,KAAM,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,GAAG,CAAA,CAC/B,IAAA,CAAK,IAAI,CAAC;AAAA,CAAA,CAAA;AACf,EAAA,OAAO;AAAA,IACL,yBAAyB,KAAA,CAAM,KAAA,CAAM,aAAa,CAAA,SAAA,EAAY,MAAM,MAAM,CAAA,IAAA,CAAA;AAAA;AAAA,IAE1E,KAAA,CAAM,KAAA,IAAS,YAAA,EAAc,IAAI,CAAA;AAAA,IACjC,GAAI,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAS,CAAC,KAAA,CAAM,KAAA,GAAQ,CAAA,MAAA,EAAS,KAAK,CAAA,CAAA,GAAK,YAAA,EAAc,IAAI,CAAC,IAAI,EAAC;AAAA,IACzF;AAAA,GACF,CAAE,KAAK,MAAM,CAAA;AACf;AAQO,SAAS,YAAY,OAAA,EAAkC;AAC5D,EAAA,MAAM,KAAK,UAAU,IAAI,OAAA,GAAU,UAAA,CAAW,QAAA,CAAS,OAAA,CAAQ,KAAK,CAAC,CAAA,GAAI,CAAC,CAAA,EAAG,GAAG,IAAI,CAAA;AAEpF,EAAA,MAAM,OAAO,UAAA,GAAa,EAAA,GAAK,IAAA,CAAK,MAAA,KAAW,GAAA,IAAO,GAAA;AACtD,EAAA,MAAM,CAAA,GAAI,GAAA,GAAM,IAAA,CAAK,MAAA,EAAO,GAAI,IAAA;AAChC,EAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,CAAC,CAAA,EAAG,IAAA,GAAO,KAAK,MAAA,EAAO,GAAI,IAAA,EAAM,GAAG,CAAC,CAAA;AAC9D,EAAA,MAAM,KAAA,GAAQ,CAAC,CAAA,EAAG,GAAA,EAAK,CAAA,EAAG,GAAG,CAAA,CAAE,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,KAAM,OAAA,EAAS,MAAM,CAAA;AAClE,EAAA,MAAM,MAAA,GAAS,MAAM,IAAA,CAAK,KAAA,CAAM,KAAK,MAAA,EAAO,GAAI,KAAA,CAAM,MAAM,CAAC,CAAA;AAC7D,EAAA,OAAO,EAAE,OAAO,MAAA,EAAO;AACzB","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,6 +1,6 @@
 {
   "name": "@uisatin/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "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",

package/theme/index.d.ts

@@ -1 +1 @@
-export { contrast, defaultTheme, randomTheme, themeCss, themeVars, type SatinTheme } from './create-theme';
+export { contrast, defaultTheme, randomTheme, themeCss, themeVars, type SatinTheme } from './create-theme.js';

package/chunk-TOMSU4S4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/banner.tsx"],"names":[],"mappings":"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","file":"chunk-TOMSU4S4.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Xmark } from 'iconoir-react'\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\n\n/**\n * Banner, 1:1 with the uiKit `Banner` set (3822:3475): a title, an optional description (one\n * or two lines) and one action, on bg/card with a 1px border/default and the shadcn md shadow.\n *\n * - layout=\"horizontal\": 450 wide, one row, 12 × 8 padding, 10 gap; the action and the close\n *   button sit on the right, 4px apart.\n * - layout=\"sidebar\": 222 wide (the navigation column's inner width), 12 padding, 12 gap; copy on\n *   top, the action stretched across the bottom, close pinned 3px from the top-right corner.\n * - shape=\"rounded\" is radius-xl (12). shape=\"pill\" is fully round on a one-line horizontal\n *   banner and radius-3xl (20) wherever the banner is taller.\n * - background=\"mesh\" lays two pre-rendered glows over the card: a light one in Multiply (shows\n *   on white, gone on dark) and a dark one in Screen (glows on dark, gone on white), so it follows\n *   the theme without variables. Figma renders one pair per layout and line count; the PNGs live\n *   in satin-lab/public/figma and can be swapped with `mesh`.\n *\n * tone=\"primary\" turns the card action/primary/bg (border action/primary/border) with\n * action/primary/fg copy (description at 80%); its mesh is the dark glow alone, in Screen, so it\n * lightens the primary. `shimmer` sends a soft band of light across now and then.\n *\n * Title is 14/18 medium, description Body/md in text/muted, 2px apart. The close\n * button only renders when `onDismiss` is passed.\n */\nconst bannerVariants = cva(\n  [\n    'relative isolate flex max-w-full overflow-clip border border-border-default bg-bg-card',\n    '[box-shadow:0_2px_4px_-2px_var(--effect-shadow-sm),0_4px_6px_-1px_var(--effect-shadow-sm)]',\n  ],\n  {\n    variants: {\n      layout: {\n        horizontal: 'w-[450px] items-center gap-2.5 px-3 py-2',\n        sidebar: 'w-[222px] flex-col items-start gap-3 p-3',\n      },\n      shape: {\n        rounded: 'rounded-xl',\n        pill: 'rounded-3xl',\n      },\n      lines: {\n        one: '',\n        two: '',\n      },\n    },\n    compoundVariants: [{ layout: 'horizontal', shape: 'pill', lines: 'one', className: 'rounded-pill' }],\n    defaultVariants: { layout: 'horizontal', shape: 'rounded', lines: 'one' },\n  },\n)\n\ntype Mesh = { light: string; dark: string }\n\n/** Figma's pre-rendered mesh pairs, per layout and line count (served from satin-lab/public). */\nexport const bannerMesh: Record<'horizontal' | 'sidebar', Record<'one' | 'two', Mesh>> = {\n  horizontal: {\n    one: { light: '/figma/banner-mesh-light.png', dark: '/figma/banner-mesh-dark.png' },\n    two: { light: '/figma/banner-mesh-two-light.png', dark: '/figma/banner-mesh-two-dark.png' },\n  },\n  sidebar: {\n    one: { light: '/figma/banner-mesh-sidebar-light.png', dark: '/figma/banner-mesh-sidebar-dark.png' },\n    two: { light: '/figma/mesh-light.png', dark: '/figma/mesh-dark.png' },\n  },\n}\n\nexport interface BannerProps\n  extends Omit<React.ComponentProps<'div'>, 'title'>,\n    Omit<VariantProps<typeof bannerVariants>, 'lines'> {\n  title: React.ReactNode\n  description?: React.ReactNode\n  /** One action, usually `<Button variant=\"secondary\">`. Stretches across a sidebar banner. */\n  action?: React.ReactNode\n  background?: 'mesh' | 'plain'\n  /** `primary`: action/primary/bg with action/primary/fg text; its mesh glows lighter on top. */\n  tone?: 'default' | 'primary'\n  /** Now and then a soft band of light crosses the banner (off under reduced motion). */\n  shimmer?: boolean\n  /** Shows the close button. */\n  onDismiss?: () => void\n  /** Accessible name of the close button. */\n  dismissLabel?: string\n  /** Replace the mesh images. */\n  mesh?: Mesh\n}\n\nexport function Banner({\n  className,\n  title,\n  description,\n  action,\n  layout = 'horizontal',\n  background = 'mesh',\n  tone = 'default',\n  shimmer = false,\n  shape = 'rounded',\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  mesh,\n  ...props\n}: BannerProps) {\n  const lines = description ? 'two' : 'one'\n  const layoutKey = layout ?? 'horizontal'\n  const glow = mesh ?? bannerMesh[layoutKey][lines]\n  const sidebar = layoutKey === 'sidebar'\n  const primary = tone === 'primary'\n\n  const close = onDismiss && (\n    <Button\n      variant=\"tertiary\"\n      shape=\"rounded\"\n      iconOnly\n      aria-label={dismissLabel}\n      onClick={onDismiss}\n      className={cn(\n        sidebar && 'absolute top-[3px] right-[3px] z-10',\n        primary && 'text-action-primary-fg [&_svg]:text-action-primary-fg satin-hover:bg-action-primary-bg-hover',\n      )}\n    >\n      <Xmark aria-hidden />\n    </Button>\n  )\n\n  return (\n    <div\n      data-slot=\"banner\"\n      data-layout={layoutKey}\n      data-background={background}\n      data-tone={tone}\n      className={cn(\n        bannerVariants({ layout, shape, lines }),\n        primary && 'border-action-primary-border bg-action-primary-bg',\n        shimmer && 'satin-sheen',\n        className,\n      )}\n      {...props}\n    >\n      {background === 'mesh' && primary && (\n        <img\n          src={glow.dark}\n          alt=\"\"\n          aria-hidden\n          className=\"pointer-events-none absolute -inset-px -z-10 size-[calc(100%+2px)] max-w-none object-cover mix-blend-screen\"\n        />\n      )}\n      {background === 'mesh' && !primary && (\n        <>\n          <img\n            src={glow.light}\n            alt=\"\"\n            aria-hidden\n            className=\"pointer-events-none absolute -inset-px -z-10 size-[calc(100%+2px)] max-w-none object-cover mix-blend-multiply\"\n          />\n          <img\n            src={glow.dark}\n            alt=\"\"\n            aria-hidden\n            className=\"pointer-events-none absolute -inset-px -z-10 size-[calc(100%+2px)] max-w-none object-cover mix-blend-screen\"\n          />\n        </>\n      )}\n      <div\n        className={cn(\n          'flex min-w-0 flex-col justify-center text-sm',\n          sidebar ? 'w-full' : 'flex-1',\n          description && 'gap-0.5',\n        )}\n      >\n        <p className={cn('truncate text-base leading-[18px] font-medium', primary ? 'text-action-primary-fg' : 'text-text-default')}>{title}</p>\n        {description && (\n          <p className={cn('text-body', primary ? 'text-action-primary-fg/80' : 'text-text-muted', !sidebar && 'truncate')}>{description}</p>\n        )}\n      </div>\n      {sidebar ? (\n        <>\n          {action && <div className=\"flex w-full items-center *:flex-1\">{action}</div>}\n          {close}\n        </>\n      ) : (\n        (action || close) && (\n          <div className=\"flex shrink-0 items-center gap-1\">\n            {action}\n            {close}\n          </div>\n        )\n      )}\n    </div>\n  )\n}\n\nexport { bannerVariants }\n"]}