welcome-ui 10.6.3 → 10.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/Icon.js +5 -0
  2. package/dist/Search.js +67 -65
  3. package/dist/Tabs.js +42 -26
  4. package/dist/Tag.css +1 -1
  5. package/dist/Tag.js +93 -96
  6. package/dist/Window.js +40 -46
  7. package/dist/types/components/Drawer/index.d.ts +2 -2
  8. package/dist/types/components/Icon/icons.d.ts +4 -4
  9. package/dist/types/components/Modal/index.d.ts +2 -2
  10. package/dist/types/components/Window/components/Header.d.ts +2 -3
  11. package/dist/types/components/Window/index.d.ts +2 -2
  12. package/package.json +1 -1
package/dist/Icon.js CHANGED
@@ -94,12 +94,14 @@ const s = "_root_576cf_2", n = {
94
94
  /* @__PURE__ */ a("symbol", { id: "chat-bubble-user", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M14.58,11.3a3.24,3.24,0,0,0,.71-2,3.29,3.29,0,0,0-6.58,0,3.24,3.24,0,0,0,.71,2,5,5,0,0,0-2,2.31,1,1,0,1,0,1.84.78A3,3,0,0,1,12,12.57h0a3,3,0,0,1,2.75,1.82,1,1,0,0,0,.92.61,1.09,1.09,0,0,0,.39-.08,1,1,0,0,0,.53-1.31A5,5,0,0,0,14.58,11.3ZM12,10.57h0a1.29,1.29,0,1,1,1.29-1.28A1.29,1.29,0,0,1,12,10.57ZM18,2H6A3,3,0,0,0,3,5V16a3,3,0,0,0,3,3H8.59l2.7,2.71A1,1,0,0,0,12,22a1,1,0,0,0,.65-.24L15.87,19H18a3,3,0,0,0,3-3V5A3,3,0,0,0,18,2Zm1,14a1,1,0,0,1-1,1H15.5a1,1,0,0,0-.65.24l-2.8,2.4L9.71,17.29A1,1,0,0,0,9,17H6a1,1,0,0,1-1-1V5A1,1,0,0,1,6,4H18a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
95
95
  /* @__PURE__ */ a("symbol", { id: "comment", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,2A10,10,0,0,0,2,12a9.89,9.89,0,0,0,2.26,6.33l-2,2a1,1,0,0,0-.21,1.09A1,1,0,0,0,3,22h9A10,10,0,0,0,12,2Zm0,18H5.41l.93-.93a1,1,0,0,0,0-1.41A8,8,0,1,1,12,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),
96
96
  /* @__PURE__ */ a("symbol", { id: "comment-alt-lines", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M13,11H7a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Zm4-4H7A1,1,0,0,0,7,9H17a1,1,0,0,0,0-2Zm2-5H5A3,3,0,0,0,2,5V15a3,3,0,0,0,3,3H16.59l3.7,3.71A1,1,0,0,0,21,22a.84.84,0,0,0,.38-.08A1,1,0,0,0,22,21V5A3,3,0,0,0,19,2Zm1,16.59-2.29-2.3A1,1,0,0,0,17,16H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
97
+ /* @__PURE__ */ a("symbol", { id: "comment-chart-line", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,10a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V11A1,1,0,0,0,12,10ZM8,13a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V14A1,1,0,0,0,8,13ZM12,2A10,10,0,0,0,2,12a9.89,9.89,0,0,0,2.26,6.33l-2,2a1,1,0,0,0-.21,1.09A1,1,0,0,0,3,22h9A10,10,0,0,0,12,2Zm0,18H5.41l.93-.93a1,1,0,0,0,.3-.71,1,1,0,0,0-.3-.7A8,8,0,1,1,12,20ZM16,8a1,1,0,0,0-1,1v6a1,1,0,0,0,2,0V9A1,1,0,0,0,16,8Z", xmlns: "http://www.w3.org/2000/svg" }) }),
97
98
  /* @__PURE__ */ a("symbol", { id: "folder", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,5.5H12.72l-.32-1a3,3,0,0,0-2.84-2H5a3,3,0,0,0-3,3v13a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V8.5A3,3,0,0,0,19,5.5Zm1,13a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5.5a1,1,0,0,1,1-1H9.56a1,1,0,0,1,.95.68l.54,1.64A1,1,0,0,0,12,7.5h7a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
98
99
  /* @__PURE__ */ a("symbol", { id: "folder-open", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M22.78 10.37A1 1 0 0 0 22 10h-2V9a3 3 0 0 0-3-3h-6.28l-.32-1a3 3 0 0 0-2.84-2H4a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14.4a3 3 0 0 0 2.92-2.35L23 11.22a1 1 0 0 0-.22-.85ZM5.37 18.22a1 1 0 0 1-1 .78H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h3.56a1 1 0 0 1 1 .68l.54 1.64A1 1 0 0 0 10 8h7a1 1 0 0 1 1 1v1H8a1 1 0 0 0-1 .78Zm14 0a1 1 0 0 1-1 .78H7.21a1.42 1.42 0 0 0 .11-.35L8.8 12h12Z", xmlns: "http://www.w3.org/2000/svg" }) }),
99
100
  /* @__PURE__ */ o("symbol", { id: "folder-full", viewBox: "0 0 24 24", children: [
100
101
  /* @__PURE__ */ a("path", { d: "M5 7C5 5.34315 6.34315 4 8 4H10.7574C11.553 4 12.3161 4.31607 12.8787 4.87868L13.1213 5.12132C13.6839 5.68393 14.447 6 15.2426 6H20C21.1046 6 22 6.89543 22 8V18C22 19.1046 21.1046 20 20 20H8C6.34315 20 5 18.6569 5 17V7Z", fill: "var(--secondary-color)", xmlns: "http://www.w3.org/2000/svg" }),
101
102
  /* @__PURE__ */ a("path", { d: "M2 9C2 7.34315 3.34315 6 5 6H6.75736C7.55301 6 8.31607 6.31607 8.87868 6.87868L9.54136 7.54136C9.83502 7.83502 10.2333 8 10.6486 8H16.6351C17.9412 8 19 9.05882 19 10.3649V18.382C19 19.0672 19.3871 19.6936 20 20H5C3.34315 20 2 18.6569 2 17V9Z", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" })
102
103
  ] }),
104
+ /* @__PURE__ */ a("symbol", { id: "folder-plus", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M14,12.5H13v-1a1,1,0,0,0-2,0v1H10a1,1,0,0,0,0,2h1v1a1,1,0,0,0,2,0v-1h1a1,1,0,0,0,0-2Zm5-7H12.72l-.32-1a3,3,0,0,0-2.84-2H5a3,3,0,0,0-3,3v13a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V8.5A3,3,0,0,0,19,5.5Zm1,13a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5.5a1,1,0,0,1,1-1H9.56a1,1,0,0,1,.95.68l.54,1.64A1,1,0,0,0,12,7.5h7a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
103
105
  /* @__PURE__ */ a("symbol", { id: "file", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M20,8.94a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19l-.09,0L13.06,2H7A3,3,0,0,0,4,5V19a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V9S20,9,20,8.94ZM14,5.41,16.59,8H14ZM18,19a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V5A1,1,0,0,1,7,4h5V9a1,1,0,0,0,1,1h5Z", xmlns: "http://www.w3.org/2000/svg" }) }),
104
106
  /* @__PURE__ */ a("symbol", { id: "image", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,4H5A3,3,0,0,0,2,7V17a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V7A3,3,0,0,0,19,4ZM5,18a1,1,0,0,1-1-1V14.58l3.3-3.29a1,1,0,0,1,1.4,0L15.41,18Zm15-1a1,1,0,0,1-1,1h-.77l-3.81-3.83.88-.88a1,1,0,0,1,1.4,0L20,16.58Zm0-3.24-1.88-1.87a3.06,3.06,0,0,0-4.24,0l-.88.88L10.12,9.89a3.06,3.06,0,0,0-4.24,0L4,11.76V7A1,1,0,0,1,5,6H19a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
105
107
  /* @__PURE__ */ a("symbol", { id: "bold", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M16.5,9.5A3.5,3.5,0,0,0,13,6H8.5a1,1,0,0,0-1,1V17a1,1,0,0,0,1,1H13a3.49,3.49,0,0,0,2.44-6A3.5,3.5,0,0,0,16.5,9.5ZM13,16H9.5V13H13a1.5,1.5,0,0,1,0,3Zm0-5H9.5V8H13a1.5,1.5,0,0,1,0,3Z", xmlns: "http://www.w3.org/2000/svg" }) }),
@@ -117,6 +119,7 @@ const s = "_root_576cf_2", n = {
117
119
  /* @__PURE__ */ a("symbol", { id: "user-square", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M14.81,12.28a3.73,3.73,0,0,0,1-2.5,3.78,3.78,0,0,0-7.56,0,3.73,3.73,0,0,0,1,2.5A5.94,5.94,0,0,0,6,16.89a1,1,0,0,0,2,.22,4,4,0,0,1,7.94,0A1,1,0,0,0,17,18h.11a1,1,0,0,0,.88-1.1A5.94,5.94,0,0,0,14.81,12.28ZM12,11.56a1.78,1.78,0,1,1,1.78-1.78A1.78,1.78,0,0,1,12,11.56ZM19,2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
118
120
  /* @__PURE__ */ a("symbol", { id: "book-reader", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M20.18,10.19A11.9,11.9,0,0,0,18,10c-.42,0-.83,0-1.24.08a5.91,5.91,0,0,0-1.91-1.65,3.81,3.81,0,0,0,1-2.57,3.86,3.86,0,0,0-7.72,0,3.81,3.81,0,0,0,1,2.57,6.11,6.11,0,0,0-1.91,1.64C6.83,10,6.42,10,6,10a11.9,11.9,0,0,0-2.18.21,1,1,0,0,0-.82,1v8.25a1,1,0,0,0,.36.77,1,1,0,0,0,.82.22A9.75,9.75,0,0,1,6,20.23a9.89,9.89,0,0,1,5.45,1.63h0l0,0,.13.05h0A1.09,1.09,0,0,0,12,22a.87.87,0,0,0,.28-.05l.07,0,.13-.05,0,0h0A9.89,9.89,0,0,1,18,20.23a9.75,9.75,0,0,1,1.82.18,1,1,0,0,0,.82-.22,1,1,0,0,0,.36-.77V11.17A1,1,0,0,0,20.18,10.19ZM12,4a1.86,1.86,0,0,1,0,3.71h0A1.86,1.86,0,0,1,12,4ZM11,19.33a11.92,11.92,0,0,0-5-1.1c-.33,0-.66,0-1,.05V12a9.63,9.63,0,0,1,2.52.05l.11,0A10,10,0,0,1,11,13.33Zm1-7.73a11.77,11.77,0,0,0-1.38-.68l-.06,0c-.33-.13-.66-.26-1-.36A4,4,0,0,1,12,9.69h0a4,4,0,0,1,2.44.85A12.43,12.43,0,0,0,12,11.6Zm7,6.68a11.6,11.6,0,0,0-6,1v-6a9.76,9.76,0,0,1,3.37-1.22l.2,0A9.39,9.39,0,0,1,19,12Z", xmlns: "http://www.w3.org/2000/svg" }) }),
119
121
  /* @__PURE__ */ a("symbol", { id: "file-question-alt", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M13.07,12h-5a1,1,0,0,0,0,2h5a1,1,0,0,0,0-2Zm1,8h-8a1,1,0,0,1-1-1V5a1,1,0,0,1,1-1h5V7a3,3,0,0,0,3,3h3v1a1,1,0,0,0,2,0V9a.14.14,0,0,0,0-.06A.86.86,0,0,0,19,8.67l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1,1,0,0,0-.29-.19s-.05,0-.08,0A.88.88,0,0,0,12.12,2h-6a3,3,0,0,0-3,3V19a3,3,0,0,0,3,3h8a1,1,0,0,0,0-2Zm-1-14.59L15.65,8H14.07a1,1,0,0,1-1-1Zm5.57,14.88a1.58,1.58,0,0,0-.15-.12,1.08,1.08,0,0,0-.36-.15,1,1,0,0,0-.9.27,1,1,0,0,0,0,1.42,1,1,0,0,0,.7.29,1,1,0,0,0,.93-1.38A1.19,1.19,0,0,0,18.64,20.29ZM13.07,16h-5a1,1,0,0,0,0,2h5a1,1,0,0,0,0-2Zm4.86-3a3,3,0,0,0-2.6,1.5,1,1,0,1,0,1.74,1,1,1,0,1,1,.86,1.5,1,1,0,0,0,0,2,3,3,0,0,0,0-6ZM8.07,10h1a1,1,0,0,0,0-2h-1a1,1,0,0,0,0,2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
122
+ /* @__PURE__ */ a("symbol", { id: "file-slash", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M21.71,20.29l-18-18A1,1,0,0,0,2.29,3.71L4,5.41V19a3,3,0,0,0,3,3H17a3,3,0,0,0,2.39-1.2l.9.91a1,1,0,0,0,1.42,0A1,1,0,0,0,21.71,20.29ZM17,20H7a1,1,0,0,1-1-1V7.41L17.93,19.34A1,1,0,0,1,17,20ZM8.66,4H12V7a3,3,0,0,0,3,3h3v3.34a1,1,0,1,0,2,0V9s0,0,0-.06a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19l-.09,0L13.06,2H8.66a1,1,0,0,0,0,2ZM14,5.41,16.59,8H15a1,1,0,0,1-1-1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
120
123
  /* @__PURE__ */ a("symbol", { id: "sad-solid", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M8.36,15.33a1,1,0,0,0-.13,1.4,1,1,0,0,0,1.41.13,3.76,3.76,0,0,1,4.72,0,1,1,0,0,0,.64.23,1,1,0,0,0,.64-1.76A5.81,5.81,0,0,0,8.36,15.33Zm.85-4.79a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41,3.08,3.08,0,0,0-4.24,0,1,1,0,1,0,1.41,1.41A1,1,0,0,1,9.21,10.54ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20ZM17.62,9.13a3.08,3.08,0,0,0-4.24,0,1,1,0,0,0,1.41,1.41,1,1,0,0,1,1.42,0,1,1,0,0,0,1.41,0A1,1,0,0,0,17.62,9.13Z", xmlns: "http://www.w3.org/2000/svg" }) }),
121
124
  /* @__PURE__ */ a("symbol", { id: "smile-beam-solid", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M14.36,14.23a3.76,3.76,0,0,1-4.72,0,1,1,0,0,0-1.28,1.54,5.68,5.68,0,0,0,7.28,0,1,1,0,1,0-1.28-1.54ZM9.21,10.54a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41,3.08,3.08,0,0,0-4.24,0,1,1,0,1,0,1.41,1.41A1,1,0,0,1,9.21,10.54Zm8.41-1.41a3.08,3.08,0,0,0-4.24,0,1,1,0,0,0,1.41,1.41,1,1,0,0,1,1.42,0,1,1,0,0,0,1.41,0A1,1,0,0,0,17.62,9.13ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),
122
125
  /* @__PURE__ */ a("symbol", { id: "sad", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M8.36,15.33a1,1,0,0,0-.13,1.4,1,1,0,0,0,1.41.13,3.76,3.76,0,0,1,4.72,0,1,1,0,0,0,.64.23,1,1,0,0,0,.64-1.76A5.81,5.81,0,0,0,8.36,15.33Zm.85-4.79a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41,3.08,3.08,0,0,0-4.24,0,1,1,0,1,0,1.41,1.41A1,1,0,0,1,9.21,10.54ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20ZM17.62,9.13a3.08,3.08,0,0,0-4.24,0,1,1,0,0,0,1.41,1.41,1,1,0,0,1,1.42,0,1,1,0,0,0,1.41,0A1,1,0,0,0,17.62,9.13Z", xmlns: "http://www.w3.org/2000/svg" }) }),
@@ -140,6 +143,7 @@ const s = "_root_576cf_2", n = {
140
143
  /* @__PURE__ */ a("symbol", { id: "globe", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M21.41,8.64s0,0,0-.05a10,10,0,0,0-18.78,0s0,0,0,.05a9.86,9.86,0,0,0,0,6.72s0,0,0,.05a10,10,0,0,0,18.78,0s0,0,0-.05a9.86,9.86,0,0,0,0-6.72ZM4.26,14a7.82,7.82,0,0,1,0-4H6.12a16.73,16.73,0,0,0,0,4Zm.82,2h1.4a12.15,12.15,0,0,0,1,2.57A8,8,0,0,1,5.08,16Zm1.4-8H5.08A8,8,0,0,1,7.45,5.43,12.15,12.15,0,0,0,6.48,8ZM11,19.7A6.34,6.34,0,0,1,8.57,16H11ZM11,14H8.14a14.36,14.36,0,0,1,0-4H11Zm0-6H8.57A6.34,6.34,0,0,1,11,4.3Zm7.92,0h-1.4a12.15,12.15,0,0,0-1-2.57A8,8,0,0,1,18.92,8ZM13,4.3A6.34,6.34,0,0,1,15.43,8H13Zm0,15.4V16h2.43A6.34,6.34,0,0,1,13,19.7ZM15.86,14H13V10h2.86a14.36,14.36,0,0,1,0,4Zm.69,4.57a12.15,12.15,0,0,0,1-2.57h1.4A8,8,0,0,1,16.55,18.57ZM19.74,14H17.88A16.16,16.16,0,0,0,18,12a16.28,16.28,0,0,0-.12-2h1.86a7.82,7.82,0,0,1,0,4Z", xmlns: "http://www.w3.org/2000/svg" }) }),
141
144
  /* @__PURE__ */ a("symbol", { id: "graduation-cap", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M21.49,10.19l-1-.55h0l-9-5-.11,0a1.06,1.06,0,0,0-.19-.06l-.19,0-.18,0a1.17,1.17,0,0,0-.2.06l-.11,0-9,5a1,1,0,0,0,0,1.74L4,12.76V17.5a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V12.76l2-1.12V14.5a1,1,0,0,0,2,0V11.06A1,1,0,0,0,21.49,10.19ZM16,17.5a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V13.87l4.51,2.5.15.06.09,0a1,1,0,0,0,.25,0h0a1,1,0,0,0,.25,0l.09,0a.47.47,0,0,0,.15-.06L16,13.87Zm-5-3.14L4.06,10.5,11,6.64l6.94,3.86Z", xmlns: "http://www.w3.org/2000/svg" }) }),
142
145
  /* @__PURE__ */ a("symbol", { id: "envelope", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,4H5A3,3,0,0,0,2,7V17a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V7A3,3,0,0,0,19,4Zm-.41,2-5.88,5.88a1,1,0,0,1-1.42,0L5.41,6ZM20,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V7.41l5.88,5.88a3,3,0,0,0,4.24,0L20,7.41Z", xmlns: "http://www.w3.org/2000/svg" }) }),
146
+ /* @__PURE__ */ a("symbol", { id: "envelope-star", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M13.64,9.74l-.29,1.73A1.55,1.55,0,0,0,14,13a1.46,1.46,0,0,0,1.58.09L17,12.28l1.44.79A1.46,1.46,0,0,0,20,13a1.55,1.55,0,0,0,.63-1.51l-.29-1.73,1.2-1.22a1.54,1.54,0,0,0-.85-2.6l-1.62-.24-.73-1.55a1.5,1.5,0,0,0-2.72,0l-.73,1.55-1.62.24a1.54,1.54,0,0,0-.85,2.6Zm1.83-2.13a1.51,1.51,0,0,0,1.14-.85L17,5.93l.39.83a1.55,1.55,0,0,0,1.14.86l1,.14-.73.74a1.57,1.57,0,0,0-.42,1.34l.16,1-.79-.43a1.48,1.48,0,0,0-1.44,0l-.79.43.16-1a1.54,1.54,0,0,0-.42-1.33l-.73-.75ZM21,15.26a1,1,0,0,0-1,1v3a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V9.67l5.88,5.88a2.94,2.94,0,0,0,2.1.88l.27,0a1,1,0,0,0,.91-1.08,1,1,0,0,0-1.09-.91.94.94,0,0,1-.77-.28L5.41,8.26H9a1,1,0,0,0,0-2H5a3,3,0,0,0-3,3v10a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3v-3A1,1,0,0,0,21,15.26Z", xmlns: "http://www.w3.org/2000/svg" }) }),
143
147
  /* @__PURE__ */ a("symbol", { id: "equal-circle", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M15,13H9a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Zm0-4H9a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),
144
148
  /* @__PURE__ */ a("symbol", { id: "minus", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,11H5a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
145
149
  /* @__PURE__ */ a("symbol", { id: "venus", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,9a7,7,0,1,0-8,6.92V18H10a1,1,0,0,0,0,2h1v1a1,1,0,0,0,2,0V20h1a1,1,0,0,0,0-2H13V15.92A7,7,0,0,0,19,9Zm-7,5a5,5,0,1,1,5-5A5,5,0,0,1,12,14Z", xmlns: "http://www.w3.org/2000/svg" }) }),
@@ -151,6 +155,7 @@ const s = "_root_576cf_2", n = {
151
155
  /* @__PURE__ */ a("symbol", { id: "map-marker-alt", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M20.46,9.63A8.5,8.5,0,0,0,7.3,3.36,8.56,8.56,0,0,0,3.54,9.63,8.46,8.46,0,0,0,6,16.46l5.3,5.31a1,1,0,0,0,1.42,0L18,16.46A8.46,8.46,0,0,0,20.46,9.63ZM16.6,15.05,12,19.65l-4.6-4.6A6.49,6.49,0,0,1,5.53,9.83,6.57,6.57,0,0,1,8.42,5a6.47,6.47,0,0,1,7.16,0,6.57,6.57,0,0,1,2.89,4.81A6.49,6.49,0,0,1,16.6,15.05ZM12,6a4.5,4.5,0,1,0,4.5,4.5A4.51,4.51,0,0,0,12,6Zm0,7a2.5,2.5,0,1,1,2.5-2.5A2.5,2.5,0,0,1,12,13Z", xmlns: "http://www.w3.org/2000/svg" }) }),
152
156
  /* @__PURE__ */ a("symbol", { id: "map-pin", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M16.37,12.79a1,1,0,0,0-.74,1.86C17.09,15.23,18,16.13,18,17c0,1.42-2.46,3-6,3s-6-1.58-6-3c0-.87.91-1.77,2.37-2.35a1,1,0,0,0-.74-1.86C5.36,13.69,4,15.26,4,17c0,2.8,3.51,5,8,5s8-2.2,8-5C20,15.26,18.64,13.69,16.37,12.79ZM11,9.86V17a1,1,0,0,0,2,0V9.86a4,4,0,1,0-2,0ZM12,4a2,2,0,1,1-2,2A2,2,0,0,1,12,4Z", xmlns: "http://www.w3.org/2000/svg" }) }),
153
157
  /* @__PURE__ */ a("symbol", { id: "lock-alt", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,13a1,1,0,0,0-1,1v3a1,1,0,0,0,2,0V14A1,1,0,0,0,12,13Zm5-4V7A5,5,0,0,0,7,7V9a3,3,0,0,0-3,3v7a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V12A3,3,0,0,0,17,9ZM9,7a3,3,0,0,1,6,0V9H9Zm9,12a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1H17a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
158
+ /* @__PURE__ */ a("symbol", { id: "unlock", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M17,9H9V7a3,3,0,0,1,5.12-2.13,3.08,3.08,0,0,1,.78,1.38,1,1,0,1,0,1.94-.5,5.09,5.09,0,0,0-1.31-2.29A5,5,0,0,0,7,7V9a3,3,0,0,0-3,3v7a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V12A3,3,0,0,0,17,9Zm1,10a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1H17a1,1,0,0,1,1,1Z", xmlns: "http://www.w3.org/2000/svg" }) }),
154
159
  /* @__PURE__ */ a("symbol", { id: "at", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,2a10,10,0,1,0,5,18.66,1,1,0,1,0-1-1.73A8,8,0,1,1,20,12v.75a1.75,1.75,0,0,1-3.5,0V8.5a1,1,0,0,0-1-1,1,1,0,0,0-1,.79A4.45,4.45,0,0,0,12,7.5,4.5,4.5,0,1,0,15.3,15,3.74,3.74,0,0,0,22,12.75V12A10,10,0,0,0,12,2Zm0,12.5A2.5,2.5,0,1,1,14.5,12,2.5,2.5,0,0,1,12,14.5Z", xmlns: "http://www.w3.org/2000/svg" }) }),
155
160
  /* @__PURE__ */ a("symbol", { id: "user", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M15.71,12.71a6,6,0,1,0-7.42,0,10,10,0,0,0-6.22,8.18,1,1,0,0,0,2,.22,8,8,0,0,1,15.9,0,1,1,0,0,0,1,.89h.11a1,1,0,0,0,.88-1.1A10,10,0,0,0,15.71,12.71ZM12,12a4,4,0,1,1,4-4A4,4,0,0,1,12,12Z", xmlns: "http://www.w3.org/2000/svg" }) }),
156
161
  /* @__PURE__ */ a("symbol", { id: "user-circle", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,2A10,10,0,0,0,4.65,18.76h0a10,10,0,0,0,14.7,0h0A10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-5.55-2.25,6,6,0,0,1,11.1,0A8,8,0,0,1,12,20ZM10,10a2,2,0,1,1,2,2A2,2,0,0,1,10,10Zm8.91,6A8,8,0,0,0,15,12.62a4,4,0,1,0-6,0A8,8,0,0,0,5.09,16,7.92,7.92,0,0,1,4,12a8,8,0,0,1,16,0A7.92,7.92,0,0,1,18.91,16Z", xmlns: "http://www.w3.org/2000/svg" }) }),
package/dist/Search.js CHANGED
@@ -2,70 +2,71 @@
2
2
  import './Search.css';
3
3
  import { jsx as t, jsxs as v } from "react/jsx-runtime";
4
4
  import { D as M } from "./downshift.esm-BtYj0L0Y.js";
5
- import { forwardRef as oe, useState as pe, useCallback as _e, useMemo as de, Fragment as me } from "react";
6
- import { CloseButton as he } from "./CloseButton.js";
7
- import { Icon as ue } from "./Icon.js";
8
- import { c as be } from "./index-B6iGEm-i.js";
9
- import { c as fe } from "./create-event-rXDe5aCQ.js";
10
- import { t as ge } from "./throttle-BDBzFeFj.js";
11
- const we = "_wrapper_5psb0_3", Ne = "_indicators_5psb0_6", ve = "_root_5psb0_34", Re = "_transparent_5psb0_100", Se = "_disabled_5psb0_144", Ie = "_menu_5psb0_165", xe = "_item_5psb0_198", Ce = "_highlighted_5psb0_212", $e = "_selected_5psb0_215", ke = {
12
- wrapper: we,
13
- indicators: Ne,
5
+ import { forwardRef as pe, useState as _e, useCallback as de, useMemo as me, Fragment as he } from "react";
6
+ import { CloseButton as ue } from "./CloseButton.js";
7
+ import { Icon as be } from "./Icon.js";
8
+ import { c as fe } from "./index-B6iGEm-i.js";
9
+ import { c as ge } from "./create-event-rXDe5aCQ.js";
10
+ import { t as we } from "./throttle-BDBzFeFj.js";
11
+ const Ne = "_wrapper_5psb0_3", ve = "_indicators_5psb0_6", Re = "_root_5psb0_34", Se = "_transparent_5psb0_100", Ie = "_disabled_5psb0_144", xe = "_menu_5psb0_165", Ce = "_item_5psb0_198", $e = "_highlighted_5psb0_212", ke = "_selected_5psb0_215", ze = {
12
+ wrapper: Ne,
13
+ indicators: ve,
14
14
  "dropdown-indicator": "_dropdown-indicator_5psb0_15",
15
15
  "input-wrapper": "_input-wrapper_5psb0_28",
16
16
  "icon-placement-right": "_icon-placement-right_5psb0_31",
17
- root: ve,
17
+ root: Re,
18
18
  "icon-placement-left": "_icon-placement-left_5psb0_61",
19
19
  "variant-danger": "_variant-danger_5psb0_91",
20
20
  "variant-warning": "_variant-warning_5psb0_94",
21
21
  "variant-success": "_variant-success_5psb0_97",
22
- transparent: Re,
22
+ transparent: Se,
23
23
  "size-lg": "_size-lg_5psb0_105",
24
24
  "size-md": "_size-md_5psb0_111",
25
25
  "size-sm": "_size-sm_5psb0_117",
26
26
  "icon-wrapper": "_icon-wrapper_5psb0_123",
27
- disabled: Se,
27
+ disabled: Ie,
28
28
  "icon-placement-left-sm": "_icon-placement-left-sm_5psb0_147",
29
29
  "icon-placement-left-md": "_icon-placement-left-md_5psb0_150",
30
30
  "icon-placement-left-lg": "_icon-placement-left-lg_5psb0_153",
31
31
  "icon-placement-right-sm": "_icon-placement-right-sm_5psb0_156",
32
32
  "icon-placement-right-md": "_icon-placement-right-md_5psb0_159",
33
33
  "icon-placement-right-lg": "_icon-placement-right-lg_5psb0_162",
34
- menu: Ie,
34
+ menu: xe,
35
35
  "menu-scroller": "_menu-scroller_5psb0_191",
36
- item: xe,
37
- highlighted: Ce,
38
- selected: $e
39
- }, j = "", n = be(ke), ze = M.default || M, De = oe(
36
+ item: Ce,
37
+ highlighted: $e,
38
+ selected: ke
39
+ }, j = "", n = fe(ze), De = M.default || M, Te = pe(
40
40
  ({
41
41
  autoComplete: O = "off",
42
42
  autoFocus: V,
43
43
  className: B,
44
44
  dataTestId: G,
45
- disabled: H,
46
- groupsEnabled: P,
45
+ defaultHighlightedIndex: H,
46
+ disabled: P,
47
+ groupsEnabled: Y,
47
48
  icon: d,
48
49
  iconPlacement: m = "left",
49
- id: Y,
50
+ id: q,
50
51
  itemToString: s,
51
52
  minChars: h = 3,
52
53
  name: R,
53
- onBlur: q,
54
+ onBlur: A,
54
55
  onChange: u,
55
- onClick: A,
56
+ onClick: J,
56
57
  onFocus: b,
57
- placeholder: J = "Search…",
58
- renderGroupHeader: K,
58
+ placeholder: K = "Search…",
59
+ renderGroupHeader: L,
59
60
  renderItem: S,
60
61
  search: I,
61
62
  size: a = "lg",
62
63
  throttle: x = 500,
63
- transparent: L,
64
+ transparent: Q,
64
65
  value: p = j,
65
66
  variant: f,
66
67
  ...g
67
- }, Q) => {
68
- const U = p ? s(p) : j, [C, r] = pe([]), $ = _e(
68
+ }, U) => {
69
+ const W = p ? s(p) : j, [C, r] = _e([]), $ = de(
69
70
  async (e) => {
70
71
  if (h === 0 || (e == null ? void 0 : e.length) >= h) {
71
72
  const l = await I(e);
@@ -74,19 +75,20 @@ const we = "_wrapper_5psb0_3", Ne = "_indicators_5psb0_6", ve = "_root_5psb0_34"
74
75
  r([]);
75
76
  },
76
77
  [h, I]
77
- ), k = de(
78
- () => ge($, x, !1),
78
+ ), k = me(
79
+ () => we($, x, !1),
79
80
  [$, x]
80
81
  ), w = (e) => {
81
- const l = fe({ name: R, value: e });
82
+ const l = ge({ name: R, value: e });
82
83
  u == null || u(e, l);
83
84
  }, z = (e) => {
84
85
  e ? w(e) : (w(), r([]));
85
86
  };
86
87
  return /* @__PURE__ */ t(
87
- ze,
88
+ De,
88
89
  {
89
- initialInputValue: U,
90
+ defaultHighlightedIndex: H,
91
+ initialInputValue: W,
90
92
  itemToString: (e) => s(e) || "",
91
93
  onInputValueChange: k,
92
94
  onOuterClick: () => {
@@ -99,36 +101,36 @@ const we = "_wrapper_5psb0_3", Ne = "_indicators_5psb0_6", ve = "_root_5psb0_34"
99
101
  clearSelection: e,
100
102
  getInputProps: l,
101
103
  getItemProps: D,
102
- getMenuProps: W,
103
- getRootProps: X,
104
- highlightedIndex: Z,
105
- inputValue: F,
104
+ getMenuProps: X,
105
+ getRootProps: Z,
106
+ highlightedIndex: F,
107
+ inputValue: ee,
106
108
  isOpen: T,
107
109
  selectedItem: _,
108
- toggleMenu: ee
110
+ toggleMenu: te
109
111
  }) => {
110
- const te = () => {
112
+ const ne = () => {
111
113
  r([]), w(), e();
112
- }, ne = T && C.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(he, { animatePresence: !0, onClick: te, title: "Clear" }) }), ie = (i) => {
113
- b == null || b(i), k(""), ee();
114
- }, ce = X(g, { suppressRefError: !0 }), ae = l({
114
+ }, se = T && C.length > 0, ie = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(ue, { animatePresence: !0, onClick: ne, title: "Clear" }) }), ce = (i) => {
115
+ b == null || b(i), k(""), te();
116
+ }, ae = Z(g, { suppressRefError: !0 }), re = l({
115
117
  autoComplete: O,
116
118
  autoFocus: V,
117
119
  "data-testid": G,
118
- disabled: H,
119
- id: Y,
120
+ disabled: P,
121
+ id: q,
120
122
  name: R,
121
- onBlur: q,
122
- onClick: A,
123
- onFocus: ie,
124
- placeholder: J,
125
- ref: Q,
123
+ onBlur: A,
124
+ onClick: J,
125
+ onFocus: ce,
126
+ placeholder: K,
127
+ ref: U,
126
128
  size: a,
127
129
  tabIndex: 0,
128
130
  variant: T ? "focused" : f,
129
131
  ...g
130
132
  });
131
- return /* @__PURE__ */ v("div", { ...ce, className: n("wrapper", "field-input"), children: [
133
+ return /* @__PURE__ */ v("div", { ...ae, className: n("wrapper", "field-input"), children: [
132
134
  /* @__PURE__ */ v("div", { className: n("input-wrapper"), children: [
133
135
  /* @__PURE__ */ t(
134
136
  "input",
@@ -137,11 +139,11 @@ const we = "_wrapper_5psb0_3", Ne = "_indicators_5psb0_6", ve = "_root_5psb0_34"
137
139
  "root",
138
140
  `size-${a}`,
139
141
  f && `variant-${f}`,
140
- L && "transparent",
142
+ Q && "transparent",
141
143
  d && `icon-placement-${m}`,
142
144
  B
143
145
  ),
144
- ...ae
146
+ ...re
145
147
  }
146
148
  ),
147
149
  d ? /* @__PURE__ */ t(
@@ -152,28 +154,28 @@ const we = "_wrapper_5psb0_3", Ne = "_indicators_5psb0_6", ve = "_root_5psb0_34"
152
154
  `icon-placement-${m}`,
153
155
  `icon-placement-${m}-${a}`
154
156
  ),
155
- children: /* @__PURE__ */ t(ue, { ...d.props, size: a })
157
+ children: /* @__PURE__ */ t(be, { ...d.props, size: a })
156
158
  }
157
159
  ) : null,
158
- /* @__PURE__ */ t("div", { className: n("indicators", `size-${a}`), children: F ? se : null })
160
+ /* @__PURE__ */ t("div", { className: n("indicators", `size-${a}`), children: ee ? ie : null })
159
161
  ] }),
160
- ne ? /* @__PURE__ */ t("div", { className: n("menu"), children: /* @__PURE__ */ t("ul", { className: n("menu-scroller"), ...W(), children: C.reduce(
162
+ se ? /* @__PURE__ */ t("div", { className: n("menu"), children: /* @__PURE__ */ t("ul", { className: n("menu-scroller"), ...X(), children: C.reduce(
161
163
  (i, c, N) => {
162
- const y = i.itemIndex++, E = Z === y;
163
- if (P)
164
+ const y = i.itemIndex++, E = F === y;
165
+ if (Y)
164
166
  i.itemsToRender.push(
165
- /* @__PURE__ */ v(me, { children: [
166
- K(c),
167
+ /* @__PURE__ */ v(he, { children: [
168
+ L(c),
167
169
  c.options ? c.options.map(
168
- (o, re) => {
169
- const le = _ && s(_) === s(o);
170
+ (o, le) => {
171
+ const oe = _ && s(_) === s(o);
170
172
  return /* @__PURE__ */ t(
171
173
  "li",
172
174
  {
173
175
  className: n(
174
176
  "item",
175
177
  E && "highlighted",
176
- le && "selected"
178
+ oe && "selected"
177
179
  ),
178
180
  ...D({
179
181
  index: y,
@@ -181,7 +183,7 @@ const we = "_wrapper_5psb0_3", Ne = "_indicators_5psb0_6", ve = "_root_5psb0_34"
181
183
  }),
182
184
  children: S(o)
183
185
  },
184
- re
186
+ le
185
187
  );
186
188
  }
187
189
  ) : null
@@ -218,8 +220,8 @@ const we = "_wrapper_5psb0_3", Ne = "_indicators_5psb0_6", ve = "_root_5psb0_34"
218
220
  );
219
221
  }
220
222
  );
221
- De.displayName = "Search";
223
+ Te.displayName = "Search";
222
224
  export {
223
- De as Search,
224
- ke as searchClasses
225
+ Te as Search,
226
+ ze as searchClasses
225
227
  };
package/dist/Tabs.js CHANGED
@@ -13,10 +13,10 @@ import { C as Y, a as Z } from "./WZWDIE3S-CGqoM1Fy.js";
13
13
  import { b as ee, x as v, Q as z, y as P } from "./U6HHPQDW-CzxyP5H7.js";
14
14
  import { c as te, a as oe, u as ae } from "./IQYAUKXT-Cltvp3KN.js";
15
15
  import { a as se } from "./CVCFNOHX-Ck0bUDvo.js";
16
- var ie = ee(
16
+ var re = ee(
17
17
  [X, Z],
18
18
  [J, Y]
19
- ), re = ie.useContext;
19
+ ), ie = re.useContext;
20
20
  C(!1);
21
21
  C(null);
22
22
  function le({
@@ -24,7 +24,7 @@ function le({
24
24
  combobox: a,
25
25
  ...t
26
26
  } = {}) {
27
- const r = [
27
+ const i = [
28
28
  "items",
29
29
  "renderedItems",
30
30
  "moves",
@@ -37,9 +37,9 @@ function le({
37
37
  "focusWrap"
38
38
  ], l = W(
39
39
  t.store,
40
- y(e, r),
41
- y(a, r)
42
- ), i = l == null ? void 0 : l.getState(), d = te({
40
+ y(e, i),
41
+ y(a, i)
42
+ ), r = l == null ? void 0 : l.getState(), d = te({
43
43
  ...t,
44
44
  store: l,
45
45
  // We need to explicitly set the default value of `includesBaseElement` to
@@ -48,25 +48,25 @@ function le({
48
48
  // combobox with tab.
49
49
  includesBaseElement: v(
50
50
  t.includesBaseElement,
51
- i == null ? void 0 : i.includesBaseElement,
51
+ r == null ? void 0 : r.includesBaseElement,
52
52
  !1
53
53
  ),
54
54
  orientation: v(
55
55
  t.orientation,
56
- i == null ? void 0 : i.orientation,
56
+ r == null ? void 0 : r.orientation,
57
57
  "horizontal"
58
58
  ),
59
- focusLoop: v(t.focusLoop, i == null ? void 0 : i.focusLoop, !0)
59
+ focusLoop: v(t.focusLoop, r == null ? void 0 : r.focusLoop, !0)
60
60
  }), b = oe(), I = {
61
61
  ...d.getState(),
62
62
  selectedId: v(
63
63
  t.selectedId,
64
- i == null ? void 0 : i.selectedId,
64
+ r == null ? void 0 : r.selectedId,
65
65
  t.defaultSelectedId
66
66
  ),
67
67
  selectOnMove: v(
68
68
  t.selectOnMove,
69
- i == null ? void 0 : i.selectOnMove,
69
+ r == null ? void 0 : r.selectOnMove,
70
70
  !0
71
71
  )
72
72
  }, o = K(I, d, l);
@@ -147,21 +147,21 @@ function le({
147
147
  }
148
148
  function ne(e, a, t) {
149
149
  P(a, [t.composite, t.combobox]), e = ae(e, a, t), j(e, t, "selectedId", "setSelectedId"), j(e, t, "selectOnMove");
150
- const [r, l] = E(() => e.panels, {});
150
+ const [i, l] = E(() => e.panels, {});
151
151
  return P(l, [e, l]), Object.assign(
152
- R(() => ({ ...e, panels: r }), [e, r]),
152
+ R(() => ({ ...e, panels: i }), [e, i]),
153
153
  { composite: t.composite, combobox: t.combobox }
154
154
  );
155
155
  }
156
156
  function Fe(e = {}) {
157
- const a = se(), t = re() || a;
157
+ const a = se(), t = ie() || a;
158
158
  e = {
159
159
  ...e,
160
160
  composite: e.composite !== void 0 ? e.composite : t,
161
161
  combobox: e.combobox !== void 0 ? e.combobox : a
162
162
  };
163
- const [r, l] = E(le, e);
164
- return ne(r, l, e);
163
+ const [i, l] = E(le, e);
164
+ return ne(i, l, e);
165
165
  }
166
166
  const N = T.createContext(null);
167
167
  function ce() {
@@ -261,13 +261,20 @@ const de = "_root_ijogm_2", S = {
261
261
  "share",
262
262
  "bulk",
263
263
  "bulk-active"
264
- ], fe = ["chat", "chat-bubble-user", "comment", "comment-alt-lines"], ge = [
264
+ ], fe = [
265
+ "chat",
266
+ "chat-bubble-user",
267
+ "comment",
268
+ "comment-alt-lines",
269
+ "comment-chart-line"
270
+ ], ge = [
265
271
  "music",
266
272
  "rocket",
267
273
  "file-alt",
268
274
  "user-square",
269
275
  "book-reader",
270
276
  "file-question-alt",
277
+ "file-slash",
271
278
  "sad-solid",
272
279
  "smile-beam-solid",
273
280
  "sad",
@@ -294,6 +301,7 @@ const de = "_root_ijogm_2", S = {
294
301
  "globe",
295
302
  "graduation-cap",
296
303
  "envelope",
304
+ "envelope-star",
297
305
  "equal-circle",
298
306
  "minus",
299
307
  "venus",
@@ -307,6 +315,7 @@ const de = "_root_ijogm_2", S = {
307
315
  "map-marker-alt",
308
316
  "map-pin",
309
317
  "lock-alt",
318
+ "unlock",
310
319
  "flag",
311
320
  // (not unicons)
312
321
  "at",
@@ -451,7 +460,14 @@ const de = "_root_ijogm_2", S = {
451
460
  "redo",
452
461
  "play",
453
462
  "ban"
454
- ], pe = ["folder", "folder-open", "folder-full", "file", "image"], ve = [
463
+ ], pe = [
464
+ "folder",
465
+ "folder-open",
466
+ "folder-full",
467
+ "folder-plus",
468
+ "file",
469
+ "image"
470
+ ], ve = [
455
471
  "bold",
456
472
  "arrow",
457
473
  "brackets-curly",
@@ -521,29 +537,29 @@ function ye({
521
537
  icon: e,
522
538
  iconColor: a,
523
539
  isActive: t,
524
- size: r
540
+ size: i
525
541
  }) {
526
542
  return e ? typeof e != "string" || !Se(e) ? e : /* @__PURE__ */ h(
527
543
  H,
528
544
  {
529
545
  className: a ? xe("folder-icon", `folder-icon-${a}${t ? "-active" : ""}`) : void 0,
530
546
  name: e,
531
- size: r
547
+ size: i
532
548
  }
533
549
  ) : null;
534
550
  }
535
551
  const je = w(S), $ = G(
536
- ({ as: e, badge: a, children: t, className: r, icon: l, iconColor: i = "violet", id: d, store: b, ...I }, o) => {
552
+ ({ as: e, badge: a, children: t, className: i, icon: l, iconColor: r = "violet", id: d, store: b, ...I }, o) => {
537
553
  const u = ce(), { selectedId: _ } = U(b), s = _ === d, n = ye({
538
554
  icon: l,
539
- iconColor: i,
555
+ iconColor: r,
540
556
  isActive: s,
541
557
  size: u
542
558
  }), c = s ? "neutral" : "warm";
543
559
  return /* @__PURE__ */ L(
544
560
  V,
545
561
  {
546
- className: je("root", `size-${u}`, r),
562
+ className: je("root", `size-${u}`, i),
547
563
  id: d,
548
564
  ref: o,
549
565
  render: e ? /* @__PURE__ */ h(e, {}) : void 0,
@@ -562,12 +578,12 @@ $.displayName = "Tabs.Tab";
562
578
  const M = O(({ children: e, ...a }, t) => /* @__PURE__ */ h(A, { ref: t, ...a, children: e }));
563
579
  M.displayName = "Tabs.Panel";
564
580
  const ze = w(S), q = O(
565
- ({ children: e, className: a, size: t = "lg", store: r, ...l }, i) => /* @__PURE__ */ h(
581
+ ({ children: e, className: a, size: t = "lg", store: i, ...l }, r) => /* @__PURE__ */ h(
566
582
  F,
567
583
  {
568
584
  className: ze("tab-list", `size-${t}`, a),
569
- ref: i,
570
- store: r,
585
+ ref: r,
586
+ store: i,
571
587
  ...l,
572
588
  children: /* @__PURE__ */ h(N.Provider, { value: { size: t }, children: e })
573
589
  }
package/dist/Tag.css CHANGED
@@ -1 +1 @@
1
- @property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@layer components{._root_4kt6z_7{position:relative;display:inline-flex;align-items:center;justify-content:var(--justifyContent, flex-start);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);line-height:initial;font-size:var(--font-size-sm);border-radius:var(--tag-border-radius);border-color:var(--tag-color-border-default);border-width:var(--tag-border-width-default);border-style:solid;background:var(--backgroundColor);box-shadow:var(--boxShadow, var(--elevation-10));color:var(--color);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap)}._root_4kt6z_7>span,._root_4kt6z_7>p{overflow:hidden;text-overflow:ellipsis}._root_4kt6z_7>svg{flex-shrink:0;width:var(--tag-size-icon);height:var(--tag-size-icon)}button._root_4kt6z_7,a._root_4kt6z_7{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_4kt6z_7:hover:not(._disabled_4kt6z_51),a._root_4kt6z_7:hover:not(._disabled_4kt6z_51){--backgroundColor: var(--backgroundColorHover);--boxShadow: var(--elevation-20)}button._root_4kt6z_7._variant-dash_4kt6z_56:hover:not(._disabled_4kt6z_51),a._root_4kt6z_7._variant-dash_4kt6z_56:hover:not(._disabled_4kt6z_51){border-color:var(--tag-color-border-dash-hover)}}._disabled_4kt6z_51{background:var(--backgroundColorDisabled);border:none;cursor:inherit;--boxShadow: none;--color: var(--colorDisabled) !important}._disabled_4kt6z_51._ai_4kt6z_68{border:inherit}._disabled_4kt6z_51 ._removeButton_4kt6z_71{cursor:inherit}._variant-brand_4kt6z_74{--backgroundColor: var(--tag-color-background-brand-default);--backgroundColorHover: var(--tag-color-background-brand-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-brand_4kt6z_74._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-brand-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-brand-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-brand-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-brand_4kt6z_89{--backgroundColor: var(--tag-color-background-brand-light-default);--backgroundColorHover: var(--tag-color-background-brand-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-light-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-dark-brand_4kt6z_96{--backgroundColor: var(--tag-color-background-brand-dark-default);--backgroundColorHover: var(--tag-color-background-brand-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-dark-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-warm_4kt6z_103{--backgroundColor: var(--tag-color-background-warm-default);--backgroundColorHover: var(--tag-color-background-warm-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-warm_4kt6z_103._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-warm-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-warm-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-warm-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-warm_4kt6z_118{--backgroundColor: var(--tag-color-background-warm-light-default);--backgroundColorHover: var(--tag-color-background-warm-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-light-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-dark-warm_4kt6z_125{--backgroundColor: var(--tag-color-background-warm-dark-default);--backgroundColorHover: var(--tag-color-background-warm-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-dark-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-red_4kt6z_132{--backgroundColor: var(--tag-color-background-red-default);--backgroundColorHover: var(--tag-color-background-red-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-red_4kt6z_132._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-red-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-red-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-red-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-red_4kt6z_147{--backgroundColor: var(--tag-color-background-red-light-default);--backgroundColorHover: var(--tag-color-background-red-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-dark-red_4kt6z_154{--backgroundColor: var(--tag-color-background-red-dark-default);--backgroundColorHover: var(--tag-color-background-red-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-blue_4kt6z_161{--backgroundColor: var(--tag-color-background-blue-default);--backgroundColorHover: var(--tag-color-background-blue-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-blue_4kt6z_161._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-blue-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-blue-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-blue-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-blue_4kt6z_176{--backgroundColor: var(--tag-color-background-blue-light-default);--backgroundColorHover: var(--tag-color-background-blue-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-light-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-dark-blue_4kt6z_183{--backgroundColor: var(--tag-color-background-blue-dark-default);--backgroundColorHover: var(--tag-color-background-blue-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-dark-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-green_4kt6z_190{--backgroundColor: var(--tag-color-background-green-default);--backgroundColorHover: var(--tag-color-background-green-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-green_4kt6z_190._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-green-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-green-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-green-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-green_4kt6z_205{--backgroundColor: var(--tag-color-background-green-light-default);--backgroundColorHover: var(--tag-color-background-green-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-light-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-dark-green_4kt6z_212{--backgroundColor: var(--tag-color-background-green-dark-default);--backgroundColorHover: var(--tag-color-background-green-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-dark-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-orange_4kt6z_219{--backgroundColor: var(--tag-color-background-orange-default);--backgroundColorHover: var(--tag-color-background-orange-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-orange_4kt6z_219._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-orange-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-orange-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-orange-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-orange_4kt6z_234{--backgroundColor: var(--tag-color-background-orange-light-default);--backgroundColorHover: var(--tag-color-background-orange-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-light-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-dark-orange_4kt6z_241{--backgroundColor: var(--tag-color-background-orange-dark-default);--backgroundColorHover: var(--tag-color-background-orange-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-dark-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-pink_4kt6z_248{--backgroundColor: var(--tag-color-background-pink-default);--backgroundColorHover: var(--tag-color-background-pink-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-pink_4kt6z_248._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-pink-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-pink-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-pink-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-pink_4kt6z_263{--backgroundColor: var(--tag-color-background-pink-light-default);--backgroundColorHover: var(--tag-color-background-pink-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-light-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-dark-pink_4kt6z_270{--backgroundColor: var(--tag-color-background-pink-dark-default);--backgroundColorHover: var(--tag-color-background-pink-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-dark-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-teal_4kt6z_277{--backgroundColor: var(--tag-color-background-teal-default);--backgroundColorHover: var(--tag-color-background-teal-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-teal_4kt6z_277._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-teal-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-teal-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-teal-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-teal_4kt6z_292{--backgroundColor: var(--tag-color-background-teal-light-default);--backgroundColorHover: var(--tag-color-background-teal-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-light-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-dark-teal_4kt6z_299{--backgroundColor: var(--tag-color-background-teal-dark-default);--backgroundColorHover: var(--tag-color-background-teal-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-dark-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-violet_4kt6z_306{--backgroundColor: var(--tag-color-background-violet-default);--backgroundColorHover: var(--tag-color-background-violet-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-violet_4kt6z_306._ai_4kt6z_68{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-violet-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-violet-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-violet-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-violet_4kt6z_321{--backgroundColor: var(--tag-color-background-violet-light-default);--backgroundColorHover: var(--tag-color-background-violet-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-light-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-dark-violet_4kt6z_328{--backgroundColor: var(--tag-color-background-violet-dark-default);--backgroundColorHover: var(--tag-color-background-violet-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-dark-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-dash_4kt6z_56{--backgroundColor: var(--tag-color-background-dash-default);--backgroundColorHover: var(--tag-color-background-dash-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-dash-disabled);--color: var(--tag-color-text-dash-default);--colorDisabled: var(--tag-color-text-dash-disabled);border:var(--tag-border-width-default) dashed var(--tag-color-border-dash-default);position:relative}._variant-dash_4kt6z_56:hover{box-shadow:none}._variant-dash_4kt6z_56._disabled_4kt6z_51{border-color:var(--tag-color-border-dash-disabled)}._size-md_4kt6z_350{--height: var(--tag-size-max-height-md);--maxHeight: var(--tag-size-max-height-md);--paddingVertical: var(--tag-padding-block-md);--paddingHorizontal: var(--tag-padding-inline-md);--gap: var(--tag-gap-content)}._size-lg_4kt6z_357{--height: var(--tag-size-max-height-lg);--maxHeight: var(--tag-size-max-height-lg);--paddingVertical: var(--tag-padding-block-lg);--paddingHorizontal: var(--tag-padding-inline-lg);--gap: var(--tag-gap-content)}._hasRemoveAction_4kt6z_364{align-items:center;display:inline-flex;flex-direction:row;gap:var(--tag-padding-block-md)}._isSquare_4kt6z_370{flex-basis:var(--height);justify-content:center;padding:0}._removeButton_4kt6z_71{cursor:pointer;flex-shrink:0;--paddingInlineHasIcon: 0}}
1
+ @property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@layer components{._root_7gysw_7{position:relative;display:inline-flex;align-items:center;justify-content:var(--justifyContent, flex-start);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);line-height:initial;font-size:var(--font-size-sm);border-radius:var(--tag-border-radius);border-color:var(--tag-color-border-default);border-width:var(--tag-border-width-default);border-style:solid;background:var(--backgroundColor);box-shadow:var(--boxShadow, var(--elevation-10));color:var(--color);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap)}._root_7gysw_7>span,._root_7gysw_7>p,._root_7gysw_7 ._label_7gysw_36>span,._root_7gysw_7 ._label_7gysw_36>p{overflow:hidden;text-overflow:ellipsis}._root_7gysw_7>svg,._root_7gysw_7 ._label_7gysw_36>svg{flex-shrink:0;width:var(--tag-size-icon);height:var(--tag-size-icon)}._label_7gysw_36{display:inline-flex;align-items:center;overflow:hidden;min-width:0;gap:var(--gap);background:none;border:none;padding:0;color:inherit;font:inherit;text-decoration:none;cursor:pointer}button._root_7gysw_7,a._root_7gysw_7,._root_7gysw_7:has(>._label_7gysw_36):not(._disabled_7gysw_68){cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_7gysw_7:hover:not(._disabled_7gysw_68),a._root_7gysw_7:hover:not(._disabled_7gysw_68),._root_7gysw_7:has(>._label_7gysw_36):hover:not(._disabled_7gysw_68){--backgroundColor: var(--backgroundColorHover);--boxShadow: var(--elevation-20)}button._root_7gysw_7._variant-dash_7gysw_79:hover:not(._disabled_7gysw_68),a._root_7gysw_7._variant-dash_7gysw_79:hover:not(._disabled_7gysw_68),._root_7gysw_7._variant-dash_7gysw_79:has(>._label_7gysw_36):hover:not(._disabled_7gysw_68){border-color:var(--tag-color-border-dash-hover)}}._disabled_7gysw_68{background:var(--backgroundColorDisabled);border:none;cursor:inherit;--boxShadow: none;--color: var(--colorDisabled) !important}._disabled_7gysw_68._ai_7gysw_92{border:inherit}._disabled_7gysw_68 ._removeButton_7gysw_95,._disabled_7gysw_68 ._label_7gysw_36{cursor:inherit}._variant-brand_7gysw_99{--backgroundColor: var(--tag-color-background-brand-default);--backgroundColorHover: var(--tag-color-background-brand-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-brand_7gysw_99._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-brand-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-brand-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-brand-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-brand_7gysw_114{--backgroundColor: var(--tag-color-background-brand-light-default);--backgroundColorHover: var(--tag-color-background-brand-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-light-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-dark-brand_7gysw_121{--backgroundColor: var(--tag-color-background-brand-dark-default);--backgroundColorHover: var(--tag-color-background-brand-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-brand-dark-disabled);--color: var(--tag-color-text-brand-default);--colorDisabled: var(--tag-color-text-brand-disabled)}._variant-warm_7gysw_128{--backgroundColor: var(--tag-color-background-warm-default);--backgroundColorHover: var(--tag-color-background-warm-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-warm_7gysw_128._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-warm-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-warm-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-warm-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-warm_7gysw_143{--backgroundColor: var(--tag-color-background-warm-light-default);--backgroundColorHover: var(--tag-color-background-warm-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-light-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-dark-warm_7gysw_150{--backgroundColor: var(--tag-color-background-warm-dark-default);--backgroundColorHover: var(--tag-color-background-warm-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-warm-dark-disabled);--color: var(--tag-color-text-warm-default);--colorDisabled: var(--tag-color-text-warm-disabled)}._variant-red_7gysw_157{--backgroundColor: var(--tag-color-background-red-default);--backgroundColorHover: var(--tag-color-background-red-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-red_7gysw_157._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-red-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-red-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-red-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-red_7gysw_172{--backgroundColor: var(--tag-color-background-red-light-default);--backgroundColorHover: var(--tag-color-background-red-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-dark-red_7gysw_179{--backgroundColor: var(--tag-color-background-red-dark-default);--backgroundColorHover: var(--tag-color-background-red-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-red-disabled);--color: var(--tag-color-text-red-default);--colorDisabled: var(--tag-color-text-red-disabled)}._variant-blue_7gysw_186{--backgroundColor: var(--tag-color-background-blue-default);--backgroundColorHover: var(--tag-color-background-blue-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-blue_7gysw_186._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-blue-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-blue-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-blue-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-blue_7gysw_201{--backgroundColor: var(--tag-color-background-blue-light-default);--backgroundColorHover: var(--tag-color-background-blue-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-light-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-dark-blue_7gysw_208{--backgroundColor: var(--tag-color-background-blue-dark-default);--backgroundColorHover: var(--tag-color-background-blue-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-blue-dark-disabled);--color: var(--tag-color-text-blue-default);--colorDisabled: var(--tag-color-text-blue-disabled)}._variant-green_7gysw_215{--backgroundColor: var(--tag-color-background-green-default);--backgroundColorHover: var(--tag-color-background-green-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-green_7gysw_215._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-green-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-green-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-green-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-green_7gysw_230{--backgroundColor: var(--tag-color-background-green-light-default);--backgroundColorHover: var(--tag-color-background-green-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-light-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-dark-green_7gysw_237{--backgroundColor: var(--tag-color-background-green-dark-default);--backgroundColorHover: var(--tag-color-background-green-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-green-dark-disabled);--color: var(--tag-color-text-green-default);--colorDisabled: var(--tag-color-text-green-disabled)}._variant-orange_7gysw_244{--backgroundColor: var(--tag-color-background-orange-default);--backgroundColorHover: var(--tag-color-background-orange-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-orange_7gysw_244._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-orange-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-orange-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-orange-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-orange_7gysw_259{--backgroundColor: var(--tag-color-background-orange-light-default);--backgroundColorHover: var(--tag-color-background-orange-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-light-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-dark-orange_7gysw_266{--backgroundColor: var(--tag-color-background-orange-dark-default);--backgroundColorHover: var(--tag-color-background-orange-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-orange-dark-disabled);--color: var(--tag-color-text-orange-default);--colorDisabled: var(--tag-color-text-orange-disabled)}._variant-pink_7gysw_273{--backgroundColor: var(--tag-color-background-pink-default);--backgroundColorHover: var(--tag-color-background-pink-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-pink_7gysw_273._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-pink-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-pink-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-pink-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-pink_7gysw_288{--backgroundColor: var(--tag-color-background-pink-light-default);--backgroundColorHover: var(--tag-color-background-pink-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-light-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-dark-pink_7gysw_295{--backgroundColor: var(--tag-color-background-pink-dark-default);--backgroundColorHover: var(--tag-color-background-pink-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-pink-dark-disabled);--color: var(--tag-color-text-pink-default);--colorDisabled: var(--tag-color-text-pink-disabled)}._variant-teal_7gysw_302{--backgroundColor: var(--tag-color-background-teal-default);--backgroundColorHover: var(--tag-color-background-teal-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-teal_7gysw_302._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-teal-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-teal-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-teal-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-teal_7gysw_317{--backgroundColor: var(--tag-color-background-teal-light-default);--backgroundColorHover: var(--tag-color-background-teal-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-light-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-dark-teal_7gysw_324{--backgroundColor: var(--tag-color-background-teal-dark-default);--backgroundColorHover: var(--tag-color-background-teal-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-teal-dark-disabled);--color: var(--tag-color-text-teal-default);--colorDisabled: var(--tag-color-text-teal-disabled)}._variant-violet_7gysw_331{--backgroundColor: var(--tag-color-background-violet-default);--backgroundColorHover: var(--tag-color-background-violet-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-violet_7gysw_331._ai_7gysw_92{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--tag-color-background-violet-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--tag-color-background-violet-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--tag-color-background-violet-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-light-violet_7gysw_346{--backgroundColor: var(--tag-color-background-violet-light-default);--backgroundColorHover: var(--tag-color-background-violet-light-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-light-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-dark-violet_7gysw_353{--backgroundColor: var(--tag-color-background-violet-dark-default);--backgroundColorHover: var(--tag-color-background-violet-dark-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-violet-dark-disabled);--color: var(--tag-color-text-violet-default);--colorDisabled: var(--tag-color-text-violet-disabled)}._variant-dash_7gysw_79{--backgroundColor: var(--tag-color-background-dash-default);--backgroundColorHover: var(--tag-color-background-dash-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--tag-color-background-dash-disabled);--color: var(--tag-color-text-dash-default);--colorDisabled: var(--tag-color-text-dash-disabled);border:var(--tag-border-width-default) dashed var(--tag-color-border-dash-default);position:relative}._variant-dash_7gysw_79:hover{box-shadow:none}._variant-dash_7gysw_79._disabled_7gysw_68{border-color:var(--tag-color-border-dash-disabled)}._size-md_7gysw_375{--height: var(--tag-size-max-height-md);--maxHeight: var(--tag-size-max-height-md);--paddingVertical: var(--tag-padding-block-md);--paddingHorizontal: var(--tag-padding-inline-md);--gap: var(--tag-gap-content)}._size-lg_7gysw_382{--height: var(--tag-size-max-height-lg);--maxHeight: var(--tag-size-max-height-lg);--paddingVertical: var(--tag-padding-block-lg);--paddingHorizontal: var(--tag-padding-inline-lg);--gap: var(--tag-gap-content)}._hasRemoveAction_7gysw_49{align-items:center;display:inline-flex;flex-direction:row;gap:var(--tag-padding-block-md)}._isSquare_7gysw_395{flex-basis:var(--height);justify-content:center;padding:0}._removeButton_7gysw_95{cursor:pointer;flex-shrink:0;--paddingInlineHasIcon: 0}}
package/dist/Tag.js CHANGED
@@ -1,110 +1,107 @@
1
1
  "use client";
2
2
  import './Tag.css';
3
- import { jsxs as b, jsx as e } from "react/jsx-runtime";
4
- import w from "react";
5
- import { Icon as s } from "./Icon.js";
6
- import { c as C } from "./index-B6iGEm-i.js";
7
- import { f as R } from "./forwardRefWithAs-8eP3ZN15.js";
8
- const S = "_root_4kt6z_7", y = "_disabled_4kt6z_51", N = "_ai_4kt6z_68", q = "_removeButton_4kt6z_71", x = "_hasRemoveAction_4kt6z_364", A = "_isSquare_4kt6z_370", T = {
9
- root: S,
10
- disabled: y,
11
- "variant-dash": "_variant-dash_4kt6z_56",
12
- ai: N,
13
- removeButton: q,
14
- "variant-brand": "_variant-brand_4kt6z_74",
15
- "variant-light-brand": "_variant-light-brand_4kt6z_89",
16
- "variant-dark-brand": "_variant-dark-brand_4kt6z_96",
17
- "variant-warm": "_variant-warm_4kt6z_103",
18
- "variant-light-warm": "_variant-light-warm_4kt6z_118",
19
- "variant-dark-warm": "_variant-dark-warm_4kt6z_125",
20
- "variant-red": "_variant-red_4kt6z_132",
21
- "variant-light-red": "_variant-light-red_4kt6z_147",
22
- "variant-dark-red": "_variant-dark-red_4kt6z_154",
23
- "variant-blue": "_variant-blue_4kt6z_161",
24
- "variant-light-blue": "_variant-light-blue_4kt6z_176",
25
- "variant-dark-blue": "_variant-dark-blue_4kt6z_183",
26
- "variant-green": "_variant-green_4kt6z_190",
27
- "variant-light-green": "_variant-light-green_4kt6z_205",
28
- "variant-dark-green": "_variant-dark-green_4kt6z_212",
29
- "variant-orange": "_variant-orange_4kt6z_219",
30
- "variant-light-orange": "_variant-light-orange_4kt6z_234",
31
- "variant-dark-orange": "_variant-dark-orange_4kt6z_241",
32
- "variant-pink": "_variant-pink_4kt6z_248",
33
- "variant-light-pink": "_variant-light-pink_4kt6z_263",
34
- "variant-dark-pink": "_variant-dark-pink_4kt6z_270",
35
- "variant-teal": "_variant-teal_4kt6z_277",
36
- "variant-light-teal": "_variant-light-teal_4kt6z_292",
37
- "variant-dark-teal": "_variant-dark-teal_4kt6z_299",
38
- "variant-violet": "_variant-violet_4kt6z_306",
39
- "variant-light-violet": "_variant-light-violet_4kt6z_321",
40
- "variant-dark-violet": "_variant-dark-violet_4kt6z_328",
41
- "size-md": "_size-md_4kt6z_350",
42
- "size-lg": "_size-lg_4kt6z_357",
43
- hasRemoveAction: x,
44
- isSquare: A
45
- }, k = C(T);
46
- function j(a) {
3
+ import { jsx as i, jsxs as _, Fragment as S } from "react/jsx-runtime";
4
+ import q from "react";
5
+ import { Icon as b } from "./Icon.js";
6
+ import { c as x } from "./index-B6iGEm-i.js";
7
+ import { f as A } from "./forwardRefWithAs-8eP3ZN15.js";
8
+ const T = "_root_7gysw_7", j = "_label_7gysw_36", B = "_disabled_7gysw_68", E = "_ai_7gysw_92", I = "_removeButton_7gysw_95", W = "_hasRemoveAction_7gysw_49", $ = "_isSquare_7gysw_395", F = {
9
+ root: T,
10
+ label: j,
11
+ disabled: B,
12
+ "variant-dash": "_variant-dash_7gysw_79",
13
+ ai: E,
14
+ removeButton: I,
15
+ "variant-brand": "_variant-brand_7gysw_99",
16
+ "variant-light-brand": "_variant-light-brand_7gysw_114",
17
+ "variant-dark-brand": "_variant-dark-brand_7gysw_121",
18
+ "variant-warm": "_variant-warm_7gysw_128",
19
+ "variant-light-warm": "_variant-light-warm_7gysw_143",
20
+ "variant-dark-warm": "_variant-dark-warm_7gysw_150",
21
+ "variant-red": "_variant-red_7gysw_157",
22
+ "variant-light-red": "_variant-light-red_7gysw_172",
23
+ "variant-dark-red": "_variant-dark-red_7gysw_179",
24
+ "variant-blue": "_variant-blue_7gysw_186",
25
+ "variant-light-blue": "_variant-light-blue_7gysw_201",
26
+ "variant-dark-blue": "_variant-dark-blue_7gysw_208",
27
+ "variant-green": "_variant-green_7gysw_215",
28
+ "variant-light-green": "_variant-light-green_7gysw_230",
29
+ "variant-dark-green": "_variant-dark-green_7gysw_237",
30
+ "variant-orange": "_variant-orange_7gysw_244",
31
+ "variant-light-orange": "_variant-light-orange_7gysw_259",
32
+ "variant-dark-orange": "_variant-dark-orange_7gysw_266",
33
+ "variant-pink": "_variant-pink_7gysw_273",
34
+ "variant-light-pink": "_variant-light-pink_7gysw_288",
35
+ "variant-dark-pink": "_variant-dark-pink_7gysw_295",
36
+ "variant-teal": "_variant-teal_7gysw_302",
37
+ "variant-light-teal": "_variant-light-teal_7gysw_317",
38
+ "variant-dark-teal": "_variant-dark-teal_7gysw_324",
39
+ "variant-violet": "_variant-violet_7gysw_331",
40
+ "variant-light-violet": "_variant-light-violet_7gysw_346",
41
+ "variant-dark-violet": "_variant-dark-violet_7gysw_353",
42
+ "size-md": "_size-md_7gysw_375",
43
+ "size-lg": "_size-lg_7gysw_382",
44
+ hasRemoveAction: W,
45
+ isSquare: $
46
+ }, o = x(F);
47
+ function L(a) {
47
48
  if (typeof a == "string" || typeof a == "number")
48
49
  return a.toString().length;
49
- if (w.isValidElement(a) && typeof a.props.children == "string")
50
+ if (q.isValidElement(a) && typeof a.props.children == "string")
50
51
  return a.props.children.length;
51
52
  }
52
- const $ = R((a, d) => {
53
+ const V = A((a, l) => {
53
54
  const {
54
- ai: _ = !1,
55
- as: g = "div",
56
- children: o,
57
- className: z,
58
- disabled: i = !1,
59
- icon: m,
60
- onClick: v,
55
+ ai: g = !1,
56
+ as: s = "div",
57
+ children: v,
58
+ className: p,
59
+ disabled: n = !1,
60
+ icon: f,
61
+ onClick: d,
61
62
  onRemove: r,
62
63
  removeButtonProps: t,
63
- size: c = "lg",
64
- variant: l = "warm",
65
- ...h
66
- } = a, u = j(o) === 1 && !r, p = (n) => {
67
- n.stopPropagation(), !i && (t != null && t.onClick && t.onClick(n), r && r());
68
- }, f = (n) => {
69
- i || v && v(n);
70
- };
71
- return /* @__PURE__ */ b(
72
- g,
64
+ size: C = "lg",
65
+ variant: c = "warm",
66
+ ...m
67
+ } = a, N = L(v) === 1 && !r, w = s, R = (w === "button" || w === "a") && !!r, z = (e) => {
68
+ e.stopPropagation(), !n && (t != null && t.onClick && t.onClick(e), r && r());
69
+ }, y = (e) => {
70
+ n || d && d(e);
71
+ }, h = o(
72
+ "root",
73
+ `variant-${c}`,
74
+ `size-${C}`,
75
+ !!r && "hasRemoveAction",
76
+ N && "isSquare",
77
+ g && "ai",
78
+ n && "disabled",
79
+ p
80
+ ), k = /* @__PURE__ */ _(S, { children: [
81
+ g && c !== "dash" ? /* @__PURE__ */ i(b, { name: "sparkles", size: "md" }) : f,
82
+ /* @__PURE__ */ i("span", { children: v })
83
+ ] }), u = r ? /* @__PURE__ */ i(
84
+ "button",
73
85
  {
74
- className: k(
75
- "root",
76
- `variant-${l}`,
77
- `size-${c}`,
78
- !!r && "hasRemoveAction",
79
- u && "isSquare",
80
- _ && "ai",
81
- i && "disabled",
82
- z
83
- ),
84
- onClick: f,
85
- ref: d,
86
- ...h,
87
- children: [
88
- _ && l !== "dash" ? /* @__PURE__ */ e(s, { name: "sparkles", size: "md" }) : m,
89
- /* @__PURE__ */ e("span", { children: o }),
90
- r ? /* @__PURE__ */ e(
91
- "button",
92
- {
93
- "aria-label": "remove tag",
94
- disabled: i,
95
- type: "button",
96
- ...t,
97
- className: k("removeButton", t == null ? void 0 : t.className),
98
- onClick: p,
99
- children: /* @__PURE__ */ e(s, { name: "times", size: "md" })
100
- }
101
- ) : null
102
- ]
86
+ "aria-label": "remove tag",
87
+ disabled: n,
88
+ type: "button",
89
+ ...t,
90
+ className: o("removeButton", t == null ? void 0 : t.className),
91
+ onClick: z,
92
+ children: /* @__PURE__ */ i(b, { name: "times", size: "md" })
103
93
  }
104
- );
94
+ ) : null;
95
+ return R ? /* @__PURE__ */ _("div", { className: h, children: [
96
+ /* @__PURE__ */ i(s, { className: o("label"), onClick: y, ref: l, ...m, children: k }),
97
+ u
98
+ ] }) : /* @__PURE__ */ _(s, { className: h, onClick: y, ref: l, ...m, children: [
99
+ k,
100
+ u
101
+ ] });
105
102
  });
106
- $.displayName = "Tag";
103
+ V.displayName = "Tag";
107
104
  export {
108
- $ as Tag,
109
- T as tagClasses
105
+ V as Tag,
106
+ F as tagClasses
110
107
  };
package/dist/Window.js CHANGED
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import './Window.css';
3
3
  import { jsx as o, jsxs as _ } from "react/jsx-runtime";
4
- import { c as d } from "./index-B6iGEm-i.js";
4
+ import { c as l } from "./index-B6iGEm-i.js";
5
5
  import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
6
- import { forwardRef as m, useState as B } from "react";
6
+ import { forwardRef as c, useState as B } from "react";
7
7
  import { T as I, a as g, b as j } from "./tab-panel-Cc3MfOBM.js";
8
8
  import { b as A } from "./Q5W46E73-5xQblshY.js";
9
9
  import { Badge as S } from "./Badge.js";
10
10
  import { Icon as x } from "./Icon.js";
11
11
  import { Text as u } from "./Text.js";
12
- const H = "_root_17x8z_2", P = "_header_17x8z_11", R = "_media_17x8z_125", c = {
12
+ const H = "_root_17x8z_2", P = "_header_17x8z_11", R = "_media_17x8z_125", m = {
13
13
  root: H,
14
14
  header: P,
15
15
  "header-title": "_header-title_17x8z_25",
@@ -26,48 +26,42 @@ const H = "_root_17x8z_2", P = "_header_17x8z_11", R = "_media_17x8z_125", c = {
26
26
  "size-md": "_size-md_17x8z_149",
27
27
  "size-sm": "_size-sm_17x8z_153",
28
28
  "size-xs": "_size-xs_17x8z_157"
29
- }, k = d(c), h = m(
29
+ }, k = l(m), h = c(
30
30
  ({ children: a, className: t, size: e = "md", ...s }, n) => /* @__PURE__ */ o("div", { className: k("body", `size-${e}`, t), ref: n, ...s, children: a })
31
31
  );
32
32
  h.displayName = "Window.Body";
33
- const L = d(c), z = m(
33
+ const L = l(m), z = c(
34
34
  ({ children: a, className: t, ...e }, s) => /* @__PURE__ */ o("div", { className: L("box-text", t), ref: s, ...e, children: a })
35
35
  );
36
36
  z.displayName = "Window.BoxText";
37
- const i = d(c), p = ({
38
- "aria-label": a,
39
- className: t,
40
- icon: e,
41
- isActive: s,
42
- onClick: n,
43
- ...r
44
- }) => /* @__PURE__ */ o(
45
- "button",
46
- {
47
- "aria-label": a,
48
- "aria-pressed": s,
49
- className: i("header-action-button", t),
50
- onClick: n,
51
- type: "button",
52
- ...r,
53
- children: /* @__PURE__ */ o(x, { name: e })
54
- }
55
- ), w = ({
56
- as: a,
57
- className: t,
58
- onClick: e
59
- }) => /* @__PURE__ */ o(
60
- p,
61
- {
62
- "aria-label": "Close window",
63
- as: a,
64
- className: i("header-close-button", t),
65
- icon: "times",
66
- onClick: e
67
- }
37
+ const i = l(m), p = c(
38
+ ({ "aria-label": a, className: t, icon: e, isActive: s, onClick: n, ...r }, d) => /* @__PURE__ */ o(
39
+ "button",
40
+ {
41
+ "aria-label": a,
42
+ "aria-pressed": s,
43
+ className: i("header-action-button", t),
44
+ onClick: n,
45
+ ref: d,
46
+ type: "button",
47
+ ...r,
48
+ children: /* @__PURE__ */ o(x, { name: e })
49
+ }
50
+ )
51
+ ), w = c(
52
+ ({ className: a, onClick: t }, e) => /* @__PURE__ */ o(
53
+ p,
54
+ {
55
+ "aria-label": "Close window",
56
+ className: i("header-close-button", a),
57
+ icon: "times",
58
+ onClick: t,
59
+ ref: e
60
+ }
61
+ )
68
62
  ), M = ({ children: a, className: t, store: e, ...s }) => /* @__PURE__ */ o(g, { className: i("header-tabs", t), store: e, ...s, children: a }), O = b(
69
- ({ as: a, badge: t, children: e, className: s, icon: n, id: r, store: l, ...v }, W) => {
70
- const $ = A(l, "selectedId") === r;
63
+ ({ as: a, badge: t, children: e, className: s, icon: n, id: r, store: d, ...v }, W) => {
64
+ const $ = A(d, "selectedId") === r;
71
65
  return /* @__PURE__ */ _(
72
66
  I,
73
67
  {
@@ -75,7 +69,7 @@ const i = d(c), p = ({
75
69
  id: r,
76
70
  ref: W,
77
71
  render: a ? /* @__PURE__ */ o(a, {}) : void 0,
78
- store: l,
72
+ store: d,
79
73
  ...v,
80
74
  children: [
81
75
  n ? /* @__PURE__ */ o(x, { name: n }) : null,
@@ -100,8 +94,8 @@ const i = d(c), p = ({
100
94
  onExpandChange: e
101
95
  }) => {
102
96
  const [s, n] = B(!1), r = () => {
103
- const l = !s;
104
- n(l), e == null || e(l);
97
+ const d = !s;
98
+ n(d), e == null || e(d);
105
99
  };
106
100
  return /* @__PURE__ */ _("div", { className: i("header-actions"), children: [
107
101
  t ? /* @__PURE__ */ o(
@@ -117,7 +111,7 @@ const i = d(c), p = ({
117
111
  ) : null,
118
112
  a
119
113
  ] });
120
- }, C = ({ as: a, className: t, title: e }) => /* @__PURE__ */ o(u, { as: a, className: i("header-title", t), variant: "body-md-strong", children: e }), N = m(
114
+ }, C = ({ as: a, className: t, title: e }) => /* @__PURE__ */ o(u, { as: a, className: i("header-title", t), variant: "body-md-strong", children: e }), N = c(
121
115
  ({ children: a, className: t, ...e }, s) => /* @__PURE__ */ o("header", { className: i("header", t), ref: s, ...e, children: a })
122
116
  );
123
117
  N.displayName = "Window.Header";
@@ -129,15 +123,15 @@ const D = Object.assign(N, {
129
123
  Tab: O,
130
124
  Tabs: M,
131
125
  Title: C
132
- }), F = d(c), f = m(
126
+ }), F = l(m), f = c(
133
127
  ({ children: a, className: t, ...e }, s) => /* @__PURE__ */ o("div", { className: F("media", t), ref: s, ...e, children: a })
134
128
  );
135
129
  f.displayName = "Window.Media";
136
- const G = d(c), y = m(
130
+ const G = l(m), y = c(
137
131
  ({ children: a, store: t, tabId: e, ...s }, n) => /* @__PURE__ */ o(j, { className: G("tab-panel"), ref: n, store: t, tabId: e, ...s, children: a })
138
132
  );
139
133
  y.displayName = "Window.TabPanel";
140
- const J = d(c), T = b(
134
+ const J = l(m), T = b(
141
135
  ({ as: a = "div", children: t, className: e, role: s = "region", ...n }, r) => /* @__PURE__ */ o(a, { className: J("root", e), ref: r, role: s, ...n, children: t })
142
136
  );
143
137
  T.displayName = "Window";
@@ -150,5 +144,5 @@ const se = Object.assign(T, {
150
144
  });
151
145
  export {
152
146
  se as Window,
153
- c as windowClasses
147
+ m as windowClasses
154
148
  };
package/dist/types/components/Drawer/index.d.ts CHANGED
@@ -18,8 +18,8 @@ export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<Draw
18
18
  Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
19
19
  children?: import('react').ReactNode | undefined;
20
20
  } & import('react').RefAttributes<HTMLDivElement>> & {
21
- Button: ({ "aria-label": ariaLabel, className, icon, isActive, onClick, ...rest }: import('../../utils').PropsWithAs<import('../../utils').As, import('../Window/types').ActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
22
- CloseButton: ({ as, className, onClick, }: import('../../utils').PropsWithAs<import('../../utils').As, Omit<import('../Window/types').ActionButtonProps, "icon">>) => import("react/jsx-runtime").JSX.Element;
21
+ Button: import('react').ForwardRefExoticComponent<Omit<import('../Window/types').ActionButtonOptions, keyof import('react').HTMLAttributes<HTMLButtonElement>> & import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
22
+ CloseButton: import('react').ForwardRefExoticComponent<Omit<import('../Window/types').ActionButtonProps, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
23
23
  LeftActions: ({ children, isExpandable, onExpandChange, }: import('../Window/types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
24
24
  RightActions: ({ children, isClosable, onClose }: import('../Window/types').HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
25
25
  Tab: import('../../utils').FunctionComponentWithAs<"button", import('../Window/types').HeaderTabItem>;
package/dist/types/components/Icon/icons.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  export declare const arrows: readonly ["angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right"];
2
2
  export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "sliders-v-alt", "link", "sign-out-alt", "bars", "sort-amount-down", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active"];
3
- export declare const chat: readonly ["chat", "chat-bubble-user", "comment", "comment-alt-lines"];
4
- export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
3
+ export declare const chat: readonly ["chat", "chat-bubble-user", "comment", "comment-alt-lines", "comment-chart-line"];
4
+ export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "file-slash", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "envelope-star", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "unlock", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
5
5
  export declare const player: readonly ["play", "play-solid", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning"];
6
6
  export declare const wtf: readonly ["icons", "package", "basketball", "bill", "invoice", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
7
- export declare const foldersAndFiles: readonly ["folder", "folder-open", "folder-full", "file", "image"];
7
+ export declare const foldersAndFiles: readonly ["folder", "folder-open", "folder-full", "folder-plus", "file", "image"];
8
8
  export declare const markdown: readonly ["bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline"];
9
9
  export declare const brands: readonly ["behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium"];
10
10
  export declare const welcome: readonly ["symbol", "wttj"];
11
11
  export declare const flags: readonly ["flag-fr", "flag-en", "flag-us"];
12
- export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "sliders-v-alt", "link", "sign-out-alt", "bars", "sort-amount-down", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium", "chat", "chat-bubble-user", "comment", "comment-alt-lines", "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "play-solid", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "bill", "invoice", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
12
+ export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "sliders-v-alt", "link", "sign-out-alt", "bars", "sort-amount-down", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium", "chat", "chat-bubble-user", "comment", "comment-alt-lines", "comment-chart-line", "folder", "folder-open", "folder-full", "folder-plus", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "file-slash", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "envelope-star", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "unlock", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "play-solid", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "bill", "invoice", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
13
13
  export declare const isValidIconName: (iconName: string) => iconName is (typeof icons)[number];
package/dist/types/components/Modal/index.d.ts CHANGED
@@ -33,8 +33,8 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
33
33
  WindowHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
34
34
  children?: import('react').ReactNode | undefined;
35
35
  } & import('react').RefAttributes<HTMLDivElement>> & {
36
- Button: ({ "aria-label": ariaLabel, className, icon, isActive, onClick, ...rest }: import('../../utils').PropsWithAs<import('../../utils').As, import('../Window/types').ActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
37
- CloseButton: ({ as, className, onClick, }: import('../../utils').PropsWithAs<import('../../utils').As, Omit<import('../Window/types').ActionButtonProps, "icon">>) => import("react/jsx-runtime").JSX.Element;
36
+ Button: import('react').ForwardRefExoticComponent<Omit<import('../Window/types').ActionButtonOptions, keyof import('react').HTMLAttributes<HTMLButtonElement>> & import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
37
+ CloseButton: import('react').ForwardRefExoticComponent<Omit<import('../Window/types').ActionButtonProps, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
38
38
  LeftActions: ({ children, isExpandable, onExpandChange, }: import('../Window/types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
39
39
  RightActions: ({ children, isClosable, onClose }: import('../Window/types').HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
40
40
  Tab: import('../../utils').FunctionComponentWithAs<"button", import('../Window/types').HeaderTabItem>;
package/dist/types/components/Window/components/Header.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { As, PropsWithAs } from '../../../utils';
2
1
  import { ActionButtonProps, HeaderLeftActionsProps, HeaderRightActionsProps, HeaderTabItem, HeaderTabsProps, HeaderTitleProps } from '../types';
3
2
  export declare const HeaderComponent: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
4
3
  children?: import('react').ReactNode | undefined;
@@ -6,8 +5,8 @@ export declare const HeaderComponent: import('react').ForwardRefExoticComponent<
6
5
  export declare const Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
7
6
  children?: import('react').ReactNode | undefined;
8
7
  } & import('react').RefAttributes<HTMLDivElement>> & {
9
- Button: ({ "aria-label": ariaLabel, className, icon, isActive, onClick, ...rest }: PropsWithAs<As, ActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
10
- CloseButton: ({ as, className, onClick, }: PropsWithAs<As, Omit<ActionButtonProps, "icon">>) => import("react/jsx-runtime").JSX.Element;
8
+ Button: import('react').ForwardRefExoticComponent<Omit<import('../types').ActionButtonOptions, keyof import('react').HTMLAttributes<HTMLButtonElement>> & import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
9
+ CloseButton: import('react').ForwardRefExoticComponent<Omit<ActionButtonProps, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
11
10
  LeftActions: ({ children, isExpandable, onExpandChange, }: HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
12
11
  RightActions: ({ children, isClosable, onClose }: HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
13
12
  Tab: import('../../../utils').FunctionComponentWithAs<"button", HeaderTabItem>;
package/dist/types/components/Window/index.d.ts CHANGED
@@ -11,8 +11,8 @@ export declare const Window: import('../../utils').FunctionComponentWithAs<"div"
11
11
  Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
12
12
  children?: import('react').ReactNode | undefined;
13
13
  } & import('react').RefAttributes<HTMLDivElement>> & {
14
- Button: ({ "aria-label": ariaLabel, className, icon, isActive, onClick, ...rest }: import('../../utils').PropsWithAs<import('../../utils').As, import('./types').ActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
15
- CloseButton: ({ as, className, onClick, }: import('../../utils').PropsWithAs<import('../../utils').As, Omit<import('./types').ActionButtonProps, "icon">>) => import("react/jsx-runtime").JSX.Element;
14
+ Button: import('react').ForwardRefExoticComponent<Omit<import('./types').ActionButtonOptions, keyof import('react').HTMLAttributes<HTMLButtonElement>> & import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
15
+ CloseButton: import('react').ForwardRefExoticComponent<Omit<import('./types').ActionButtonProps, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
16
16
  LeftActions: ({ children, isExpandable, onExpandChange, }: import('./types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
17
17
  RightActions: ({ children, isClosable, onClose }: import('./types').HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
18
18
  Tab: import('../../utils').FunctionComponentWithAs<"button", import('./types').HeaderTabItem>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "welcome-ui",
3
- "version": "10.6.3",
3
+ "version": "10.6.4",
4
4
  "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
5
5
  "files": [
6
6
  "dist"