@psnext/design-system 2.5.0 → 2.6.0

package/dist/index35.d.ts

@@ -1,59 +1,40 @@
-import { t as Button } from "./index8.js";
-import { t as Input } from "./index34.js";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime145 from "react/jsx-runtime";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import * as react_jsx_runtime311 from "react/jsx-runtime";
+import * as class_variance_authority_types26 from "class-variance-authority/types";
 
-//#region src/primitives/InputGroup/InputGroup.d.ts
-/** Bordered container that groups a control (input/textarea) with addons, buttons, and text into one focusable field. */
-declare function InputGroup({
-  className,
-  /** Chrome style — `default` bordered group or `ai` (AI gradient border). */
-  variant,
-  ...props
-}: React.ComponentProps<"div"> & {
-  variant?: "default" | "ai";
-}): react_jsx_runtime145.JSX.Element;
-declare const inputGroupAddonVariants: (props?: ({
-  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
-/** A leading/trailing or stacked slot for icons, text, or buttons; clicking it focuses the group's input. */
-declare function InputGroupAddon({
-  className,
-  /** Where the addon sits relative to the control: inline (left/right) or block (top/bottom). */
-  align,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime145.JSX.Element;
-declare const inputGroupButtonVariants: (props?: ({
-  size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
-/** A compact Button sized to sit inside an addon without overflowing the group's height. */
-declare function InputGroupButton({
-  className,
-  /** The button's HTML type; defaults to `"button"` so it does not submit forms. */
-  type,
-  /** Visual style forwarded to the underlying Button; defaults to `"ghost"`. */
+//#region src/primitives/InfoBanner/InfoBanner.d.ts
+declare const infoBannerVariants: (props?: ({
+  variant?: "success" | "warning" | "info" | "error" | "neutral" | null | undefined;
+} & class_variance_authority_types26.ClassProp) | undefined) => string;
+type InfoBannerProps = Omit<React.ComponentProps<"div">, "title"> & VariantProps<typeof infoBannerVariants> & {
+  /** Intent that drives the banner colors and default icon. Default `info`. */
+  variant?: VariantProps<typeof infoBannerVariants>["variant"];
+  /** Banner heading. */
+  title: string;
+  /** Optional supporting copy below the title. */
+  description?: React.ReactNode;
+  /** Override the default per-variant leading icon. */
+  icon?: React.ReactNode;
+  /** Show the trailing dismiss button. Default true. */
+  dismissible?: boolean;
+  /** Controlled visibility. When provided, overrides internal state. */
+  visible?: boolean;
+  /** Called when the dismiss button is pressed. */
+  onDismiss?: () => void;
+};
+/** Dismissible inline status banner colored by intent (info/success/warning/error/neutral). */
+declare function InfoBanner({
+  title,
+  description,
   variant,
-  /** Compact sizing tuned for the group: text (`xs`/`sm`) or square icon (`icon-xs`/`icon-sm`). */
-  size,
-  ...props
-}: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime145.JSX.Element;
-/** Muted inline text for prefixes, suffixes, or counts placed inside an addon (e.g. `$`, `USD`, `12 results`). */
-declare function InputGroupText({
-  className,
-  ...props
-}: React.ComponentProps<"span">): react_jsx_runtime145.JSX.Element;
-/** The Input control for the group: borderless and transparent so the group container provides the chrome. */
-declare function InputGroupInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime145.JSX.Element;
-/** The Textarea control for the group: borderless, transparent, and non-resizing so the group provides the chrome. */
-declare function InputGroupTextarea({
+  icon,
+  dismissible,
+  visible,
+  onDismiss,
   className,
   ...props
-}: React.ComponentProps<"textarea">): react_jsx_runtime145.JSX.Element;
+}: InfoBannerProps): react_jsx_runtime311.JSX.Element | null;
 //#endregion
-export { InputGroupText as a, InputGroupInput as i, InputGroupAddon as n, InputGroupTextarea as o, InputGroupButton as r, InputGroup as t };
+export { InfoBannerProps as n, infoBannerVariants as r, InfoBanner as t };
 //# sourceMappingURL=index35.d.ts.map

package/dist/index35.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index35.d.ts","names":[],"sources":["../src/primitives/InputGroup/InputGroup.tsx"],"mappings":";;;;;;;;;iBAWS,UAAA;;;;;GAKN,KAAA,CAAM;EALA,OAAA,CAAA,EAAA,SAAU,GAAA,IAAA;CAAA,CAAA,EAK4C,oBAAA,CAAA,GAAA,CAAA,OAL5C;cAqCb,uBApCJ,EAAA,CAAA,KAIO,CAJP,EAAA,CAAA;OAEA,CAAA,EAAA,cAAA,GAAA,YAAA,GAAA,aAAA,GAAA,WAAA,GAAA,IAAA,GAAA,SAAA;IAmDD,+BAAA,CAAA,SAjDQ,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;AAAsD,iBAoDtD,eAAA,CApDsD;EAAA,SAAA;EAAA;OAoDtD;EAAA,GAAA;AAAe,CAAf,EAKN,KAAA,CAAM,cALe,CAAA,KAAA,CAAA,GAKS,YALT,CAAA,OAK6B,uBAL7B,CAAA,CAAA,EAKqD,oBAAA,CAAA,GAAA,CAAA,OALrD;cAuBlB,wBAvBkB,EAAA,CAAA,KAGtB,CAHsB,EAAA,CAAA;MACtB,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,SAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAkCA,+BAAA,CAAA,SAhCA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;iBAmCO,gBAAA,CAjC4C;EAAA,SAAA;;;EAAwB;EAAA,OAkBvE;;MAemB;EAAA,GAAA;AAAA,CAAA,EAStB,IATsB,CASjB,KAAA,CAAM,cATW,CAAA,OASW,MATX,CAAA,EAAA,MAAA,CAAA,GAUvB,YAVuB,CAAA,OAUH,wBAVG,CAAA,CAAA,EAUsB,oBAAA,CAAA,GAAA,CAAA,OAVtB;;iBAuBhB,cAAA,CApBP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoB+C,KAAA,CAAM,cApBrD,CAAA,MAAA,CAAA,CAAA,EAoB2E,oBAAA,CAAA,GAAA,CAAA,OApB3E;;iBAiCO,eAAA,CA7BP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6BgD,KAAA,CAAM,cA7BtD,CAAA,OA6B4E,KA7B5E,CAAA,CAAA,EA6BkF,oBAAA,CAAA,GAAA,CAAA,OA7BlF;;iBA2CO,kBAAA,CAzCK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCuC,KAAA,CAAM,cAzC7C,CAAA,UAAA,CAAA,CAAA,EAyCuE,oBAAA,CAAA,GAAA,CAAA,OAzCvE"}
+{"version":3,"file":"index35.d.ts","names":[],"sources":["../src/primitives/InfoBanner/InfoBanner.tsx"],"mappings":";;;;;;cAYM;;IAaJ,gCAAA,CAAA;KAUU,eAAA,GAAkB,KAAK,KAAA,CAAM,kCACvC,oBAAoB;EAxBhB;EAuBM,OAAA,CAAA,EAGE,YAHa,CAAA,OAGO,kBAHP,CAAA,CAAA,SAAA,CAAA;EAAA;OAAQ,EAAA,MAAM;;aACnB,CAAA,EAMJ,KAAA,CAAM,SANF;;MAEY,CAAA,EAMvB,KAAA,CAAM,SANiB;;aAIV,CAAA,EAAA,OAAA;;EAEE,OAAA,CAAA,EAAA,OAAA;EAUjB;EAAU,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;;iBAAV,UAAA,CAGP;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,IAAA;EAAA,WAAA;EAAA,OAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAOC,eAPD,CAAA,EAOgB,oBAAA,CAAA,GAAA,CAAA,OAAA,GAPhB,IAAA"}

package/dist/index36.d.cts

@@ -1,43 +1,26 @@
-import * as react_jsx_runtime128 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { OTPInput } from "input-otp";
 
-//#region src/primitives/InputOtp/InputOtp.d.ts
-type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
-type InputOTPSize = "default" | "lg" | "sm" | "xs";
-/** One-time-passcode field: a row of single-character slots backed by a hidden input. */
-declare function InputOTP({
+//#region src/primitives/Input/Input.d.ts
+declare const inputVariants: (props?: ({
+  variant?: "default" | "ai" | null | undefined;
+  size?: "sm" | "lg" | "xs" | "default" | null | undefined;
+  shape?: "default" | "round" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+/** Styled text input that supports the Figma size and roundness axes; forwards all native `<input>` props. */
+declare function Input({
   className,
-  containerClassName,
+  type,
+  /** Chrome style — `default` bordered field or `ai` (AI gradient border). */
+  variant,
+  /** Height/typography preset — Mini (`xs`), Small (`sm`), Regular (`default`), or Large (`lg`). */
   size,
-  placeholder,
+  /** Corner roundness — `default` (12px) or `round` (pill). */
+  shape,
   ...props
-}: DistributiveOmit<React.ComponentProps<typeof OTPInput>, "size" | "placeholder"> & {
-  /** Class applied to the outer flex container that wraps the slot groups. */
-  containerClassName?: string;
-  /** Slot dimensions and type scale: Mini 24px / Small 32px / Default 36px / Large 40px. */
-  size?: InputOTPSize;
-  /** Single character shown in empty slots as a hint until the user types. */
-  placeholder?: string;
-}): react_jsx_runtime128.JSX.Element;
-/** Visual cluster of adjacent slots; use multiple groups around an `InputOTPSeparator`. */
-declare function InputOTPGroup({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime128.JSX.Element;
-/** A single character cell rendering its char, active ring, fake caret, and placeholder. */
-declare function InputOTPSlot({
-  index,
-  className,
-  ...props
-}: React.ComponentProps<"div"> & {
-  /** Zero-based position of this slot within the input's character buffer. */
-  index: number;
-}): react_jsx_runtime128.JSX.Element;
-/** Decorative divider (a minus icon) placed between two `InputOTPGroup`s. */
-declare function InputOTPSeparator({
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime128.JSX.Element;
+}: Omit<React.ComponentProps<"input">, "size"> & VariantProps<typeof inputVariants>): react_jsx_runtime153.JSX.Element;
 //#endregion
-export { InputOTPSlot as i, InputOTPGroup as n, InputOTPSeparator as r, InputOTP as t };
+export { inputVariants as n, Input as t };
 //# sourceMappingURL=index36.d.cts.map

package/dist/index36.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index36.d.cts","names":[],"sources":["../src/primitives/InputOtp/InputOtp.tsx"],"mappings":";;;;;KASK,8BAA8B,eAAe,oBAAoB,KAAK,GAAG;KAEzE,YAAA;;AAN0B,iBA0BtB,QAAA,CAtBY;EAAA,SAAA;EAAA,kBAAA;EAAA,IAAA;EAAA,WAAA;EAAA,GAAA;AAAqD,CAArD,EA4BlB,gBA5BkB,CA4BD,KAAA,CAAM,cA5BL,CAAA,OA4B2B,QA5B3B,CAAA,EAAA,MAAA,GAAA,aAAA,CAAA,GAAA;EAAA;oBAAc,CAAA,EAAA,MAAA;;MAAwC,CAAA,EAgClE,YAhCkE;;aAAL,CAAA,EAAA,MAAA;AAAI,CAAA,CAAA,EAmCzE,oBAAA,CAAA,GAAA,CAAA,OAnCyE;AAAA;AAEzD,iBAuDR,aAAA,CAnCQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmC+B,KAAA,CAAM,cAnCrC,CAAA,KAAA,CAAA,CAAA,EAmC0D,oBAAA,CAAA,GAAA,CAAA,OAnC1D;;iBA8CR,YAAA,CA7CP;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAiDC,KAAA,CAAM,cAjDP,CAAA,KAAA,CAAA,GAAA;;OAEA,EAAA,MAAA;IAkDD,oBAAA,CAAA,GAAA,CAAA,OAjDC;;iBAgFO,iBAAA,CA9EiB;EAAA,GAAA;AAAA,CAAA,EA8Ee,KAAA,CAAM,cA9ErB,CAAA,KAAA,CAAA,CAAA,EA8E0C,oBAAA,CAAA,GAAA,CAAA,OA9E1C"}
+{"version":3,"file":"index36.d.cts","names":[],"sources":["../src/primitives/Input/Input.tsx"],"mappings":";;;;;;cAOM,qBAiCL;;;;AAvCmC,CAAA,GAuCnC,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;iBAGQ,KAAA,CAAK;EAAA,SAAA;EAAA,IAAA;;SAEZ;;;;;EAQM,GAAA;AAAM,CAAA,EAAX,IAAW,CAAN,KAAA,CAAM,cAAA,CAAA,OAAA,CAAA,EAAA,MAAA,CAAA,GAAmC,YAAnC,CAAA,OAAuD,aAAvD,CAAA,CAAA,EAAqE,oBAAA,CAAA,GAAA,CAAA,OAArE"}

package/dist/index36.d.ts

@@ -1,43 +1,26 @@
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime318 from "react/jsx-runtime";
-import { OTPInput } from "input-otp";
+import * as react_jsx_runtime104 from "react/jsx-runtime";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 
-//#region src/primitives/InputOtp/InputOtp.d.ts
-type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
-type InputOTPSize = "default" | "lg" | "sm" | "xs";
-/** One-time-passcode field: a row of single-character slots backed by a hidden input. */
-declare function InputOTP({
+//#region src/primitives/Input/Input.d.ts
+declare const inputVariants: (props?: ({
+  variant?: "default" | "ai" | null | undefined;
+  size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+  shape?: "default" | "round" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+/** Styled text input that supports the Figma size and roundness axes; forwards all native `<input>` props. */
+declare function Input({
   className,
-  containerClassName,
+  type,
+  /** Chrome style — `default` bordered field or `ai` (AI gradient border). */
+  variant,
+  /** Height/typography preset — Mini (`xs`), Small (`sm`), Regular (`default`), or Large (`lg`). */
   size,
-  placeholder,
+  /** Corner roundness — `default` (12px) or `round` (pill). */
+  shape,
   ...props
-}: DistributiveOmit<React.ComponentProps<typeof OTPInput>, "size" | "placeholder"> & {
-  /** Class applied to the outer flex container that wraps the slot groups. */
-  containerClassName?: string;
-  /** Slot dimensions and type scale: Mini 24px / Small 32px / Default 36px / Large 40px. */
-  size?: InputOTPSize;
-  /** Single character shown in empty slots as a hint until the user types. */
-  placeholder?: string;
-}): react_jsx_runtime318.JSX.Element;
-/** Visual cluster of adjacent slots; use multiple groups around an `InputOTPSeparator`. */
-declare function InputOTPGroup({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime318.JSX.Element;
-/** A single character cell rendering its char, active ring, fake caret, and placeholder. */
-declare function InputOTPSlot({
-  index,
-  className,
-  ...props
-}: React.ComponentProps<"div"> & {
-  /** Zero-based position of this slot within the input's character buffer. */
-  index: number;
-}): react_jsx_runtime318.JSX.Element;
-/** Decorative divider (a minus icon) placed between two `InputOTPGroup`s. */
-declare function InputOTPSeparator({
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime318.JSX.Element;
+}: Omit<React.ComponentProps<"input">, "size"> & VariantProps<typeof inputVariants>): react_jsx_runtime104.JSX.Element;
 //#endregion
-export { InputOTPSlot as i, InputOTPGroup as n, InputOTPSeparator as r, InputOTP as t };
+export { inputVariants as n, Input as t };
 //# sourceMappingURL=index36.d.ts.map

package/dist/index36.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index36.d.ts","names":[],"sources":["../src/primitives/InputOtp/InputOtp.tsx"],"mappings":";;;;;KASK,8BAA8B,eAAe,oBAAoB,KAAK,GAAG;KAEzE,YAAA;;AAN0B,iBA0BtB,QAAA,CAtBY;EAAA,SAAA;EAAA,kBAAA;EAAA,IAAA;EAAA,WAAA;EAAA,GAAA;AAAqD,CAArD,EA4BlB,gBA5BkB,CA4BD,KAAA,CAAM,cA5BL,CAAA,OA4B2B,QA5B3B,CAAA,EAAA,MAAA,GAAA,aAAA,CAAA,GAAA;EAAA;oBAAc,CAAA,EAAA,MAAA;;MAAwC,CAAA,EAgClE,YAhCkE;;aAAL,CAAA,EAAA,MAAA;AAAI,CAAA,CAAA,EAmCzE,oBAAA,CAAA,GAAA,CAAA,OAnCyE;AAAA;AAEzD,iBAuDR,aAAA,CAnCQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmC+B,KAAA,CAAM,cAnCrC,CAAA,KAAA,CAAA,CAAA,EAmC0D,oBAAA,CAAA,GAAA,CAAA,OAnC1D;;iBA8CR,YAAA,CA7CP;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAiDC,KAAA,CAAM,cAjDP,CAAA,KAAA,CAAA,GAAA;;OAEA,EAAA,MAAA;IAkDD,oBAAA,CAAA,GAAA,CAAA,OAjDC;;iBAgFO,iBAAA,CA9EiB;EAAA,GAAA;AAAA,CAAA,EA8Ee,KAAA,CAAM,cA9ErB,CAAA,KAAA,CAAA,CAAA,EA8E0C,oBAAA,CAAA,GAAA,CAAA,OA9E1C"}
+{"version":3,"file":"index36.d.ts","names":[],"sources":["../src/primitives/Input/Input.tsx"],"mappings":";;;;;;cAOM,qBAiCL;;;;AAvCmC,CAAA,GAuCnC,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;iBAGQ,KAAA,CAAK;EAAA,SAAA;EAAA,IAAA;;SAEZ;;;;;EAQM,GAAA;AAAM,CAAA,EAAX,IAAW,CAAN,KAAA,CAAM,cAAA,CAAA,OAAA,CAAA,EAAA,MAAA,CAAA,GAAmC,YAAnC,CAAA,OAAuD,aAAvD,CAAA,CAAA,EAAqE,oBAAA,CAAA,GAAA,CAAA,OAArE"}

package/dist/index37.d.cts

@@ -1,77 +1,59 @@
-import { t as Separator } from "./index9.cjs";
-import * as react_jsx_runtime100 from "react/jsx-runtime";
-import * as class_variance_authority_types12 from "class-variance-authority/types";
+import { t as Button } from "./index8.cjs";
+import { t as Input } from "./index36.cjs";
+import * as react_jsx_runtime163 from "react/jsx-runtime";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-//#region src/primitives/Item/Item.d.ts
-/** Vertical list container that groups related `Item`s (role="list"). */
-declare function ItemGroup({
+//#region src/primitives/InputGroup/InputGroup.d.ts
+/** Bordered container that groups a control (input/textarea) with addons, buttons, and text into one focusable field. */
+declare function InputGroup({
   className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime100.JSX.Element;
-/** Horizontal divider rendered between `Item`s inside an `ItemGroup`. */
-declare function ItemSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime100.JSX.Element;
-declare const itemVariants: (props?: ({
-  variant?: "default" | "outline" | "muted" | null | undefined;
-  size?: "default" | "sm" | null | undefined;
-} & class_variance_authority_types12.ClassProp) | undefined) => string;
-/** A flexible list/row primitive composing media, content, and actions into a single line. */
-declare function Item({
-  className,
-  /** Visual treatment of the row surface. */
+  /** Chrome style — `default` bordered group or `ai` (AI gradient border). */
   variant,
-  /** Vertical density / padding of the row. */
-  size,
-  /** Render as the child element (e.g. an anchor) via Radix `Slot` instead of a `div`. */
-  asChild,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
-  asChild?: boolean;
-}): react_jsx_runtime100.JSX.Element;
-declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types12.ClassProp) | undefined) => string;
-/** Leading media slot for an `Item` — holds an icon, image, or avatar. */
-declare function ItemMedia({
-  className,
-  /** Media framing: bare, a bordered icon tile, or a clipped image box. */
+}: React.ComponentProps<"div"> & {
+  variant?: "default" | "ai";
+}): react_jsx_runtime163.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
+/** A leading/trailing or stacked slot for icons, text, or buttons; clicking it focuses the group's input. */
+declare function InputGroupAddon({
+  className,
+  /** Where the addon sits relative to the control: inline (left/right) or block (top/bottom). */
+  align,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime163.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+  size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
+/** A compact Button sized to sit inside an addon without overflowing the group's height. */
+declare function InputGroupButton({
+  className,
+  /** The button's HTML type; defaults to `"button"` so it does not submit forms. */
+  type,
+  /** Visual style forwarded to the underlying Button; defaults to `"ghost"`. */
   variant,
+  /** Compact sizing tuned for the group: text (`xs`/`sm`) or square icon (`icon-xs`/`icon-sm`). */
+  size,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime100.JSX.Element;
-/** Primary content column of an `Item`, stacking title and description. */
-declare function ItemContent({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime100.JSX.Element;
-/** Emphasised title line within `ItemContent`. */
-declare function ItemTitle({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime100.JSX.Element;
-/** Muted, line-clamped supporting text within `ItemContent`. */
-declare function ItemDescription({
-  className,
-  ...props
-}: React.ComponentProps<"p">): react_jsx_runtime100.JSX.Element;
-/** Trailing actions slot of an `Item` — holds buttons or controls. */
-declare function ItemActions({
+}: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime163.JSX.Element;
+/** Muted inline text for prefixes, suffixes, or counts placed inside an addon (e.g. `$`, `USD`, `12 results`). */
+declare function InputGroupText({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime100.JSX.Element;
-/** Full-width header row spanning the top of an `Item`. */
-declare function ItemHeader({
+}: React.ComponentProps<"span">): react_jsx_runtime163.JSX.Element;
+/** The Input control for the group: borderless and transparent so the group container provides the chrome. */
+declare function InputGroupInput({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime100.JSX.Element;
-/** Full-width footer row spanning the bottom of an `Item`. */
-declare function ItemFooter({
+}: React.ComponentProps<typeof Input>): react_jsx_runtime163.JSX.Element;
+/** The Textarea control for the group: borderless, transparent, and non-resizing so the group provides the chrome. */
+declare function InputGroupTextarea({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime100.JSX.Element;
+}: React.ComponentProps<"textarea">): react_jsx_runtime163.JSX.Element;
 //#endregion
-export { ItemFooter as a, ItemMedia as c, ItemDescription as i, ItemSeparator as l, ItemActions as n, ItemGroup as o, ItemContent as r, ItemHeader as s, Item as t, ItemTitle as u };
+export { InputGroupText as a, InputGroupInput as i, InputGroupAddon as n, InputGroupTextarea as o, InputGroupButton as r, InputGroup as t };
 //# sourceMappingURL=index37.d.cts.map

package/dist/index37.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index37.d.cts","names":[],"sources":["../src/primitives/Item/Item.tsx"],"mappings":";;;;;;;;iBAQS,SAAA;;;GAAmC,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;;iBAY9D,aAAA;;;GAAuC,KAAA,CAAM,sBAAsB,aAAU,oBAAA,CAAA,GAAA,CAAA;AAhBnC,cA2B7C,YAvBY,EAAA,CAAA,KAAgC,CAAhC,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,SAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;MAAG,CAAA,EAAA,SAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;IA0CpB,gCAAA,CAAA,SA1CiD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;AAAqB,iBA6C9D,IAAA,CA7C8D;EAAA,SAAA;EAAA;SAYjD;;;;SAAgE;EAAA,GAAA;AAAA,CAAA,EA0CnF,KAAA,CAAM,cA1C6E,CAAA,KAAA,CAAA,GA0CrD,YA1CqD,CAAA,OA0CjC,YA1CiC,CAAA,GAAA;EAAA,OAAA,CAAA,EAAA,OAAA;AAAA,CAAA,CAAA,EA0CI,oBAAA,CAAA,GAAA,CAAA,OAZzF;cAyBK,iBAtBO,EAAA,CAAA,KACX,CADW,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;IAoCZ,gCAAA,CAAA,SAnCC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;iBAsCO,SAAA,CAlCP;EAAA,SAAA;;SAIC;EAAA,GAAA;AAAM,CAAA,EAmCN,KAAA,CAAM,cAnCA,CAAA,KAAA,CAAA,GAmCwB,YAnCxB,CAAA,OAmC4C,iBAnC5C,CAAA,CAAA,EAmC8D,oBAAA,CAAA,GAAA,CAAA,OAnC9D;;iBA+CA,WAAA,CA/CwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+Ca,KAAA,CAAM,cA/CnB,CAAA,KAAA,CAAA,CAAA,EA+CwC,oBAAA,CAAA,GAAA,CAAA,OA/CxC;;AAAyD,iBA0DjF,SAAA,CA1DiF;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0D9C,KAAA,CAAM,cA1DwC,CAAA,KAAA,CAAA,CAAA,EA0DnB,oBAAA,CAAA,GAAA,CAAA,OA1DmB;AAAA;iBAqEjF,eAAA,CAvCS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuCgC,KAAA,CAAM,cAvCtC,CAAA,GAAA,CAAA,CAAA,EAuCyD,oBAAA,CAAA,GAAA,CAAA,OAvCzD;;iBAsDT,WAAA,CArDP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqD4C,KAAA,CAAM,cArDlD,CAAA,KAAA,CAAA,CAAA,EAqDuE,oBAAA,CAAA,GAAA,CAAA,OArDvE;;iBA4DO,UAAA,CAxDA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwDoC,KAAA,CAAM,cAxD1C,CAAA,KAAA,CAAA,CAAA,EAwD+D,oBAAA,CAAA,GAAA,CAAA,OAxD/D;;iBAmEA,UAAA,CAnEwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmEY,KAAA,CAAM,cAnElB,CAAA,KAAA,CAAA,CAAA,EAmEuC,oBAAA,CAAA,GAAA,CAAA,OAnEvC"}
+{"version":3,"file":"index37.d.cts","names":[],"sources":["../src/primitives/InputGroup/InputGroup.tsx"],"mappings":";;;;;;;;;iBAWS,UAAA;;;;;GAKN,KAAA,CAAM;EALA,OAAA,CAAA,EAAA,SAAU,GAAA,IAAA;CAAA,CAAA,EAK4C,oBAAA,CAAA,GAAA,CAAA,OAL5C;cAqCb,uBApCJ,EAAA,CAAA,KAIO,CAJP,EAAA,CAAA;OAEA,CAAA,EAAA,cAAA,GAAA,YAAA,GAAA,aAAA,GAAA,WAAA,GAAA,IAAA,GAAA,SAAA;IAmDD,+BAAA,CAAA,SAjDQ,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;AAAsD,iBAoDtD,eAAA,CApDsD;EAAA,SAAA;EAAA;OAoDtD;EAAA,GAAA;AAAe,CAAf,EAKN,KAAA,CAAM,cALe,CAAA,KAAA,CAAA,GAKS,YALT,CAAA,OAK6B,uBAL7B,CAAA,CAAA,EAKqD,oBAAA,CAAA,GAAA,CAAA,OALrD;cAuBlB,wBAvBkB,EAAA,CAAA,KAGtB,CAHsB,EAAA,CAAA;MACtB,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,SAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAkCA,+BAAA,CAAA,SAhCA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;iBAmCO,gBAAA,CAjC4C;EAAA,SAAA;;;EAAwB;EAAA,OAkBvE;;MAemB;EAAA,GAAA;AAAA,CAAA,EAStB,IATsB,CASjB,KAAA,CAAM,cATW,CAAA,OASW,MATX,CAAA,EAAA,MAAA,CAAA,GAUvB,YAVuB,CAAA,OAUH,wBAVG,CAAA,CAAA,EAUsB,oBAAA,CAAA,GAAA,CAAA,OAVtB;;iBAuBhB,cAAA,CApBP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoB+C,KAAA,CAAM,cApBrD,CAAA,MAAA,CAAA,CAAA,EAoB2E,oBAAA,CAAA,GAAA,CAAA,OApB3E;;iBAiCO,eAAA,CA7BP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6BgD,KAAA,CAAM,cA7BtD,CAAA,OA6B4E,KA7B5E,CAAA,CAAA,EA6BkF,oBAAA,CAAA,GAAA,CAAA,OA7BlF;;iBA2CO,kBAAA,CAzCK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCuC,KAAA,CAAM,cAzC7C,CAAA,UAAA,CAAA,CAAA,EAyCuE,oBAAA,CAAA,GAAA,CAAA,OAzCvE"}

package/dist/index37.d.ts

@@ -1,77 +1,59 @@
-import { t as Separator } from "./index9.js";
+import { t as Button } from "./index8.js";
+import { t as Input } from "./index36.js";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime115 from "react/jsx-runtime";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
 
-//#region src/primitives/Item/Item.d.ts
-/** Vertical list container that groups related `Item`s (role="list"). */
-declare function ItemGroup({
+//#region src/primitives/InputGroup/InputGroup.d.ts
+/** Bordered container that groups a control (input/textarea) with addons, buttons, and text into one focusable field. */
+declare function InputGroup({
   className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime115.JSX.Element;
-/** Horizontal divider rendered between `Item`s inside an `ItemGroup`. */
-declare function ItemSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime115.JSX.Element;
-declare const itemVariants: (props?: ({
-  variant?: "default" | "outline" | "muted" | null | undefined;
-  size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
-/** A flexible list/row primitive composing media, content, and actions into a single line. */
-declare function Item({
-  className,
-  /** Visual treatment of the row surface. */
+  /** Chrome style — `default` bordered group or `ai` (AI gradient border). */
   variant,
-  /** Vertical density / padding of the row. */
-  size,
-  /** Render as the child element (e.g. an anchor) via Radix `Slot` instead of a `div`. */
-  asChild,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
-  asChild?: boolean;
-}): react_jsx_runtime115.JSX.Element;
-declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
-/** Leading media slot for an `Item` — holds an icon, image, or avatar. */
-declare function ItemMedia({
-  className,
-  /** Media framing: bare, a bordered icon tile, or a clipped image box. */
+}: React.ComponentProps<"div"> & {
+  variant?: "default" | "ai";
+}): react_jsx_runtime159.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
+/** A leading/trailing or stacked slot for icons, text, or buttons; clicking it focuses the group's input. */
+declare function InputGroupAddon({
+  className,
+  /** Where the addon sits relative to the control: inline (left/right) or block (top/bottom). */
+  align,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime159.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+  size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
+/** A compact Button sized to sit inside an addon without overflowing the group's height. */
+declare function InputGroupButton({
+  className,
+  /** The button's HTML type; defaults to `"button"` so it does not submit forms. */
+  type,
+  /** Visual style forwarded to the underlying Button; defaults to `"ghost"`. */
   variant,
+  /** Compact sizing tuned for the group: text (`xs`/`sm`) or square icon (`icon-xs`/`icon-sm`). */
+  size,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime115.JSX.Element;
-/** Primary content column of an `Item`, stacking title and description. */
-declare function ItemContent({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime115.JSX.Element;
-/** Emphasised title line within `ItemContent`. */
-declare function ItemTitle({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime115.JSX.Element;
-/** Muted, line-clamped supporting text within `ItemContent`. */
-declare function ItemDescription({
-  className,
-  ...props
-}: React.ComponentProps<"p">): react_jsx_runtime115.JSX.Element;
-/** Trailing actions slot of an `Item` — holds buttons or controls. */
-declare function ItemActions({
+}: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime159.JSX.Element;
+/** Muted inline text for prefixes, suffixes, or counts placed inside an addon (e.g. `$`, `USD`, `12 results`). */
+declare function InputGroupText({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime115.JSX.Element;
-/** Full-width header row spanning the top of an `Item`. */
-declare function ItemHeader({
+}: React.ComponentProps<"span">): react_jsx_runtime159.JSX.Element;
+/** The Input control for the group: borderless and transparent so the group container provides the chrome. */
+declare function InputGroupInput({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime115.JSX.Element;
-/** Full-width footer row spanning the bottom of an `Item`. */
-declare function ItemFooter({
+}: React.ComponentProps<typeof Input>): react_jsx_runtime159.JSX.Element;
+/** The Textarea control for the group: borderless, transparent, and non-resizing so the group provides the chrome. */
+declare function InputGroupTextarea({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime115.JSX.Element;
+}: React.ComponentProps<"textarea">): react_jsx_runtime159.JSX.Element;
 //#endregion
-export { ItemFooter as a, ItemMedia as c, ItemDescription as i, ItemSeparator as l, ItemActions as n, ItemGroup as o, ItemContent as r, ItemHeader as s, Item as t, ItemTitle as u };
+export { InputGroupText as a, InputGroupInput as i, InputGroupAddon as n, InputGroupTextarea as o, InputGroupButton as r, InputGroup as t };
 //# sourceMappingURL=index37.d.ts.map

package/dist/index37.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index37.d.ts","names":[],"sources":["../src/primitives/Item/Item.tsx"],"mappings":";;;;;;;;iBAQS,SAAA;;;GAAmC,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;;iBAY9D,aAAA;;;GAAuC,KAAA,CAAM,sBAAsB,aAAU,oBAAA,CAAA,GAAA,CAAA;AAhBnC,cA2B7C,YAvBY,EAAA,CAAA,KAAgC,CAAhC,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,SAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;MAAG,CAAA,EAAA,IAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IA0CpB,+BAAA,CAAA,SA1CiD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;AAAqB,iBA6C9D,IAAA,CA7C8D;EAAA,SAAA;EAAA;SAYjD;;;;SAAgE;EAAA,GAAA;AAAA,CAAA,EA0CnF,KAAA,CAAM,cA1C6E,CAAA,KAAA,CAAA,GA0CrD,YA1CqD,CAAA,OA0CjC,YA1CiC,CAAA,GAAA;EAAA,OAAA,CAAA,EAAA,OAAA;AAAA,CAAA,CAAA,EA0CI,oBAAA,CAAA,GAAA,CAAA,OAZzF;cAyBK,iBAtBO,EAAA,CAAA,KACX,CADW,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;IAoCZ,+BAAA,CAAA,SAnCC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;iBAsCO,SAAA,CAlCP;EAAA,SAAA;;SAIC;EAAA,GAAA;AAAM,CAAA,EAmCN,KAAA,CAAM,cAnCA,CAAA,KAAA,CAAA,GAmCwB,YAnCxB,CAAA,OAmC4C,iBAnC5C,CAAA,CAAA,EAmC8D,oBAAA,CAAA,GAAA,CAAA,OAnC9D;;iBA+CA,WAAA,CA/CwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+Ca,KAAA,CAAM,cA/CnB,CAAA,KAAA,CAAA,CAAA,EA+CwC,oBAAA,CAAA,GAAA,CAAA,OA/CxC;;AAAyD,iBA0DjF,SAAA,CA1DiF;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0D9C,KAAA,CAAM,cA1DwC,CAAA,KAAA,CAAA,CAAA,EA0DnB,oBAAA,CAAA,GAAA,CAAA,OA1DmB;AAAA;iBAqEjF,eAAA,CAvCS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuCgC,KAAA,CAAM,cAvCtC,CAAA,GAAA,CAAA,CAAA,EAuCyD,oBAAA,CAAA,GAAA,CAAA,OAvCzD;;iBAsDT,WAAA,CArDP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqD4C,KAAA,CAAM,cArDlD,CAAA,KAAA,CAAA,CAAA,EAqDuE,oBAAA,CAAA,GAAA,CAAA,OArDvE;;iBA4DO,UAAA,CAxDA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwDoC,KAAA,CAAM,cAxD1C,CAAA,KAAA,CAAA,CAAA,EAwD+D,oBAAA,CAAA,GAAA,CAAA,OAxD/D;;iBAmEA,UAAA,CAnEwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmEY,KAAA,CAAM,cAnElB,CAAA,KAAA,CAAA,CAAA,EAmEuC,oBAAA,CAAA,GAAA,CAAA,OAnEvC"}
+{"version":3,"file":"index37.d.ts","names":[],"sources":["../src/primitives/InputGroup/InputGroup.tsx"],"mappings":";;;;;;;;;iBAWS,UAAA;;;;;GAKN,KAAA,CAAM;EALA,OAAA,CAAA,EAAA,SAAU,GAAA,IAAA;CAAA,CAAA,EAK4C,oBAAA,CAAA,GAAA,CAAA,OAL5C;cAqCb,uBApCJ,EAAA,CAAA,KAIO,CAJP,EAAA,CAAA;OAEA,CAAA,EAAA,cAAA,GAAA,YAAA,GAAA,aAAA,GAAA,WAAA,GAAA,IAAA,GAAA,SAAA;IAmDD,gCAAA,CAAA,SAjDQ,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;AAAsD,iBAoDtD,eAAA,CApDsD;EAAA,SAAA;EAAA;OAoDtD;EAAA,GAAA;AAAe,CAAf,EAKN,KAAA,CAAM,cALe,CAAA,KAAA,CAAA,GAKS,YALT,CAAA,OAK6B,uBAL7B,CAAA,CAAA,EAKqD,oBAAA,CAAA,GAAA,CAAA,OALrD;cAuBlB,wBAvBkB,EAAA,CAAA,KAGtB,CAHsB,EAAA,CAAA;MACtB,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,SAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAkCA,gCAAA,CAAA,SAhCA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;iBAmCO,gBAAA,CAjC4C;EAAA,SAAA;;;EAAwB;EAAA,OAkBvE;;MAemB;EAAA,GAAA;AAAA,CAAA,EAStB,IATsB,CASjB,KAAA,CAAM,cATW,CAAA,OASW,MATX,CAAA,EAAA,MAAA,CAAA,GAUvB,YAVuB,CAAA,OAUH,wBAVG,CAAA,CAAA,EAUsB,oBAAA,CAAA,GAAA,CAAA,OAVtB;;iBAuBhB,cAAA,CApBP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoB+C,KAAA,CAAM,cApBrD,CAAA,MAAA,CAAA,CAAA,EAoB2E,oBAAA,CAAA,GAAA,CAAA,OApB3E;;iBAiCO,eAAA,CA7BP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6BgD,KAAA,CAAM,cA7BtD,CAAA,OA6B4E,KA7B5E,CAAA,CAAA,EA6BkF,oBAAA,CAAA,GAAA,CAAA,OA7BlF;;iBA2CO,kBAAA,CAzCK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCuC,KAAA,CAAM,cAzC7C,CAAA,UAAA,CAAA,CAAA,EAyCuE,oBAAA,CAAA,GAAA,CAAA,OAzCvE"}

package/dist/index38.d.cts

@@ -1,19 +1,43 @@
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime155 from "react/jsx-runtime";
 import * as React from "react";
+import { OTPInput } from "input-otp";
 
-//#region src/primitives/Kbd/Kbd.d.ts
-/** A small key cap that renders a single keyboard key or symbol (e.g. ⌘, Ctrl, ↩). */
-declare function Kbd({
-  /** Extra classes merged onto the key cap. */
+//#region src/primitives/InputOtp/InputOtp.d.ts
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+type InputOTPSize = "default" | "lg" | "sm" | "xs";
+/** One-time-passcode field: a row of single-character slots backed by a hidden input. */
+declare function InputOTP({
   className,
+  containerClassName,
+  size,
+  placeholder,
   ...props
-}: React.ComponentProps<"kbd">): react_jsx_runtime93.JSX.Element;
-/** Lays out multiple `Kbd` keys (and separators) inline as a single shortcut combo. */
-declare function KbdGroup({
-  /** Extra classes merged onto the group wrapper. */
+}: DistributiveOmit<React.ComponentProps<typeof OTPInput>, "size" | "placeholder"> & {
+  /** Class applied to the outer flex container that wraps the slot groups. */
+  containerClassName?: string;
+  /** Slot dimensions and type scale: Mini 24px / Small 32px / Default 36px / Large 40px. */
+  size?: InputOTPSize;
+  /** Single character shown in empty slots as a hint until the user types. */
+  placeholder?: string;
+}): react_jsx_runtime155.JSX.Element;
+/** Visual cluster of adjacent slots; use multiple groups around an `InputOTPSeparator`. */
+declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime93.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime155.JSX.Element;
+/** A single character cell rendering its char, active ring, fake caret, and placeholder. */
+declare function InputOTPSlot({
+  index,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  /** Zero-based position of this slot within the input's character buffer. */
+  index: number;
+}): react_jsx_runtime155.JSX.Element;
+/** Decorative divider (a minus icon) placed between two `InputOTPGroup`s. */
+declare function InputOTPSeparator({
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime155.JSX.Element;
 //#endregion
-export { KbdGroup as n, Kbd as t };
+export { InputOTPSlot as i, InputOTPGroup as n, InputOTPSeparator as r, InputOTP as t };
 //# sourceMappingURL=index38.d.cts.map

package/dist/index38.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index38.d.cts","names":[],"sources":["../src/primitives/Kbd/Kbd.tsx"],"mappings":";;;;;iBAKS,GAAA;;EAL2B,SAK3B;EAAG,GAAA;AAAA,CAAA,EAIT,KAAA,CAAM,cAJG,CAAA,KAAA,CAAA,CAAA,EAIkB,mBAAA,CAAA,GAAA,CAAA,OAJlB;;iBAoBH,QAAA,CAlBP;;WAE4B;EAAA,GAAA;AAAA,CAAA,EAoB3B,KAAA,CAAM,cApBqB,CAAA,KAAA,CAAA,CAAA,EAoBA,mBAAA,CAAA,GAAA,CAAA,OApBA"}
+{"version":3,"file":"index38.d.cts","names":[],"sources":["../src/primitives/InputOtp/InputOtp.tsx"],"mappings":";;;;;KASK,8BAA8B,eAAe,oBAAoB,KAAK,GAAG;KAEzE,YAAA;;AAN0B,iBA0BtB,QAAA,CAtBY;EAAA,SAAA;EAAA,kBAAA;EAAA,IAAA;EAAA,WAAA;EAAA,GAAA;AAAqD,CAArD,EA4BlB,gBA5BkB,CA4BD,KAAA,CAAM,cA5BL,CAAA,OA4B2B,QA5B3B,CAAA,EAAA,MAAA,GAAA,aAAA,CAAA,GAAA;EAAA;oBAAc,CAAA,EAAA,MAAA;;MAAwC,CAAA,EAgClE,YAhCkE;;aAAL,CAAA,EAAA,MAAA;AAAI,CAAA,CAAA,EAmCzE,oBAAA,CAAA,GAAA,CAAA,OAnCyE;AAAA;AAEzD,iBAuDR,aAAA,CAnCQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmC+B,KAAA,CAAM,cAnCrC,CAAA,KAAA,CAAA,CAAA,EAmC0D,oBAAA,CAAA,GAAA,CAAA,OAnC1D;;iBA8CR,YAAA,CA7CP;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAiDC,KAAA,CAAM,cAjDP,CAAA,KAAA,CAAA,GAAA;;OAEA,EAAA,MAAA;IAkDD,oBAAA,CAAA,GAAA,CAAA,OAjDC;;iBAgFO,iBAAA,CA9EiB;EAAA,GAAA;AAAA,CAAA,EA8Ee,KAAA,CAAM,cA9ErB,CAAA,KAAA,CAAA,CAAA,EA8E0C,oBAAA,CAAA,GAAA,CAAA,OA9E1C"}