@purpur/library 9.0.9 → 9.1.0

package/dist/use-autocomplete.es-BHDgQLae.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-autocomplete.es-BHDgQLae.js","sources":["../../../hooks/autocomplete/dist/use-autocomplete.es.js"],"sourcesContent":["import { useId as Z, useRef as b, useState as A, useCallback as $, useEffect as _ } from \"react\";\nconst ee = ({\n  id: p,\n  options: m,\n  listboxLabel: O,\n  selectedOption: r,\n  disabled: v = !1,\n  readOnly: h = !1,\n  openOnFocus: K = !1,\n  listboxMaxHeight: u,\n  highlightFirstOption: y = !1,\n  onSelect: S,\n  closeOnSelect: T = !0,\n  noOptionsText: P,\n  [\"data-testid\"]: w\n}) => {\n  const M = Z(), l = b(null), x = b(null), d = b(null), g = b({}), [k, I] = A(!1), [n, a] = A(\n    y ? m[0] : void 0\n  ), C = `${p}-listbox`, N = `${p}-input`, E = (e) => `${p}-listbox-item-${e.id}`, R = `--purpur-autocomplete-${M.replace(/:/g, \"\")}`, Y = { anchorName: R }, B = (e) => w ? `${w}-${e}` : void 0, o = $(() => {\n    I(!1), a(void 0);\n  }, []);\n  _(() => {\n    const e = (t) => {\n      l.current && !l.current.contains(t.target) && !d.current?.contains(t.target) && o();\n    };\n    return document.addEventListener(\"mousedown\", e), () => document.removeEventListener(\"mousedown\", e);\n  }, [o]);\n  const f = ({ eventType: e }) => {\n    I(!0), r && requestAnimationFrame(() => {\n      a({ ...r, isSetByClickEvent: e === \"CLICK\" }), D(g.current[r.id]);\n    });\n  }, D = (e) => {\n    if (!e) return;\n    const t = e.getBoundingClientRect(), s = d.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };\n    (t.top < s.top || t.bottom > s.bottom) && e.scrollIntoView({ block: \"nearest\" });\n  }, c = k && (m.length > 0 || !!P), q = (e) => {\n    const t = m.filter((i) => !i.disabled);\n    if (!t.length) return;\n    const s = n ? t.findIndex((i) => i.id === n.id) : -1;\n    return e === \"ArrowDown\" ? t[(s + 1) % t.length] : t[(s - 1 + t.length) % t.length];\n  }, F = (e) => {\n    c || f({ eventType: \"KEYBOARD\" });\n    const t = q(e);\n    a(t ? { ...t } : void 0), t && D(g.current[t.id]);\n  }, L = (e) => {\n    e.disabled || (S?.(e), x.current?.focus(), T && o());\n  }, U = () => {\n    f({ eventType: \"KEYBOARD\" });\n  }, V = (e) => {\n    if (!(v || h))\n      switch (e.key) {\n        case \"ArrowUp\":\n        case \"ArrowDown\":\n          e.preventDefault(), F(e.key);\n          break;\n        case \"Enter\":\n          c && n && (e.preventDefault(), L(n));\n          break;\n        case \"Escape\":\n          e.preventDefault(), o();\n          break;\n        case \"Tab\":\n          o();\n          break;\n      }\n  }, j = () => {\n    !k && K && !v && !h && f({ eventType: \"KEYBOARD\" });\n  }, z = () => {\n    setTimeout(() => {\n      const e = document.activeElement;\n      e !== document.body && !x.current?.contains(e) && !d.current?.contains(e) && !l.current?.contains(e) && o();\n    });\n  }, G = () => {\n    v || h || (c ? o() : f({ eventType: \"CLICK\" }));\n  }, J = $((e) => {\n    if (d.current = e, e && typeof e.showPopover == \"function\")\n      try {\n        e.showPopover();\n      } catch {\n      }\n  }, []), Q = {\n    \"aria-label\": O,\n    \"aria-expanded\": c,\n    \"data-testid\": B(\"listbox\"),\n    id: C,\n    ref: J,\n    onMouseLeave: () => a(void 0),\n    popover: \"manual\",\n    style: {\n      ...u ? {\n        maxHeight: typeof u == \"number\" ? `${u}px` : u\n      } : {},\n      positionAnchor: R\n    }\n  }, W = (e, t) => {\n    const s = (e.id === n?.id || y && !n && t === 0) && !n?.isSetByClickEvent;\n    return {\n      \"data-testid\": B(`listbox-item-${e.id}`),\n      id: E(e),\n      key: e.id,\n      onMouseMove: () => {\n        e.id !== n?.id && a({ ...e, isSetByClickEvent: !0 });\n      },\n      onMouseUp: () => L(e),\n      ref: (i) => {\n        i && (g.current[e.id] = i);\n      },\n      tabIndex: -1,\n      selected: e.id === r?.id,\n      disabled: e.disabled,\n      highlighted: s,\n      hovered: e.id === n?.id && !!n?.isSetByClickEvent,\n      \"aria-selected\": e.id === r?.id\n    };\n  }, X = {\n    role: \"combobox\",\n    \"aria-autocomplete\": \"list\",\n    \"aria-expanded\": c,\n    \"aria-controls\": C,\n    \"aria-activedescendant\": n ? E(n) : void 0,\n    autoComplete: \"off\",\n    onKeyDown: V,\n    onFocus: j,\n    onBlur: z,\n    onMouseDown: G\n  };\n  return {\n    rootRef: l,\n    inputRef: x,\n    inputId: N,\n    inputProps: X,\n    listboxProps: Q,\n    getListboxItemProps: W,\n    isOpen: c,\n    openListbox: U,\n    anchorStyle: Y\n  };\n};\nexport {\n  ee as useAutocomplete\n};\n//# sourceMappingURL=use-autocomplete.es.js.map\n"],"names":["ee","p","m","O","r","v","h","K","u","S","T","P","w","Z","l","b","x","d","g","k","I","A","a","C","N","E","R","Y","B","o","$","_","f","D","c","q","i","F","L","U","V","j","z","G","J","Q","W","X"],"mappings":"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"}

package/dist/use-autocomplete.es-CVv3z8t6.mjs

@@ -0,0 +1,142 @@
+import { useId as X, useRef as b, useState as R, useCallback as $, useEffect as Z } from "react";
+const ee = ({
+  id: f,
+  options: v,
+  listboxLabel: A,
+  selectedOption: a,
+  disabled: m = !1,
+  readOnly: g = !1,
+  openOnFocus: S = !1,
+  listboxMaxHeight: d,
+  highlightFirstOption: y = !1,
+  onSelect: T,
+  closeOnSelect: M = !0,
+  noOptionsText: K,
+  ["data-testid"]: k
+}) => {
+  const F = X(), l = b(null), x = b(null), u = b(null), h = b({}), [E, C] = R(!1), [o, c] = R(
+    y ? v[0] : void 0
+  ), w = `${f}-listbox`, P = `${f}-input`, B = (e) => `${f}-listbox-item-${e.id}`, D = `--purpur-autocomplete-${F.replace(/:/g, "")}`, Y = { anchorName: D }, O = (e) => k ? `${k}-${e}` : void 0, n = $(() => {
+    C(!1), c(void 0);
+  }, []);
+  Z(() => {
+    const e = (t) => {
+      l.current && !l.current.contains(t.target) && !u.current?.contains(t.target) && n();
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [n]);
+  const p = ({ eventType: e }) => {
+    C(!0), a && requestAnimationFrame(() => {
+      c({ ...a, isSetByClickEvent: e === "CLICK" }), I(h.current[a.id]);
+    });
+  }, I = (e) => {
+    if (!e) return;
+    const t = e.getBoundingClientRect(), i = u.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };
+    (t.top < i.top || t.bottom > i.bottom) && e.scrollIntoView({ block: "nearest" });
+  }, r = E && (v.length > 0 || !!K), U = (e) => {
+    const t = v.filter((s) => !s.disabled);
+    if (!t.length) return;
+    const i = o ? t.findIndex((s) => s.id === o.id) : -1;
+    return e === "ArrowDown" ? t[(i + 1) % t.length] : t[(i - 1 + t.length) % t.length];
+  }, q = (e) => {
+    r || p({ eventType: "KEYBOARD" });
+    const t = U(e);
+    c(t ? { ...t } : void 0), t && I(h.current[t.id]);
+  }, L = (e) => {
+    e.disabled || (T?.(e), x.current?.focus(), M && n());
+  }, H = () => {
+    p({ eventType: "KEYBOARD" });
+  }, N = (e) => {
+    if (!(m || g))
+      switch (e.key) {
+        case "ArrowUp":
+        case "ArrowDown":
+          e.preventDefault(), q(e.key);
+          break;
+        case "Enter":
+          r && o && (e.preventDefault(), L(o));
+          break;
+        case "Escape":
+          e.preventDefault(), n();
+          break;
+        case "Tab":
+          n();
+          break;
+      }
+  }, V = () => {
+    !E && S && !m && !g && p({ eventType: "KEYBOARD" });
+  }, j = () => {
+    setTimeout(() => {
+      const e = document.activeElement;
+      e !== document.body && !x.current?.contains(e) && !u.current?.contains(e) && !l.current?.contains(e) && n();
+    });
+  }, z = () => {
+    m || g || (r ? n() : p({ eventType: "CLICK" }));
+  }, G = $((e) => {
+    if (u.current = e, e && typeof e.showPopover == "function")
+      try {
+        e.showPopover();
+      } catch {
+      }
+  }, []), J = {
+    "aria-label": A,
+    "aria-expanded": r,
+    "data-testid": O("listbox"),
+    id: w,
+    ref: G,
+    onMouseLeave: () => c(void 0),
+    popover: "manual",
+    style: {
+      ...d ? {
+        maxHeight: typeof d == "number" ? `${d}px` : d
+      } : {},
+      positionAnchor: D
+    }
+  }, Q = (e, t) => {
+    const i = (e.id === o?.id || y && !o && t === 0) && !o?.isSetByClickEvent;
+    return {
+      "data-testid": O(`listbox-item-${e.id}`),
+      id: B(e),
+      key: e.id,
+      onMouseMove: () => {
+        e.id !== o?.id && c({ ...e, isSetByClickEvent: !0 });
+      },
+      onMouseUp: () => L(e),
+      ref: (s) => {
+        s && (h.current[e.id] = s);
+      },
+      tabIndex: -1,
+      selected: e.id === a?.id,
+      disabled: e.disabled,
+      highlighted: i,
+      hovered: e.id === o?.id && !!o?.isSetByClickEvent,
+      "aria-selected": e.id === a?.id
+    };
+  }, W = {
+    role: "combobox",
+    "aria-autocomplete": "list",
+    "aria-expanded": r,
+    "aria-controls": w,
+    "aria-activedescendant": o ? B(o) : void 0,
+    autoComplete: "off",
+    onKeyDown: N,
+    onFocus: V,
+    onBlur: j,
+    onMouseDown: z
+  };
+  return {
+    rootRef: l,
+    inputRef: x,
+    inputId: P,
+    inputProps: W,
+    listboxProps: J,
+    getListboxItemProps: Q,
+    isOpen: r,
+    openListbox: H,
+    anchorStyle: Y
+  };
+};
+export {
+  ee as e
+};
+//# sourceMappingURL=use-autocomplete.es-CVv3z8t6.mjs.map

package/dist/use-autocomplete.es-CVv3z8t6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-autocomplete.es-CVv3z8t6.mjs","sources":["../../../hooks/autocomplete/dist/use-autocomplete.es.js"],"sourcesContent":["import { useId as Z, useRef as b, useState as A, useCallback as $, useEffect as _ } from \"react\";\nconst ee = ({\n  id: p,\n  options: m,\n  listboxLabel: O,\n  selectedOption: r,\n  disabled: v = !1,\n  readOnly: h = !1,\n  openOnFocus: K = !1,\n  listboxMaxHeight: u,\n  highlightFirstOption: y = !1,\n  onSelect: S,\n  closeOnSelect: T = !0,\n  noOptionsText: P,\n  [\"data-testid\"]: w\n}) => {\n  const M = Z(), l = b(null), x = b(null), d = b(null), g = b({}), [k, I] = A(!1), [n, a] = A(\n    y ? m[0] : void 0\n  ), C = `${p}-listbox`, N = `${p}-input`, E = (e) => `${p}-listbox-item-${e.id}`, R = `--purpur-autocomplete-${M.replace(/:/g, \"\")}`, Y = { anchorName: R }, B = (e) => w ? `${w}-${e}` : void 0, o = $(() => {\n    I(!1), a(void 0);\n  }, []);\n  _(() => {\n    const e = (t) => {\n      l.current && !l.current.contains(t.target) && !d.current?.contains(t.target) && o();\n    };\n    return document.addEventListener(\"mousedown\", e), () => document.removeEventListener(\"mousedown\", e);\n  }, [o]);\n  const f = ({ eventType: e }) => {\n    I(!0), r && requestAnimationFrame(() => {\n      a({ ...r, isSetByClickEvent: e === \"CLICK\" }), D(g.current[r.id]);\n    });\n  }, D = (e) => {\n    if (!e) return;\n    const t = e.getBoundingClientRect(), s = d.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };\n    (t.top < s.top || t.bottom > s.bottom) && e.scrollIntoView({ block: \"nearest\" });\n  }, c = k && (m.length > 0 || !!P), q = (e) => {\n    const t = m.filter((i) => !i.disabled);\n    if (!t.length) return;\n    const s = n ? t.findIndex((i) => i.id === n.id) : -1;\n    return e === \"ArrowDown\" ? t[(s + 1) % t.length] : t[(s - 1 + t.length) % t.length];\n  }, F = (e) => {\n    c || f({ eventType: \"KEYBOARD\" });\n    const t = q(e);\n    a(t ? { ...t } : void 0), t && D(g.current[t.id]);\n  }, L = (e) => {\n    e.disabled || (S?.(e), x.current?.focus(), T && o());\n  }, U = () => {\n    f({ eventType: \"KEYBOARD\" });\n  }, V = (e) => {\n    if (!(v || h))\n      switch (e.key) {\n        case \"ArrowUp\":\n        case \"ArrowDown\":\n          e.preventDefault(), F(e.key);\n          break;\n        case \"Enter\":\n          c && n && (e.preventDefault(), L(n));\n          break;\n        case \"Escape\":\n          e.preventDefault(), o();\n          break;\n        case \"Tab\":\n          o();\n          break;\n      }\n  }, j = () => {\n    !k && K && !v && !h && f({ eventType: \"KEYBOARD\" });\n  }, z = () => {\n    setTimeout(() => {\n      const e = document.activeElement;\n      e !== document.body && !x.current?.contains(e) && !d.current?.contains(e) && !l.current?.contains(e) && o();\n    });\n  }, G = () => {\n    v || h || (c ? o() : f({ eventType: \"CLICK\" }));\n  }, J = $((e) => {\n    if (d.current = e, e && typeof e.showPopover == \"function\")\n      try {\n        e.showPopover();\n      } catch {\n      }\n  }, []), Q = {\n    \"aria-label\": O,\n    \"aria-expanded\": c,\n    \"data-testid\": B(\"listbox\"),\n    id: C,\n    ref: J,\n    onMouseLeave: () => a(void 0),\n    popover: \"manual\",\n    style: {\n      ...u ? {\n        maxHeight: typeof u == \"number\" ? `${u}px` : u\n      } : {},\n      positionAnchor: R\n    }\n  }, W = (e, t) => {\n    const s = (e.id === n?.id || y && !n && t === 0) && !n?.isSetByClickEvent;\n    return {\n      \"data-testid\": B(`listbox-item-${e.id}`),\n      id: E(e),\n      key: e.id,\n      onMouseMove: () => {\n        e.id !== n?.id && a({ ...e, isSetByClickEvent: !0 });\n      },\n      onMouseUp: () => L(e),\n      ref: (i) => {\n        i && (g.current[e.id] = i);\n      },\n      tabIndex: -1,\n      selected: e.id === r?.id,\n      disabled: e.disabled,\n      highlighted: s,\n      hovered: e.id === n?.id && !!n?.isSetByClickEvent,\n      \"aria-selected\": e.id === r?.id\n    };\n  }, X = {\n    role: \"combobox\",\n    \"aria-autocomplete\": \"list\",\n    \"aria-expanded\": c,\n    \"aria-controls\": C,\n    \"aria-activedescendant\": n ? E(n) : void 0,\n    autoComplete: \"off\",\n    onKeyDown: V,\n    onFocus: j,\n    onBlur: z,\n    onMouseDown: G\n  };\n  return {\n    rootRef: l,\n    inputRef: x,\n    inputId: N,\n    inputProps: X,\n    listboxProps: Q,\n    getListboxItemProps: W,\n    isOpen: c,\n    openListbox: U,\n    anchorStyle: Y\n  };\n};\nexport {\n  ee as useAutocomplete\n};\n//# sourceMappingURL=use-autocomplete.es.js.map\n"],"names":["p","m","O","r","v","h","K","u","S","T","P","w","M","Z","b","d","g","k","I","A","n","a","C","N","E","R","B","o","$","_","f","D","s","c","q","i","F","U","V","j","z","G","J","Q","W","X"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpur/library",
-  "version": "9.0.9",
+  "version": "9.1.0",
   "license": "AGPL-3.0-only",
   "sideEffects": [
     "*.css",
@@ -113,64 +113,66 @@
     "@purpur/badge": "8.21.0",
     "@purpur/breadcrumbs": "8.21.0",
     "@purpur/button": "8.21.0",
-    "@purpur/card": "8.21.0",
     "@purpur/calendar": "8.21.0",
-    "@purpur/color-dot": "8.21.0",
     "@purpur/checkbox": "8.21.0",
     "@purpur/chip-group": "8.21.0",
+    "@purpur/card": "8.21.0",
+    "@purpur/color-dot": "8.21.0",
     "@purpur/common-types": "8.21.0",
-    "@purpur/component-rig": "1.0.0",
     "@purpur/container": "8.21.0",
+    "@purpur/component-rig": "1.0.0",
     "@purpur/content-block": "8.21.0",
-    "@purpur/countdown": "8.21.0",
-    "@purpur/cta-link": "8.21.0",
     "@purpur/counter-badge": "8.21.0",
+    "@purpur/countdown": "8.21.0",
     "@purpur/date-field": "8.21.0",
+    "@purpur/cta-link": "8.21.0",
     "@purpur/date-picker": "8.21.0",
     "@purpur/dismissable-chip-group": "8.21.0",
     "@purpur/field-error-text": "8.21.0",
-    "@purpur/drawer": "8.21.0",
-    "@purpur/field-helper-text": "8.21.0",
     "@purpur/footer": "8.21.0",
+    "@purpur/drawer": "8.21.0",
+    "@purpur/grid": "8.21.0",
     "@purpur/heading": "8.21.0",
     "@purpur/hero-banner": "8.21.0",
-    "@purpur/icon": "8.21.0",
-    "@purpur/grid": "8.21.0",
+    "@purpur/field-helper-text": "8.21.0",
+    "@purpur/illustrative-icon": "8.21.0",
     "@purpur/label": "8.21.0",
     "@purpur/link": "8.21.0",
-    "@purpur/illustrative-icon": "8.21.0",
-    "@purpur/logo": "8.21.0",
+    "@purpur/icon": "8.21.0",
     "@purpur/listbox": "8.21.0",
+    "@purpur/logo": "8.21.0",
     "@purpur/modal": "8.21.0",
     "@purpur/notification-banner": "8.21.0",
     "@purpur/notification": "8.21.0",
     "@purpur/pagination": "8.21.0",
     "@purpur/paragraph": "8.21.0",
+    "@purpur/password-field": "8.21.0",
+    "@purpur/promotion-card": "8.21.0",
     "@purpur/popover": "8.21.0",
     "@purpur/product-card": "8.21.0",
-    "@purpur/promotion-card": "8.21.0",
-    "@purpur/quantity-selector": "8.21.0",
-    "@purpur/password-field": "8.21.0",
     "@purpur/radio-button-group": "8.21.0",
+    "@purpur/quantity-selector": "8.21.0",
     "@purpur/radio-card-group": "8.21.0",
     "@purpur/rich-text": "8.21.0",
     "@purpur/skeleton": "8.21.0",
-    "@purpur/slider": "8.21.0",
-    "@purpur/spacer": "8.21.0",
     "@purpur/select": "8.21.0",
     "@purpur/search-field": "8.21.0",
+    "@purpur/spacer": "8.21.0",
+    "@purpur/slider": "8.21.0",
     "@purpur/spinner": "8.21.0",
     "@purpur/stepper": "8.21.0",
     "@purpur/table": "8.21.0",
-    "@purpur/tabs": "8.21.0",
     "@purpur/text-area": "8.21.0",
     "@purpur/text-field": "8.21.0",
     "@purpur/text-spacing": "8.21.0",
+    "@purpur/tabs": "8.21.0",
     "@purpur/theme": "8.21.0",
-    "@purpur/tokens": "8.21.0",
     "@purpur/toggle": "8.21.0",
     "@purpur/tooltip": "8.21.0",
-    "@purpur/visually-hidden": "8.21.0"
+    "@purpur/tokens": "8.21.0",
+    "@purpur/chat-field": "9.1.0",
+    "@purpur/visually-hidden": "8.21.0",
+    "@purpur/dropdown": "0.1.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",

package/src/aliases.ts

@@ -41,6 +41,10 @@ export const aliases = [
     find: /^@purpur\/card$/,
     replacement: resolve(__dirname, "../../../components/card/src/card.tsx"),
   },
+  {
+    find: /^@purpur\/chat-field$/,
+    replacement: resolve(__dirname, "../../../components/chat-field/src/chat-field.tsx"),
+  },
   {
     find: /^@purpur\/checkbox$/,
     replacement: resolve(__dirname, "../../../components/checkbox/src/checkbox.tsx"),
@@ -92,6 +96,10 @@ export const aliases = [
     find: /^@purpur\/drawer$/,
     replacement: resolve(__dirname, "../../../components/drawer/src/drawer.tsx"),
   },
+  {
+    find: /^@purpur\/dropdown$/,
+    replacement: resolve(__dirname, "../../../components/dropdown/src/dropdown.tsx"),
+  },
   {
     find: /^@purpur\/field-error-text$/,
     replacement: resolve(

package/src/chat-field.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/chat-field";

package/src/dropdown.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/dropdown";

package/src/entries.js

@@ -12,6 +12,7 @@ export const entries = [
   "button",
   "calendar",
   "card",
+  "chat-field",
   "checkbox",
   "chip-group",
   "color-dot",
@@ -24,6 +25,7 @@ export const entries = [
   "date-picker",
   "dismissable-chip-group",
   "drawer",
+  "dropdown",
   "field-error-text",
   "field-helper-text",
   "footer",

package/src/library.ts

@@ -29,6 +29,8 @@ export * from "@purpur/calendar";
 
 export * from "@purpur/card";
 
+export * from "@purpur/chat-field";
+
 export * from "@purpur/checkbox";
 
 export * from "@purpur/chip-group";
@@ -53,6 +55,8 @@ export * from "@purpur/dismissable-chip-group";
 
 export * from "@purpur/drawer";
 
+export * from "@purpur/dropdown";
+
 export * from "@purpur/field-error-text";
 
 export * from "@purpur/field-helper-text";

package/tokens/border/variables.css

@@ -4,6 +4,7 @@
   --purpur-border-radius-sm: 4px;
   --purpur-border-radius-md: 8px;
   --purpur-border-radius-lg: 16px;
+  --purpur-border-radius-xl: 24px;
   --purpur-border-radius-full: 999px;
   --purpur-border-width-xs: 1px;
   --purpur-border-width-sm: 2px;

package/tokens/border/variables.d.ts

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs: string;
 export const purpurBorderRadiusSm: string;
 export const purpurBorderRadiusMd: string;
 export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusXl: string;
 export const purpurBorderRadiusFull: string;
 export const purpurBorderWidthXs: string;
 export const purpurBorderWidthSm: string;

package/tokens/border/variables.dark.css

@@ -3,6 +3,7 @@
   --purpur-border-radius-sm: 4px;
   --purpur-border-radius-md: 8px;
   --purpur-border-radius-lg: 16px;
+  --purpur-border-radius-xl: 24px;
   --purpur-border-radius-full: 999px;
   --purpur-border-width-xs: 1px;
   --purpur-border-width-sm: 2px;

package/tokens/border/variables.dark.d.ts

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs: string;
 export const purpurBorderRadiusSm: string;
 export const purpurBorderRadiusMd: string;
 export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusXl: string;
 export const purpurBorderRadiusFull: string;
 export const purpurBorderWidthXs: string;
 export const purpurBorderWidthSm: string;

package/tokens/border/variables.dark.js

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs = "2px";
 export const purpurBorderRadiusSm = "4px";
 export const purpurBorderRadiusMd = "8px";
 export const purpurBorderRadiusLg = "16px";
+export const purpurBorderRadiusXl = "24px";
 export const purpurBorderRadiusFull = "999px";
 export const purpurBorderWidthXs = "1px";
 export const purpurBorderWidthSm = "2px";

package/tokens/border/variables.dark.json

@@ -5,6 +5,7 @@
       "sm": "4px",
       "md": "8px",
       "lg": "16px",
+      "xl": "24px",
       "full": "999px"
     },
     "width": {

package/tokens/border/variables.dark.scss

@@ -2,6 +2,7 @@ $purpur-border-radius-xs: 2px;
 $purpur-border-radius-sm: 4px;
 $purpur-border-radius-md: 8px;
 $purpur-border-radius-lg: 16px;
+$purpur-border-radius-xl: 24px;
 $purpur-border-radius-full: 999px;
 $purpur-border-width-xs: 1px;
 $purpur-border-width-sm: 2px;

package/tokens/border/variables.js

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs = "2px";
 export const purpurBorderRadiusSm = "4px";
 export const purpurBorderRadiusMd = "8px";
 export const purpurBorderRadiusLg = "16px";
+export const purpurBorderRadiusXl = "24px";
 export const purpurBorderRadiusFull = "999px";
 export const purpurBorderWidthXs = "1px";
 export const purpurBorderWidthSm = "2px";

package/tokens/border/variables.json

@@ -5,6 +5,7 @@
       "sm": "4px",
       "md": "8px",
       "lg": "16px",
+      "xl": "24px",
       "full": "999px"
     },
     "width": {

package/tokens/border/variables.scss

@@ -2,6 +2,7 @@ $purpur-border-radius-xs: 2px;
 $purpur-border-radius-sm: 4px;
 $purpur-border-radius-md: 8px;
 $purpur-border-radius-lg: 16px;
+$purpur-border-radius-xl: 24px;
 $purpur-border-radius-full: 999px;
 $purpur-border-width-xs: 1px;
 $purpur-border-width-sm: 2px;

package/dist/button-BxdChrq-.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),R=require("react"),f=require("./spinner-tKunS_o-.js"),E=require("./bind-DeUYJ6m9.js"),N={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},$={LG:"lg"},A={"purpur-button":"_purpur-button_1g3z1_1","purpur-button--xs":"_purpur-button--xs_1g3z1_22","purpur-button--icon-only":"_purpur-button--icon-only_1g3z1_25","purpur-button--sm":"_purpur-button--sm_1g3z1_28","purpur-button--md":"_purpur-button--md_1g3z1_34","purpur-button--lg":"_purpur-button--lg_1g3z1_40","purpur-button--full-width":"_purpur-button--full-width_1g3z1_46","purpur-button--primary":"_purpur-button--primary_1g3z1_64","purpur-button--disabled":"_purpur-button--disabled_1g3z1_68","purpur-button--primary-negative":"_purpur-button--primary-negative_1g3z1_74","purpur-button--secondary":"_purpur-button--secondary_1g3z1_86","purpur-button--secondary-negative":"_purpur-button--secondary-negative_1g3z1_97","purpur-button--expressive":"_purpur-button--expressive_1g3z1_108","purpur-button--expressive-negative":"_purpur-button--expressive-negative_1g3z1_118","purpur-button--negative":"_purpur-button--negative_1g3z1_130","purpur-button--destructive":"_purpur-button--destructive_1g3z1_137","purpur-button--destructive-negative":"_purpur-button--destructive-negative_1g3z1_147","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_1g3z1_157","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_1g3z1_170","purpur-button--text":"_purpur-button--text_1g3z1_185","purpur-button--text-negative":"_purpur-button--text-negative_1g3z1_207","purpur-button__spinner":"_purpur-button__spinner_1g3z1_235"},l={...N,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},B=Object.values(l),c=E.c.bind(A),t="purpur-button",I=["button","submit","reset"],g=R.forwardRef(({children:d,className:v,disabled:r=!1,fullWidth:z=!1,iconOnly:n,loading:u=!1,negative:e=!1,onClick:o,size:s="md",variant:p,type:x="button",..._},y)=>{if(n&&p==="destructive")return null;const T=c([t,`${t}--${e?`${p}-negative`:p}`,`${t}--${s}`],{[`${t}--icon-only`]:n,[`${t}--negative`]:e,[`${t}--full-width`]:z,[`${t}--disabled`]:r||u},v),m=b=>{r||u?b.preventDefault():o&&o(b)},i=!!_["aria-disabled"]||r||u;return a.jsxs("button",{className:T,type:x,ref:y,"aria-disabled":i,onClick:m,..._,children:[u&&a.jsx(f.Spinner,{size:s===$.LG?"xs":"xxs",negative:e,disabled:i,className:c(`${t}__spinner`)})," ",d]})});g.displayName="Button";exports.BUTTON_TYPES=I;exports.BUTTON_VARIANT=l;exports.Button=g;exports.buttonVariants=B;
-//# sourceMappingURL=button-BxdChrq-.js.map

package/dist/button-BxdChrq-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-BxdChrq-.js","sources":["../../action/src/action.tsx","../../../components/button/src/button.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nexport const VARIANT = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\",\n} as const;\n\nexport const variants = Object.values(VARIANT);\nexport type Variant = (typeof VARIANT)[keyof typeof VARIANT];\n\nexport const SIZE = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const sizes = Object.values(SIZE);\nexport type Size = (typeof SIZE)[keyof typeof SIZE];\n\ntype DefaultProps<TVariant, T = object> = {\n  [\"data-testid\"]?: string;\n  children?: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  negative?: boolean;\n  size?: Size;\n  variant: TVariant | Variant;\n} & T;\n\nexport type UnionParams<TVariant> =\n  | DefaultProps<TVariant, { iconOnly: boolean; [\"aria-label\"]: string }>\n  | DefaultProps<TVariant, { [\"aria-label\"]?: string }>;\n\ntype UnionKeys<T> = T extends T ? keyof T : never;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype StrictUnionHelper<T, TAll> = T extends any\n  ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>>\n  : never;\n\ntype StrictUnion<T> = StrictUnionHelper<T, T>;\n\nexport type ActionProps<TVariant extends string = Variant> = StrictUnion<UnionParams<TVariant>>;\n","import React, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpur/action\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n  ...VARIANT,\n  DESTRUCTIVE: \"destructive\",\n  TERTIARY_PURPLE: \"tertiary-purple\",\n  TEXT: \"text\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\n\ntype ButtonBaseProps = BaseProps<\"button\"> & { loading?: boolean };\n\nexport type ButtonProps =\n  | (ActionProps<ButtonVariant> & ButtonBaseProps & { iconOnly?: false | undefined })\n  | (ActionProps<Exclude<ButtonVariant, \"destructive\">> & ButtonBaseProps & { iconOnly: true });\n\ntype DistributiveOmit<T, K extends keyof never> = T extends unknown ? Omit<T, K> : never;\n\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  DistributiveOmit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n  (\n    {\n      children,\n      className,\n      disabled = false,\n      fullWidth = false,\n      iconOnly,\n      loading = false,\n      negative = false,\n      onClick,\n      size = \"md\",\n      variant,\n      type = \"button\",\n      ...props\n    },\n    ref\n  ) => {\n    if (iconOnly && variant === (\"destructive\" as string)) {\n      return null;\n    }\n\n    const classes = cx(\n      [\n        rootClassName,\n        `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n        `${rootClassName}--${size}`,\n      ],\n      {\n        [`${rootClassName}--icon-only`]: iconOnly,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--full-width`]: fullWidth,\n        [`${rootClassName}--disabled`]: disabled || loading,\n      },\n      className\n    );\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n      } else if (onClick) {\n        onClick(e);\n      }\n    };\n\n    const _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\n\n    return (\n      <button\n        className={classes}\n        type={type}\n        ref={ref}\n        aria-disabled={_disabled}\n        onClick={handleClick}\n        {...props}\n      >\n        {loading && (\n          <Spinner\n            size={size === SIZE.LG ? \"xs\" : \"xxs\"}\n            negative={negative}\n            disabled={_disabled}\n            className={cx(`${rootClassName}__spinner`)}\n          />\n        )}{\" \"}\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["VARIANT","SIZE","BUTTON_VARIANT","buttonVariants","cx","c","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","classes","handleClick","e","_disabled","jsxs","jsx","Spinner"],"mappings":"wIAEaA,EAAU,CACrB,QAAS,UACT,UAAW,YACX,WAAY,YACd,EAKaC,EAAO,CAIlB,GAAI,IACN,+6CCRaC,EAAiB,CAC5B,GAAGF,EACH,YAAa,cACb,gBAAiB,kBACjB,KAAM,MACR,EAEaG,EAAiB,OAAO,OAAOD,CAAc,EAGpDE,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,gBAGTC,EAA6B,CAAC,SAAU,SAAU,OAAO,EAUzDC,EAASC,EAAAA,WAIpB,CACE,CACE,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,QAAAC,EACA,KAAAC,EAAO,KACP,QAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CAAA,EAELC,IACG,CACH,GAAIR,GAAYK,IAAa,cAC3B,OAAO,KAGT,MAAMI,EAAUpB,EACd,CACEG,EACA,GAAGA,CAAa,KAAKU,EAAW,GAAGG,CAAO,YAAcA,CAAO,GAC/D,GAAGb,CAAa,KAAKY,CAAI,EAAA,EAE3B,CACE,CAAC,GAAGZ,CAAa,aAAa,EAAGQ,EACjC,CAAC,GAAGR,CAAa,YAAY,EAAGU,EAChC,CAAC,GAAGV,CAAa,cAAc,EAAGO,EAClC,CAAC,GAAGP,CAAa,YAAY,EAAGM,GAAYG,CAAA,EAE9CJ,CAAA,EAGIa,EAAeC,GAAqC,CACpDb,GAAYG,EACdU,EAAE,eAAA,EACOR,GACTA,EAAQQ,CAAC,CAEb,EAEMC,EAAY,EAAQL,EAAM,eAAe,GAAMT,GAAYG,EAEjE,OACEY,EAAAA,KAAC,SAAA,CACC,UAAWJ,EACX,KAAAH,EACA,IAAAE,EACA,gBAAeI,EACf,QAASF,EACR,GAAGH,EAEH,SAAA,CAAAN,GACCa,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAMX,IAASlB,EAAK,GAAK,KAAO,MAChC,SAAAgB,EACA,SAAUU,EACV,UAAWvB,EAAG,GAAGG,CAAa,WAAW,CAAA,CAAA,EAE1C,IACFI,CAAA,CAAA,CAAA,CAGP,CACF,EAEAF,EAAO,YAAc"}

package/dist/button-D-BBdNhd.mjs

@@ -1,105 +0,0 @@
-import { jsxs as x, jsx as y } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { a as T } from "./spinner-DRQN6YdK.mjs";
-import { c as E } from "./bind-CU-R61T-.mjs";
-const R = {
-  PRIMARY: "primary",
-  SECONDARY: "secondary",
-  EXPRESSIVE: "expressive"
-}, $ = {
-  LG: "lg"
-}, N = {
-  "purpur-button": "_purpur-button_1g3z1_1",
-  "purpur-button--xs": "_purpur-button--xs_1g3z1_22",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1g3z1_25",
-  "purpur-button--sm": "_purpur-button--sm_1g3z1_28",
-  "purpur-button--md": "_purpur-button--md_1g3z1_34",
-  "purpur-button--lg": "_purpur-button--lg_1g3z1_40",
-  "purpur-button--full-width": "_purpur-button--full-width_1g3z1_46",
-  "purpur-button--primary": "_purpur-button--primary_1g3z1_64",
-  "purpur-button--disabled": "_purpur-button--disabled_1g3z1_68",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1g3z1_74",
-  "purpur-button--secondary": "_purpur-button--secondary_1g3z1_86",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1g3z1_97",
-  "purpur-button--expressive": "_purpur-button--expressive_1g3z1_108",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1g3z1_118",
-  "purpur-button--negative": "_purpur-button--negative_1g3z1_130",
-  "purpur-button--destructive": "_purpur-button--destructive_1g3z1_137",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1g3z1_147",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1g3z1_157",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1g3z1_170",
-  "purpur-button--text": "_purpur-button--text_1g3z1_185",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1g3z1_207",
-  "purpur-button__spinner": "_purpur-button__spinner_1g3z1_235"
-}, A = {
-  ...R,
-  DESTRUCTIVE: "destructive",
-  TERTIARY_PURPLE: "tertiary-purple",
-  TEXT: "text"
-}, V = Object.values(A), b = E.bind(N), t = "purpur-button", w = ["button", "submit", "reset"], I = f(
-  ({
-    children: l,
-    className: g,
-    disabled: r = !1,
-    fullWidth: c = !1,
-    iconOnly: n,
-    loading: u = !1,
-    negative: p = !1,
-    onClick: o,
-    size: _ = "md",
-    variant: e,
-    type: d = "button",
-    ...s
-  }, v) => {
-    if (n && e === "destructive")
-      return null;
-    const m = b(
-      [
-        t,
-        `${t}--${p ? `${e}-negative` : e}`,
-        `${t}--${_}`
-      ],
-      {
-        [`${t}--icon-only`]: n,
-        [`${t}--negative`]: p,
-        [`${t}--full-width`]: c,
-        [`${t}--disabled`]: r || u
-      },
-      g
-    ), z = (a) => {
-      r || u ? a.preventDefault() : o && o(a);
-    }, i = !!s["aria-disabled"] || r || u;
-    return /* @__PURE__ */ x(
-      "button",
-      {
-        className: m,
-        type: d,
-        ref: v,
-        "aria-disabled": i,
-        onClick: z,
-        ...s,
-        children: [
-          u && /* @__PURE__ */ y(
-            T,
-            {
-              size: _ === $.LG ? "xs" : "xxs",
-              negative: p,
-              disabled: i,
-              className: b(`${t}__spinner`)
-            }
-          ),
-          " ",
-          l
-        ]
-      }
-    );
-  }
-);
-I.displayName = "Button";
-export {
-  w as B,
-  A as a,
-  I as b,
-  V as c
-};
-//# sourceMappingURL=button-D-BBdNhd.mjs.map

package/dist/button-D-BBdNhd.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-D-BBdNhd.mjs","sources":["../../action/src/action.tsx","../../../components/button/src/button.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nexport const VARIANT = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\",\n} as const;\n\nexport const variants = Object.values(VARIANT);\nexport type Variant = (typeof VARIANT)[keyof typeof VARIANT];\n\nexport const SIZE = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const sizes = Object.values(SIZE);\nexport type Size = (typeof SIZE)[keyof typeof SIZE];\n\ntype DefaultProps<TVariant, T = object> = {\n  [\"data-testid\"]?: string;\n  children?: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  negative?: boolean;\n  size?: Size;\n  variant: TVariant | Variant;\n} & T;\n\nexport type UnionParams<TVariant> =\n  | DefaultProps<TVariant, { iconOnly: boolean; [\"aria-label\"]: string }>\n  | DefaultProps<TVariant, { [\"aria-label\"]?: string }>;\n\ntype UnionKeys<T> = T extends T ? keyof T : never;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype StrictUnionHelper<T, TAll> = T extends any\n  ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>>\n  : never;\n\ntype StrictUnion<T> = StrictUnionHelper<T, T>;\n\nexport type ActionProps<TVariant extends string = Variant> = StrictUnion<UnionParams<TVariant>>;\n","import React, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpur/action\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n  ...VARIANT,\n  DESTRUCTIVE: \"destructive\",\n  TERTIARY_PURPLE: \"tertiary-purple\",\n  TEXT: \"text\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\n\ntype ButtonBaseProps = BaseProps<\"button\"> & { loading?: boolean };\n\nexport type ButtonProps =\n  | (ActionProps<ButtonVariant> & ButtonBaseProps & { iconOnly?: false | undefined })\n  | (ActionProps<Exclude<ButtonVariant, \"destructive\">> & ButtonBaseProps & { iconOnly: true });\n\ntype DistributiveOmit<T, K extends keyof never> = T extends unknown ? Omit<T, K> : never;\n\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  DistributiveOmit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n  (\n    {\n      children,\n      className,\n      disabled = false,\n      fullWidth = false,\n      iconOnly,\n      loading = false,\n      negative = false,\n      onClick,\n      size = \"md\",\n      variant,\n      type = \"button\",\n      ...props\n    },\n    ref\n  ) => {\n    if (iconOnly && variant === (\"destructive\" as string)) {\n      return null;\n    }\n\n    const classes = cx(\n      [\n        rootClassName,\n        `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n        `${rootClassName}--${size}`,\n      ],\n      {\n        [`${rootClassName}--icon-only`]: iconOnly,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--full-width`]: fullWidth,\n        [`${rootClassName}--disabled`]: disabled || loading,\n      },\n      className\n    );\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n      } else if (onClick) {\n        onClick(e);\n      }\n    };\n\n    const _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\n\n    return (\n      <button\n        className={classes}\n        type={type}\n        ref={ref}\n        aria-disabled={_disabled}\n        onClick={handleClick}\n        {...props}\n      >\n        {loading && (\n          <Spinner\n            size={size === SIZE.LG ? \"xs\" : \"xxs\"}\n            negative={negative}\n            disabled={_disabled}\n            className={cx(`${rootClassName}__spinner`)}\n          />\n        )}{\" \"}\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["VARIANT","SIZE","BUTTON_VARIANT","buttonVariants","cx","c","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","classes","handleClick","e","_disabled","jsxs","jsx","Spinner"],"mappings":";;;;AAEO,MAAMA,IAAU;AAAA,EACrB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAKaC,IAAO;AAAA,EAIlB,IAAI;AACN;;;;;;;;;;;;;;;;;;;;;;;GCRaC,IAAiB;AAAA,EAC5B,GAAGF;AAAA,EACH,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,MAAM;AACR,GAEaG,IAAiB,OAAO,OAAOD,CAAc,GAGpDE,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,iBAGTC,IAA6B,CAAC,UAAU,UAAU,OAAO,GAUzDC,IAASC;AAAA,EAIpB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,QAAIR,KAAYK,MAAa;AAC3B,aAAO;AAGT,UAAMI,IAAUpB;AAAA,MACd;AAAA,QACEG;AAAA,QACA,GAAGA,CAAa,KAAKU,IAAW,GAAGG,CAAO,cAAcA,CAAO;AAAA,QAC/D,GAAGb,CAAa,KAAKY,CAAI;AAAA,MAAA;AAAA,MAE3B;AAAA,QACE,CAAC,GAAGZ,CAAa,aAAa,GAAGQ;AAAA,QACjC,CAAC,GAAGR,CAAa,YAAY,GAAGU;AAAA,QAChC,CAAC,GAAGV,CAAa,cAAc,GAAGO;AAAA,QAClC,CAAC,GAAGP,CAAa,YAAY,GAAGM,KAAYG;AAAA,MAAA;AAAA,MAE9CJ;AAAA,IAAA,GAGIa,IAAc,CAACC,MAAqC;AACxD,MAAIb,KAAYG,IACdU,EAAE,eAAA,IACOR,KACTA,EAAQQ,CAAC;AAAA,IAEb,GAEMC,IAAY,EAAQL,EAAM,eAAe,KAAMT,KAAYG;AAEjE,WACE,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWJ;AAAA,QACX,MAAAH;AAAA,QACA,KAAAE;AAAA,QACA,iBAAeI;AAAA,QACf,SAASF;AAAA,QACR,GAAGH;AAAA,QAEH,UAAA;AAAA,UAAAN,KACC,gBAAAa;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMX,MAASlB,EAAK,KAAK,OAAO;AAAA,cAChC,UAAAgB;AAAA,cACA,UAAUU;AAAA,cACV,WAAWvB,EAAG,GAAGG,CAAa,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAE1C;AAAA,UACFI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAF,EAAO,cAAc;"}

package/dist/dismissable-chip-group-CnziecOt.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),j=require("./heading-drD5ugCC.js"),_=require("./bind-DeUYJ6m9.js"),k=require("./close.es-VL3lKi1O.js"),b={"purpur-dismissable-chip-group":"_purpur-dismissable-chip-group_17jk4_1","purpur-dismissable-chip-group__container":"_purpur-dismissable-chip-group__container_17jk4_7","purpur-dismissable-chip-group__container--full-width":"_purpur-dismissable-chip-group__container--full-width_17jk4_14","purpur-dismissable-chip-group-item-wrapper":"_purpur-dismissable-chip-group-item-wrapper_17jk4_17","purpur-dismissable-chip-group-item":"_purpur-dismissable-chip-group-item_17jk4_17","purpur-dismissable-chip-group-item--disabled":"_purpur-dismissable-chip-group-item--disabled_17jk4_43"},n=_.c.bind(b),c="purpur-dismissable-chip-group-item",h=({children:r,id:i,onDismiss:p,disabled:s,...a})=>{const u=l=>{s?l.preventDefault():p?.(i)};return e.jsx("li",{className:n(`${c}-wrapper`),children:d.createElement("button",{...a,className:n(`${c}`,{[`${c}--disabled`]:s}),key:i,disabled:s,"aria-disabled":s,onClick:u},r,e.jsx(k.r,{size:"sm"}))},i)};h.displayName="DismissableChipGroupItem";const m=_.c.bind(b),o="purpur-dismissable-chip-group",t=({children:r,className:i,fullWidth:p=!1,title:s,titleTag:a,...u})=>{const l=d.useId(),g=m([o,i]);return e.jsxs("div",{...u,"aria-labelledby":s?`${l}-label`:void 0,className:g,role:"group",children:[s&&e.jsx(j.Heading,{tag:a??"h2",variant:"subsection-100",children:s}),e.jsx("ul",{"data-testid":"dismissable-chip-group-container",className:m(`${o}__container`,{[`${o}__container--full-width`]:p}),"aria-live":"polite","aria-relevant":"additions removals",children:r})]})};t.Item=h;t.displayName="DismissableChipGroup";exports.DismissableChipGroup=t;
-//# sourceMappingURL=dismissable-chip-group-CnziecOt.js.map

package/dist/dismissable-chip-group-CnziecOt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dismissable-chip-group-CnziecOt.js","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size=\"sm\" />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  title?: string;\n  titleTag?: HeadingTagType;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx([rootClassName, className]);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        {children}\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","handleClick","e","createElement","jsx","IconClose","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading"],"mappings":"gvBAOMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,qCAETC,EAA2B,CAAC,CACvC,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAqC,CACnC,MAAMC,EAAeC,GAAqC,CACpDH,EACFG,EAAE,eAAA,EAEFJ,IAAYD,CAAE,CAElB,EAEA,aACG,KAAA,CAAY,UAAWN,EAAG,GAAGG,CAAa,UAAU,EACnD,SAAAS,EAAAA,cAAC,SAAA,CACE,GAAGH,EACJ,UAAWT,EAAG,GAAGG,CAAa,GAAI,CAChC,CAAC,GAAGA,CAAa,YAAY,EAAGK,CAAA,CACjC,EACD,IAAKF,EACL,SAAAE,EACA,gBAAeA,EACf,QAASE,CAAA,EAERL,EACDQ,EAAAA,IAACC,EAAAA,EAAA,CAAU,KAAK,IAAA,CAAK,CAAA,GAZhBR,CAcT,CAEJ,EAEAF,EAAyB,YAAc,2BC3CvC,MAAMJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EASlBC,EAAgB,gCAETY,EAAuB,CAAC,CACnC,SAAAV,EACA,UAAAW,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,SAAAC,EACA,GAAGV,CACL,IAAiC,CAC/B,MAAMH,EAAKc,EAAAA,MAAA,EACLC,EAAUrB,EAAG,CAACG,EAAea,CAAS,CAAC,EAE7C,OACEM,EAAAA,KAAC,MAAA,CACE,GAAGb,EACJ,kBAAiBS,EAAQ,GAAGZ,CAAE,SAAW,OACzC,UAAWe,EACX,KAAK,QAEJ,SAAA,CAAAH,SACEK,UAAA,CAAQ,IAAKJ,GAAY,KAAM,QAAQ,iBACrC,SAAAD,CAAA,CACH,EAEFL,EAAAA,IAAC,KAAA,CACC,cAAY,mCACZ,UAAWb,EAAG,GAAGG,CAAa,cAAe,CAC3C,CAAC,GAAGA,CAAa,yBAAyB,EAAGc,CAAA,CAC9C,EACD,YAAU,SACV,gBAAc,qBAEb,SAAAZ,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,EAEAU,EAAqB,KAAOX,EAE5BW,EAAqB,YAAc"}