@uisatin/ui 0.2.0 → 0.4.0

package/components/toggle.js

@@ -1,4 +1,2 @@
-'use client';export { Toggle, toggleVariants } from '../chunk-UC3ZJWOD.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=toggle.js.map
-//# sourceMappingURL=toggle.js.map
+'use client';export { Toggle, toggleVariants } from '../chunk-R5TQ3HNB.js';
+import '../chunk-EHEXE2UV.js';

package/components/tooltip.d.ts

@@ -10,8 +10,11 @@ import * as React from 'react';
  * Built on the Radix tooltip: it opens on hover after `delay` and at once on keyboard focus,
  * waits `closeDelay` after the pointer leaves before closing, closes on Escape, and links itself to the trigger with aria-describedby. It sits 8px from
  * the trigger and fades in from 4px towards it (`@starting-style`, ease-out, 150 ms).
+ *
+ * Other props, `ref` included, go to the visible bubble (the element `className` styles), not to
+ * the Radix Content around it.
  */
-export interface TooltipProps {
+export interface TooltipProps extends Omit<React.ComponentProps<'div'>, 'children'> {
     /** The action, in one or two words. */
     label: React.ReactNode;
     /** Keys that run the action, e.g. "⌘K" or "⌃⇧V". */
@@ -32,4 +35,4 @@ export interface TooltipProps {
     className?: string;
 }
 export declare function TooltipBubble({ label, shortcut, shape, className, ...props }: Pick<TooltipProps, 'label' | 'shortcut' | 'shape' | 'className'> & React.ComponentProps<'div'>): React.JSX.Element;
-export declare function Tooltip({ label, shortcut, shape, side, delay, closeDelay, children, open: openProp, defaultOpen, onOpenChange, container, className, }: TooltipProps): React.JSX.Element;
+export declare function Tooltip({ label, shortcut, shape, side, delay, closeDelay, children, open: openProp, defaultOpen, onOpenChange, container, className, ...props }: TooltipProps): React.JSX.Element;

package/components/tooltip.js

@@ -1,5 +1,3 @@
-'use client';export { Tooltip, TooltipBubble } from '../chunk-B6V4VSGH.js';
-import '../chunk-BKZBWPUH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=tooltip.js.map
-//# sourceMappingURL=tooltip.js.map
+'use client';export { Tooltip, TooltipBubble } from '../chunk-KDU7AT2T.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-EHEXE2UV.js';

package/index.d.ts

@@ -1,11 +1,16 @@
 export { cn } from './lib/utils.js';
 export * from './theme/index.js';
+export * from './components/labels.js';
 export * from './components/accordion.js';
+export { ActionButton, type ActionButtonProps, type ActionButtonState } from './components/action-button.js';
+export { Alert, type AlertProps, type AlertIntent } from './components/alert.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 { Button, buttonVariants, ButtonDefaultsContext, type ButtonProps, type ButtonDefaults } from './components/button.js';
+export { ButtonGroup, ButtonGroupSeparator, type ButtonGroupProps } from './components/button-group.js';
+export { SplitButton, type SplitButtonProps } from './components/split-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';
@@ -21,8 +26,14 @@ export { Dialog, DialogClose, DialogAlert, CloseIcon, type DialogProps, type Dia
 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 { FormField, useFormField, useFormContext, FormContext, FieldSizeContext, FieldError, FieldDescription, RequiredMark, type FormFieldProps, type FormFieldContextValue, type FormContextValue } from './components/form-field.js';
+export { Form, FormSection, FormActions, formValues, type FormProps, type FormSectionProps, type FormActionsProps, type FormValues } from './components/form.js';
+export { FieldGroup, type FieldGroupProps } from './components/field-group.js';
 export { Input, type InputProps } from './components/input.js';
+export { InputGroup, InputGroupAddon, type InputGroupProps } from './components/input-group.js';
+export { PasswordInput, type PasswordInputProps } from './components/password-input.js';
+export { Item, List, type ItemProps, type ListProps } from './components/list.js';
+export { Link, type LinkProps } from './components/link.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';
@@ -31,10 +42,14 @@ export { Radio, RadioGroup, type RadioProps, type RadioGroupProps } from './comp
 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 { SelectableRadio, type SelectableRadioProps } from './components/selectable-radio.js';
+export { SelectableCheckbox, type SelectableCheckboxProps } from './components/selectable-checkbox.js';
+export { Separator, type SeparatorProps } from './components/separator.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 { Spinner, type SpinnerProps } from './components/spinner.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';

package/index.js

@@ -1,231 +1,82 @@
-'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 { 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';
-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 { 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 { 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';
-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 { 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';
-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 { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from './chunk-MYEZXZZC.js';
-export { Tooltip, TooltipBubble } from './chunk-B6V4VSGH.js';
-export { BarCard } from './chunk-DO3TBNSC.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-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';
-
-// src/theme/create-theme.ts
-var defaultTheme = { brand: "#4633D7", radius: 1 };
-var toLinear = (c) => c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
-var toGamma = (c) => c <= 31308e-7 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - 0.055;
-function hexToRgb(hex) {
-  const h = hex.replace("#", "");
-  const full = h.length === 3 ? [...h].map((c) => c + c).join("") : h.slice(0, 6);
-  return [0, 2, 4].map((i) => parseInt(full.slice(i, i + 2), 16) / 255);
-}
-function rgbToOklch([r, g, b]) {
-  const [lr, lg, lb] = [r, g, b].map(toLinear);
-  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
-  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
-  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
-  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
-  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
-  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
-  return [L, Math.hypot(A, B), (Math.atan2(B, A) * 180 / Math.PI + 360) % 360];
-}
-function oklchToRgb([L, C, H]) {
-  const a = C * Math.cos(H * Math.PI / 180);
-  const b = C * Math.sin(H * Math.PI / 180);
-  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3;
-  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3;
-  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3;
-  return [
-    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
-    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
-    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
-  ];
-}
-var inGamut = (rgb) => rgb.every((c) => c >= -5e-4 && c <= 1.0005);
-function oklchToHex([L, C, H]) {
-  let c = C;
-  let rgb = oklchToRgb([L, c, H]);
-  while (!inGamut(rgb) && c > 0) {
-    c = Math.max(0, c - 5e-3);
-    rgb = oklchToRgb([L, c, H]);
-  }
-  return "#" + rgb.map((v) => Math.round(Math.min(1, Math.max(0, toGamma(v))) * 255).toString(16).padStart(2, "0")).join("").toUpperCase();
-}
-var luminance = (hex) => {
-  const [r, g, b] = hexToRgb(hex).map(toLinear);
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-};
-var contrast = (a, b) => {
-  const [x, y] = [luminance(a), luminance(b)].sort((p, q) => q - p);
-  return (x + 0.05) / (y + 0.05);
-};
-var RAMP = {
-  "blue-50": "#F2F4FF",
-  "blue-200": "#CFD6FF",
-  "blue-300": "#B1BBFE",
-  "blue-500": "#5146E9",
-  "blue-600": "#4633D7",
-  "blue-700": "#3923B9",
-  "blue-900": "#1D1168",
-  "blue-950": "#110A47",
-  "blue-soft-50": "#F3F5FF",
-  "blue-soft-200": "#D9DEFB",
-  "blue-soft-300": "#BEC7FC",
-  "blue-soft-700": "#5158A0",
-  "blue-soft-900": "#30344F",
-  "blue-soft-950": "#1F2132",
-  "primary-dark": "#493DD6",
-  "primary-hover-dark": "#554FE7",
-  "primary-pressed-dark": "#3E2AC5",
-  "primary-border-light": "#9085E7",
-  "primary-border-dark": "#928BE6"
-};
-var SOLID = /* @__PURE__ */ new Set(["blue-500", "blue-600", "blue-700", "primary-dark", "primary-hover-dark", "primary-pressed-dark"]);
-function solidLightness(c, h, base, hoverStep) {
-  const passes = (L) => contrast(oklchToHex([L, c, h]), "#FFFFFF") >= 4.7 && contrast(oklchToHex([L + hoverStep, c, h]), "#FFFFFF") >= 4.7;
-  if (passes(base)) return base;
-  let lo = 0.2;
-  let hi = base;
-  for (let i = 0; i < 20; i++) {
-    const mid = (lo + hi) / 2;
-    if (passes(mid)) lo = mid;
-    else hi = mid;
-  }
-  return lo;
-}
-function brandVars(brand) {
-  const [bl, bc, bh] = rgbToOklch(hexToRgb(brand));
-  const lch = (step) => rgbToOklch(hexToRgb(RAMP[step]));
-  const [rl, rc, rh] = lch("blue-600");
-  const chroma = bc / rc;
-  const light = solidLightness(bc, bh, bl, lch("blue-500")[0] - rl);
-  const darkRest = lch("primary-dark")[0];
-  const dark = solidLightness(bc, bh, light + (darkRest - rl), lch("primary-hover-dark")[0] - darkRest);
-  const root = {};
-  for (const [step, hex] of Object.entries(RAMP)) {
-    const [l, c, h] = rgbToOklch(hexToRgb(hex));
-    const isDark = step.endsWith("-dark") && step !== "primary-border-dark";
-    const L = SOLID.has(step) ? isDark ? dark + (l - darkRest) : light + (l - rl) : l;
-    root[`--color-${step}`] = step === "blue-600" && light === bl ? brand.toUpperCase() : oklchToHex([Math.min(0.97, Math.max(0.15, L)), c * chroma, bh + (h - rh)]);
-  }
-  root["--color-blue-600-a20"] = `${root["--color-blue-600"]}33`;
-  root["--color-blue-500-a20"] = `${root["--color-blue-500"]}33`;
-  root["--color-primary-focus-dark"] = `${root["--color-primary-dark"]}33`;
-  return root;
-}
-var RADII = { xs: 4, sm: 6, md: 8, xl: 12, "2xl": 16, "3xl": 20 };
-function radiusVars(scale) {
-  const v = {};
-  for (const [k, px] of Object.entries(RADII)) v[`--radius-${k}`] = `${Math.round(px * scale * 2) / 2}px`;
-  v["--radius"] = `${Math.round(10 * scale * 2) / 2}px`;
-  v["--radius-pill"] = scale >= 1 ? "9999px" : `${Math.round(16 * scale)}px`;
-  return v;
-}
-function themeVars(theme) {
-  return { root: { ...brandVars(theme.brand), ...radiusVars(theme.radius) }, dark: {} };
-}
-var SCOPED_LIGHT = {
-  "--border-focus": "var(--color-blue-600)",
-  "--action-primary-bg": "var(--color-blue-600)",
-  "--action-primary-bg-hover": "var(--color-blue-500)",
-  "--action-primary-bg-pressed": "var(--color-blue-700)",
-  "--action-primary-border": "var(--color-primary-border-light)",
-  "--action-focus-ring": "var(--color-blue-600-a20)",
-  "--status-brand-bg": "var(--color-blue-soft-50)",
-  "--status-brand-border": "var(--color-blue-soft-200)",
-  "--status-brand-fg": "var(--color-blue-soft-700)",
-  "--radius-lg": "var(--radius)"
-};
-var SCOPED_DARK = {
-  "--border-focus": "var(--color-primary-hover-dark)",
-  "--action-primary-bg": "var(--color-primary-dark)",
-  "--action-primary-bg-hover": "var(--color-primary-hover-dark)",
-  "--action-primary-bg-pressed": "var(--color-primary-pressed-dark)",
-  "--action-primary-border": "var(--color-primary-border-dark)",
-  "--action-focus-ring": "var(--color-primary-focus-dark)",
-  "--status-brand-bg": "var(--color-blue-soft-950)",
-  "--status-brand-border": "var(--color-blue-soft-900)",
-  "--status-brand-fg": "var(--color-blue-soft-300)"
-};
-function themeCss(theme, scope) {
-  const vars = themeVars(theme);
-  const root = scope ? { ...vars.root, ...SCOPED_LIGHT } : vars.root;
-  const dark = scope ? { ...vars.dark, ...SCOPED_DARK } : vars.dark;
-  const block = (sel, vars2) => `${sel} {
-${Object.entries(vars2).map(([k, v]) => `  ${k}: ${v};`).join("\n")}
-}`;
-  return [
-    `/* Satin theme: brand ${theme.brand.toUpperCase()}, radius ${theme.radius}. */`,
-    // :root:root outranks Satin's own :root, so the theme wins wherever the file is loaded.
-    block(scope ?? ":root:root", root),
-    ...Object.keys(dark).length ? [block(scope ? `.dark ${scope}` : ":root.dark", dark)] : [],
-    ""
-  ].join("\n\n");
-}
-function randomTheme(current) {
-  const [, , currentHue] = current ? rgbToOklch(hexToRgb(current.brand)) : [0, 0, -360];
-  const hue = (currentHue + 60 + Math.random() * 240) % 360;
-  const l = 0.5 + Math.random() * 0.25;
-  const brand = oklchToHex([l, 0.12 + Math.random() * 0.08, hue]);
-  const radii = [0, 0.5, 1, 1.5].filter((r) => r !== current?.radius);
-  const radius = radii[Math.floor(Math.random() * radii.length)];
-  return { brand, radius };
-}
-
-export { contrast, defaultTheme, randomTheme, themeCss, themeVars };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+'use client';export { Toast, Toaster, toast } from './chunk-YY236ZSJ.js';
+export { Toggle, toggleVariants } from './chunk-R5TQ3HNB.js';
+export { SplitButton } from './chunk-FB6DG3LR.js';
+export { StreamingText } from './chunk-LWRB4DED.js';
+export { Switch } from './chunk-APRVUOD6.js';
+export { Table } from './chunk-SVUWR3HD.js';
+export { Tabs, TabsContent } from './chunk-P6RHT2VM.js';
+export { Textarea } from './chunk-C435UD7V.js';
+export { SelectableCheckbox } from './chunk-6RLSRMB5.js';
+export { SelectableRadio } from './chunk-A52HUWVM.js';
+export { Separator } from './chunk-LLW3X4ZJ.js';
+export { Sheet, SheetClose } from './chunk-DAKVTPYZ.js';
+export { Sidebar, SidebarGroup, SidebarItem, SidebarSubGroup, SidebarSubItem } from './chunk-WJYJMX5S.js';
+export { Skeleton } from './chunk-GKDMCY2S.js';
+export { Slider } from './chunk-PTK4QAOQ.js';
+export { Popover, PopoverClose, PopoverPanel } from './chunk-7SVMERPH.js';
+export { PromptBar, defaultActions as promptBarDefaultActions } from './chunk-JCR5TWTF.js';
+export { Radio, RadioGroup } from './chunk-EXKSKYG3.js';
+export { SearchBar } from './chunk-K5G5OEV5.js';
+export { SegmentedControl } from './chunk-JYGCZWET.js';
+import './chunk-EBZHGRM5.js';
+export { AreaCard, LineCard } from './chunk-5663JVE5.js';
+export { Link } from './chunk-J5UQPROI.js';
+export { Item, List } from './chunk-67CBFB6Y.js';
+export { Message } from './chunk-6GNMUJQ4.js';
+export { Thinking } from './chunk-WCUR44O6.js';
+export { MessageActions } from './chunk-STYOBAC7.js';
+export { NumberInput } from './chunk-MOGWOUCN.js';
+export { Pagination, paginationRange } from './chunk-TB3ZRV3Y.js';
+export { PasswordInput } from './chunk-GTFUAA6H.js';
+export { Form, FormActions, FormSection, formValues } from './chunk-NCIRJ5V2.js';
+export { InputGroup, InputGroupAddon } from './chunk-JKOBDLP3.js';
+export { InputOTP } from './chunk-PP46SY7M.js';
+export { Input } from './chunk-L5PPN42A.js';
+export { Dialog, DialogAlert, DialogClose } from './chunk-WZSLDYUU.js';
+export { DonutCard } from './chunk-PD2KD5OR.js';
+export { Dot, dotVariants } from './chunk-C6WRJ7DG.js';
+export { EmptyState, emptyStateVariants } from './chunk-JR3VVDV6.js';
+export { FieldGroup } from './chunk-RFSPJECL.js';
+export { FileUpload, FileUploadItem, fileIconFor, formatBytes } from './chunk-YXWXSRXG.js';
+export { Citation, Sources } from './chunk-47DDBME3.js';
+export { HoverCard, hoverCardClass } from './chunk-W2EH6RY5.js';
+export { CodeBlock } from './chunk-IKJIR6VL.js';
+export { Combobox } from './chunk-M7RILZVW.js';
+export { CommandMenu } from './chunk-3VVO5MY5.js';
+export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from './chunk-CQFAMWZI.js';
+export { CookieConsent } from './chunk-KQNA22D3.js';
+export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange } from './chunk-UAJ6M34K.js';
+export { DecisionCard, DecisionItemPreview } from './chunk-HI6QIG55.js';
+import './chunk-XETMIETJ.js';
+export { Breadcrumb } from './chunk-Q7KVC5B4.js';
+export { ButtonGroup, ButtonGroupSeparator } from './chunk-GH2DEOGO.js';
+export { Card, cardVariants } from './chunk-U6X6ODDJ.js';
+export { ChannelCard } from './chunk-WALANB3V.js';
+export { Checkbox } from './chunk-W2QQQWNE.js';
+export { Chip, ChipAvatar, chipVariants } from './chunk-6JTSZAGO.js';
+export { Alert, CloseIcon } from './chunk-RPL6FRVX.js';
+export { AnnouncementBar } from './chunk-LAOE6Y57.js';
+export { Attachment, AttachmentGroup, AttachmentPreview, AttachmentPreviewPager, AttachmentPreviewSheets, FileIcon } from './chunk-R3DTMBDT.js';
+export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from './chunk-TOY6YPTG.js';
+export { Tooltip, TooltipBubble } from './chunk-KDU7AT2T.js';
+export { Banner, bannerVariants } from './chunk-HZV7EXGU.js';
+export { bannerMesh } from './chunk-YYFAZQ25.js';
+export { BarCard } from './chunk-INJWE2LD.js';
+export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip } from './chunk-LI5VYDLN.js';
+export { Floating } from './chunk-ZHFIWDGF.js';
+export { FieldChrome, Select, SelectChevron, useFieldChrome } from './chunk-EQAFDIPE.js';
+export { FieldDescription, FieldError, FieldSizeContext, FormContext, FormField, RequiredMark, useFormContext, useFormField } from './chunk-KITXKIYW.js';
+export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass } from './chunk-P36KBUYD.js';
+export { Kbd, KbdArrowDown, KbdArrowUp, KbdGroup, KbdHint, KbdReturn, keysOf } from './chunk-XWPH7C2W.js';
+export { contrast, defaultTheme, randomTheme, themeCss, themeVars } from './chunk-NQL6SIIB.js';
+export { Accordion, AccordionItem } from './chunk-6Y6CY2DP.js';
+export { ActionButton } from './chunk-XU6JJDMZ.js';
+export { AgentLoading, FlappySprite, ShimmerLabel, TetrisLabel, TetrisMark, TetrisStill } from './chunk-R4KPFBMK.js';
+export { AgentAvatar, AgentMenuItem, AgentPicker, AgentPickerRow } from './chunk-DMZW4LGU.js';
+export { Button, ButtonDefaultsContext, buttonVariants } from './chunk-6DWLTGRQ.js';
+export { Spinner } from './chunk-AKEZCWNW.js';
+export { AgentSuggestion, AgentSuggestionChanges, AgentSuggestionDiff, AgentSuggestionMetric, AgentSuggestionQuote } from './chunk-T7P3OEBP.js';
+export { Progress } from './chunk-LKSFTNPF.js';
+export { Badge, badgeVariants } from './chunk-7NV53EL5.js';
+export { SatinLabels, defaultLabels, useSatinLabels } from './chunk-NTSU44FY.js';
+export { cn } from './chunk-EHEXE2UV.js';

package/lib/utils.d.ts

@@ -1,3 +1,10 @@
 import { type ClassValue } from 'clsx';
-/** Joins class names and lets the later Tailwind class win, like shadcn's `cn`. */
+/**
+ * Joins class names and lets the later Tailwind class win, like shadcn's `cn`.
+ *
+ * In the npm package Satin's own classes carry the `sa:` prefix, while an app's `className`
+ * holds its own Tailwind classes without it. They are merged as if neither had a prefix, so
+ * `cn('sa:px-2.5', 'px-4')` keeps only `px-4`: an app's class still replaces the Satin class
+ * it overrides, prefixed or not.
+ */
 export declare function cn(...inputs: ClassValue[]): string;

package/lib/utils.js

@@ -1,3 +1 @@
-export { cn } from '../chunk-H63FYCMY.js';
-//# sourceMappingURL=utils.js.map
-//# sourceMappingURL=utils.js.map
+export { cn } from '../chunk-EHEXE2UV.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uisatin/ui",
-  "version": "0.2.0",
+  "version": "0.4.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",
@@ -40,6 +40,16 @@
     },
     "./styles.css": "./styles.css",
     "./package.json": "./package.json",
+    "./theme": {
+      "types": "./theme/index.d.ts",
+      "import": "./theme/index.js",
+      "default": "./theme/index.js"
+    },
+    "./lib/utils": {
+      "types": "./lib/utils.d.ts",
+      "import": "./lib/utils.js",
+      "default": "./lib/utils.js"
+    },
     "./*": {
       "types": "./components/*.d.ts",
       "import": "./components/*.js",