@acronis-platform/ui-react 0.35.1 → 0.36.0

package/dist/components/ui/chip/chip.js

@@ -0,0 +1,70 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import * as h from "react";
+import { TimesIcon as b } from "@acronis-platform/icons-react/stroke-mono";
+import { cva as m } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as f } from "../../../lib/utils.js";
+const g = m(
+  "inline-flex h-[var(--ui-chips-container-height)] min-w-[var(--ui-chips-container-width-min)] items-center justify-center gap-[var(--ui-chips-container-gap)] rounded-[var(--ui-chips-border-radius)] border-[length:var(--ui-chips-border-width)] border-solid border-[var(--ui-chips-border-color-idle)] bg-[var(--ui-chips-container-color-idle)] px-[var(--ui-chips-container-padding-x)] text-sm leading-6 text-[var(--ui-chips-label-color)] hover:border-[var(--ui-chips-border-color-hover)] hover:bg-[var(--ui-chips-container-color-hover)] [&_svg]:size-[var(--ui-chips-icon-size)] [&_svg]:shrink-0 [&_svg]:text-[var(--ui-chips-icon-color)]",
+  {
+    variants: {
+      variant: {
+        removable: "focus-within:outline-none focus-within:ring-[3px] focus-within:ring-[var(--ui-focus-primary)] active:border-[var(--ui-chips-border-color-active)] active:bg-[var(--ui-chips-container-color-active)]",
+        selectable: "cursor-pointer focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] data-[selected=true]:border-[var(--ui-chips-border-color-active)] data-[selected=true]:bg-[var(--ui-chips-container-color-active)]"
+      }
+    },
+    defaultVariants: {
+      variant: "removable"
+    }
+  }
+), x = h.forwardRef(
+  ({
+    className: t,
+    variant: i = "removable",
+    icon: s,
+    selected: a,
+    onRemove: n,
+    removeLabel: l = "Remove",
+    children: u,
+    onKeyDown: e,
+    ...v
+  }, p) => {
+    const c = i === "selectable";
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: p,
+        className: f(g({ variant: i }), t),
+        onKeyDown: (r) => {
+          c && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click()), e == null || e(r);
+        },
+        ...c ? {
+          role: "button",
+          tabIndex: 0,
+          "aria-pressed": !!a,
+          "data-selected": a ? "true" : void 0
+        } : {},
+        ...v,
+        children: [
+          s,
+          /* @__PURE__ */ o("span", { className: "min-w-0 truncate", children: u }),
+          i === "removable" && /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              "aria-label": l,
+              onClick: n,
+              className: "-mr-1 flex shrink-0 items-center justify-center rounded-full outline-none focus-visible:outline-none",
+              children: /* @__PURE__ */ o(b, {})
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+x.displayName = "Chip";
+export {
+  x as Chip,
+  g as chipVariants
+};
+//# sourceMappingURL=chip.js.map

package/dist/components/ui/chip/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sources":["../../../../src/components/ui/chip/chip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TimesIcon } from '@acronis-platform/icons-react/stroke-mono';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\n// A compact, interactive label. `variant` mirrors the Figma \"Chip\" `type`:\n// `removable` carries a trailing × (remove) button; `selectable` toggles a\n// selected state. The container fill/border/label/icon all wire to the dedicated\n// `--ui-chips-*` tier from @acronis-platform/tokens-pd; geometry (height, gap,\n// padding, min-width, radius, border width, icon size) is tokenized too.\n// The Figma `state` enum (idle / hover / active / focused) maps to interaction\n// states, not props: `hover:` → the hover tokens, `:focus`/`focus-visible` → the\n// 3px `--ui-focus-primary` ring, and the `active` look is the pressed state for\n// `removable` (`active:`) and the selected state for `selectable`\n// (`data-[selected]`, driven by the `selected` prop).\nconst chipVariants = cva(\n  \"inline-flex h-[var(--ui-chips-container-height)] min-w-[var(--ui-chips-container-width-min)] items-center justify-center gap-[var(--ui-chips-container-gap)] rounded-[var(--ui-chips-border-radius)] border-[length:var(--ui-chips-border-width)] border-solid border-[var(--ui-chips-border-color-idle)] bg-[var(--ui-chips-container-color-idle)] px-[var(--ui-chips-container-padding-x)] text-sm leading-6 text-[var(--ui-chips-label-color)] hover:border-[var(--ui-chips-border-color-hover)] hover:bg-[var(--ui-chips-container-color-hover)] [&_svg]:size-[var(--ui-chips-icon-size)] [&_svg]:shrink-0 [&_svg]:text-[var(--ui-chips-icon-color)]\",\n  {\n    variants: {\n      variant: {\n        removable:\n          'focus-within:outline-none focus-within:ring-[3px] focus-within:ring-[var(--ui-focus-primary)] active:border-[var(--ui-chips-border-color-active)] active:bg-[var(--ui-chips-container-color-active)]',\n        selectable:\n          'cursor-pointer focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] data-[selected=true]:border-[var(--ui-chips-border-color-active)] data-[selected=true]:bg-[var(--ui-chips-container-color-active)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'removable',\n    },\n  }\n);\n\nexport interface ChipProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof chipVariants> {\n  /** Optional leading icon, rendered at 16px before the label. */\n  icon?: React.ReactNode;\n  /**\n   * `selectable` only — applies the selected (active) styling and exposes the\n   * chip as a pressed toggle (`role=\"button\"` + `aria-pressed`).\n   */\n  selected?: boolean;\n  /** `removable` only — called when the trailing remove (×) button is pressed. */\n  onRemove?: () => void;\n  /** Accessible label for the remove button (`removable`). */\n  removeLabel?: string;\n}\n\nconst Chip = React.forwardRef<HTMLDivElement, ChipProps>(\n  (\n    {\n      className,\n      variant = 'removable',\n      icon,\n      selected,\n      onRemove,\n      removeLabel = 'Remove',\n      children,\n      onKeyDown,\n      ...props\n    },\n    ref\n  ) => {\n    const selectable = variant === 'selectable';\n    return (\n      <div\n        ref={ref}\n        className={cn(chipVariants({ variant }), className)}\n        onKeyDown={(event) => {\n          // The selectable chip is a div with button semantics; mirror native\n          // button activation so Enter/Space fire its click handler.\n          if (selectable && (event.key === 'Enter' || event.key === ' ')) {\n            event.preventDefault();\n            event.currentTarget.click();\n          }\n          onKeyDown?.(event);\n        }}\n        {...(selectable\n          ? {\n              role: 'button',\n              tabIndex: 0,\n              'aria-pressed': Boolean(selected),\n              'data-selected': selected ? 'true' : undefined,\n            }\n          : {})}\n        {...props}\n      >\n        {icon}\n        <span className=\"min-w-0 truncate\">{children}</span>\n        {variant === 'removable' && (\n          <button\n            type=\"button\"\n            aria-label={removeLabel}\n            onClick={onRemove}\n            className=\"-mr-1 flex shrink-0 items-center justify-center rounded-full outline-none focus-visible:outline-none\"\n          >\n            <TimesIcon />\n          </button>\n        )}\n      </div>\n    );\n  }\n);\nChip.displayName = 'Chip';\n\nexport { Chip, chipVariants };\n"],"names":["chipVariants","cva","Chip","React","className","variant","icon","selected","onRemove","removeLabel","children","onKeyDown","props","ref","selectable","jsxs","cn","event","jsx","TimesIcon"],"mappings":";;;;;AAgBA,MAAMA,IAAeC;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,WACE;AAAA,QACF,YACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAmBMC,IAAOC,EAAM;AAAA,EACjB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAaT,MAAY;AAC/B,WACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAWG,EAAGhB,EAAa,EAAE,SAAAK,EAAA,CAAS,GAAGD,CAAS;AAAA,QAClD,WAAW,CAACa,MAAU;AAGpB,UAAIH,MAAeG,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACxDA,EAAM,eAAA,GACNA,EAAM,cAAc,MAAA,IAEtBN,KAAA,QAAAA,EAAYM;AAAA,QACd;AAAA,QACC,GAAIH,IACD;AAAA,UACE,MAAM;AAAA,UACN,UAAU;AAAA,UACV,gBAAgB,EAAQP;AAAA,UACxB,iBAAiBA,IAAW,SAAS;AAAA,QAAA,IAEvC,CAAA;AAAA,QACH,GAAGK;AAAA,QAEH,UAAA;AAAA,UAAAN;AAAA,UACD,gBAAAY,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAAR,EAAA,CAAS;AAAA,UAC5CL,MAAY,eACX,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAYT;AAAA,cACZ,SAASD;AAAA,cACT,WAAU;AAAA,cAEV,4BAACW,GAAA,CAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AACAjB,EAAK,cAAc;"}

package/dist/index.js

@@ -1,33 +1,34 @@
 import { cn as t } from "./lib/utils.js";
 import { Avatar as o, AvatarFallback as n, AvatarGroup as S, AvatarImage as i, avatarVariants as c } from "./components/ui/avatar/avatar.js";
-import { Breadcrumb as p, BreadcrumbEllipsis as l, BreadcrumbItem as d, BreadcrumbLink as m, BreadcrumbList as b, BreadcrumbPage as I, BreadcrumbSeparator as s } from "./components/ui/breadcrumb/breadcrumb.js";
+import { Breadcrumb as u, BreadcrumbEllipsis as l, BreadcrumbItem as d, BreadcrumbLink as m, BreadcrumbList as b, BreadcrumbPage as I, BreadcrumbSeparator as s } from "./components/ui/breadcrumb/breadcrumb.js";
 import { Button as y, buttonVariants as f } from "./components/ui/button/button.js";
 import { ButtonIcon as P, buttonIconVariants as M } from "./components/ui/button-icon/button-icon.js";
-import { ButtonMenu as C, buttonMenuVariants as B } from "./components/ui/button-menu/button-menu.js";
-import { CardFilter as L, cardFilterVariants as G } from "./components/ui/card-filter/card-filter.js";
+import { ButtonMenu as C, buttonMenuVariants as V } from "./components/ui/button-menu/button-menu.js";
+import { CardFilter as h, cardFilterVariants as L } from "./components/ui/card-filter/card-filter.js";
 import { Checkbox as v } from "./components/ui/checkbox/checkbox.js";
-import { Input as k } from "./components/ui/input/input.js";
-import { InputDatePicker as R } from "./components/ui/input-date-picker/input-date-picker.js";
-import { InputSearch as z } from "./components/ui/input-search/input-search.js";
-import { InputSelect as D, InputSelectContent as w, InputSelectDescription as j, InputSelectError as q, InputSelectField as J, InputSelectGroup as K, InputSelectItem as N, InputSelectLabel as O, InputSelectSearch as Q, InputSelectSection as U, InputSelectSectionLabel as W, InputSelectStatus as X, InputSelectTrigger as Y, InputSelectValue as Z, InputSelect as _, InputSelectContent as $, InputSelectSection as ee, InputSelectSectionLabel as re, InputSelectItem as te, InputSelectTrigger as ae, InputSelectValue as oe } from "./components/ui/input-select/input-select.js";
-import { InputText as Se } from "./components/ui/input-text/input-text.js";
-import { InputTextArea as ce } from "./components/ui/input-text-area/input-text-area.js";
-import { Link as pe } from "./components/ui/link/link.js";
-import { Radio as de, RadioGroup as me } from "./components/ui/radio/radio.js";
-import { ResizableHandle as Ie, ResizablePanel as se, ResizablePanelGroup as xe } from "./components/ui/resizable/resizable.js";
-import { Search as fe } from "./components/ui/search/search.js";
-import { SearchGlobal as Pe } from "./components/ui/search-global/search-global.js";
-import { SidebarPrimary as Te, SidebarPrimaryCollapseTrigger as Ce, SidebarPrimaryContent as Be, SidebarPrimaryFooter as Ve, SidebarPrimaryHeader as Le, SidebarPrimaryMenu as Ge, SidebarPrimaryMenuItem as he, SidebarPrimaryMenuItemExtras as ve, SidebarPrimarySection as Fe, sidebarPrimaryMenuItemVariants as ke } from "./components/ui/sidebar-primary/sidebar-primary.js";
-import { SidebarSecondary as Re, SidebarSecondaryCollapseTrigger as Ee, SidebarSecondaryCollapsedBreadcrumb as ze, SidebarSecondaryContent as He, SidebarSecondaryFooter as De, SidebarSecondaryHeader as we, SidebarSecondaryMenu as je, SidebarSecondaryMenuItem as qe, SidebarSecondaryMenuItemExtras as Je, SidebarSecondaryMenuSub as Ke, SidebarSecondaryMenuSubContent as Ne, SidebarSecondaryMenuSubItem as Oe, SidebarSecondaryMenuSubTrigger as Qe, SidebarSecondarySection as Ue, SidebarSecondarySectionLabel as We, sidebarSecondaryMenuItemVariants as Xe } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
-import { Switch as Ze } from "./components/ui/switch/switch.js";
-import { Tag as $e, tagVariants as er } from "./components/ui/tag/tag.js";
-import { Tooltip as tr, TooltipContent as ar, TooltipProvider as or, TooltipTrigger as nr } from "./components/ui/tooltip/tooltip.js";
+import { Chip as k, chipVariants as A } from "./components/ui/chip/chip.js";
+import { Input as E } from "./components/ui/input/input.js";
+import { InputDatePicker as H } from "./components/ui/input-date-picker/input-date-picker.js";
+import { InputSearch as w } from "./components/ui/input-search/input-search.js";
+import { InputSelect as q, InputSelectContent as J, InputSelectDescription as K, InputSelectError as N, InputSelectField as O, InputSelectGroup as Q, InputSelectItem as U, InputSelectLabel as W, InputSelectSearch as X, InputSelectSection as Y, InputSelectSectionLabel as Z, InputSelectStatus as _, InputSelectTrigger as $, InputSelectValue as ee, InputSelect as re, InputSelectContent as te, InputSelectSection as ae, InputSelectSectionLabel as oe, InputSelectItem as ne, InputSelectTrigger as Se, InputSelectValue as ie } from "./components/ui/input-select/input-select.js";
+import { InputText as pe } from "./components/ui/input-text/input-text.js";
+import { InputTextArea as le } from "./components/ui/input-text-area/input-text-area.js";
+import { Link as me } from "./components/ui/link/link.js";
+import { Radio as Ie, RadioGroup as se } from "./components/ui/radio/radio.js";
+import { ResizableHandle as ye, ResizablePanel as fe, ResizablePanelGroup as ge } from "./components/ui/resizable/resizable.js";
+import { Search as Me } from "./components/ui/search/search.js";
+import { SearchGlobal as Ce } from "./components/ui/search-global/search-global.js";
+import { SidebarPrimary as Be, SidebarPrimaryCollapseTrigger as he, SidebarPrimaryContent as Le, SidebarPrimaryFooter as Ge, SidebarPrimaryHeader as ve, SidebarPrimaryMenu as Fe, SidebarPrimaryMenuItem as ke, SidebarPrimaryMenuItemExtras as Ae, SidebarPrimarySection as Re, sidebarPrimaryMenuItemVariants as Ee } from "./components/ui/sidebar-primary/sidebar-primary.js";
+import { SidebarSecondary as He, SidebarSecondaryCollapseTrigger as De, SidebarSecondaryCollapsedBreadcrumb as we, SidebarSecondaryContent as je, SidebarSecondaryFooter as qe, SidebarSecondaryHeader as Je, SidebarSecondaryMenu as Ke, SidebarSecondaryMenuItem as Ne, SidebarSecondaryMenuItemExtras as Oe, SidebarSecondaryMenuSub as Qe, SidebarSecondaryMenuSubContent as Ue, SidebarSecondaryMenuSubItem as We, SidebarSecondaryMenuSubTrigger as Xe, SidebarSecondarySection as Ye, SidebarSecondarySectionLabel as Ze, sidebarSecondaryMenuItemVariants as _e } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
+import { Switch as er } from "./components/ui/switch/switch.js";
+import { Tag as tr, tagVariants as ar } from "./components/ui/tag/tag.js";
+import { Tooltip as nr, TooltipContent as Sr, TooltipProvider as ir, TooltipTrigger as cr } from "./components/ui/tooltip/tooltip.js";
 export {
   o as Avatar,
   n as AvatarFallback,
   S as AvatarGroup,
   i as AvatarImage,
-  p as Breadcrumb,
+  u as Breadcrumb,
   l as BreadcrumbEllipsis,
   d as BreadcrumbItem,
   m as BreadcrumbLink,
@@ -37,80 +38,82 @@ export {
   y as Button,
   P as ButtonIcon,
   C as ButtonMenu,
-  L as CardFilter,
+  h as CardFilter,
   v as Checkbox,
-  k as Input,
-  R as InputDatePicker,
-  z as InputSearch,
-  D as InputSelect,
-  w as InputSelectContent,
-  j as InputSelectDescription,
-  q as InputSelectError,
-  J as InputSelectField,
-  K as InputSelectGroup,
-  N as InputSelectItem,
-  O as InputSelectLabel,
-  Q as InputSelectSearch,
-  U as InputSelectSection,
-  W as InputSelectSectionLabel,
-  X as InputSelectStatus,
-  Y as InputSelectTrigger,
-  Z as InputSelectValue,
-  Se as InputText,
-  ce as InputTextArea,
-  pe as Link,
-  de as Radio,
-  me as RadioGroup,
-  Ie as ResizableHandle,
-  se as ResizablePanel,
-  xe as ResizablePanelGroup,
-  fe as Search,
-  Pe as SearchGlobal,
-  _ as Select,
-  $ as SelectContent,
-  ee as SelectGroup,
-  re as SelectGroupLabel,
-  te as SelectItem,
-  ae as SelectTrigger,
-  oe as SelectValue,
-  Te as SidebarPrimary,
-  Ce as SidebarPrimaryCollapseTrigger,
-  Be as SidebarPrimaryContent,
-  Ve as SidebarPrimaryFooter,
-  Le as SidebarPrimaryHeader,
-  Ge as SidebarPrimaryMenu,
-  he as SidebarPrimaryMenuItem,
-  ve as SidebarPrimaryMenuItemExtras,
-  Fe as SidebarPrimarySection,
-  Re as SidebarSecondary,
-  Ee as SidebarSecondaryCollapseTrigger,
-  ze as SidebarSecondaryCollapsedBreadcrumb,
-  He as SidebarSecondaryContent,
-  De as SidebarSecondaryFooter,
-  we as SidebarSecondaryHeader,
-  je as SidebarSecondaryMenu,
-  qe as SidebarSecondaryMenuItem,
-  Je as SidebarSecondaryMenuItemExtras,
-  Ke as SidebarSecondaryMenuSub,
-  Ne as SidebarSecondaryMenuSubContent,
-  Oe as SidebarSecondaryMenuSubItem,
-  Qe as SidebarSecondaryMenuSubTrigger,
-  Ue as SidebarSecondarySection,
-  We as SidebarSecondarySectionLabel,
-  Ze as Switch,
-  $e as Tag,
-  tr as Tooltip,
-  ar as TooltipContent,
-  or as TooltipProvider,
-  nr as TooltipTrigger,
+  k as Chip,
+  E as Input,
+  H as InputDatePicker,
+  w as InputSearch,
+  q as InputSelect,
+  J as InputSelectContent,
+  K as InputSelectDescription,
+  N as InputSelectError,
+  O as InputSelectField,
+  Q as InputSelectGroup,
+  U as InputSelectItem,
+  W as InputSelectLabel,
+  X as InputSelectSearch,
+  Y as InputSelectSection,
+  Z as InputSelectSectionLabel,
+  _ as InputSelectStatus,
+  $ as InputSelectTrigger,
+  ee as InputSelectValue,
+  pe as InputText,
+  le as InputTextArea,
+  me as Link,
+  Ie as Radio,
+  se as RadioGroup,
+  ye as ResizableHandle,
+  fe as ResizablePanel,
+  ge as ResizablePanelGroup,
+  Me as Search,
+  Ce as SearchGlobal,
+  re as Select,
+  te as SelectContent,
+  ae as SelectGroup,
+  oe as SelectGroupLabel,
+  ne as SelectItem,
+  Se as SelectTrigger,
+  ie as SelectValue,
+  Be as SidebarPrimary,
+  he as SidebarPrimaryCollapseTrigger,
+  Le as SidebarPrimaryContent,
+  Ge as SidebarPrimaryFooter,
+  ve as SidebarPrimaryHeader,
+  Fe as SidebarPrimaryMenu,
+  ke as SidebarPrimaryMenuItem,
+  Ae as SidebarPrimaryMenuItemExtras,
+  Re as SidebarPrimarySection,
+  He as SidebarSecondary,
+  De as SidebarSecondaryCollapseTrigger,
+  we as SidebarSecondaryCollapsedBreadcrumb,
+  je as SidebarSecondaryContent,
+  qe as SidebarSecondaryFooter,
+  Je as SidebarSecondaryHeader,
+  Ke as SidebarSecondaryMenu,
+  Ne as SidebarSecondaryMenuItem,
+  Oe as SidebarSecondaryMenuItemExtras,
+  Qe as SidebarSecondaryMenuSub,
+  Ue as SidebarSecondaryMenuSubContent,
+  We as SidebarSecondaryMenuSubItem,
+  Xe as SidebarSecondaryMenuSubTrigger,
+  Ye as SidebarSecondarySection,
+  Ze as SidebarSecondarySectionLabel,
+  er as Switch,
+  tr as Tag,
+  nr as Tooltip,
+  Sr as TooltipContent,
+  ir as TooltipProvider,
+  cr as TooltipTrigger,
   c as avatarVariants,
   M as buttonIconVariants,
-  B as buttonMenuVariants,
+  V as buttonMenuVariants,
   f as buttonVariants,
-  G as cardFilterVariants,
+  L as cardFilterVariants,
+  A as chipVariants,
   t as cn,
-  ke as sidebarPrimaryMenuItemVariants,
-  Xe as sidebarSecondaryMenuItemVariants,
-  er as tagVariants
+  Ee as sidebarPrimaryMenuItemVariants,
+  _e as sidebarSecondaryMenuItemVariants,
+  ar as tagVariants
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/react.js

@@ -1,33 +1,34 @@
 import { cn as t } from "./lib/utils.js";
 import { Avatar as o, AvatarFallback as n, AvatarGroup as S, AvatarImage as i, avatarVariants as c } from "./components/ui/avatar/avatar.js";
-import { Breadcrumb as p, BreadcrumbEllipsis as l, BreadcrumbItem as d, BreadcrumbLink as m, BreadcrumbList as b, BreadcrumbPage as I, BreadcrumbSeparator as s } from "./components/ui/breadcrumb/breadcrumb.js";
+import { Breadcrumb as u, BreadcrumbEllipsis as l, BreadcrumbItem as d, BreadcrumbLink as m, BreadcrumbList as b, BreadcrumbPage as I, BreadcrumbSeparator as s } from "./components/ui/breadcrumb/breadcrumb.js";
 import { Button as y, buttonVariants as f } from "./components/ui/button/button.js";
 import { ButtonIcon as P, buttonIconVariants as M } from "./components/ui/button-icon/button-icon.js";
-import { ButtonMenu as C, buttonMenuVariants as B } from "./components/ui/button-menu/button-menu.js";
-import { CardFilter as L, cardFilterVariants as G } from "./components/ui/card-filter/card-filter.js";
+import { ButtonMenu as C, buttonMenuVariants as V } from "./components/ui/button-menu/button-menu.js";
+import { CardFilter as h, cardFilterVariants as L } from "./components/ui/card-filter/card-filter.js";
 import { Checkbox as v } from "./components/ui/checkbox/checkbox.js";
-import { Input as k } from "./components/ui/input/input.js";
-import { InputDatePicker as R } from "./components/ui/input-date-picker/input-date-picker.js";
-import { InputSearch as z } from "./components/ui/input-search/input-search.js";
-import { InputSelect as D, InputSelectContent as w, InputSelectDescription as j, InputSelectError as q, InputSelectField as J, InputSelectGroup as K, InputSelectItem as N, InputSelectLabel as O, InputSelectSearch as Q, InputSelectSection as U, InputSelectSectionLabel as W, InputSelectStatus as X, InputSelectTrigger as Y, InputSelectValue as Z, InputSelect as _, InputSelectContent as $, InputSelectSection as ee, InputSelectSectionLabel as re, InputSelectItem as te, InputSelectTrigger as ae, InputSelectValue as oe } from "./components/ui/input-select/input-select.js";
-import { InputText as Se } from "./components/ui/input-text/input-text.js";
-import { InputTextArea as ce } from "./components/ui/input-text-area/input-text-area.js";
-import { Link as pe } from "./components/ui/link/link.js";
-import { Radio as de, RadioGroup as me } from "./components/ui/radio/radio.js";
-import { ResizableHandle as Ie, ResizablePanel as se, ResizablePanelGroup as xe } from "./components/ui/resizable/resizable.js";
-import { Search as fe } from "./components/ui/search/search.js";
-import { SearchGlobal as Pe } from "./components/ui/search-global/search-global.js";
-import { SidebarPrimary as Te, SidebarPrimaryCollapseTrigger as Ce, SidebarPrimaryContent as Be, SidebarPrimaryFooter as Ve, SidebarPrimaryHeader as Le, SidebarPrimaryMenu as Ge, SidebarPrimaryMenuItem as he, SidebarPrimaryMenuItemExtras as ve, SidebarPrimarySection as Fe, sidebarPrimaryMenuItemVariants as ke } from "./components/ui/sidebar-primary/sidebar-primary.js";
-import { SidebarSecondary as Re, SidebarSecondaryCollapseTrigger as Ee, SidebarSecondaryCollapsedBreadcrumb as ze, SidebarSecondaryContent as He, SidebarSecondaryFooter as De, SidebarSecondaryHeader as we, SidebarSecondaryMenu as je, SidebarSecondaryMenuItem as qe, SidebarSecondaryMenuItemExtras as Je, SidebarSecondaryMenuSub as Ke, SidebarSecondaryMenuSubContent as Ne, SidebarSecondaryMenuSubItem as Oe, SidebarSecondaryMenuSubTrigger as Qe, SidebarSecondarySection as Ue, SidebarSecondarySectionLabel as We, sidebarSecondaryMenuItemVariants as Xe } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
-import { Switch as Ze } from "./components/ui/switch/switch.js";
-import { Tag as $e, tagVariants as er } from "./components/ui/tag/tag.js";
-import { Tooltip as tr, TooltipContent as ar, TooltipProvider as or, TooltipTrigger as nr } from "./components/ui/tooltip/tooltip.js";
+import { Chip as k, chipVariants as A } from "./components/ui/chip/chip.js";
+import { Input as E } from "./components/ui/input/input.js";
+import { InputDatePicker as H } from "./components/ui/input-date-picker/input-date-picker.js";
+import { InputSearch as w } from "./components/ui/input-search/input-search.js";
+import { InputSelect as q, InputSelectContent as J, InputSelectDescription as K, InputSelectError as N, InputSelectField as O, InputSelectGroup as Q, InputSelectItem as U, InputSelectLabel as W, InputSelectSearch as X, InputSelectSection as Y, InputSelectSectionLabel as Z, InputSelectStatus as _, InputSelectTrigger as $, InputSelectValue as ee, InputSelect as re, InputSelectContent as te, InputSelectSection as ae, InputSelectSectionLabel as oe, InputSelectItem as ne, InputSelectTrigger as Se, InputSelectValue as ie } from "./components/ui/input-select/input-select.js";
+import { InputText as pe } from "./components/ui/input-text/input-text.js";
+import { InputTextArea as le } from "./components/ui/input-text-area/input-text-area.js";
+import { Link as me } from "./components/ui/link/link.js";
+import { Radio as Ie, RadioGroup as se } from "./components/ui/radio/radio.js";
+import { ResizableHandle as ye, ResizablePanel as fe, ResizablePanelGroup as ge } from "./components/ui/resizable/resizable.js";
+import { Search as Me } from "./components/ui/search/search.js";
+import { SearchGlobal as Ce } from "./components/ui/search-global/search-global.js";
+import { SidebarPrimary as Be, SidebarPrimaryCollapseTrigger as he, SidebarPrimaryContent as Le, SidebarPrimaryFooter as Ge, SidebarPrimaryHeader as ve, SidebarPrimaryMenu as Fe, SidebarPrimaryMenuItem as ke, SidebarPrimaryMenuItemExtras as Ae, SidebarPrimarySection as Re, sidebarPrimaryMenuItemVariants as Ee } from "./components/ui/sidebar-primary/sidebar-primary.js";
+import { SidebarSecondary as He, SidebarSecondaryCollapseTrigger as De, SidebarSecondaryCollapsedBreadcrumb as we, SidebarSecondaryContent as je, SidebarSecondaryFooter as qe, SidebarSecondaryHeader as Je, SidebarSecondaryMenu as Ke, SidebarSecondaryMenuItem as Ne, SidebarSecondaryMenuItemExtras as Oe, SidebarSecondaryMenuSub as Qe, SidebarSecondaryMenuSubContent as Ue, SidebarSecondaryMenuSubItem as We, SidebarSecondaryMenuSubTrigger as Xe, SidebarSecondarySection as Ye, SidebarSecondarySectionLabel as Ze, sidebarSecondaryMenuItemVariants as _e } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
+import { Switch as er } from "./components/ui/switch/switch.js";
+import { Tag as tr, tagVariants as ar } from "./components/ui/tag/tag.js";
+import { Tooltip as nr, TooltipContent as Sr, TooltipProvider as ir, TooltipTrigger as cr } from "./components/ui/tooltip/tooltip.js";
 export {
   o as Avatar,
   n as AvatarFallback,
   S as AvatarGroup,
   i as AvatarImage,
-  p as Breadcrumb,
+  u as Breadcrumb,
   l as BreadcrumbEllipsis,
   d as BreadcrumbItem,
   m as BreadcrumbLink,
@@ -37,80 +38,82 @@ export {
   y as Button,
   P as ButtonIcon,
   C as ButtonMenu,
-  L as CardFilter,
+  h as CardFilter,
   v as Checkbox,
-  k as Input,
-  R as InputDatePicker,
-  z as InputSearch,
-  D as InputSelect,
-  w as InputSelectContent,
-  j as InputSelectDescription,
-  q as InputSelectError,
-  J as InputSelectField,
-  K as InputSelectGroup,
-  N as InputSelectItem,
-  O as InputSelectLabel,
-  Q as InputSelectSearch,
-  U as InputSelectSection,
-  W as InputSelectSectionLabel,
-  X as InputSelectStatus,
-  Y as InputSelectTrigger,
-  Z as InputSelectValue,
-  Se as InputText,
-  ce as InputTextArea,
-  pe as Link,
-  de as Radio,
-  me as RadioGroup,
-  Ie as ResizableHandle,
-  se as ResizablePanel,
-  xe as ResizablePanelGroup,
-  fe as Search,
-  Pe as SearchGlobal,
-  _ as Select,
-  $ as SelectContent,
-  ee as SelectGroup,
-  re as SelectGroupLabel,
-  te as SelectItem,
-  ae as SelectTrigger,
-  oe as SelectValue,
-  Te as SidebarPrimary,
-  Ce as SidebarPrimaryCollapseTrigger,
-  Be as SidebarPrimaryContent,
-  Ve as SidebarPrimaryFooter,
-  Le as SidebarPrimaryHeader,
-  Ge as SidebarPrimaryMenu,
-  he as SidebarPrimaryMenuItem,
-  ve as SidebarPrimaryMenuItemExtras,
-  Fe as SidebarPrimarySection,
-  Re as SidebarSecondary,
-  Ee as SidebarSecondaryCollapseTrigger,
-  ze as SidebarSecondaryCollapsedBreadcrumb,
-  He as SidebarSecondaryContent,
-  De as SidebarSecondaryFooter,
-  we as SidebarSecondaryHeader,
-  je as SidebarSecondaryMenu,
-  qe as SidebarSecondaryMenuItem,
-  Je as SidebarSecondaryMenuItemExtras,
-  Ke as SidebarSecondaryMenuSub,
-  Ne as SidebarSecondaryMenuSubContent,
-  Oe as SidebarSecondaryMenuSubItem,
-  Qe as SidebarSecondaryMenuSubTrigger,
-  Ue as SidebarSecondarySection,
-  We as SidebarSecondarySectionLabel,
-  Ze as Switch,
-  $e as Tag,
-  tr as Tooltip,
-  ar as TooltipContent,
-  or as TooltipProvider,
-  nr as TooltipTrigger,
+  k as Chip,
+  E as Input,
+  H as InputDatePicker,
+  w as InputSearch,
+  q as InputSelect,
+  J as InputSelectContent,
+  K as InputSelectDescription,
+  N as InputSelectError,
+  O as InputSelectField,
+  Q as InputSelectGroup,
+  U as InputSelectItem,
+  W as InputSelectLabel,
+  X as InputSelectSearch,
+  Y as InputSelectSection,
+  Z as InputSelectSectionLabel,
+  _ as InputSelectStatus,
+  $ as InputSelectTrigger,
+  ee as InputSelectValue,
+  pe as InputText,
+  le as InputTextArea,
+  me as Link,
+  Ie as Radio,
+  se as RadioGroup,
+  ye as ResizableHandle,
+  fe as ResizablePanel,
+  ge as ResizablePanelGroup,
+  Me as Search,
+  Ce as SearchGlobal,
+  re as Select,
+  te as SelectContent,
+  ae as SelectGroup,
+  oe as SelectGroupLabel,
+  ne as SelectItem,
+  Se as SelectTrigger,
+  ie as SelectValue,
+  Be as SidebarPrimary,
+  he as SidebarPrimaryCollapseTrigger,
+  Le as SidebarPrimaryContent,
+  Ge as SidebarPrimaryFooter,
+  ve as SidebarPrimaryHeader,
+  Fe as SidebarPrimaryMenu,
+  ke as SidebarPrimaryMenuItem,
+  Ae as SidebarPrimaryMenuItemExtras,
+  Re as SidebarPrimarySection,
+  He as SidebarSecondary,
+  De as SidebarSecondaryCollapseTrigger,
+  we as SidebarSecondaryCollapsedBreadcrumb,
+  je as SidebarSecondaryContent,
+  qe as SidebarSecondaryFooter,
+  Je as SidebarSecondaryHeader,
+  Ke as SidebarSecondaryMenu,
+  Ne as SidebarSecondaryMenuItem,
+  Oe as SidebarSecondaryMenuItemExtras,
+  Qe as SidebarSecondaryMenuSub,
+  Ue as SidebarSecondaryMenuSubContent,
+  We as SidebarSecondaryMenuSubItem,
+  Xe as SidebarSecondaryMenuSubTrigger,
+  Ye as SidebarSecondarySection,
+  Ze as SidebarSecondarySectionLabel,
+  er as Switch,
+  tr as Tag,
+  nr as Tooltip,
+  Sr as TooltipContent,
+  ir as TooltipProvider,
+  cr as TooltipTrigger,
   c as avatarVariants,
   M as buttonIconVariants,
-  B as buttonMenuVariants,
+  V as buttonMenuVariants,
   f as buttonVariants,
-  G as cardFilterVariants,
+  L as cardFilterVariants,
+  A as chipVariants,
   t as cn,
-  ke as sidebarPrimaryMenuItemVariants,
-  Xe as sidebarSecondaryMenuItemVariants,
-  er as tagVariants
+  Ee as sidebarPrimaryMenuItemVariants,
+  _e as sidebarSecondaryMenuItemVariants,
+  ar as tagVariants
 };
 //# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/src/components/ui/chip/chip.d.ts

@@ -0,0 +1,20 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const chipVariants: (props?: ({
+    variant?: "removable" | "selectable" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
+    /** Optional leading icon, rendered at 16px before the label. */
+    icon?: React.ReactNode;
+    /**
+     * `selectable` only — applies the selected (active) styling and exposes the
+     * chip as a pressed toggle (`role="button"` + `aria-pressed`).
+     */
+    selected?: boolean;
+    /** `removable` only — called when the trailing remove (×) button is pressed. */
+    onRemove?: () => void;
+    /** Accessible label for the remove button (`removable`). */
+    removeLabel?: string;
+}
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+export { Chip, chipVariants };

package/dist/src/components/ui/chip/index.d.ts

@@ -0,0 +1 @@
+export { Chip, chipVariants, type ChipProps } from './chip';

package/dist/src/components/ui/sidebar-primary/sidebar-primary.d.ts

@@ -21,7 +21,7 @@ declare const SidebarPrimaryFooter: React.ForwardRefExoticComponent<Omit<React.D
 declare const SidebarPrimarySection: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarPrimaryMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
 declare const sidebarPrimaryMenuItemVariants: (props?: ({
-    variant?: "unselected" | "selected" | null | undefined;
+    variant?: "selected" | "unselected" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SidebarPrimaryMenuItemProps extends Omit<React.ComponentPropsWithoutRef<'a'>, 'children'>, Omit<VariantProps<typeof sidebarPrimaryMenuItemVariants>, 'variant'> {
     /** Marks the current route: sets the `selected` variant + `aria-current="page"`. */

package/dist/src/components/ui/sidebar-secondary/sidebar-secondary.d.ts

@@ -58,7 +58,7 @@ export interface SidebarSecondarySectionLabelProps extends React.ComponentPropsW
 declare const SidebarSecondarySectionLabel: React.ForwardRefExoticComponent<SidebarSecondarySectionLabelProps & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarSecondaryMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
 declare const sidebarSecondaryMenuItemVariants: (props?: ({
-    variant?: "unselected" | "selected" | null | undefined;
+    variant?: "selected" | "unselected" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SidebarSecondaryMenuItemProps extends Omit<React.ComponentPropsWithoutRef<'a'>, 'children'>, Omit<VariantProps<typeof sidebarSecondaryMenuItemVariants>, 'variant'> {
     /** Marks the current route: sets the `selected` variant + `aria-current="page"`. */

package/dist/src/index.d.ts

@@ -5,6 +5,7 @@ export * from './components/ui/button';
 export * from './components/ui/button-menu';
 export * from './components/ui/card-filter';
 export * from './components/ui/checkbox';
+export * from './components/ui/chip';
 export * from './components/ui/radio';
 export * from './components/ui/input';
 export * from './components/ui/input-date-picker';