@uisatin/ui 0.1.1 → 0.3.0

package/components/skeleton.js

@@ -1,4 +1,2 @@
-'use client';export { Skeleton } from '../chunk-YG7JOOLJ.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=skeleton.js.map
-//# sourceMappingURL=skeleton.js.map
+'use client';export { Skeleton } from '../chunk-J7RMFN54.js';
+import '../chunk-O46O6LFQ.js';

package/components/slider.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Slider as SliderPrimitive } from 'radix-ui';
 /**
  * Slider, 1:1 with the uiKit `Slider` set (4025:3621): a 4px bg/muted track with the picked
  * part in action/primary/bg, and 16px bg/popover thumbs with a border/strong ring and the
@@ -21,8 +22,11 @@ import * as React from 'react';
  *
  * Built on the Radix Slider: arrow keys, Page Up/Down, Home/End, a native form value (`name`)
  * and a `slider` role per thumb, with `formatValue` as its spoken value.
+ *
+ * Other props, `ref` included, go to the Radix Slider root (the track and thumbs);
+ * `className` styles the wrapper around it with the label and fields.
  */
-export interface SliderProps {
+export interface SliderProps extends Omit<React.ComponentProps<typeof SliderPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit' | 'min' | 'max' | 'step' | 'minStepsBetweenThumbs' | 'orientation' | 'disabled' | 'name' | 'children' | 'asChild'> {
     /** A number, or a `[from, to]` pair for a range. */
     value?: number | [number, number];
     defaultValue?: number | [number, number];
@@ -54,4 +58,4 @@ export interface SliderProps {
     /** Classes for the outer wrapper. */
     className?: string;
 }
-export declare function Slider({ value: valueProp, defaultValue, onValueChange, onValueCommit, min, max, step, minStepsBetweenThumbs, label, showValue, inputs, tooltip, orientation, formatValue, disabled, name, id, 'aria-label': ariaLabel, className, }: SliderProps): React.JSX.Element;
+export declare function Slider({ value: valueProp, defaultValue, onValueChange, onValueCommit, min, max, step, minStepsBetweenThumbs, label, showValue, inputs, tooltip, orientation, formatValue, disabled, name, id, 'aria-label': ariaLabel, 'aria-labelledby': labelledBy, className, onPointerDown, ...props }: SliderProps): React.JSX.Element;

package/components/slider.js

@@ -1,8 +1,7 @@
-'use client';export { Slider } from '../chunk-L6NCCSIP.js';
-import '../chunk-YPNKBE5X.js';
-import '../chunk-B6V4VSGH.js';
-import '../chunk-UBNHSZSE.js';
-import '../chunk-BKZBWPUH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=slider.js.map
-//# sourceMappingURL=slider.js.map
+'use client';export { Slider } from '../chunk-FB5HTCO2.js';
+import '../chunk-OURZQM27.js';
+import '../chunk-GMETYACH.js';
+import '../chunk-VUOAPWTF.js';
+import '../chunk-57QEOCDZ.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/sliding-indicator.js

@@ -1,3 +1 @@
-'use client';export { SLIDE_MS, useSlidingIndicator } from '../chunk-J3NSDRVH.js';
-//# sourceMappingURL=sliding-indicator.js.map
-//# sourceMappingURL=sliding-indicator.js.map
+'use client';export { SLIDE_MS, useSlidingIndicator } from '../chunk-XETMIETJ.js';

package/components/streaming-text.js

@@ -1,4 +1,2 @@
-'use client';export { StreamingText } from '../chunk-RTJ76X5U.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=streaming-text.js.map
-//# sourceMappingURL=streaming-text.js.map
+'use client';export { StreamingText } from '../chunk-5KTBSMQU.js';
+import '../chunk-O46O6LFQ.js';

package/components/switch.js

@@ -1,4 +1,2 @@
-'use client';export { Switch } from '../chunk-SH6NG6VN.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=switch.js.map
-//# sourceMappingURL=switch.js.map
+'use client';export { Switch } from '../chunk-NH3EHMIL.js';
+import '../chunk-O46O6LFQ.js';

package/components/table.d.ts

@@ -25,19 +25,29 @@ export type Sort = {
     key: string;
     direction: 'asc' | 'desc';
 } | null;
+/** A row: any object with a string `id`. Interfaces work too; no index signature needed. */
 export type Row = {
     id: string;
-} & Record<string, unknown>;
-export interface Column<R extends Row = Row> {
-    key: string;
+};
+interface ColumnBase<R extends Row> {
     header: React.ReactNode;
     /** fr weight with overflow="fit" (default 1), pixels with overflow="scroll" (default 160). */
     width?: number;
     sortable?: boolean;
-    /** Renders the cell; defaults to the row's value at `key`. */
-    cell?: (row: R) => React.ReactNode;
     align?: 'left' | 'right';
 }
+/**
+ * A column. Its `key` names a field of the row and the cell shows that field, so a typo in `key`
+ * is a type error. A computed column (a field the row doesn't have) gives its own `cell`.
+ */
+export type Column<R extends Row = Row> = (ColumnBase<R> & {
+    key: keyof R & string;
+    /** Renders the cell; defaults to the row's value at `key`. */
+    cell?: (row: R) => React.ReactNode;
+}) | (ColumnBase<R> & {
+    key: string;
+    cell: (row: R) => React.ReactNode;
+});
 export interface TableProps<R extends Row = Row> extends Omit<React.ComponentProps<'div'>, 'children'> {
     columns: Column<R>[];
     rows: R[];
@@ -55,3 +65,4 @@ export interface TableProps<R extends Row = Row> extends Omit<React.ComponentPro
     label?: string;
 }
 export declare function Table<R extends Row = Row>({ columns, rows, selectable, zebra, overflow, onSortChange, defaultSort, manualSort, selected: selectedProp, onSelectedChange, label, className, ...props }: TableProps<R>): React.JSX.Element;
+export {};

package/components/table.js

@@ -1,5 +1,4 @@
-'use client';export { Table } from '../chunk-X3PQANZO.js';
-import '../chunk-FDKIX4DC.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=table.js.map
-//# sourceMappingURL=table.js.map
+'use client';export { Table } from '../chunk-W4RDTP6W.js';
+import '../chunk-X2GNMNZQ.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/tabs.d.ts

@@ -17,6 +17,8 @@ import { Tabs as TabsPrimitive } from 'radix-ui';
  * Labels are text/muted, text/default on hover, focus and selected; disabled is 50%. Optional
  * 16px leading icon, 6px from the label. Built on the Radix Tabs (arrow keys move between tabs).
  * States answer to `data-force="hover" | "focus"` for state sheets.
+ *
+ * Other props, `ref` included, go to the Radix Tabs root (`aria-label` names the tab list instead).
  */
 export type TabItem = string | {
     value: string;
@@ -25,7 +27,7 @@ export type TabItem = string | {
     icon?: React.ReactNode;
     disabled?: boolean;
 };
-export interface TabsProps {
+export interface TabsProps extends Omit<React.ComponentProps<typeof TabsPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'children' | 'asChild' | 'aria-label'> {
     items: TabItem[];
     value?: string;
     defaultValue?: string;
@@ -40,6 +42,6 @@ export interface TabsProps {
     children?: React.ReactNode;
     className?: string;
 }
-export declare function Tabs({ items, value, defaultValue, onValueChange, variant, size, disabled, children, className, ...props }: TabsProps): React.JSX.Element;
+export declare function Tabs({ items, value, defaultValue, onValueChange, variant, size, disabled, children, className, 'aria-label': ariaLabel, ...props }: TabsProps): React.JSX.Element;
 /** The panel for one tab value. */
 export declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;

package/components/tabs.js

@@ -1,5 +1,3 @@
-'use client';export { Tabs, TabsContent } from '../chunk-DETGJAIC.js';
-import '../chunk-J3NSDRVH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=tabs.js.map
-//# sourceMappingURL=tabs.js.map
+'use client';export { Tabs, TabsContent } from '../chunk-3DHJXU45.js';
+import '../chunk-XETMIETJ.js';
+import '../chunk-O46O6LFQ.js';

package/components/textarea.js

@@ -1,5 +1,3 @@
-'use client';export { Textarea } from '../chunk-QUF2IPOZ.js';
-import '../chunk-UBNHSZSE.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=textarea.js.map
-//# sourceMappingURL=textarea.js.map
+'use client';export { Textarea } from '../chunk-DPYIBFQD.js';
+import '../chunk-VUOAPWTF.js';
+import '../chunk-O46O6LFQ.js';

package/components/thinking.js

@@ -1,5 +1,3 @@
-'use client';export { Thinking } from '../chunk-ESC5JCVQ.js';
-import '../chunk-KNUWZNFV.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=thinking.js.map
-//# sourceMappingURL=thinking.js.map
+'use client';export { Thinking } from '../chunk-NL574STL.js';
+import '../chunk-UGIVCXGN.js';
+import '../chunk-O46O6LFQ.js';

package/components/toast.js

@@ -1,5 +1,4 @@
-'use client';export { Toast, Toaster, toast } from '../chunk-2HKBZFIK.js';
-import '../chunk-HNQUX43Z.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=toast.js.map
-//# sourceMappingURL=toast.js.map
+'use client';export { Toast, Toaster, toast } from '../chunk-CGOH5IYX.js';
+import '../chunk-T6L32XXH.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

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-XH56JGYC.js';
+import '../chunk-O46O6LFQ.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-GMETYACH.js';
+import '../chunk-57QEOCDZ.js';
+import '../chunk-O46O6LFQ.js';

package/index.d.ts

@@ -1,5 +1,6 @@
 export { cn } from './lib/utils.js';
 export * from './theme/index.js';
+export * from './components/labels.js';
 export * from './components/accordion.js';
 export * from './components/avatar.js';
 export { Badge, badgeVariants, type BadgeProps, type BadgeTone } from './components/badge.js';

package/index.js

@@ -1,231 +1,67 @@
-'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, avatarVariants } from './chunk-TVLGZGYN.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-CGOH5IYX.js';
+export { Toggle, toggleVariants } from './chunk-XH56JGYC.js';
+export { Skeleton } from './chunk-J7RMFN54.js';
+export { Slider } from './chunk-FB5HTCO2.js';
+export { StreamingText } from './chunk-5KTBSMQU.js';
+export { Switch } from './chunk-NH3EHMIL.js';
+export { Table } from './chunk-W4RDTP6W.js';
+export { Tabs, TabsContent } from './chunk-3DHJXU45.js';
+export { Textarea } from './chunk-DPYIBFQD.js';
+export { PromptBar, defaultActions as promptBarDefaultActions } from './chunk-5725MFGQ.js';
+export { Radio, RadioGroup } from './chunk-LB37KTJH.js';
+export { SearchBar } from './chunk-SPGUZMCC.js';
+export { SegmentedControl } from './chunk-CVNRZ2YV.js';
+export { Sheet, SheetClose } from './chunk-YJK4MGSI.js';
+export { Sidebar, SidebarGroup, SidebarItem, SidebarSubGroup, SidebarSubItem } from './chunk-PUWSL5XW.js';
+export { AreaCard, LineCard } from './chunk-JBKBRAC4.js';
+export { Message } from './chunk-S7QHBVPX.js';
+export { Thinking } from './chunk-NL574STL.js';
+export { MessageActions } from './chunk-SZJIVBOD.js';
+export { NumberInput } from './chunk-674SRBZK.js';
+export { Pagination, paginationRange } from './chunk-TT2N5752.js';
+export { Popover, PopoverClose, PopoverPanel } from './chunk-LFGUJHFF.js';
+export { EmptyState, emptyStateVariants } from './chunk-FAJ3OVL4.js';
+export { FileUpload, FileUploadItem, fileIconFor, formatBytes } from './chunk-73Z7NMQQ.js';
+export { InputOTP } from './chunk-OVKPPXK5.js';
+export { Input } from './chunk-OURZQM27.js';
+export { CommandMenu } from './chunk-UZ4DXU6W.js';
+export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from './chunk-X66KTATQ.js';
+export { CookieConsent } from './chunk-JYOZUQNU.js';
+export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange } from './chunk-6VKV36OK.js';
+export { DecisionCard, DecisionItemPreview } from './chunk-SAYNV7B3.js';
+import './chunk-XETMIETJ.js';
+export { CloseIcon, Dialog, DialogAlert, DialogClose } from './chunk-AIMQNLPY.js';
+export { DonutCard } from './chunk-WLQD5BN2.js';
+export { Dot, dotVariants } from './chunk-5XTUFBZI.js';
+export { Card, cardVariants } from './chunk-PHNR6ZQ7.js';
+export { ChannelCard } from './chunk-JCXI7VQL.js';
+export { Checkbox } from './chunk-X2GNMNZQ.js';
+export { Citation, Sources } from './chunk-EF5GT4OG.js';
+export { HoverCard, hoverCardClass } from './chunk-PD6YPFYN.js';
+export { CodeBlock } from './chunk-RHQHDYTE.js';
+export { Combobox } from './chunk-LB7Z6BSK.js';
+export { Chip, ChipAvatar, chipVariants } from './chunk-Z7S2KQZS.js';
+export { Attachment, AttachmentGroup, AttachmentPreview, AttachmentPreviewPager, AttachmentPreviewSheets, FileIcon } from './chunk-UUCVRIVP.js';
+export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from './chunk-BN7FDKCJ.js';
+export { Tooltip, TooltipBubble } from './chunk-GMETYACH.js';
+export { BarCard } from './chunk-ISYKZCPJ.js';
+export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip } from './chunk-ZBZ3ZQRB.js';
+export { Floating } from './chunk-ZHFIWDGF.js';
+export { FieldChrome, Select, SelectChevron, useFieldChrome } from './chunk-UCCNXGLG.js';
+export { FormField, useFormField } from './chunk-VUOAPWTF.js';
+export { Breadcrumb } from './chunk-IKO3GQFE.js';
+export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass } from './chunk-BR2B4OIT.js';
+export { Kbd, KbdArrowDown, KbdArrowUp, KbdGroup, KbdHint, KbdReturn, keysOf } from './chunk-57QEOCDZ.js';
+export { contrast, defaultTheme, randomTheme, themeCss, themeVars } from './chunk-NQL6SIIB.js';
+export { Accordion, AccordionItem } from './chunk-GI2SMFZL.js';
+export { AgentLoading, FlappySprite, ShimmerLabel, TetrisLabel, TetrisMark, TetrisStill } from './chunk-UGIVCXGN.js';
+export { AgentAvatar, AgentMenuItem, AgentPicker, AgentPickerRow } from './chunk-W472DBMT.js';
+export { AgentSuggestion, AgentSuggestionChanges, AgentSuggestionDiff, AgentSuggestionMetric, AgentSuggestionQuote } from './chunk-7Q76HLRQ.js';
+export { Progress } from './chunk-M2HEVFQ3.js';
+export { Badge, badgeVariants } from './chunk-XUOSJMEJ.js';
+export { AnnouncementBar } from './chunk-HK6WINL6.js';
+export { Banner, bannerVariants } from './chunk-SDOTDMYG.js';
+export { bannerMesh } from './chunk-YYFAZQ25.js';
+export { Button, buttonVariants } from './chunk-T6L32XXH.js';
+export { SatinLabels, defaultLabels, useSatinLabels } from './chunk-SSOFFQ5T.js';
+export { cn } from './chunk-O46O6LFQ.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-O46O6LFQ.js';

package/package.json

@@ -1,11 +1,19 @@
 {
   "name": "@uisatin/ui",
-  "version": "0.1.1",
+  "version": "0.3.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",
@@ -32,12 +40,25 @@
     },
     "./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",
       "default": "./components/*.js"
     }
   },
+  "engines": {
+    "node": ">=20.19"
+  },
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19"