@tensor_1/react 2.0.0

package/dist/components/Drawer.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface DrawerProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+}
+declare function Drawer({ open, onClose, title, children, footer, className }: DrawerProps): react.JSX.Element;
+
+export { Drawer, type DrawerProps };

package/dist/components/Drawer.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+import { useDialog } from "../hooks/useDialog.js";
+const CloseIcon = () => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+function Drawer({ open, onClose, title, children, footer, className }) {
+  const ref = useDialog(open);
+  return /* @__PURE__ */ jsxs("dialog", { ref, className: cx("uix-drawer", className), onClose, children: [
+    (title != null || onClose) && /* @__PURE__ */ jsxs("div", { className: "uix-drawer__header", children: [
+      title && /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, fontSize: "var(--uix-text-h3)" }, children: title }),
+      onClose && /* @__PURE__ */ jsx(
+        "button",
+        {
+          style: { marginLeft: "auto", border: 0, background: "transparent", color: "var(--uix-text-muted)", cursor: "pointer", width: 30, height: 30, display: "grid", placeItems: "center", borderRadius: "var(--uix-radius-sm)" },
+          onClick: onClose,
+          "aria-label": "Close drawer",
+          children: /* @__PURE__ */ jsx(CloseIcon, {})
+        }
+      )
+    ] }),
+    children != null && /* @__PURE__ */ jsx("div", { className: "uix-drawer__body", children }),
+    footer != null && /* @__PURE__ */ jsx("div", { className: "uix-drawer__footer", children: footer })
+  ] });
+}
+export {
+  Drawer
+};

package/dist/components/Field.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface FieldProps {
+    label?: string;
+    hint?: string;
+    error?: string;
+    success?: string;
+    required?: boolean;
+    children: ReactNode;
+    className?: string;
+    htmlFor?: string;
+}
+declare function Field({ label, hint, error, success, required, children, className, htmlFor }: FieldProps): react.JSX.Element;
+
+export { Field, type FieldProps };

package/dist/components/Field.js

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+function Field({ label, hint, error, success, required, children, className, htmlFor }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("uix-field", className), children: [
+    label && /* @__PURE__ */ jsx("label", { className: "uix-field__label", htmlFor, "data-required": required || void 0, children: label }),
+    children,
+    error && /* @__PURE__ */ jsx("span", { className: "uix-field__error", children: error }),
+    success && !error && /* @__PURE__ */ jsx("span", { className: "uix-field__success", children: success }),
+    hint && !error && !success && /* @__PURE__ */ jsx("span", { className: "uix-field__hint", children: hint })
+  ] });
+}
+export {
+  Field
+};

package/dist/components/Input.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: 'sm' | 'md';
+    invalid?: boolean;
+    valid?: boolean;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+interface InputGroupProps {
+    children: ReactNode;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+    className?: string;
+}
+declare function InputGroup({ children, leadingIcon, trailingIcon, className }: InputGroupProps): react.JSX.Element;
+
+export { Input, InputGroup, type InputGroupProps, type InputProps };

package/dist/components/Input.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cx } from "../cx.js";
+const Input = forwardRef(
+  ({ size = "md", invalid, valid, className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      className: cx("uix-input", size === "sm" && "uix-input--sm", className),
+      "aria-invalid": invalid || void 0,
+      "data-valid": valid || void 0,
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+function InputGroup({ children, leadingIcon, trailingIcon, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(
+        "uix-input-group",
+        leadingIcon && "uix-input-group--has-leading",
+        trailingIcon && "uix-input-group--has-trailing",
+        className
+      ),
+      children: [
+        leadingIcon && /* @__PURE__ */ jsx("span", { className: "uix-input-group__icon", children: leadingIcon }),
+        children,
+        trailingIcon && /* @__PURE__ */ jsx("span", { className: "uix-input-group__icon uix-input-group__icon--trailing", children: trailingIcon })
+      ]
+    }
+  );
+}
+export {
+  Input,
+  InputGroup
+};

package/dist/components/Kanban.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface KanbanProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+declare function Kanban({ children, className, ...props }: KanbanProps): react.JSX.Element;
+interface KanbanColumnProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    count?: number;
+    children?: ReactNode;
+}
+declare function KanbanColumn({ title, count, children, className, ...props }: KanbanColumnProps): react.JSX.Element;
+interface KanbanCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    meta?: ReactNode;
+    children?: ReactNode;
+}
+declare function KanbanCard({ title, meta, children, className, ...props }: KanbanCardProps): react.JSX.Element;
+
+export { Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, type KanbanProps };

package/dist/components/Kanban.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+function Kanban({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cx("uix-kanban", className), ...props, children });
+}
+function KanbanColumn({ title, count, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("uix-kanban__col", className), ...props, children: [
+    (title != null || count != null) && /* @__PURE__ */ jsxs("div", { className: "uix-kanban__head", children: [
+      title,
+      count != null && /* @__PURE__ */ jsx("span", { className: "uix-kanban__count", children: count })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "uix-kanban__body", children })
+  ] });
+}
+function KanbanCard({ title, meta, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("uix-kanban__card", className), ...props, children: [
+    title && /* @__PURE__ */ jsx("div", { className: "uix-kanban__card-title", children: title }),
+    meta && /* @__PURE__ */ jsx("div", { className: "uix-kanban__card-meta", children: meta }),
+    children
+  ] });
+}
+export {
+  Kanban,
+  KanbanCard,
+  KanbanColumn
+};

package/dist/components/Label.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface LabelProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Any CSS color or a `--uix-chart-*` var; sets `--label-color`. */
+    color?: string;
+    dot?: boolean;
+    children?: ReactNode;
+}
+/** Colored label / tag over `.uix-label`. */
+declare function Label({ color, dot, children, className, style, ...props }: LabelProps): react.JSX.Element;
+
+export { Label, type LabelProps };

package/dist/components/Label.js

@@ -0,0 +1,12 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+function Label({ color, dot, children, className, style, ...props }) {
+  const merged = color ? { "--label-color": color, ...style } : style;
+  return /* @__PURE__ */ jsxs("span", { className: cx("uix-label", className), style: merged, ...props, children: [
+    dot && /* @__PURE__ */ jsx("span", { className: "uix-label__dot", "aria-hidden": "true" }),
+    children
+  ] });
+}
+export {
+  Label
+};

package/dist/components/List.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface ListProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/** Bordered, rounded list container over `.uix-list`. */
+declare function List({ children, className, ...props }: ListProps): react.JSX.Element;
+interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    meta?: ReactNode;
+    /** Right-aligned trailing content (status, actions). */
+    trail?: ReactNode;
+    /** Leading content (icon/avatar) rendered before the title block. */
+    leading?: ReactNode;
+    children?: ReactNode;
+}
+/** A single `.uix-list__item`. Provide `title`/`meta`, or arbitrary `children`. */
+declare function ListItem({ title, meta, trail, leading, children, className, ...props }: ListItemProps): react.JSX.Element;
+
+export { List, ListItem, type ListItemProps, type ListProps };

package/dist/components/List.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+function List({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cx("uix-list", className), ...props, children });
+}
+function ListItem({ title, meta, trail, leading, children, className, ...props }) {
+  const hasTitleBlock = title != null || meta != null;
+  return /* @__PURE__ */ jsxs("div", { className: cx("uix-list__item", className), ...props, children: [
+    leading,
+    hasTitleBlock && /* @__PURE__ */ jsxs("div", { style: { minWidth: 0 }, children: [
+      title != null && /* @__PURE__ */ jsx("div", { className: "uix-list__title", children: title }),
+      meta != null && /* @__PURE__ */ jsx("div", { className: "uix-list__meta", children: meta })
+    ] }),
+    children,
+    trail != null && /* @__PURE__ */ jsx("div", { className: "uix-list__trail", children: trail })
+  ] });
+}
+export {
+  List,
+  ListItem
+};

package/dist/components/Modal.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { ReactNode, CSSProperties } from 'react';
+
+interface ModalProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function Modal({ open, onClose, title, children, footer, className, style }: ModalProps): react.JSX.Element;
+
+export { Modal, type ModalProps };

package/dist/components/Modal.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+import { useDialog } from "../hooks/useDialog.js";
+const CloseIcon = () => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+function Modal({ open, onClose, title, children, footer, className, style }) {
+  const ref = useDialog(open);
+  return /* @__PURE__ */ jsxs("dialog", { ref, className: cx("uix-dialog", className), style, onClose, children: [
+    (title != null || onClose) && /* @__PURE__ */ jsxs("div", { className: "uix-dialog__header", children: [
+      title && /* @__PURE__ */ jsx("div", { className: "uix-dialog__title", children: title }),
+      onClose && /* @__PURE__ */ jsx("button", { className: "uix-dialog__close", onClick: onClose, "aria-label": "Close dialog", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+    ] }),
+    children != null && /* @__PURE__ */ jsx("div", { className: "uix-dialog__body", children }),
+    footer != null && /* @__PURE__ */ jsx("div", { className: "uix-dialog__footer", children: footer })
+  ] });
+}
+export {
+  Modal
+};

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface PageHeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    /** Supporting copy under the title. */
+    subtitle?: ReactNode;
+    /** Right-aligned action area (buttons, menus). */
+    actions?: ReactNode;
+}
+/**
+ * Page header — eyebrow / title / subtitle + actions row, over `.uix-page-header`.
+ * The hairline + breathing room below come from the component CSS.
+ */
+declare function PageHeader({ eyebrow, title, subtitle, actions, className, ...props }: PageHeaderProps): react.JSX.Element;
+
+export { PageHeader, type PageHeaderProps };

package/dist/components/PageHeader.js

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+function PageHeader({ eyebrow, title, subtitle, actions, className, ...props }) {
+  return /* @__PURE__ */ jsxs("header", { className: cx("uix-page-header", className), ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: "uix-page-header__titles", children: [
+      eyebrow != null && /* @__PURE__ */ jsx("div", { className: "uix-page-header__eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx("h1", { className: "uix-page-header__title", children: title }),
+      subtitle != null && /* @__PURE__ */ jsx("p", { className: "uix-page-header__subtitle", children: subtitle })
+    ] }),
+    actions != null && /* @__PURE__ */ jsx("div", { className: "uix-page-header__actions", children: actions })
+  ] });
+}
+export {
+  PageHeader
+};

package/dist/components/Pagination.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    page: number;
+    pageCount: number;
+    onChange: (page: number) => void;
+}
+declare function Pagination({ page, pageCount, onChange, className, ...props }: PaginationProps): react.JSX.Element;
+
+export { Pagination, type PaginationProps };

package/dist/components/Pagination.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+function getPageNumbers(page, total) {
+  if (total <= 7) return Array.from({ length: total }, (_, i) => i + 1);
+  const pages = [1];
+  if (page > 3) pages.push("ellipsis");
+  const start = Math.max(2, page - 1);
+  const end = Math.min(total - 1, page + 1);
+  for (let p = start; p <= end; p++) pages.push(p);
+  if (page < total - 2) pages.push("ellipsis");
+  pages.push(total);
+  return pages;
+}
+function Pagination({ page, pageCount, onChange, className, ...props }) {
+  const pages = getPageNumbers(page, pageCount);
+  return /* @__PURE__ */ jsxs("nav", { "aria-label": "Pagination", className: cx("uix-pagination", className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "uix-pagination__btn",
+        onClick: () => onChange(page - 1),
+        disabled: page <= 1,
+        "aria-label": "Previous page",
+        children: "\u2039"
+      }
+    ),
+    pages.map(
+      (p, i) => p === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "uix-pagination__ellipsis", children: "\u2026" }, `e${i}`) : /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "uix-pagination__btn",
+          "aria-current": p === page ? "page" : void 0,
+          onClick: () => onChange(p),
+          children: p
+        },
+        p
+      )
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "uix-pagination__btn",
+        onClick: () => onChange(page + 1),
+        disabled: page >= pageCount,
+        "aria-label": "Next page",
+        children: "\u203A"
+      }
+    )
+  ] });
+}
+export {
+  Pagination
+};

package/dist/components/Peek.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface PeekProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    onNavPrev?: () => void;
+    onNavNext?: () => void;
+    hint?: string;
+    className?: string;
+}
+declare function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hint, className }: PeekProps): react.JSX.Element;
+
+export { Peek, type PeekProps };

package/dist/components/Peek.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+import { useDialog } from "../hooks/useDialog.js";
+const CloseIcon = () => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+const ChevronUp = () => /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M2 8l4-4 4 4" }) });
+const ChevronDown = () => /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M2 4l4 4 4-4" }) });
+function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hint, className }) {
+  const ref = useDialog(open);
+  const hasNav = onNavPrev != null || onNavNext != null;
+  const onBackdropClick = (e) => {
+    if (!onClose || e.target !== e.currentTarget) return;
+    const r = e.currentTarget.getBoundingClientRect();
+    if (r.width === 0) return;
+    const outside = e.clientX < r.left || e.clientX > r.right || e.clientY < r.top || e.clientY > r.bottom;
+    if (outside) onClose();
+  };
+  return /* @__PURE__ */ jsxs("dialog", { ref, className: cx("uix-peek", className), onClose, onClick: onBackdropClick, children: [
+    /* @__PURE__ */ jsxs("div", { className: "uix-peek__header", children: [
+      hasNav && /* @__PURE__ */ jsxs("div", { className: "uix-peek__nav", children: [
+        /* @__PURE__ */ jsx("button", { className: "uix-peek__navbtn", onClick: onNavPrev, disabled: !onNavPrev, "aria-label": "Previous record", children: /* @__PURE__ */ jsx(ChevronUp, {}) }),
+        /* @__PURE__ */ jsx("button", { className: "uix-peek__navbtn", onClick: onNavNext, disabled: !onNavNext, "aria-label": "Next record", children: /* @__PURE__ */ jsx(ChevronDown, {}) })
+      ] }),
+      title && /* @__PURE__ */ jsx("div", { className: "uix-peek__title", children: title }),
+      hint && /* @__PURE__ */ jsx("span", { className: "uix-peek__hint", children: hint }),
+      onClose && /* @__PURE__ */ jsx("button", { className: "uix-peek__close", onClick: onClose, "aria-label": "Close preview", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+    ] }),
+    children != null && /* @__PURE__ */ jsx("div", { className: "uix-peek__body", children }),
+    footer != null && /* @__PURE__ */ jsx("div", { className: "uix-peek__footer", children: footer })
+  ] });
+}
+export {
+  Peek
+};

package/dist/components/Popover.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Native popover behavior. Defaults to `"auto"` (light-dismiss). A trigger
+     * wires to it via `popoverTarget={id}`. Pass `"manual"` to control open state yourself.
+     */
+    popover?: 'auto' | 'manual';
+    children?: ReactNode;
+}
+/**
+ * Anchored surface over `.uix-popover`, using the native Popover API.
+ * Compose ITSM things like a filter popover by putting controls inside.
+ */
+declare function Popover({ popover, children, className, ...props }: PopoverProps): react.JSX.Element;
+
+export { Popover, type PopoverProps };

package/dist/components/Popover.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+function Popover({ popover = "auto", children, className, ...props }) {
+  const popoverAttr = { popover };
+  return /* @__PURE__ */ jsx("div", { className: cx("uix-popover", className), ...popoverAttr, ...props, children });
+}
+export {
+  Popover
+};

package/dist/components/Progress.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
+    /** 0..max. Ignored when `indeterminate`. */
+    value?: number;
+    /** Default 100. */
+    max?: number;
+    /** Continuous slide animation when the amount of work is unknown. */
+    indeterminate?: boolean;
+}
+declare function Progress({ value, max, indeterminate, className, ...props }: ProgressProps): react.JSX.Element;
+
+export { Progress, type ProgressProps };

package/dist/components/Progress.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+function Progress({ value = 0, max = 100, indeterminate, className, ...props }) {
+  const pct = Math.max(0, Math.min(100, value / (max || 100) * 100));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": max,
+      "aria-valuenow": indeterminate ? void 0 : value,
+      className: cx("uix-progress", indeterminate && "uix-progress--indeterminate", className),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "uix-progress__bar", style: indeterminate ? void 0 : { width: `${pct}%` } })
+    }
+  );
+}
+export {
+  Progress
+};

package/dist/components/Prose.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface ProseProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/**
+ * Long-form content container over `.uix-prose` (KB articles, descriptions,
+ * release notes). Apply to a block of rendered HTML/markdown.
+ */
+declare function Prose({ children, className, ...props }: ProseProps): react.JSX.Element;
+type NoteTone = 'info' | 'success' | 'warning' | 'danger';
+interface NoteProps extends HTMLAttributes<HTMLDivElement> {
+    tone?: NoteTone;
+    icon?: ReactNode;
+    children?: ReactNode;
+}
+/** Callout / note box over `.uix-note`. */
+declare function Note({ tone, icon, children, className, ...props }: NoteProps): react.JSX.Element;
+
+export { Note, type NoteProps, type NoteTone, Prose, type ProseProps };

package/dist/components/Prose.js

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+function Prose({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cx("uix-prose", className), ...props, children });
+}
+function Note({ tone, icon, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("uix-note", tone && `uix-note--${tone}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ jsx("div", { className: "uix-note__icon", children: icon }),
+    /* @__PURE__ */ jsx("div", { className: "uix-note__body", children })
+  ] });
+}
+export {
+  Note,
+  Prose
+};

package/dist/components/Radio.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode;
+}
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+interface RadioGroupProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function RadioGroup({ children, className }: RadioGroupProps): react.JSX.Element;
+
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

package/dist/components/Radio.js

@@ -0,0 +1,18 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cx } from "../cx.js";
+const Radio = forwardRef(
+  ({ label, className, ...props }, ref) => /* @__PURE__ */ jsxs("label", { className: cx("uix-radio", className), children: [
+    /* @__PURE__ */ jsx("input", { type: "radio", ref, ...props }),
+    /* @__PURE__ */ jsx("span", { className: "uix-radio__dot" }),
+    label
+  ] })
+);
+Radio.displayName = "Radio";
+function RadioGroup({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cx("uix-radio-group", className), children });
+}
+export {
+  Radio,
+  RadioGroup
+};

package/dist/components/Select.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { SelectHTMLAttributes } from 'react';
+
+interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    size?: 'sm' | 'md';
+}
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+export { Select, type SelectProps };

package/dist/components/Select.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cx } from "../cx.js";
+const Select = forwardRef(
+  ({ size = "md", className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "select",
+    {
+      ref,
+      className: cx("uix-select", size === "sm" && "uix-select--sm", className),
+      ...props
+    }
+  )
+);
+Select.displayName = "Select";
+export {
+  Select
+};