@nadicodeai/ui 12.1.102 → 12.1.104

package/dist/components/input.d.ts

@@ -1,19 +1,71 @@
 import * as React from "react";
+import { type FieldName } from "../internal/field-frame.js";
+import { type FieldSize } from "../internal/input-box.js";
+export type { FieldSize };
+type InputProps = Omit<React.ComponentProps<"input">, "size" | "prefix"> & {
+    size?: FieldSize;
+    /** Literal text or a mark in a cell before the value: `https://`. */
+    prefix?: React.ReactNode;
+    /** Literal text or a mark in a cell after the value: `.com`. */
+    suffix?: React.ReactNode;
+    /** `segment` draws the prefix and suffix as filled cells with a divider; `plain` sets them on the box's own fill. */
+    look?: "segment" | "plain";
+    /** A pill: the box, its cells and its halo take the full corner. */
+    rounded?: boolean;
+    /** One muted sentence under the box that says what to enter, read with the box. */
+    description?: string;
+    /** The message under the box, in the product's words; it also marks the box invalid. */
+    error?: string;
+} & FieldName;
 /**
- * One line of free text, edged in the input grey.
+ * One line of free text.
  *
  * @family Inputs
- * @when One free-form value on one line: a name, an address, a number.
- * @instead Text with a fixed prefix, an icon or a button inside is `InputGroup`. Several lines are
- * `Textarea`. A known set of values is a select, radios or a combobox.
- * @behaviour 36 px, edged in the `input` role's grey with no shadow, 6 px corners. Focus is the 2 px outline. Invalid keeps a red edge and a red outline even without
- * focus. Disabled is 50% on a half-grey fill. The value survives a failed save.
- * @words The label is a noun in sentence case with no colon. The placeholder is an example (*Bizeta
- * Arredamenti*), never the label or an instruction. In a configuration section the box stops at 20
- * rem under its label.
- * @access A visible `label` tied by `id`, the help and the error joined through `aria-describedby`,
- * `aria-invalid` when wrong. Use the right `type`, `autocomplete` and `inputMode`.
+ * @when "Retrieve text input from a user." (https://vercel.com/geist/input) "Pick `<Input>` for a
+ * single line of free-form text such as names, domains, or tokens." (https://vercel.com/geist/input)
+ * @instead "Switch to `Textarea` the moment content can wrap to multiple lines."
+ * (https://vercel.com/geist/input) "Use `Combobox` when the value comes from a known list the user
+ * filters by typing." (https://vercel.com/geist/input) "For an inline search box, set the `search`
+ * variant with a scoped placeholder like `Search projects`; don’t embed a `<SearchInput>` inside an
+ * unrelated form." (https://vercel.com/geist/input) Ours: there is no `search` variant. A
+ * collection's search is `CollectionSearch`, and a value people empty often is `ClearableInput`. A
+ * short known set is radios or a select. A button inside the box, or a server-given value with its
+ * copy button, is an `InputGroup`.
+ * @behaviour Sizes `sm` (32 px), default (36 px) and `lg` (40 px, larger type) are shared by every
+ * field, so fields in a row line up. The edge is a 1 px ring outside the box that darkens on hover;
+ * focus makes it full strength with a soft 4 px halo around it. Colour sits in one place: an error
+ * turns the ring red and fills the halo, always and also while focused, and colours the message;
+ * the label, fill, text and placeholder stay neutral. Disabled steps down in fill and text, never
+ * in opacity, and ignores hover. `label` and `error` draw the `Field` parts around the box: the
+ * label above it, the message under it with an alert mark. `prefix` and `suffix` are filled cells
+ * inside the ring, divided from the text, with 14 px marks (8 px of padding at `sm`); the suffix
+ * reads in the text colour. `look="plain"` sets both on the box's own fill with no divider, flush
+ * against the text. `rounded` makes the box a pill. `className` lands on the box. "Validate on
+ * blur, not on every keystroke; surface the message by passing a string to `error`."
+ * (https://vercel.com/geist/input) "Trim leading and trailing whitespace before submit so `
+ * example.com` and `example.com` resolve to one value." (https://vercel.com/geist/input) "Keep the
+ * field focusable while saving; pair `disabled` with a spinner only when input is impossible."
+ * (https://vercel.com/geist/input) "Don’t wrap a labelled `<Input>` in a `Tooltip`; put the
+ * explainer on a sibling icon button so the label stays announced."
+ * (https://vercel.com/geist/input) "Helper text is sentence case, one sentence with a trailing
+ * period, on a sibling element wired through `aria-describedby`." (https://vercel.com/geist/input)
+ * Ours: help is the one-line description of the card or form around the field, not a line under it.
+ * Nothing spins while a field saves. Only the forms `Field` names trim.
+ * @words "Labels are short Title Case nouns: `Project Name`, `Domain`, `Environment Variable
+ * Name`." (https://vercel.com/geist/input) "Placeholders show an example value
+ * (`my-awesome-project`, `example.com`), never instructions like `Enter your project name`."
+ * (https://vercel.com/geist/input) "Validation names the field and the constraint, ends in a
+ * period, and skips `please` (`Project name is required.`, `Code must be 6 digits.`)."
+ * (https://vercel.com/geist/input) Ours: the label is a short noun in sentence case with no colon,
+ * not Title Case, and the example comes from our catalogue (*Bizeta Arredamenti*).
+ * @access "Passing a string to `label` requires `id`; the `InputPropsWithStringLabelAndId` union
+ * won’t compile without it and screen readers lose the association."
+ * (https://vercel.com/geist/input) Ours: a field whose name is drawn elsewhere (a toolbar's search,
+ * a table cell) takes `aria-label` or `aria-labelledby` instead, and one with no name does not
+ * compile. The error is joined through `aria-describedby`. Use the right `type`, `autocomplete` and
+ * `inputMode`. "For icon-only affordances inside a row of inputs, use `<Button shape="circle"
+ * svgOnly aria-label="…">` rather than an unlabeled icon." (https://vercel.com/geist/input)
  */
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+declare function Input({ label, description, error, prefix, suffix, look, rounded, size, className, ...props }: InputProps): React.JSX.Element;
 export { Input };
 //# sourceMappingURL=input.d.ts.map

package/dist/components/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;GAcG;AACH,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAY1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGhE,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,KAAK,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qEAAqE;IACrE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gEAAgE;IAChE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qHAAqH;IACrH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,SAAS,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAgB,EAChB,OAAe,EACf,IAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,qBAyBZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/input.js

@@ -1,22 +1,58 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
+import { FieldFrame } from "../internal/field-frame.js";
+import { InputBox } from "../internal/input-box.js";
+import { InputGroup, InputGroupAddon, InputGroupControl } from "./input-group.js";
 /**
- * One line of free text, edged in the input grey.
+ * One line of free text.
  *
  * @family Inputs
- * @when One free-form value on one line: a name, an address, a number.
- * @instead Text with a fixed prefix, an icon or a button inside is `InputGroup`. Several lines are
- * `Textarea`. A known set of values is a select, radios or a combobox.
- * @behaviour 36 px, edged in the `input` role's grey with no shadow, 6 px corners. Focus is the 2 px outline. Invalid keeps a red edge and a red outline even without
- * focus. Disabled is 50% on a half-grey fill. The value survives a failed save.
- * @words The label is a noun in sentence case with no colon. The placeholder is an example (*Bizeta
- * Arredamenti*), never the label or an instruction. In a configuration section the box stops at 20
- * rem under its label.
- * @access A visible `label` tied by `id`, the help and the error joined through `aria-describedby`,
- * `aria-invalid` when wrong. Use the right `type`, `autocomplete` and `inputMode`.
+ * @when "Retrieve text input from a user." (https://vercel.com/geist/input) "Pick `<Input>` for a
+ * single line of free-form text such as names, domains, or tokens." (https://vercel.com/geist/input)
+ * @instead "Switch to `Textarea` the moment content can wrap to multiple lines."
+ * (https://vercel.com/geist/input) "Use `Combobox` when the value comes from a known list the user
+ * filters by typing." (https://vercel.com/geist/input) "For an inline search box, set the `search`
+ * variant with a scoped placeholder like `Search projects`; don’t embed a `<SearchInput>` inside an
+ * unrelated form." (https://vercel.com/geist/input) Ours: there is no `search` variant. A
+ * collection's search is `CollectionSearch`, and a value people empty often is `ClearableInput`. A
+ * short known set is radios or a select. A button inside the box, or a server-given value with its
+ * copy button, is an `InputGroup`.
+ * @behaviour Sizes `sm` (32 px), default (36 px) and `lg` (40 px, larger type) are shared by every
+ * field, so fields in a row line up. The edge is a 1 px ring outside the box that darkens on hover;
+ * focus makes it full strength with a soft 4 px halo around it. Colour sits in one place: an error
+ * turns the ring red and fills the halo, always and also while focused, and colours the message;
+ * the label, fill, text and placeholder stay neutral. Disabled steps down in fill and text, never
+ * in opacity, and ignores hover. `label` and `error` draw the `Field` parts around the box: the
+ * label above it, the message under it with an alert mark. `prefix` and `suffix` are filled cells
+ * inside the ring, divided from the text, with 14 px marks (8 px of padding at `sm`); the suffix
+ * reads in the text colour. `look="plain"` sets both on the box's own fill with no divider, flush
+ * against the text. `rounded` makes the box a pill. `className` lands on the box. "Validate on
+ * blur, not on every keystroke; surface the message by passing a string to `error`."
+ * (https://vercel.com/geist/input) "Trim leading and trailing whitespace before submit so `
+ * example.com` and `example.com` resolve to one value." (https://vercel.com/geist/input) "Keep the
+ * field focusable while saving; pair `disabled` with a spinner only when input is impossible."
+ * (https://vercel.com/geist/input) "Don’t wrap a labelled `<Input>` in a `Tooltip`; put the
+ * explainer on a sibling icon button so the label stays announced."
+ * (https://vercel.com/geist/input) "Helper text is sentence case, one sentence with a trailing
+ * period, on a sibling element wired through `aria-describedby`." (https://vercel.com/geist/input)
+ * Ours: help is the one-line description of the card or form around the field, not a line under it.
+ * Nothing spins while a field saves. Only the forms `Field` names trim.
+ * @words "Labels are short Title Case nouns: `Project Name`, `Domain`, `Environment Variable
+ * Name`." (https://vercel.com/geist/input) "Placeholders show an example value
+ * (`my-awesome-project`, `example.com`), never instructions like `Enter your project name`."
+ * (https://vercel.com/geist/input) "Validation names the field and the constraint, ends in a
+ * period, and skips `please` (`Project name is required.`, `Code must be 6 digits.`)."
+ * (https://vercel.com/geist/input) Ours: the label is a short noun in sentence case with no colon,
+ * not Title Case, and the example comes from our catalogue (*Bizeta Arredamenti*).
+ * @access "Passing a string to `label` requires `id`; the `InputPropsWithStringLabelAndId` union
+ * won’t compile without it and screen readers lose the association."
+ * (https://vercel.com/geist/input) Ours: a field whose name is drawn elsewhere (a toolbar's search,
+ * a table cell) takes `aria-label` or `aria-labelledby` instead, and one with no name does not
+ * compile. The error is joined through `aria-describedby`. Use the right `type`, `autocomplete` and
+ * `inputMode`. "For icon-only affordances inside a row of inputs, use `<Button shape="circle"
+ * svgOnly aria-label="…">` rather than an unlabeled icon." (https://vercel.com/geist/input)
  */
-function Input({ className, type, ...props }) {
-    return (_jsx(InputPrimitive, { type: type, "data-slot": "input", className: cn("h-control-height min-h-touch-target w-full min-w-0 rounded-sm border border-input bg-background px-control-padding-inline py-1 text-base transition-colors file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-placeholder disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive [@media(hover:hover)_and_(pointer:fine)]:min-h-0 md:text-sm", className), ...props }));
+function Input({ label, description, error, prefix, suffix, look = "segment", rounded = false, size = "default", className, ...props }) {
+    return (_jsx(FieldFrame, { label: label, description: description, error: error, size: size, control: props, children: (aria) => prefix || suffix ? (_jsxs(InputGroup, { size: size, rounded: rounded, className: className, children: [prefix ? _jsx(InputGroupAddon, { look: look, children: prefix }) : null, _jsx(InputGroupControl, { ...props, ...aria }), suffix ? (_jsx(InputGroupAddon, { align: "inline-end", look: look, children: suffix })) : null] })) : (_jsx(InputBox, { size: size, className: cn(rounded && "rounded-full", className), ...props, ...aria })) }));
 }
 export { Input };

package/dist/components/item.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import type { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
 import { useRender } from "@base-ui/react/use-render";
 import { type VariantProps } from "class-variance-authority";
 import { Separator } from "./separator.js";
@@ -15,23 +16,28 @@ declare function ItemGroup({ className, divided, render, ...props }: useRender.C
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
-    size?: "default" | "xs" | "sm" | null | undefined;
+    size?: "default" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * A row said in a sentence: media, a title, one line of description, trailing actions.
  *
  * @family Data
- * @when Things best said in a sentence: an activity feed, a Library shelf, connected accounts.
- * Media, a title, one line of description, trailing actions.
- * @instead Facts that compare across records are a `DataTable`. A page whose job is one collection
- * is `CollectionPage`. Agents in a gallery are `AgentListRow`; Library entries `CatalogEntry`.
- * @behaviour Inside a card the group is `divided`: no gaps, one hairline between items. An item
- * that is an `a` or `button` takes the `accent` hover and is one hit target; nested controls stay
- * independent. The title holds one line.
- * @words Title: the name, or what happened as a short sentence (*Nadia filed 12 invoices*).
- * Description: one sentence. One primary action as a button; the rest in the three dots.
- * @access The group is a `list` and each item a list item. A linked item's text is its name; image
- * media is decorative beside the title.
+ * @when “Use `<Entity>` for a row of descriptive content paired with one or two controls (member rows, integration rows, domain rows).” (https://vercel.com/geist/entity)
+ * Ours: things best said in a sentence, with one or two controls and no columns: a connected account, a session, a notification preference, a Library shelf row, an activity row. Media, a title over its description, trailing controls.
+ * @instead “For tabular data with sortable columns and shared row shape, use `Table` instead.” (https://vercel.com/geist/entity)
+ * “For a static key/value metadata block on a detail page, use `Description`.” (https://vercel.com/geist/entity)
+ * Ours: Geist's `Table` is a `DataTable` and its `Description` is `ObjectFacts`. An object a person opens, with a mark, facts and a status, is a `RecordList` row; the same row edited in place is a `RecordList` with an `editor`. A page whose job is one collection is `CollectionPage`. Agents in a gallery are `AgentListRow`; Library entries `CatalogEntry`.
+ * @behaviour Every row has a title over its one muted description line; only a message row read whole, or a second content beside the first, may be description only. Media, content and actions stand 16 px apart, centred on one another, in a 72 px row of 16 px padding; the title and the description each hold one line and end in an ellipsis (`whole` lets a message wrap). Inside a card the group is `divided`: no gaps, one hairline between items. An item that is an `a`, a `button` or a `label` takes the `accent` hover and is one hit target; a plain item never reacts to hover; nested controls stay independent. A button in the row is `size="sm"`. A row a person picks starts with `ItemSelect` and is drawn `render={<label />}`, so the whole row ticks its box and has no other control. A second content beside the first takes only the room its words need. Colour is neutral: the title in ink, the description and any trailing words muted, no hue.
+ * “The right column holds at most one or two controls. If the row needs more, move secondary actions into a `Dots Menu`.” (https://vercel.com/geist/entity)
+ * Ours: the third control goes in the row's three dots.
+ * “Render the Skeleton variant (`entity-with-skeleton`) during load instead of an empty row, and swap to real content once data resolves.” (https://vercel.com/geist/entity)
+ * Ours: `ItemSkeleton` stands in a `SkeletonRegion`, still, with no shimmer.
+ * @words “Lead the left column with a scannable identifier: an `Avatar` or icon, a Title Case label, then sentence-case secondary metadata (`Member since Mar 14, 2026`).” (https://vercel.com/geist/entity)
+ * “Keep right-column buttons Verb + Noun (`Remove Member`, `Resend Invite`). Bare verbs like `Remove` or `Confirm` lose context once the row scrolls offscreen.” (https://vercel.com/geist/entity)
+ * Ours: the title is the name, or what happened as a short sentence (*Nadia filed 12 invoices*), and the description one sentence, in sentence case: *Remove member*, never *Remove*.
+ * @access Draw each row of a group `render={<li />}`, so the group is a list of list items. A linked item's text is its name; image media is decorative beside the title.
+ * “For multi-select rows, the leading `Checkbox` carries `aria-label="Select {entity name}"` so the row is selectable without relying on the visual label.” (https://vercel.com/geist/entity)
+ * Ours: the box of `ItemSelect` is named *Select {name}* in the product's words.
  */
 declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare const itemMediaVariants: (props?: ({
@@ -41,11 +47,27 @@ declare function ItemMedia({ className, variant, ...props }: React.ComponentProp
 declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemDescription({ className, whole, ...props }: React.ComponentProps<"p"> & {
-    /** A message read whole, such as a failure and its next step, is never cut to two lines. */
+    /** A message read whole, such as a failure and its next step, wraps instead of ending in an ellipsis. */
     whole?: boolean;
 }): React.JSX.Element;
-declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+type ItemAction = React.ReactElement | string | number | false | null | undefined;
+declare function ItemActions({ className, ...props }: Omit<React.ComponentProps<"div">, "children"> & {
+    /** One or two controls; a third goes in the row's three dots. */
+    children?: ItemAction | readonly [ItemAction, ItemAction];
+}): React.JSX.Element;
+declare function ItemSelect({ label, ...props }: Omit<CheckboxPrimitive.Root.Props, "aria-label" | "aria-labelledby"> & {
+    /** Names the box for assistive technology: "Select Chrome, Mac". */
+    label: string;
+}): React.JSX.Element;
+/**
+ * The place of one item while its record loads: a bar for the title line and three for the
+ * description line.
+ *
+ * “Set `width` and `height` to match the final content so the layout doesn’t shift when data resolves.” (https://vercel.com/geist/skeleton)
+ * Ours: the bars are sized like the final row.
+ */
+declare function ItemSkeleton({ className, ...props }: Omit<React.ComponentProps<"div">, "children">): React.JSX.Element;
 declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
+export { Item, ItemMedia, ItemContent, ItemActions, ItemSelect, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, ItemSkeleton, };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../src/components/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAe,EACf,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACnC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,0EAmBA;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,qBAWrF;AAED,QAAA,MAAM,YAAY;;;8EAoBjB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,0EAgBrE;AAED,QAAA,MAAM,iBAAiB;;8EAetB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,qBAStE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWtE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,4FAA4F;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,qBAYA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAIxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,OAAO,EACL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,GACX,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../src/components/item.tsx"],"names":[],"mappings":"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"}

package/dist/components/item.js

@@ -1,9 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/utils.js";
+import { Checkbox } from "./checkbox.js";
 import { Separator } from "./separator.js";
+import { Skeleton } from "./skeleton.js";
 function ItemGroup({ className, divided = false, render, ...props }) {
     return useRender({
         defaultTagName: "div",
@@ -11,7 +13,7 @@ function ItemGroup({ className, divided = false, render, ...props }) {
             role: "list",
             className: cn("group/item-group flex w-full flex-col", divided
                 ? "[&>*:not(:last-child)]:border-b [&>*:not(:last-child)]:border-b-border"
-                : "gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className),
+                : "gap-4 has-data-[size=xs]:gap-2", className),
         }, props),
         render,
         state: { slot: "item-group", divided },
@@ -20,7 +22,7 @@ function ItemGroup({ className, divided = false, render, ...props }) {
 function ItemSeparator({ className, ...props }) {
     return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-2", className), ...props, "aria-hidden": "true", role: "presentation" }));
 }
-const itemVariants = cva("nc-transition-paint group/item flex w-full flex-wrap items-center rounded-sm border text-sm in-data-divided:rounded-none in-data-divided:border-0 [a]:transition-colors [a]:hover:bg-accent [button]:transition-colors [button]:text-left [button]:enabled:hover:bg-accent [button]:disabled:opacity-50", {
+const itemVariants = cva("nc-transition-paint group/item flex w-full flex-wrap items-center rounded-sm border text-sm in-data-divided:rounded-none in-data-divided:border-0 [a]:transition-colors [a]:hover:bg-accent [label]:cursor-pointer [label]:transition-colors [label]:hover:bg-accent [button]:transition-colors [button]:text-left [button]:enabled:hover:bg-accent [button]:disabled:opacity-50", {
     variants: {
         variant: {
             default: "border-transparent",
@@ -28,8 +30,7 @@ const itemVariants = cva("nc-transition-paint group/item flex w-full flex-wrap i
             muted: "border-transparent bg-muted/50",
         },
         size: {
-            default: "gap-2.5 px-3 py-2.5",
-            sm: "gap-2.5 px-3 py-2.5",
+            default: "gap-4 p-4",
             xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0",
         },
     },
@@ -42,17 +43,22 @@ const itemVariants = cva("nc-transition-paint group/item flex w-full flex-wrap i
  * A row said in a sentence: media, a title, one line of description, trailing actions.
  *
  * @family Data
- * @when Things best said in a sentence: an activity feed, a Library shelf, connected accounts.
- * Media, a title, one line of description, trailing actions.
- * @instead Facts that compare across records are a `DataTable`. A page whose job is one collection
- * is `CollectionPage`. Agents in a gallery are `AgentListRow`; Library entries `CatalogEntry`.
- * @behaviour Inside a card the group is `divided`: no gaps, one hairline between items. An item
- * that is an `a` or `button` takes the `accent` hover and is one hit target; nested controls stay
- * independent. The title holds one line.
- * @words Title: the name, or what happened as a short sentence (*Nadia filed 12 invoices*).
- * Description: one sentence. One primary action as a button; the rest in the three dots.
- * @access The group is a `list` and each item a list item. A linked item's text is its name; image
- * media is decorative beside the title.
+ * @when “Use `<Entity>` for a row of descriptive content paired with one or two controls (member rows, integration rows, domain rows).” (https://vercel.com/geist/entity)
+ * Ours: things best said in a sentence, with one or two controls and no columns: a connected account, a session, a notification preference, a Library shelf row, an activity row. Media, a title over its description, trailing controls.
+ * @instead “For tabular data with sortable columns and shared row shape, use `Table` instead.” (https://vercel.com/geist/entity)
+ * “For a static key/value metadata block on a detail page, use `Description`.” (https://vercel.com/geist/entity)
+ * Ours: Geist's `Table` is a `DataTable` and its `Description` is `ObjectFacts`. An object a person opens, with a mark, facts and a status, is a `RecordList` row; the same row edited in place is a `RecordList` with an `editor`. A page whose job is one collection is `CollectionPage`. Agents in a gallery are `AgentListRow`; Library entries `CatalogEntry`.
+ * @behaviour Every row has a title over its one muted description line; only a message row read whole, or a second content beside the first, may be description only. Media, content and actions stand 16 px apart, centred on one another, in a 72 px row of 16 px padding; the title and the description each hold one line and end in an ellipsis (`whole` lets a message wrap). Inside a card the group is `divided`: no gaps, one hairline between items. An item that is an `a`, a `button` or a `label` takes the `accent` hover and is one hit target; a plain item never reacts to hover; nested controls stay independent. A button in the row is `size="sm"`. A row a person picks starts with `ItemSelect` and is drawn `render={<label />}`, so the whole row ticks its box and has no other control. A second content beside the first takes only the room its words need. Colour is neutral: the title in ink, the description and any trailing words muted, no hue.
+ * “The right column holds at most one or two controls. If the row needs more, move secondary actions into a `Dots Menu`.” (https://vercel.com/geist/entity)
+ * Ours: the third control goes in the row's three dots.
+ * “Render the Skeleton variant (`entity-with-skeleton`) during load instead of an empty row, and swap to real content once data resolves.” (https://vercel.com/geist/entity)
+ * Ours: `ItemSkeleton` stands in a `SkeletonRegion`, still, with no shimmer.
+ * @words “Lead the left column with a scannable identifier: an `Avatar` or icon, a Title Case label, then sentence-case secondary metadata (`Member since Mar 14, 2026`).” (https://vercel.com/geist/entity)
+ * “Keep right-column buttons Verb + Noun (`Remove Member`, `Resend Invite`). Bare verbs like `Remove` or `Confirm` lose context once the row scrolls offscreen.” (https://vercel.com/geist/entity)
+ * Ours: the title is the name, or what happened as a short sentence (*Nadia filed 12 invoices*), and the description one sentence, in sentence case: *Remove member*, never *Remove*.
+ * @access Draw each row of a group `render={<li />}`, so the group is a list of list items. A linked item's text is its name; image media is decorative beside the title.
+ * “For multi-select rows, the leading `Checkbox` carries `aria-label="Select {entity name}"` so the row is selectable without relying on the visual label.” (https://vercel.com/geist/entity)
+ * Ours: the box of `ItemSelect` is named *Select {name}* in the product's words.
  */
 function Item({ className, variant = "default", size = "default", render, ...props }) {
     return useRender({
@@ -68,12 +74,12 @@ function Item({ className, variant = "default", size = "default", render, ...pro
         },
     });
 }
-const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 [&_svg]:pointer-events-none", {
     variants: {
         variant: {
             default: "bg-transparent",
             icon: "[&_svg:not([class*='size-'])]:size-4",
-            image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover",
+            image: "size-8 overflow-hidden rounded-sm group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover",
         },
     },
     defaultVariants: {
@@ -84,21 +90,34 @@ function ItemMedia({ className, variant = "default", ...props }) {
     return (_jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })), ...props }));
 }
 function ItemContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-content", className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className), ...props }));
+    return (_jsx("div", { "data-slot": "item-content", className: cn("flex min-w-0 flex-1 flex-col [&+[data-slot=item-content]]:flex-none", className), ...props }));
 }
 function ItemTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-title", className: cn("line-clamp-1 flex w-fit items-center gap-2 text-left text-sm font-medium underline-offset-4", className), ...props }));
+    return (_jsx("div", { "data-slot": "item-title", className: cn("line-clamp-1 flex w-fit items-center gap-2 text-left text-sm font-semibold underline-offset-4", className), ...props }));
 }
 function ItemDescription({ className, whole = false, ...props }) {
-    return (_jsx("p", { "data-slot": "item-description", className: cn(!whole && "line-clamp-2", "text-left text-sm font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
+    return (_jsx("p", { "data-slot": "item-description", className: cn(!whole && "truncate", "text-left text-sm font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
 }
 function ItemActions({ className, ...props }) {
     return (_jsx("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props }));
 }
+function ItemSelect({ label, ...props }) {
+    return (_jsx(ItemMedia, { children: _jsx(Checkbox, { "aria-label": label, ...props }) }));
+}
+/**
+ * The place of one item while its record loads: a bar for the title line and three for the
+ * description line.
+ *
+ * “Set `width` and `height` to match the final content so the layout doesn’t shift when data resolves.” (https://vercel.com/geist/skeleton)
+ * Ours: the bars are sized like the final row.
+ */
+function ItemSkeleton({ className, ...props }) {
+    return (_jsxs(Item, { "aria-busy": "true", className: cn("flex-col items-stretch gap-2", className), ...props, children: [_jsx(Skeleton, { height: 20, width: "100%" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { height: 20, width: 70 }), _jsx(Skeleton, { height: 20, width: 60 }), _jsx(Skeleton, { height: 20, width: 68 })] })] }));
+}
 function ItemHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "item-header", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
 }
 function ItemFooter({ className, ...props }) {
     return (_jsx("div", { "data-slot": "item-footer", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
 }
-export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
+export { Item, ItemMedia, ItemContent, ItemActions, ItemSelect, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, ItemSkeleton, };

package/dist/components/kbd.d.ts

@@ -1,18 +1,54 @@
+export declare const KBD_KEYS: readonly ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "/", ",", ".", "?", "[", "]", "-", "=", "Enter", "Esc", "Tab", "Space", "Backspace", "Delete", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+/** One key: a capital letter, a digit, a punctuation mark or a named key. */
+export type KbdKey = (typeof KBD_KEYS)[number];
+type Modifier = "meta" | "shift" | "alt" | "ctrl";
+type Modifiers = {
+    [M in Modifier]?: boolean;
+};
+type SomeModifier = {
+    [M in Modifier]: Record<M, true> & Modifiers;
+}[Modifier];
+export type KbdProps = Omit<React.ComponentProps<"kbd">, "children"> & {
+    /** `sm` is for a menu row, a command item or a table cell. */
+    size?: "default" | "sm";
+} & ((Modifiers & {
+    /**
+     * The key, which a modifier flag may precede. JSX text types as `string`, so the lint rule
+     * `kbd-children-no-modifier-text` holds it to `KBD_KEYS`.
+     */
+    children: string;
+}) | (SomeModifier & {
+    children?: undefined;
+}));
 /**
- * One key of a shortcut, beside the command it triggers.
+ * One key, or a modifier with its key, of a shortcut beside the command it triggers.
  *
  * @family Data
- * @when A shortcut hint next to the command it triggers: Find with ⌘K, the sidebar with ⌘B. 20 px,
- * 2 px corners, mono 12 on the recessed fill.
- * @instead A key a person types into is an `Input`; a code a person types is `InputOTP`. In a
- * command list, `CommandShortcut`.
- * @behaviour Not interactive. Only shortcuts actually bound are shown. The caller maps the
- * platform: ⌘ on macOS, Ctrl on Windows and Linux.
- * @words One key per `Kbd`; symbols for macOS modifiers (⌘ ⇧ ⌥), words elsewhere (*Ctrl*).
- * Surrounding prose stays outside the key.
- * @access A `kbd` element, read in order; the command's own name carries the meaning.
+ * @when "Use `<Kbd>` for shortcut hints inside prose, menu items, and button suffixes." "Use `small`
+ * inside dense surfaces like menu rows, command-bar items, or table cells where the default size
+ * crowds adjacent text." (https://vercel.com/geist/keyboard-input)
+ * Ours: `small` is `size="sm"`. Find with ⌘K, the sidebar with ⌘B. Only shortcuts actually bound are
+ * shown.
+ * @instead "In long-form docs that narrate a shortcut, write `the ⌘ K shortcut` directly so the page
+ * renders the same when copied to plain text." (https://vercel.com/geist/keyboard-input)
+ * Ours: a key a person types into is an `Input`; a code a person types is `InputOTP`.
+ * @behaviour "Pass modifiers via boolean props (`meta`, `shift`, `alt`, `ctrl`)." "The component
+ * swaps `⌘` for `Ctrl` on Windows and Linux, so hard-coding `<Kbd>Cmd+K</Kbd>` ships the wrong glyph
+ * to half your users." (https://vercel.com/geist/keyboard-input)
+ * Ours: not interactive. ⌘ ⇧ ⌥ ⌃ on Apple systems, *Ctrl* *Shift* *Alt* elsewhere, with `meta`
+ * becoming *Ctrl*. The server draws the Apple form and the browser corrects it after hydration.
+ * Several flags make one key: `meta shift`. It is 24 px high (`size="sm"`: 20 px) in the interface's
+ * sans type, 14 px (12 px), with no gap between Apple glyphs. Colour: one neutral key in the primary
+ * ink on the page surface with a hairline ring, no hue; inside a tooltip it drops the ring and takes
+ * a fill one step off the tooltip's inverted surface, at 20 px.
+ * @words "`children` is one key, digit, or named key (`K`, `7`, `Enter`, `Esc`)." "Don’t lowercase
+ * it, don’t spell out modifiers inside, and don’t pack a sentence into the element." "Punctuation
+ * lives outside the element: `Press <Kbd meta>K</Kbd> to open the command menu.`" "Period, comma,
+ * and `or` separators stay in surrounding prose so screen readers don’t announce them as keys."
+ * (https://vercel.com/geist/keyboard-input)
+ * Ours: children is a capital letter, a digit, a mark or a named key from `KBD_KEYS`.
+ * @access Ours: a `kbd` element, read in order; the command's own name carries the meaning.
  */
-declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react").JSX.Element;
-declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-export { Kbd, KbdGroup };
+declare function Kbd({ className, size, meta, shift, alt, ctrl, children, ...props }: KbdProps): import("react").JSX.Element;
+export { Kbd };
 //# sourceMappingURL=kbd.d.ts.map

package/dist/components/kbd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/components/kbd.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,iBAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWhE;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQrE;AAED,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/components/kbd.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,iVAuDX,CAAC;AAEX,6EAA6E;AAC7E,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/C,KAAK,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAClD,KAAK,SAAS,GAAG;KAAG,CAAC,IAAI,QAAQ,CAAC,CAAC,EAAE,OAAO;CAAE,CAAC;AAC/C,KAAK,YAAY,GAAG;KAAG,CAAC,IAAI,QAAQ,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,SAAS;CAAE,CAAC,QAAQ,CAAC,CAAC;AAE/E,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,GAAG,CACE,CAAC,SAAS,GAAG;IACX;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC,GACF,CAAC,YAAY,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAC5C,CAAC;AA6BJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,iBAAS,GAAG,CAAC,EACX,SAAS,EACT,IAAgB,EAChB,IAAI,EACJ,KAAK,EACL,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,QAAQ,+BA+BV;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}