@purpurds/listbox 5.27.3 → 5.27.4

package/dist/listbox.es.js

@@ -1,6 +1,6 @@
-import { jsx as s, jsxs as q } from "react/jsx-runtime";
-import { forwardRef as g, isValidElement as A, Children as O } from "react";
-function P(t) {
+import { jsx as s, jsxs as P } from "react/jsx-runtime";
+import { forwardRef as g, isValidElement as S, Children as I } from "react";
+function L(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var f = { exports: {} };
@@ -39,8 +39,8 @@ var f = { exports: {} };
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
 })(f);
-var L = f.exports;
-const v = /* @__PURE__ */ P(L), b = {
+var R = f.exports;
+const v = /* @__PURE__ */ L(R), b = {
   "purpur-listbox": "_purpur-listbox_qhoi7_1",
   "purpur-listbox-item": "_purpur-listbox-item_qhoi7_15",
   "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_qhoi7_29",
@@ -49,7 +49,7 @@ const v = /* @__PURE__ */ P(L), b = {
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_qhoi7_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_qhoi7_51"
 };
-function I(t) {
+function j(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var x = { exports: {} };
@@ -88,8 +88,8 @@ var x = { exports: {} };
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
 })(x);
-var C = x.exports;
-const k = /* @__PURE__ */ I(C), H = {
+var q = x.exports;
+const E = /* @__PURE__ */ j(q), M = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -97,28 +97,28 @@ const k = /* @__PURE__ */ I(C), H = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, M = {
+}, D = {
   name: "checkmark",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark"],
   category: "utility"
 }, y = (t) => /* @__PURE__ */ s(
-  $,
+  A,
   {
     ...t,
-    svg: M
+    svg: D
   }
 );
 y.displayName = "IconCheckmark";
-const R = k.bind(H), _ = "purpur-icon", B = "md", E = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), z = ({ content: t = "", title: i } = {}) => {
+const H = E.bind(M), _ = "purpur-icon", B = "md", C = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), k = ({ content: t = "", title: i } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], u = i ? `<title>${i}</title>` : "";
-  return `<svg ${E(a)}>${u}${t}</svg>`;
-}, G = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $ = ({
+  return `<svg ${C(a)}>${u}${t}</svg>`;
+}, G = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), A = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: a,
@@ -126,10 +126,10 @@ const R = k.bind(H), _ = "purpur-icon", B = "md", E = (t) => t.filter((i) => Obj
   size: n = B,
   ...r
 }) => {
-  const e = z({
+  const e = k({
     content: G(i.svg),
     title: a
-  }), p = R(u, _, `${_}--${n}`);
+  }), p = H(u, _, `${_}--${n}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -141,11 +141,11 @@ const R = k.bind(H), _ = "purpur-icon", B = "md", E = (t) => t.filter((i) => Obj
     }
   );
 };
-$.displayName = "Icon";
+A.displayName = "Icon";
 function T(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var w = { exports: {} };
+var N = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -180,9 +180,9 @@ var w = { exports: {} };
     }
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(w);
-var V = w.exports;
-const D = /* @__PURE__ */ T(V), l = {
+})(N);
+var V = N.exports;
+const z = /* @__PURE__ */ T(V), l = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -197,73 +197,82 @@ const D = /* @__PURE__ */ T(V), l = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, F = {
-  PARAGRAPH100: "paragraph-100"
-}, c = "purpur-paragraph", N = ({
+}, U = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, h = "purpur-paragraph", $ = ({
   ["data-testid"]: t,
   children: i,
   className: a,
   disabled: u,
   enableHyphenation: n = !1,
   negative: r = !1,
-  variant: e = F.PARAGRAPH100,
+  variant: e = U.PARAGRAPH100,
   ...p
 }) => {
-  const h = D([
+  const c = z([
     a,
-    l[c],
-    l[`${c}--${e}`],
+    l[h],
+    l[`${h}--${e}`],
     {
-      [l[`${c}--hyphens`]]: n,
-      [l[`${c}--disabled`]]: u,
-      [l[`${c}--negative`]]: r
+      [l[`${h}--hyphens`]]: n,
+      [l[`${h}--disabled`]]: u,
+      [l[`${h}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s("p", { ...p, className: h, "data-testid": t, children: i });
+  return /* @__PURE__ */ s("p", { ...p, className: c, "data-testid": t, children: i });
 };
-N.displayName = "Paragraph";
+$.displayName = "Paragraph";
 const m = v.bind(b), o = "purpur-listbox", d = g(
   (t, i) => {
-    const { disabled: a, highlighted: u, hovered: n, selected: r, children: e, noninteractive: p, ...h } = t, j = m(`${o}-item`, h.className, {
+    const { disabled: a, highlighted: u, hovered: n, selected: r, children: e, noninteractive: p, ...c } = t, O = m(`${o}-item`, c.className, {
       [`${o}-item--highlighted`]: u,
       [`${o}-item--selected`]: r,
       [`${o}-item--hovered`]: n,
       [`${o}-item--disabled`]: a,
       [`${o}-item--noninteractive`]: p
     });
-    return /* @__PURE__ */ q(
+    return /* @__PURE__ */ P(
       "li",
       {
-        ...h,
+        ...c,
         ref: i,
-        className: j,
+        className: O,
         "aria-selected": !!r,
         role: "option",
         "aria-disabled": !!a,
         children: [
-          typeof e == "string" ? /* @__PURE__ */ s(N, { children: e }) : e,
+          typeof e == "string" ? /* @__PURE__ */ s($, { children: e }) : e,
           r && /* @__PURE__ */ s(y, { size: "xs", className: m(`${o}-item__icon`) })
         ]
       }
     );
   }
-), J = (t) => A(t) && (t == null ? void 0 : t.type) === d;
+), F = (t) => S(t) && (t == null ? void 0 : t.type) === d;
 d.displayName = "ListBoxItem";
-const X = v.bind(b), Y = "purpur-listbox", S = g(
+const J = v.bind(b), X = "purpur-listbox", w = g(
   ({ children: t, ...i }, a) => /* @__PURE__ */ s(
     "ul",
     {
       ...i,
       ref: a,
-      className: X(Y, i.className),
+      className: J(X, i.className),
       role: "listbox",
-      children: O.toArray(t).filter(J)
+      children: I.toArray(t).filter(F)
     }
   )
 );
-S.Item = d;
-S.displayName = "ListBox";
+w.Item = d;
+w.displayName = "ListBox";
 export {
-  S as Listbox
+  w as Listbox
 };
 //# sourceMappingURL=listbox.es.js.map