@skiddph/prui 0.12.0 → 0.13.1

package/dist/core/index.d.ts

@@ -6,6 +6,7 @@ export { Portal, useReducedMotion, useFocusTrap, useEscapeKey, useScrollLock, us
 export { moveIndex, homeIndex, endIndex, typeaheadIndex } from './list-nav';
 export { Button, buttonPropsMeta, type ButtonProps, type ButtonVariant, type ButtonSize, } from './button';
 export { Input, inputPropsMeta, Textarea, textareaPropsMeta, type InputProps, type TextareaProps, } from './input';
+export { TagInput, tagInputPropsMeta, type TagInputProps, type TagInputSize, } from './tag-input';
 export { Label, labelPropsMeta, Separator, separatorPropsMeta, type LabelProps, type SeparatorProps } from './label';
 export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, selectPropsMeta, type SelectProps, type SelectOption, type SelectTriggerProps, type SelectValueProps, type SelectContentProps, type SelectItemProps, } from './select';
 export { Switch, switchPropsMeta, type SwitchProps } from './switch';

package/dist/core/tag-input.d.ts

@@ -0,0 +1,49 @@
+import { SurfaceProps } from './surface';
+import { PropsMeta } from './props-meta';
+import * as React from "react";
+/**
+ * TagInput: comma-separated entry as removable chips (tags, email
+ * recipients, keywords). Text commits the moment a separator arrives — by
+ * keydown, or through the input value itself (IME, virtual keyboards,
+ * autofill, multi-char separators like " and ") — plus Enter, multi-value
+ * paste, or blur; Backspace on an empty field removes the last tag. The
+ * chip and the value are separate concerns: labelFor decides what the chip
+ * displays while onChange keeps emitting the original strings, and
+ * renderTag takes over the chip entirely.
+ */
+export type TagInputSize = "sm" | "md" | "lg";
+export interface TagInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange" | "children">, SurfaceProps {
+    /** Control height step (the field grows vertically with wrapped chips). */
+    size?: TagInputSize;
+    /** Visual variant: outlined (default) or filled. */
+    variant?: "default" | "filled";
+    /** Controlled tag values. */
+    value?: string[];
+    /** Initial tags for the uncontrolled field. */
+    defaultValue?: string[];
+    /** Emits the full tag array on every add/remove. */
+    onChange?: (tags: string[]) => void;
+    /** Characters that commit the typed text as a tag (default: comma). */
+    separators?: string[];
+    /** Commit the pending text when the field blurs (default true). */
+    commitOnBlur?: boolean;
+    /** Programmable commit: split raw text into tag values. Defaults to
+     * splitting on `separators`, trimming, and dropping empties. Use it to
+     * accept pair syntaxes (e.g. "Name, email" -> "Name <email>"). */
+    parseInput?: (raw: string) => string[];
+    /** Reject a candidate; rejected text stays editable in the field. */
+    validate?: (tag: string) => boolean;
+    /** Stop accepting new tags at this count. */
+    maxTags?: number;
+    /** Allow the same value more than once (default false). */
+    allowDuplicates?: boolean;
+    /** What the chip displays — the emitted value keeps the original string
+     * (e.g. show only the name for "Name <email>"). */
+    labelFor?: (tag: string) => React.ReactNode;
+    /** Fully custom chip: (tag, { remove }) => node. */
+    renderTag?: (tag: string, api: {
+        remove: () => void;
+    }) => React.ReactNode;
+}
+export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const tagInputPropsMeta: PropsMeta;

package/dist/core/tag-input.js

@@ -0,0 +1,147 @@
+import { jsxs as D, jsx as u } from "react/jsx-runtime";
+import * as d from "react";
+import { X as Q } from "lucide-react";
+import { resolveSurface as W, withSurface as Y } from "./surface.js";
+import { cn as Z } from "./cn.js";
+import { usePruiI18n as ee } from "../i18n.js";
+const te = (h) => h.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ne = {
+  sm: "min-h-8 text-sm",
+  md: "min-h-9 text-sm",
+  lg: "min-h-11 text-base"
+}, re = d.forwardRef(function({
+  className: j,
+  style: k,
+  size: R = "md",
+  variant: T = "default",
+  value: v,
+  defaultValue: B,
+  onChange: m,
+  separators: a = [","],
+  commitOnBlur: C = !0,
+  parseInput: P,
+  validate: b,
+  maxTags: y,
+  allowDuplicates: S = !1,
+  labelFor: x,
+  renderTag: w,
+  disabled: f,
+  bg: z,
+  fg: E,
+  radius: F,
+  texture: K,
+  textureColor: A,
+  elevation: M,
+  ...r
+}, O) {
+  const { t: U } = ee(), N = v !== void 0, [V, X] = d.useState(B ?? []), o = N ? v : V, [l, p] = d.useState(""), _ = P ?? ((e) => e.split(new RegExp(a.map(te).join("|"))).map((t) => t.trim()).filter(Boolean)), I = (e) => {
+    N || X(e), m == null || m(e);
+  }, c = (e) => {
+    const t = _(e);
+    if (!t.length) {
+      p("");
+      return;
+    }
+    const n = [...o], i = [];
+    for (const s of t)
+      y !== void 0 && n.length >= y ? i.push(s) : !S && n.includes(s) || (b && !b(s) ? i.push(s) : n.push(s));
+    p(i.join(a[0] ?? ", ")), n.length !== o.length && I(n);
+  }, g = (e) => I(o.filter((t, n) => n !== e)), q = (e) => {
+    var t;
+    e.key === "Enter" || a.includes(e.key) ? (e.preventDefault(), c(l)) : e.key === "Backspace" && !l && o.length && (e.preventDefault(), g(o.length - 1)), (t = r.onKeyDown) == null || t.call(r, e);
+  }, G = (e) => {
+    var n;
+    const t = e.clipboardData.getData("text");
+    if (t && a.some((i) => t.includes(i))) {
+      e.preventDefault(), c(l ? `${l}${a[0] ?? ","}${t}` : t);
+      return;
+    }
+    (n = r.onPaste) == null || n.call(r, e);
+  }, H = (e) => {
+    var t;
+    C && c(l), (t = r.onBlur) == null || t.call(r, e);
+  }, J = (e) => {
+    const t = e.target.value;
+    if (a.some((n) => t.includes(n))) {
+      c(t);
+      return;
+    }
+    p(t);
+  }, L = W({ bg: z, fg: E, radius: F, texture: K, textureColor: A, elevation: M }), $ = Y(
+    Z(
+      "prui-f-control prui-taginput flex w-full flex-wrap items-center gap-1 px-1.5 py-1",
+      "border border-[var(--prui-line)] rounded-[var(--prui-s-radius,var(--prui-radius))]",
+      "bg-[var(--prui-s-bg,var(--prui-background))] text-[var(--prui-s-fg,var(--prui-fg))] placeholder:text-[var(--prui-dim)]",
+      "outline-none transition-colors focus-within:border-[var(--prui-brand)] focus-within:ring-2 focus-within:ring-[var(--prui-brand)]/30",
+      ne[R],
+      T === "filled" && "bg-[var(--prui-s-bg,var(--prui-raise))] border-transparent",
+      f && "opacity-50 cursor-not-allowed",
+      j
+    ),
+    k,
+    L
+  );
+  return /* @__PURE__ */ D("div", { className: $.className, style: $.style, children: [
+    o.map(
+      (e, t) => w ? /* @__PURE__ */ u(d.Fragment, { children: w(e, { remove: () => g(t) }) }, `${e}-${t}`) : /* @__PURE__ */ D(
+        "span",
+        {
+          className: "inline-flex max-w-full items-center gap-1 rounded-[var(--prui-radius-full)] border border-[var(--prui-line)] bg-[var(--prui-raise)] py-0.5 pl-2 pr-1 text-xs text-[var(--prui-fg)]",
+          children: [
+            /* @__PURE__ */ u("span", { className: "max-w-64 truncate", children: x ? x(e) : e }),
+            /* @__PURE__ */ u(
+              "button",
+              {
+                type: "button",
+                "aria-label": U.removeTag.replace("{label}", e),
+                disabled: f,
+                onClick: () => g(t),
+                className: "flex h-4 w-4 cursor-pointer items-center justify-center rounded-full text-[var(--prui-dim)] hover:bg-[var(--prui-line)] hover:text-[var(--prui-fg)] disabled:cursor-not-allowed",
+                children: /* @__PURE__ */ u(Q, { className: "h-3 w-3", "aria-hidden": !0 })
+              }
+            )
+          ]
+        },
+        `${e}-${t}`
+      )
+    ),
+    /* @__PURE__ */ u(
+      "input",
+      {
+        ref: O,
+        value: l,
+        onChange: J,
+        onKeyDown: q,
+        onPaste: G,
+        onBlur: H,
+        disabled: f,
+        ...r,
+        className: "h-7 min-w-16 flex-1 bg-transparent text-sm outline-none placeholder:text-[var(--prui-dim)] disabled:cursor-not-allowed"
+      }
+    )
+  ] });
+});
+re.displayName = "TagInput";
+const ue = {
+  name: "TagInput",
+  props: [
+    { name: "value", type: "string[]", default: "uncontrolled", control: "none" },
+    { name: "defaultValue", type: "string[]", default: "[]", control: "none" },
+    { name: "onChange", type: "(tags: string[]) => void", default: null, control: "none" },
+    { name: "separators", type: "string[]", default: "[',']", control: "none", description: "Characters that commit the typed text (plus Enter, paste, blur)." },
+    { name: "commitOnBlur", type: "boolean", default: "true", control: "boolean" },
+    { name: "parseInput", type: "(raw: string) => string[]", default: "split on separators", control: "none", description: "Programmable commit: build tag values from raw text (pair syntaxes, normalization)." },
+    { name: "validate", type: "(tag: string) => boolean", default: "undefined", control: "none", description: "Reject a candidate; it stays editable in the field." },
+    { name: "labelFor", type: "(tag: string) => ReactNode", default: "undefined", control: "none", description: "Chip display; onChange keeps emitting the original strings." },
+    { name: "renderTag", type: "(tag, { remove }) => ReactNode", default: "default chip", control: "none", description: "Fully custom chip rendering." },
+    { name: "maxTags", type: "number", default: "undefined", control: "number" },
+    { name: "allowDuplicates", type: "boolean", default: "false", control: "boolean" },
+    { name: "size", type: "'sm' | 'md' | 'lg'", default: "'md'", control: "select", options: ["sm", "md", "lg"] },
+    { name: "variant", type: "'default' | 'filled'", default: "'default'", control: "select", options: ["default", "filled"] },
+    { name: "placeholder", type: "string", default: "undefined", control: "text" },
+    { name: "disabled", type: "boolean", default: "false", control: "boolean" }
+  ]
+};
+export {
+  re as TagInput,
+  ue as tagInputPropsMeta
+};

package/dist/core.js

@@ -1,159 +1,162 @@
 import { cn as r } from "./core/cn.js";
 import { resolveSurface as a, withSurface as p } from "./core/surface.js";
-import { Portal as i, getFocusable as l, isTopOverlay as m, overlayCount as P, overlayPropsMeta as c, pushOverlay as d, removeOverlay as n, useEscapeKey as x, useFocusTrap as M, useInertBackground as f, useOverlay as u, useOverlayStack as g, useReducedMotion as b, useScrollLock as T } from "./core/overlay.js";
+import { Portal as i, getFocusable as m, isTopOverlay as l, overlayCount as P, overlayPropsMeta as c, pushOverlay as n, removeOverlay as d, useEscapeKey as x, useFocusTrap as M, useInertBackground as f, useOverlay as u, useOverlayStack as g, useReducedMotion as b, useScrollLock as T } from "./core/overlay.js";
 import { endIndex as D, homeIndex as S, moveIndex as v, typeaheadIndex as C } from "./core/list-nav.js";
-import { Button as h, buttonPropsMeta as w } from "./core/button.js";
+import { Button as h, buttonPropsMeta as I } from "./core/button.js";
 import { Input as A, Textarea as B, inputPropsMeta as R, textareaPropsMeta as F } from "./core/input.js";
-import { Label as K, Separator as L, labelPropsMeta as V, separatorPropsMeta as E } from "./core/label.js";
-import { Select as H, SelectContent as U, SelectItem as j, SelectTrigger as q, SelectValue as z, selectPropsMeta as J } from "./core/select.js";
-import { Switch as Q, switchPropsMeta as W } from "./core/switch.js";
-import { Tabs as Y, TabsContent as Z, TabsList as _, TabsTrigger as $, tabsPropsMeta as ee } from "./core/tabs.js";
-import { Avatar as re, Badge as te, Card as ae, CardContent as pe, CardDescription as se, CardFooter as ie, CardHeader as le, CardTitle as me, avatarPropsMeta as Pe, badgePropsMeta as ce, cardPropsMeta as de } from "./core/card.js";
-import { Dialog as xe, DialogBody as Me, DialogContent as fe, DialogDescription as ue, DialogFooter as ge, DialogHeader as be, DialogTitle as Te, dialogBodyPropsMeta as ke, dialogPropsMeta as De } from "./core/dialog.js";
-import { Dropdown as ve, dropdownPropsMeta as Ce } from "./core/dropdown.js";
-import { ScrollArea as he, scrollAreaPropsMeta as we } from "./core/scroll-area.js";
-import { Modal as Ae, confirmModal as Be, confirmModalPropsMeta as Re, modalPropsMeta as Fe } from "./core/modal.js";
-import { computePosition as Ke, useAnchoredPosition as Le } from "./core/anchor.js";
-import { Spinner as Ee, spinnerPropsMeta as Ge } from "./core/spinner.js";
-import { Skeleton as Ue, skeletonPropsMeta as je } from "./core/skeleton.js";
-import { Alert as ze, alertPropsMeta as Je } from "./core/alert.js";
-import { Progress as Qe, progressPropsMeta as We } from "./core/progress.js";
-import { Toaster as Ye, dismissAllToasts as Ze, toast as _e, toastPropsMeta as $e, toasterPropsMeta as eo } from "./core/toast.js";
-import { Tooltip as ro, tooltipPropsMeta as to } from "./core/tooltip.js";
-import { Popover as po, popoverPropsMeta as so } from "./core/popover.js";
-import { Drawer as lo, Sheet as mo, drawerPropsMeta as Po, sheetPropsMeta as co } from "./core/drawer.js";
-import { Checkbox as xo, checkboxPropsMeta as Mo } from "./core/checkbox.js";
-import { Radio as uo, RadioGroup as go, radioGroupPropsMeta as bo } from "./core/radio.js";
-import { Combobox as ko, comboboxPropsMeta as Do } from "./core/combobox.js";
-import { Accordion as vo, AccordionItem as Co, accordionPropsMeta as yo } from "./core/accordion.js";
-import { Breadcrumb as wo, BreadcrumbEllipsis as Io, BreadcrumbItem as Ao, breadcrumbPropsMeta as Bo } from "./core/breadcrumb.js";
-import { TreeView as Fo, treeViewPropsMeta as Oo } from "./core/tree-view.js";
-import { Timeline as Lo, timelinePropsMeta as Vo } from "./core/timeline.js";
-import { Calendar as Go, calendarPropsMeta as Ho, fromDateKey as Uo, toDateKey as jo } from "./core/calendar.js";
-import { DatePicker as zo, DateRangePicker as Jo, datePickerPropsMeta as No, dateRangePickerPropsMeta as Qo } from "./core/date-picker.js";
-import { TimePanel as Xo, TimePicker as Yo, TimeRangePicker as Zo, timePickerPropsMeta as _o, timeRangePickerPropsMeta as $o } from "./core/time-picker.js";
-import { FileUpload as or, fileUploadPropsMeta as rr } from "./core/file-upload.js";
+import { TagInput as K, tagInputPropsMeta as L } from "./core/tag-input.js";
+import { Label as E, Separator as G, labelPropsMeta as H, separatorPropsMeta as U } from "./core/label.js";
+import { Select as q, SelectContent as z, SelectItem as J, SelectTrigger as N, SelectValue as Q, selectPropsMeta as W } from "./core/select.js";
+import { Switch as Y, switchPropsMeta as Z } from "./core/switch.js";
+import { Tabs as $, TabsContent as ee, TabsList as oe, TabsTrigger as re, tabsPropsMeta as te } from "./core/tabs.js";
+import { Avatar as pe, Badge as se, Card as ie, CardContent as me, CardDescription as le, CardFooter as Pe, CardHeader as ce, CardTitle as ne, avatarPropsMeta as de, badgePropsMeta as xe, cardPropsMeta as Me } from "./core/card.js";
+import { Dialog as ue, DialogBody as ge, DialogContent as be, DialogDescription as Te, DialogFooter as ke, DialogHeader as De, DialogTitle as Se, dialogBodyPropsMeta as ve, dialogPropsMeta as Ce } from "./core/dialog.js";
+import { Dropdown as he, dropdownPropsMeta as Ie } from "./core/dropdown.js";
+import { ScrollArea as Ae, scrollAreaPropsMeta as Be } from "./core/scroll-area.js";
+import { Modal as Fe, confirmModal as Oe, confirmModalPropsMeta as Ke, modalPropsMeta as Le } from "./core/modal.js";
+import { computePosition as Ee, useAnchoredPosition as Ge } from "./core/anchor.js";
+import { Spinner as Ue, spinnerPropsMeta as je } from "./core/spinner.js";
+import { Skeleton as ze, skeletonPropsMeta as Je } from "./core/skeleton.js";
+import { Alert as Qe, alertPropsMeta as We } from "./core/alert.js";
+import { Progress as Ye, progressPropsMeta as Ze } from "./core/progress.js";
+import { Toaster as $e, dismissAllToasts as eo, toast as oo, toastPropsMeta as ro, toasterPropsMeta as to } from "./core/toast.js";
+import { Tooltip as po, tooltipPropsMeta as so } from "./core/tooltip.js";
+import { Popover as mo, popoverPropsMeta as lo } from "./core/popover.js";
+import { Drawer as co, Sheet as no, drawerPropsMeta as xo, sheetPropsMeta as Mo } from "./core/drawer.js";
+import { Checkbox as uo, checkboxPropsMeta as go } from "./core/checkbox.js";
+import { Radio as To, RadioGroup as ko, radioGroupPropsMeta as Do } from "./core/radio.js";
+import { Combobox as vo, comboboxPropsMeta as Co } from "./core/combobox.js";
+import { Accordion as ho, AccordionItem as Io, accordionPropsMeta as wo } from "./core/accordion.js";
+import { Breadcrumb as Bo, BreadcrumbEllipsis as Ro, BreadcrumbItem as Fo, breadcrumbPropsMeta as Oo } from "./core/breadcrumb.js";
+import { TreeView as Lo, treeViewPropsMeta as Vo } from "./core/tree-view.js";
+import { Timeline as Go, timelinePropsMeta as Ho } from "./core/timeline.js";
+import { Calendar as jo, calendarPropsMeta as qo, fromDateKey as zo, toDateKey as Jo } from "./core/calendar.js";
+import { DatePicker as Qo, DateRangePicker as Wo, datePickerPropsMeta as Xo, dateRangePickerPropsMeta as Yo } from "./core/date-picker.js";
+import { TimePanel as _o, TimePicker as $o, TimeRangePicker as er, timePickerPropsMeta as or, timeRangePickerPropsMeta as rr } from "./core/time-picker.js";
+import { FileUpload as ar, fileUploadPropsMeta as pr } from "./core/file-upload.js";
 export {
-  vo as Accordion,
-  Co as AccordionItem,
-  ze as Alert,
-  re as Avatar,
-  te as Badge,
-  wo as Breadcrumb,
-  Io as BreadcrumbEllipsis,
-  Ao as BreadcrumbItem,
+  ho as Accordion,
+  Io as AccordionItem,
+  Qe as Alert,
+  pe as Avatar,
+  se as Badge,
+  Bo as Breadcrumb,
+  Ro as BreadcrumbEllipsis,
+  Fo as BreadcrumbItem,
   h as Button,
-  Go as Calendar,
-  ae as Card,
-  pe as CardContent,
-  se as CardDescription,
-  ie as CardFooter,
-  le as CardHeader,
-  me as CardTitle,
-  xo as Checkbox,
-  ko as Combobox,
-  zo as DatePicker,
-  Jo as DateRangePicker,
-  xe as Dialog,
-  Me as DialogBody,
-  fe as DialogContent,
-  ue as DialogDescription,
-  ge as DialogFooter,
-  be as DialogHeader,
-  Te as DialogTitle,
-  lo as Drawer,
-  ve as Dropdown,
-  or as FileUpload,
+  jo as Calendar,
+  ie as Card,
+  me as CardContent,
+  le as CardDescription,
+  Pe as CardFooter,
+  ce as CardHeader,
+  ne as CardTitle,
+  uo as Checkbox,
+  vo as Combobox,
+  Qo as DatePicker,
+  Wo as DateRangePicker,
+  ue as Dialog,
+  ge as DialogBody,
+  be as DialogContent,
+  Te as DialogDescription,
+  ke as DialogFooter,
+  De as DialogHeader,
+  Se as DialogTitle,
+  co as Drawer,
+  he as Dropdown,
+  ar as FileUpload,
   A as Input,
-  K as Label,
-  Ae as Modal,
-  po as Popover,
+  E as Label,
+  Fe as Modal,
+  mo as Popover,
   i as Portal,
-  Qe as Progress,
-  uo as Radio,
-  go as RadioGroup,
-  he as ScrollArea,
-  H as Select,
-  U as SelectContent,
-  j as SelectItem,
-  q as SelectTrigger,
-  z as SelectValue,
-  L as Separator,
-  mo as Sheet,
-  Ue as Skeleton,
-  Ee as Spinner,
-  Q as Switch,
-  Y as Tabs,
-  Z as TabsContent,
-  _ as TabsList,
-  $ as TabsTrigger,
+  Ye as Progress,
+  To as Radio,
+  ko as RadioGroup,
+  Ae as ScrollArea,
+  q as Select,
+  z as SelectContent,
+  J as SelectItem,
+  N as SelectTrigger,
+  Q as SelectValue,
+  G as Separator,
+  no as Sheet,
+  ze as Skeleton,
+  Ue as Spinner,
+  Y as Switch,
+  $ as Tabs,
+  ee as TabsContent,
+  oe as TabsList,
+  re as TabsTrigger,
+  K as TagInput,
   B as Textarea,
-  Xo as TimePanel,
-  Yo as TimePicker,
-  Zo as TimeRangePicker,
-  Lo as Timeline,
-  Ye as Toaster,
-  ro as Tooltip,
-  Fo as TreeView,
-  yo as accordionPropsMeta,
-  Je as alertPropsMeta,
-  Pe as avatarPropsMeta,
-  ce as badgePropsMeta,
-  Bo as breadcrumbPropsMeta,
-  w as buttonPropsMeta,
-  Ho as calendarPropsMeta,
-  de as cardPropsMeta,
-  Mo as checkboxPropsMeta,
+  _o as TimePanel,
+  $o as TimePicker,
+  er as TimeRangePicker,
+  Go as Timeline,
+  $e as Toaster,
+  po as Tooltip,
+  Lo as TreeView,
+  wo as accordionPropsMeta,
+  We as alertPropsMeta,
+  de as avatarPropsMeta,
+  xe as badgePropsMeta,
+  Oo as breadcrumbPropsMeta,
+  I as buttonPropsMeta,
+  qo as calendarPropsMeta,
+  Me as cardPropsMeta,
+  go as checkboxPropsMeta,
   r as cn,
-  Do as comboboxPropsMeta,
-  Ke as computePosition,
-  Be as confirmModal,
-  Re as confirmModalPropsMeta,
-  No as datePickerPropsMeta,
-  Qo as dateRangePickerPropsMeta,
-  ke as dialogBodyPropsMeta,
-  De as dialogPropsMeta,
-  Ze as dismissAllToasts,
-  Po as drawerPropsMeta,
-  Ce as dropdownPropsMeta,
+  Co as comboboxPropsMeta,
+  Ee as computePosition,
+  Oe as confirmModal,
+  Ke as confirmModalPropsMeta,
+  Xo as datePickerPropsMeta,
+  Yo as dateRangePickerPropsMeta,
+  ve as dialogBodyPropsMeta,
+  Ce as dialogPropsMeta,
+  eo as dismissAllToasts,
+  xo as drawerPropsMeta,
+  Ie as dropdownPropsMeta,
   D as endIndex,
-  rr as fileUploadPropsMeta,
-  Uo as fromDateKey,
-  l as getFocusable,
+  pr as fileUploadPropsMeta,
+  zo as fromDateKey,
+  m as getFocusable,
   S as homeIndex,
   R as inputPropsMeta,
-  m as isTopOverlay,
-  V as labelPropsMeta,
-  Fe as modalPropsMeta,
+  l as isTopOverlay,
+  H as labelPropsMeta,
+  Le as modalPropsMeta,
   v as moveIndex,
   P as overlayCount,
   c as overlayPropsMeta,
-  so as popoverPropsMeta,
-  We as progressPropsMeta,
-  d as pushOverlay,
-  bo as radioGroupPropsMeta,
-  n as removeOverlay,
+  lo as popoverPropsMeta,
+  Ze as progressPropsMeta,
+  n as pushOverlay,
+  Do as radioGroupPropsMeta,
+  d as removeOverlay,
   a as resolveSurface,
-  we as scrollAreaPropsMeta,
-  J as selectPropsMeta,
-  E as separatorPropsMeta,
-  co as sheetPropsMeta,
-  je as skeletonPropsMeta,
-  Ge as spinnerPropsMeta,
-  W as switchPropsMeta,
-  ee as tabsPropsMeta,
+  Be as scrollAreaPropsMeta,
+  W as selectPropsMeta,
+  U as separatorPropsMeta,
+  Mo as sheetPropsMeta,
+  Je as skeletonPropsMeta,
+  je as spinnerPropsMeta,
+  Z as switchPropsMeta,
+  te as tabsPropsMeta,
+  L as tagInputPropsMeta,
   F as textareaPropsMeta,
-  _o as timePickerPropsMeta,
-  $o as timeRangePickerPropsMeta,
-  Vo as timelinePropsMeta,
-  jo as toDateKey,
-  _e as toast,
-  $e as toastPropsMeta,
-  eo as toasterPropsMeta,
-  to as tooltipPropsMeta,
-  Oo as treeViewPropsMeta,
+  or as timePickerPropsMeta,
+  rr as timeRangePickerPropsMeta,
+  Ho as timelinePropsMeta,
+  Jo as toDateKey,
+  oo as toast,
+  ro as toastPropsMeta,
+  to as toasterPropsMeta,
+  so as tooltipPropsMeta,
+  Vo as treeViewPropsMeta,
   C as typeaheadIndex,
-  Le as useAnchoredPosition,
+  Ge as useAnchoredPosition,
   x as useEscapeKey,
   M as useFocusTrap,
   f as useInertBackground,

package/dist/i18n/index.d.ts

@@ -47,6 +47,7 @@ export interface PruiDictionary {
     notifications: string;
     showPassword: string;
     hidePassword: string;
+    removeTag: string;
     mainNavigation: string;
     openNavigation: string;
     closeNavigation: string;

package/dist/i18n.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import * as r from "react";
+import * as a from "react";
 const i = {
   close: "Close",
   closeDialog: "Close dialog",
@@ -39,6 +39,7 @@ const i = {
   notifications: "Notifications",
   showPassword: "Show password",
   hidePassword: "Hide password",
+  removeTag: "Remove {label}",
   mainNavigation: "Main",
   openNavigation: "Open navigation",
   closeNavigation: "Close navigation",
@@ -73,25 +74,25 @@ function f() {
 function p() {
   return o;
 }
-const l = r.createContext(null);
+const l = a.createContext(null);
 function w({
   dictionary: e,
-  children: a
+  children: r
 }) {
-  r.useEffect(() => {
+  a.useEffect(() => {
     if (!e) return;
     const c = o;
     return u(e), () => {
       o = c, n();
     };
   }, [e]);
-  const t = r.useMemo(() => ({ ...o, ...e }), [e]);
-  return /* @__PURE__ */ m(l.Provider, { value: t, children: a });
+  const t = a.useMemo(() => ({ ...o, ...e }), [e]);
+  return /* @__PURE__ */ m(l.Provider, { value: t, children: r });
 }
-function h() {
-  const e = r.useContext(l), [, a] = r.useReducer((t) => t + 1, 0);
-  return r.useEffect(() => {
-    const t = a;
+function g() {
+  const e = a.useContext(l), [, r] = a.useReducer((t) => t + 1, 0);
+  return a.useEffect(() => {
+    const t = r;
     return s.add(t), () => {
       s.delete(t);
     };
@@ -103,5 +104,5 @@ export {
   p as getPruiDictionary,
   f as resetPruiDictionary,
   u as setPruiDictionary,
-  h as usePruiI18n
+  g as usePruiI18n
 };