@plexui/vue 0.0.0-stage → 0.1.1

package/dist/es/components/Icon/svg/Writing.js

@@ -0,0 +1,10 @@
+// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/Writing.tsx. Do not edit.
+import { h } from "vue";
+const Writing = (props) => h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props }, [
+    h("path", { d: "M16.2195 2.80528C15.3116 1.89731 13.9264 1.66787 12.7742 2.23458L6.47508 5.33271C5.59064 5.76771 4.9763 6.60939 4.83161 7.58434L3.01084 19.8534C2.96432 20.1669 3.06917 20.4839 3.29346 20.7079C3.51775 20.9318 3.83492 21.0362 4.14836 20.9892L16.4044 19.1507C17.3747 19.0051 18.2126 18.3943 18.6479 17.5149L21.7594 11.2303C22.3304 10.077 22.1022 8.68792 21.1922 7.77791L16.2195 2.80528ZM13.6569 4.02926C14.0409 3.84035 14.5027 3.91683 14.8053 4.21949L19.7779 9.19212C20.0813 9.49546 20.1574 9.95847 19.967 10.3429L16.8556 16.6276C16.7104 16.9207 16.4312 17.1243 16.1077 17.1728L6.83163 18.5643L11.7789 13.617C12.676 13.9686 13.7353 13.7819 14.4602 13.057C15.4365 12.0807 15.4365 10.4978 14.4602 9.52147C13.4839 8.54516 11.901 8.54516 10.9247 9.52147C10.1998 10.2464 10.0131 11.3057 10.3647 12.2028L5.43681 17.1307L6.80994 7.87793C6.85817 7.55295 7.06295 7.27239 7.35777 7.12739L13.6569 4.02926Z", fill: "currentColor" }),
+]);
+Writing.displayName = "Writing";
+// Every attribute goes through `props` above, overriding the defaults
+Writing.inheritAttrs = false;
+export default Writing;
+//# sourceMappingURL=Writing.js.map

package/dist/es/components/Icon/svg/Writing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Writing.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/Writing.ts"],"names":[],"mappings":"AAAA,8GAA8G;AAC9G,OAAO,EAAE,CAAC,EAAgD,MAAM,KAAK,CAAA;AAErE,MAAM,OAAO,GAAuC,CAAC,KAAK,EAAE,EAAE,CAC5D,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE;IACrH,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,63BAA63B,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;CACt6B,CAAC,CAAA;AACJ,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAC/B,sEAAsE;AACtE,OAAO,CAAC,YAAY,GAAG,KAAK,CAAA;AAC5B,eAAe,OAAO,CAAA","sourcesContent":["// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/Writing.tsx. Do not edit.\nimport { h, type FunctionalComponent, type SVGAttributes } from \"vue\"\n\nconst Writing: FunctionalComponent<SVGAttributes> = (props) =>\n  h(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", fill: \"currentColor\", \"aria-hidden\": \"true\", ...props }, [\n    h(\"path\", { d: \"M16.2195 2.80528C15.3116 1.89731 13.9264 1.66787 12.7742 2.23458L6.47508 5.33271C5.59064 5.76771 4.9763 6.60939 4.83161 7.58434L3.01084 19.8534C2.96432 20.1669 3.06917 20.4839 3.29346 20.7079C3.51775 20.9318 3.83492 21.0362 4.14836 20.9892L16.4044 19.1507C17.3747 19.0051 18.2126 18.3943 18.6479 17.5149L21.7594 11.2303C22.3304 10.077 22.1022 8.68792 21.1922 7.77791L16.2195 2.80528ZM13.6569 4.02926C14.0409 3.84035 14.5027 3.91683 14.8053 4.21949L19.7779 9.19212C20.0813 9.49546 20.1574 9.95847 19.967 10.3429L16.8556 16.6276C16.7104 16.9207 16.4312 17.1243 16.1077 17.1728L6.83163 18.5643L11.7789 13.617C12.676 13.9686 13.7353 13.7819 14.4602 13.057C15.4365 12.0807 15.4365 10.4978 14.4602 9.52147C13.4839 8.54516 11.901 8.54516 10.9247 9.52147C10.1998 10.2464 10.0131 11.3057 10.3647 12.2028L5.43681 17.1307L6.80994 7.87793C6.85817 7.55295 7.06295 7.27239 7.35777 7.12739L13.6569 4.02926Z\", fill: \"currentColor\" }),\n  ])\nWriting.displayName = \"Writing\"\n// Every attribute goes through `props` above, overriding the defaults\nWriting.inheritAttrs = false\nexport default Writing\n"]}

package/dist/es/components/Icon/svg/X.js

@@ -0,0 +1,10 @@
+// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/X.tsx. Do not edit.
+import { h } from "vue";
+const X = (props) => h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props }, [
+    h("path", { d: "M5.63615 5.63603C6.02668 5.24551 6.65984 5.24551 7.05037 5.63603L12.0001 10.5858L16.9499 5.63603C17.3404 5.24551 17.9736 5.24551 18.3641 5.63603C18.7546 6.02656 18.7546 6.65972 18.3641 7.05025L13.4143 12L18.3641 16.9497C18.7546 17.3403 18.7546 17.9734 18.3641 18.364C17.9736 18.7545 17.3404 18.7545 16.9499 18.364L12.0001 13.4142L7.05037 18.364C6.65984 18.7545 6.02668 18.7545 5.63615 18.364C5.24563 17.9734 5.24563 17.3403 5.63615 16.9497L10.5859 12L5.63615 7.05025C5.24563 6.65972 5.24563 6.02656 5.63615 5.63603Z", fill: "currentColor" }),
+]);
+X.displayName = "X";
+// Every attribute goes through `props` above, overriding the defaults
+X.inheritAttrs = false;
+export default X;
+//# sourceMappingURL=X.js.map

package/dist/es/components/Icon/svg/X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/X.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,CAAC,EAAgD,MAAM,KAAK,CAAA;AAErE,MAAM,CAAC,GAAuC,CAAC,KAAK,EAAE,EAAE,CACtD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE;IACrH,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,qgBAAqgB,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;CAC9iB,CAAC,CAAA;AACJ,CAAC,CAAC,WAAW,GAAG,GAAG,CAAA;AACnB,sEAAsE;AACtE,CAAC,CAAC,YAAY,GAAG,KAAK,CAAA;AACtB,eAAe,CAAC,CAAA","sourcesContent":["// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/X.tsx. Do not edit.\nimport { h, type FunctionalComponent, type SVGAttributes } from \"vue\"\n\nconst X: FunctionalComponent<SVGAttributes> = (props) =>\n  h(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", fill: \"currentColor\", \"aria-hidden\": \"true\", ...props }, [\n    h(\"path\", { d: \"M5.63615 5.63603C6.02668 5.24551 6.65984 5.24551 7.05037 5.63603L12.0001 10.5858L16.9499 5.63603C17.3404 5.24551 17.9736 5.24551 18.3641 5.63603C18.7546 6.02656 18.7546 6.65972 18.3641 7.05025L13.4143 12L18.3641 16.9497C18.7546 17.3403 18.7546 17.9734 18.3641 18.364C17.9736 18.7545 17.3404 18.7545 16.9499 18.364L12.0001 13.4142L7.05037 18.364C6.65984 18.7545 6.02668 18.7545 5.63615 18.364C5.24563 17.9734 5.24563 17.3403 5.63615 16.9497L10.5859 12L5.63615 7.05025C5.24563 6.65972 5.24563 6.02656 5.63615 5.63603Z\", fill: \"currentColor\" }),\n  ])\nX.displayName = \"X\"\n// Every attribute goes through `props` above, overriding the defaults\nX.inheritAttrs = false\nexport default X\n"]}

package/dist/es/components/Icon/svg/XCircle.js

@@ -0,0 +1,11 @@
+// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XCircle.tsx. Do not edit.
+import { h } from "vue";
+const XCircle = (props) => h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props }, [
+    h("path", { d: "M8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z", fill: "currentColor" }),
+    h("path", { d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z", fill: "currentColor" }),
+]);
+XCircle.displayName = "XCircle";
+// Every attribute goes through `props` above, overriding the defaults
+XCircle.inheritAttrs = false;
+export default XCircle;
+//# sourceMappingURL=XCircle.js.map

package/dist/es/components/Icon/svg/XCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircle.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XCircle.ts"],"names":[],"mappings":"AAAA,8GAA8G;AAC9G,OAAO,EAAE,CAAC,EAAgD,MAAM,KAAK,CAAA;AAErE,MAAM,OAAO,GAAuC,CAAC,KAAK,EAAE,EAAE,CAC5D,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE;IACrH,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+fAA+f,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;IACviB,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,kOAAkO,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;CAC3Q,CAAC,CAAA;AACJ,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAC/B,sEAAsE;AACtE,OAAO,CAAC,YAAY,GAAG,KAAK,CAAA;AAC5B,eAAe,OAAO,CAAA","sourcesContent":["// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XCircle.tsx. Do not edit.\nimport { h, type FunctionalComponent, type SVGAttributes } from \"vue\"\n\nconst XCircle: FunctionalComponent<SVGAttributes> = (props) =>\n  h(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", fill: \"currentColor\", \"aria-hidden\": \"true\", ...props }, [\n    h(\"path\", { d: \"M8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z\", fill: \"currentColor\" }),\n    h(\"path\", { d: \"M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z\", fill: \"currentColor\" }),\n  ])\nXCircle.displayName = \"XCircle\"\n// Every attribute goes through `props` above, overriding the defaults\nXCircle.inheritAttrs = false\nexport default XCircle\n"]}

package/dist/es/components/Icon/svg/XCircleFilled.js

@@ -0,0 +1,10 @@
+// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XCircleFilled.tsx. Do not edit.
+import { h } from "vue";
+const XCircleFilled = (props) => h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props }, [
+    h("path", { d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289Z", fill: "currentColor" }),
+]);
+XCircleFilled.displayName = "XCircleFilled";
+// Every attribute goes through `props` above, overriding the defaults
+XCircleFilled.inheritAttrs = false;
+export default XCircleFilled;
+//# sourceMappingURL=XCircleFilled.js.map

package/dist/es/components/Icon/svg/XCircleFilled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircleFilled.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XCircleFilled.ts"],"names":[],"mappings":"AAAA,oHAAoH;AACpH,OAAO,EAAE,CAAC,EAAgD,MAAM,KAAK,CAAA;AAErE,MAAM,aAAa,GAAuC,CAAC,KAAK,EAAE,EAAE,CAClE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE;IACrH,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+mBAA+mB,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;CACxpB,CAAC,CAAA;AACJ,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAC3C,sEAAsE;AACtE,aAAa,CAAC,YAAY,GAAG,KAAK,CAAA;AAClC,eAAe,aAAa,CAAA","sourcesContent":["// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XCircleFilled.tsx. Do not edit.\nimport { h, type FunctionalComponent, type SVGAttributes } from \"vue\"\n\nconst XCircleFilled: FunctionalComponent<SVGAttributes> = (props) =>\n  h(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", fill: \"currentColor\", \"aria-hidden\": \"true\", ...props }, [\n    h(\"path\", { d: \"M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289Z\", fill: \"currentColor\" }),\n  ])\nXCircleFilled.displayName = \"XCircleFilled\"\n// Every attribute goes through `props` above, overriding the defaults\nXCircleFilled.inheritAttrs = false\nexport default XCircleFilled\n"]}

package/dist/es/components/Icon/svg/XCircleSm.js

@@ -0,0 +1,11 @@
+// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XCircleSm.tsx. Do not edit.
+import { h } from "vue";
+const XCircleSm = (props) => h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props }, [
+    h("path", { d: "M10.2071 8.79304C10.0185 8.61088 9.76588 8.51009 9.50368 8.51237C9.24149 8.51465 8.99067 8.61981 8.80527 8.80522C8.61986 8.99063 8.51469 9.24144 8.51241 9.50364C8.51013 9.76584 8.61093 10.0184 8.79309 10.207L10.5861 12L8.79309 13.793C8.69758 13.8853 8.62139 13.9956 8.56898 14.1176C8.51657 14.2396 8.48899 14.3709 8.48783 14.5036C8.48668 14.6364 8.51198 14.7681 8.56226 14.891C8.61254 15.0139 8.6868 15.1255 8.78069 15.2194C8.87458 15.3133 8.98624 15.3876 9.10913 15.4379C9.23203 15.4881 9.36371 15.5134 9.49649 15.5123C9.62927 15.5111 9.76049 15.4836 9.88249 15.4311C10.0045 15.3787 10.1149 15.3026 10.2071 15.207L12.0001 13.414L13.7931 15.207C13.9817 15.3892 14.2343 15.49 14.4965 15.4877C14.7587 15.4854 15.0095 15.3803 15.1949 15.1949C15.3803 15.0095 15.4855 14.7586 15.4878 14.4964C15.4901 14.2342 15.3893 13.9816 15.2071 13.793L13.4141 12L15.2071 10.207C15.3893 10.0184 15.4901 9.76584 15.4878 9.50364C15.4855 9.24144 15.3803 8.99063 15.1949 8.80522C15.0095 8.61981 14.7587 8.51465 14.4965 8.51237C14.2343 8.51009 13.9817 8.61088 13.7931 8.79304L12.0001 10.586L10.2071 8.79304Z", fill: "currentColor" }),
+    h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84285 16.1566 4 14.1217 4 12Z", fill: "currentColor" }),
+]);
+XCircleSm.displayName = "XCircleSm";
+// Every attribute goes through `props` above, overriding the defaults
+XCircleSm.inheritAttrs = false;
+export default XCircleSm;
+//# sourceMappingURL=XCircleSm.js.map

package/dist/es/components/Icon/svg/XCircleSm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircleSm.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XCircleSm.ts"],"names":[],"mappings":"AAAA,gHAAgH;AAChH,OAAO,EAAE,CAAC,EAAgD,MAAM,KAAK,CAAA;AAErE,MAAM,SAAS,GAAuC,CAAC,KAAK,EAAE,EAAE,CAC9D,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE;IACrH,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,6jCAA6jC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;IACrmC,CAAC,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EAAE,sZAAsZ,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;CAC/e,CAAC,CAAA;AACJ,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AACnC,sEAAsE;AACtE,SAAS,CAAC,YAAY,GAAG,KAAK,CAAA;AAC9B,eAAe,SAAS,CAAA","sourcesContent":["// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XCircleSm.tsx. Do not edit.\nimport { h, type FunctionalComponent, type SVGAttributes } from \"vue\"\n\nconst XCircleSm: FunctionalComponent<SVGAttributes> = (props) =>\n  h(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", fill: \"currentColor\", \"aria-hidden\": \"true\", ...props }, [\n    h(\"path\", { d: \"M10.2071 8.79304C10.0185 8.61088 9.76588 8.51009 9.50368 8.51237C9.24149 8.51465 8.99067 8.61981 8.80527 8.80522C8.61986 8.99063 8.51469 9.24144 8.51241 9.50364C8.51013 9.76584 8.61093 10.0184 8.79309 10.207L10.5861 12L8.79309 13.793C8.69758 13.8853 8.62139 13.9956 8.56898 14.1176C8.51657 14.2396 8.48899 14.3709 8.48783 14.5036C8.48668 14.6364 8.51198 14.7681 8.56226 14.891C8.61254 15.0139 8.6868 15.1255 8.78069 15.2194C8.87458 15.3133 8.98624 15.3876 9.10913 15.4379C9.23203 15.4881 9.36371 15.5134 9.49649 15.5123C9.62927 15.5111 9.76049 15.4836 9.88249 15.4311C10.0045 15.3787 10.1149 15.3026 10.2071 15.207L12.0001 13.414L13.7931 15.207C13.9817 15.3892 14.2343 15.49 14.4965 15.4877C14.7587 15.4854 15.0095 15.3803 15.1949 15.1949C15.3803 15.0095 15.4855 14.7586 15.4878 14.4964C15.4901 14.2342 15.3893 13.9816 15.2071 13.793L13.4141 12L15.2071 10.207C15.3893 10.0184 15.4901 9.76584 15.4878 9.50364C15.4855 9.24144 15.3803 8.99063 15.1949 8.80522C15.0095 8.61981 14.7587 8.51465 14.4965 8.51237C14.2343 8.51009 13.9817 8.61088 13.7931 8.79304L12.0001 10.586L10.2071 8.79304Z\", fill: \"currentColor\" }),\n    h(\"path\", { \"fill-rule\": \"evenodd\", \"clip-rule\": \"evenodd\", d: \"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84285 16.1566 4 14.1217 4 12Z\", fill: \"currentColor\" }),\n  ])\nXCircleSm.displayName = \"XCircleSm\"\n// Every attribute goes through `props` above, overriding the defaults\nXCircleSm.inheritAttrs = false\nexport default XCircleSm\n"]}

package/dist/es/components/Icon/svg/XCircleSmFilled.js

@@ -0,0 +1,10 @@
+// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XCircleSmFilled.tsx. Do not edit.
+import { h } from "vue";
+const XCircleSmFilled = (props) => h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props }, [
+    h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM10.207 8.793C10.0184 8.61084 9.7658 8.51005 9.5036 8.51233C9.2414 8.5146 8.99059 8.61977 8.80518 8.80518C8.61977 8.99059 8.5146 9.2414 8.51233 9.5036C8.51005 9.7658 8.61084 10.0184 8.793 10.207L10.586 12L8.793 13.793C8.69749 13.8852 8.62131 13.9956 8.5689 14.1176C8.51649 14.2396 8.4889 14.3708 8.48775 14.5036C8.4866 14.6364 8.5119 14.7681 8.56218 14.891C8.61246 15.0139 8.68671 15.1255 8.78061 15.2194C8.8745 15.3133 8.98615 15.3875 9.10905 15.4378C9.23194 15.4881 9.36362 15.5134 9.4964 15.5123C9.62918 15.5111 9.7604 15.4835 9.8824 15.4311C10.0044 15.3787 10.1148 15.3025 10.207 15.207L12 13.414L13.793 15.207C13.9816 15.3892 14.2342 15.49 14.4964 15.4877C14.7586 15.4854 15.0094 15.3802 15.1948 15.1948C15.3802 15.0094 15.4854 14.7586 15.4877 14.4964C15.49 14.2342 15.3892 13.9816 15.207 13.793L13.414 12L15.207 10.207C15.3892 10.0184 15.49 9.7658 15.4877 9.5036C15.4854 9.2414 15.3802 8.99059 15.1948 8.80518C15.0094 8.61977 14.7586 8.5146 14.4964 8.51233C14.2342 8.51005 13.9816 8.61084 13.793 8.793L12 10.586L10.207 8.793Z", fill: "currentColor" }),
+]);
+XCircleSmFilled.displayName = "XCircleSmFilled";
+// Every attribute goes through `props` above, overriding the defaults
+XCircleSmFilled.inheritAttrs = false;
+export default XCircleSmFilled;
+//# sourceMappingURL=XCircleSmFilled.js.map

package/dist/es/components/Icon/svg/XCircleSmFilled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircleSmFilled.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XCircleSmFilled.ts"],"names":[],"mappings":"AAAA,sHAAsH;AACtH,OAAO,EAAE,CAAC,EAAgD,MAAM,KAAK,CAAA;AAErE,MAAM,eAAe,GAAuC,CAAC,KAAK,EAAE,EAAE,CACpE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE;IACrH,CAAC,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EAAE,6mCAA6mC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;CACtsC,CAAC,CAAA;AACJ,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,sEAAsE;AACtE,eAAe,CAAC,YAAY,GAAG,KAAK,CAAA;AACpC,eAAe,eAAe,CAAA","sourcesContent":["// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XCircleSmFilled.tsx. Do not edit.\nimport { h, type FunctionalComponent, type SVGAttributes } from \"vue\"\n\nconst XCircleSmFilled: FunctionalComponent<SVGAttributes> = (props) =>\n  h(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", fill: \"currentColor\", \"aria-hidden\": \"true\", ...props }, [\n    h(\"path\", { \"fill-rule\": \"evenodd\", \"clip-rule\": \"evenodd\", d: \"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM10.207 8.793C10.0184 8.61084 9.7658 8.51005 9.5036 8.51233C9.2414 8.5146 8.99059 8.61977 8.80518 8.80518C8.61977 8.99059 8.5146 9.2414 8.51233 9.5036C8.51005 9.7658 8.61084 10.0184 8.793 10.207L10.586 12L8.793 13.793C8.69749 13.8852 8.62131 13.9956 8.5689 14.1176C8.51649 14.2396 8.4889 14.3708 8.48775 14.5036C8.4866 14.6364 8.5119 14.7681 8.56218 14.891C8.61246 15.0139 8.68671 15.1255 8.78061 15.2194C8.8745 15.3133 8.98615 15.3875 9.10905 15.4378C9.23194 15.4881 9.36362 15.5134 9.4964 15.5123C9.62918 15.5111 9.7604 15.4835 9.8824 15.4311C10.0044 15.3787 10.1148 15.3025 10.207 15.207L12 13.414L13.793 15.207C13.9816 15.3892 14.2342 15.49 14.4964 15.4877C14.7586 15.4854 15.0094 15.3802 15.1948 15.1948C15.3802 15.0094 15.4854 14.7586 15.4877 14.4964C15.49 14.2342 15.3892 13.9816 15.207 13.793L13.414 12L15.207 10.207C15.3892 10.0184 15.49 9.7658 15.4877 9.5036C15.4854 9.2414 15.3802 8.99059 15.1948 8.80518C15.0094 8.61977 14.7586 8.5146 14.4964 8.51233C14.2342 8.51005 13.9816 8.61084 13.793 8.793L12 10.586L10.207 8.793Z\", fill: \"currentColor\" }),\n  ])\nXCircleSmFilled.displayName = \"XCircleSmFilled\"\n// Every attribute goes through `props` above, overriding the defaults\nXCircleSmFilled.inheritAttrs = false\nexport default XCircleSmFilled\n"]}

package/dist/es/components/Icon/svg/XSquare.js

@@ -0,0 +1,10 @@
+// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XSquare.tsx. Do not edit.
+import { h } from "vue";
+const XSquare = (props) => h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props }, [
+    h("path", { d: "M9.85719 2.5H14.1428C15.2266 2.49999 16.1007 2.49998 16.8086 2.55782C17.5375 2.61737 18.1777 2.74318 18.77 3.04497C19.7108 3.52433 20.4757 4.28924 20.955 5.23005C21.2568 5.82234 21.3826 6.46253 21.4422 7.19138C21.5 7.89925 21.5 8.77339 21.5 9.85717V14.1428C21.5 15.2266 21.5 16.1008 21.4422 16.8086C21.3826 17.5375 21.2568 18.1777 20.955 18.77C20.4757 19.7108 19.7108 20.4757 18.77 20.955C18.1777 21.2568 17.5375 21.3826 16.8086 21.4422C16.1008 21.5 15.2266 21.5 14.1428 21.5H9.85717C8.77339 21.5 7.89925 21.5 7.19138 21.4422C6.46253 21.3826 5.82234 21.2568 5.23005 20.955C4.28924 20.4757 3.52433 19.7108 3.04497 18.77C2.74318 18.1777 2.61737 17.5375 2.55782 16.8086C2.49998 16.1007 2.49999 15.2266 2.5 14.1428V9.85719C2.49999 8.77341 2.49998 7.89926 2.55782 7.19138C2.61737 6.46253 2.74318 5.82234 3.04497 5.23005C3.52433 4.28924 4.28924 3.52433 5.23005 3.04497C5.82234 2.74318 6.46253 2.61737 7.19138 2.55782C7.89926 2.49998 8.77341 2.49999 9.85719 2.5ZM7.35424 4.55118C6.74907 4.60062 6.40138 4.69279 6.13803 4.82698C5.57354 5.1146 5.1146 5.57354 4.82698 6.13803C4.69279 6.40138 4.60062 6.74907 4.55118 7.35424C4.50078 7.97108 4.5 8.76339 4.5 9.9V14.1C4.5 15.2366 4.50078 16.0289 4.55118 16.6458C4.60062 17.2509 4.69279 17.5986 4.82698 17.862C5.1146 18.4265 5.57354 18.8854 6.13803 19.173C6.40138 19.3072 6.74907 19.3994 7.35424 19.4488C7.97108 19.4992 8.76339 19.5 9.9 19.5H14.1C15.2366 19.5 16.0289 19.4992 16.6458 19.4488C17.2509 19.3994 17.5986 19.3072 17.862 19.173C18.4265 18.8854 18.8854 18.4265 19.173 17.862C19.3072 17.5986 19.3994 17.2509 19.4488 16.6458C19.4992 16.0289 19.5 15.2366 19.5 14.1V9.9C19.5 8.76339 19.4992 7.97108 19.4488 7.35424C19.3994 6.74907 19.3072 6.40138 19.173 6.13803C18.8854 5.57354 18.4265 5.1146 17.862 4.82698C17.5986 4.69279 17.2509 4.60062 16.6458 4.55118C16.0289 4.50078 15.2366 4.5 14.1 4.5H9.9C8.76339 4.5 7.97108 4.50078 7.35424 4.55118ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z", fill: "currentColor" }),
+]);
+XSquare.displayName = "XSquare";
+// Every attribute goes through `props` above, overriding the defaults
+XSquare.inheritAttrs = false;
+export default XSquare;
+//# sourceMappingURL=XSquare.js.map

package/dist/es/components/Icon/svg/XSquare.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XSquare.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XSquare.ts"],"names":[],"mappings":"AAAA,8GAA8G;AAC9G,OAAO,EAAE,CAAC,EAAgD,MAAM,KAAK,CAAA;AAErE,MAAM,OAAO,GAAuC,CAAC,KAAK,EAAE,EAAE,CAC5D,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE;IACrH,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,y1EAAy1E,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;CACl4E,CAAC,CAAA;AACJ,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAC/B,sEAAsE;AACtE,OAAO,CAAC,YAAY,GAAG,KAAK,CAAA;AAC5B,eAAe,OAAO,CAAA","sourcesContent":["// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XSquare.tsx. Do not edit.\nimport { h, type FunctionalComponent, type SVGAttributes } from \"vue\"\n\nconst XSquare: FunctionalComponent<SVGAttributes> = (props) =>\n  h(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", fill: \"currentColor\", \"aria-hidden\": \"true\", ...props }, [\n    h(\"path\", { d: \"M9.85719 2.5H14.1428C15.2266 2.49999 16.1007 2.49998 16.8086 2.55782C17.5375 2.61737 18.1777 2.74318 18.77 3.04497C19.7108 3.52433 20.4757 4.28924 20.955 5.23005C21.2568 5.82234 21.3826 6.46253 21.4422 7.19138C21.5 7.89925 21.5 8.77339 21.5 9.85717V14.1428C21.5 15.2266 21.5 16.1008 21.4422 16.8086C21.3826 17.5375 21.2568 18.1777 20.955 18.77C20.4757 19.7108 19.7108 20.4757 18.77 20.955C18.1777 21.2568 17.5375 21.3826 16.8086 21.4422C16.1008 21.5 15.2266 21.5 14.1428 21.5H9.85717C8.77339 21.5 7.89925 21.5 7.19138 21.4422C6.46253 21.3826 5.82234 21.2568 5.23005 20.955C4.28924 20.4757 3.52433 19.7108 3.04497 18.77C2.74318 18.1777 2.61737 17.5375 2.55782 16.8086C2.49998 16.1007 2.49999 15.2266 2.5 14.1428V9.85719C2.49999 8.77341 2.49998 7.89926 2.55782 7.19138C2.61737 6.46253 2.74318 5.82234 3.04497 5.23005C3.52433 4.28924 4.28924 3.52433 5.23005 3.04497C5.82234 2.74318 6.46253 2.61737 7.19138 2.55782C7.89926 2.49998 8.77341 2.49999 9.85719 2.5ZM7.35424 4.55118C6.74907 4.60062 6.40138 4.69279 6.13803 4.82698C5.57354 5.1146 5.1146 5.57354 4.82698 6.13803C4.69279 6.40138 4.60062 6.74907 4.55118 7.35424C4.50078 7.97108 4.5 8.76339 4.5 9.9V14.1C4.5 15.2366 4.50078 16.0289 4.55118 16.6458C4.60062 17.2509 4.69279 17.5986 4.82698 17.862C5.1146 18.4265 5.57354 18.8854 6.13803 19.173C6.40138 19.3072 6.74907 19.3994 7.35424 19.4488C7.97108 19.4992 8.76339 19.5 9.9 19.5H14.1C15.2366 19.5 16.0289 19.4992 16.6458 19.4488C17.2509 19.3994 17.5986 19.3072 17.862 19.173C18.4265 18.8854 18.8854 18.4265 19.173 17.862C19.3072 17.5986 19.3994 17.2509 19.4488 16.6458C19.4992 16.0289 19.5 15.2366 19.5 14.1V9.9C19.5 8.76339 19.4992 7.97108 19.4488 7.35424C19.3994 6.74907 19.3072 6.40138 19.173 6.13803C18.8854 5.57354 18.4265 5.1146 17.862 4.82698C17.5986 4.69279 17.2509 4.60062 16.6458 4.55118C16.0289 4.50078 15.2366 4.5 14.1 4.5H9.9C8.76339 4.5 7.97108 4.50078 7.35424 4.55118ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z\", fill: \"currentColor\" }),\n  ])\nXSquare.displayName = \"XSquare\"\n// Every attribute goes through `props` above, overriding the defaults\nXSquare.inheritAttrs = false\nexport default XSquare\n"]}

package/dist/es/components/Icon/svg/XSquareFilled.js

@@ -0,0 +1,10 @@
+// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XSquareFilled.tsx. Do not edit.
+import { h } from "vue";
+const XSquareFilled = (props) => h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props }, [
+    h("path", { d: "M14.1428 2.5H9.85719C8.77341 2.49999 7.89925 2.49998 7.19138 2.55782C6.46253 2.61737 5.82234 2.74318 5.23005 3.04497C4.28924 3.52434 3.52434 4.28924 3.04497 5.23005C2.74318 5.82234 2.61737 6.46253 2.55782 7.19138C2.49998 7.89925 2.49999 8.7734 2.5 9.85719V14.1428C2.49999 15.2266 2.49998 16.1007 2.55782 16.8086C2.61737 17.5375 2.74318 18.1777 3.04497 18.77C3.52434 19.7108 4.28924 20.4757 5.23005 20.955C5.82234 21.2568 6.46253 21.3826 7.19138 21.4422C7.89923 21.5 8.77334 21.5 9.85707 21.5H14.1428C15.2266 21.5 16.1008 21.5 16.8086 21.4422C17.5375 21.3826 18.1777 21.2568 18.77 20.955C19.7108 20.4757 20.4757 19.7108 20.955 18.77C21.2568 18.1777 21.3826 17.5375 21.4422 16.8086C21.5 16.1008 21.5 15.2267 21.5 14.1429V9.85717C21.5 8.77344 21.5 7.89923 21.4422 7.19138C21.3826 6.46253 21.2568 5.82234 20.955 5.23005C20.4757 4.28924 19.7108 3.52434 18.77 3.04497C18.1777 2.74318 17.5375 2.61737 16.8086 2.55782C16.1007 2.49998 15.2266 2.49999 14.1428 2.5ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z", fill: "currentColor" }),
+]);
+XSquareFilled.displayName = "XSquareFilled";
+// Every attribute goes through `props` above, overriding the defaults
+XSquareFilled.inheritAttrs = false;
+export default XSquareFilled;
+//# sourceMappingURL=XSquareFilled.js.map

package/dist/es/components/Icon/svg/XSquareFilled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XSquareFilled.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XSquareFilled.ts"],"names":[],"mappings":"AAAA,oHAAoH;AACpH,OAAO,EAAE,CAAC,EAAgD,MAAM,KAAK,CAAA;AAErE,MAAM,aAAa,GAAuC,CAAC,KAAK,EAAE,EAAE,CAClE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE;IACrH,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,y7CAAy7C,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;CACl+C,CAAC,CAAA;AACJ,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAC3C,sEAAsE;AACtE,aAAa,CAAC,YAAY,GAAG,KAAK,CAAA;AAClC,eAAe,aAAa,CAAA","sourcesContent":["// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XSquareFilled.tsx. Do not edit.\nimport { h, type FunctionalComponent, type SVGAttributes } from \"vue\"\n\nconst XSquareFilled: FunctionalComponent<SVGAttributes> = (props) =>\n  h(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", fill: \"currentColor\", \"aria-hidden\": \"true\", ...props }, [\n    h(\"path\", { d: \"M14.1428 2.5H9.85719C8.77341 2.49999 7.89925 2.49998 7.19138 2.55782C6.46253 2.61737 5.82234 2.74318 5.23005 3.04497C4.28924 3.52434 3.52434 4.28924 3.04497 5.23005C2.74318 5.82234 2.61737 6.46253 2.55782 7.19138C2.49998 7.89925 2.49999 8.7734 2.5 9.85719V14.1428C2.49999 15.2266 2.49998 16.1007 2.55782 16.8086C2.61737 17.5375 2.74318 18.1777 3.04497 18.77C3.52434 19.7108 4.28924 20.4757 5.23005 20.955C5.82234 21.2568 6.46253 21.3826 7.19138 21.4422C7.89923 21.5 8.77334 21.5 9.85707 21.5H14.1428C15.2266 21.5 16.1008 21.5 16.8086 21.4422C17.5375 21.3826 18.1777 21.2568 18.77 20.955C19.7108 20.4757 20.4757 19.7108 20.955 18.77C21.2568 18.1777 21.3826 17.5375 21.4422 16.8086C21.5 16.1008 21.5 15.2267 21.5 14.1429V9.85717C21.5 8.77344 21.5 7.89923 21.4422 7.19138C21.3826 6.46253 21.2568 5.82234 20.955 5.23005C20.4757 4.28924 19.7108 3.52434 18.77 3.04497C18.1777 2.74318 17.5375 2.61737 16.8086 2.55782C16.1007 2.49998 15.2266 2.49999 14.1428 2.5ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z\", fill: \"currentColor\" }),\n  ])\nXSquareFilled.displayName = \"XSquareFilled\"\n// Every attribute goes through `props` above, overriding the defaults\nXSquareFilled.inheritAttrs = false\nexport default XSquareFilled\n"]}

package/dist/es/components/Icon/svg/XXs.js

@@ -0,0 +1,10 @@
+// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XXs.tsx. Do not edit.
+import { h } from "vue";
+const XXs = (props) => h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props }, [
+    h("path", { d: "M7.29289 7.29289C7.68342 6.90237 8.31658 6.90237 8.70711 7.29289L12 10.5858L15.2929 7.29289C15.6834 6.90237 16.3166 6.90237 16.7071 7.29289C17.0976 7.68342 17.0976 8.31658 16.7071 8.70711L13.4142 12L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L12 13.4142L8.70711 16.7071C8.31658 17.0976 7.68342 17.0976 7.29289 16.7071C6.90237 16.3166 6.90237 15.6834 7.29289 15.2929L10.5858 12L7.29289 8.70711C6.90237 8.31658 6.90237 7.68342 7.29289 7.29289Z", fill: "currentColor" }),
+]);
+XXs.displayName = "XXs";
+// Every attribute goes through `props` above, overriding the defaults
+XXs.inheritAttrs = false;
+export default XXs;
+//# sourceMappingURL=XXs.js.map

package/dist/es/components/Icon/svg/XXs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XXs.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XXs.ts"],"names":[],"mappings":"AAAA,0GAA0G;AAC1G,OAAO,EAAE,CAAC,EAAgD,MAAM,KAAK,CAAA;AAErE,MAAM,GAAG,GAAuC,CAAC,KAAK,EAAE,EAAE,CACxD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE;IACrH,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+fAA+f,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;CACxiB,CAAC,CAAA;AACJ,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA;AACvB,sEAAsE;AACtE,GAAG,CAAC,YAAY,GAAG,KAAK,CAAA;AACxB,eAAe,GAAG,CAAA","sourcesContent":["// Generated by scripts/build-vue-icons.mjs from packages/ui/src/components/Icon/svg/XXs.tsx. Do not edit.\nimport { h, type FunctionalComponent, type SVGAttributes } from \"vue\"\n\nconst XXs: FunctionalComponent<SVGAttributes> = (props) =>\n  h(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", fill: \"currentColor\", \"aria-hidden\": \"true\", ...props }, [\n    h(\"path\", { d: \"M7.29289 7.29289C7.68342 6.90237 8.31658 6.90237 8.70711 7.29289L12 10.5858L15.2929 7.29289C15.6834 6.90237 16.3166 6.90237 16.7071 7.29289C17.0976 7.68342 17.0976 8.31658 16.7071 8.70711L13.4142 12L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L12 13.4142L8.70711 16.7071C8.31658 17.0976 7.68342 17.0976 7.29289 16.7071C6.90237 16.3166 6.90237 15.6834 7.29289 15.2929L10.5858 12L7.29289 8.70711C6.90237 8.31658 6.90237 7.68342 7.29289 7.29289Z\", fill: \"currentColor\" }),\n  ])\nXXs.displayName = \"XXs\"\n// Every attribute goes through `props` above, overriding the defaults\nXXs.inheritAttrs = false\nexport default XXs\n"]}

package/dist/es/components/Image/Image.js

@@ -0,0 +1,63 @@
+import { defineComponent, h, onMounted, ref } from "vue";
+import s from "@plexui/styles/components/Image/Image.module.css";
+const loadedSrcs = new Set();
+/**
+ * Port of packages/ui/src/components/Image/Image.tsx: hidden until loaded
+ * (`data-loaded`), removed when loading fails.
+ */
+export const Image = defineComponent({
+    name: "Image",
+    inheritAttrs: false,
+    props: {
+        src: String,
+        draggable: { type: Boolean, default: false },
+        /** Force the image tag to be placed in the DOM even if load failed (resulting in broken image display) */
+        forceRenderAfterLoadFail: { type: Boolean, default: false },
+    },
+    emits: {
+        load: (_event) => true,
+        error: (_event) => true,
+    },
+    setup(props, { attrs, emit }) {
+        // Track load/fail per src so a new src starts fresh after an error
+        const loadedSrc = ref();
+        const failedSrc = ref();
+        const img = ref(null);
+        // An image that loaded before hydration fired its load event before Vue
+        // listened for it: read the element instead, as React does
+        onMounted(() => {
+            const { src } = props;
+            if (img.value && src && img.value.complete && img.value.naturalWidth > 0) {
+                loadedSrc.value = src;
+                loadedSrcs.add(src);
+            }
+        });
+        return () => {
+            const { src } = props;
+            const loaded = !!src && (loadedSrc.value === src || loadedSrcs.has(src));
+            const failed = !!src && failedSrc.value === src;
+            const considerLoaded = loaded || (failed && props.forceRenderAfterLoadFail);
+            if (!src || (!props.forceRenderAfterLoadFail && failed)) {
+                return null;
+            }
+            return h("img", {
+                ...attrs,
+                "ref": img,
+                "src": src,
+                "class": [s.Image, attrs.class],
+                "onLoad": (event) => {
+                    loadedSrc.value = src;
+                    loadedSrcs.add(src);
+                    emit("load", event);
+                },
+                "onError": (event) => {
+                    failedSrc.value = src;
+                    emit("error", event);
+                },
+                "data-loaded": considerLoaded ? "" : undefined,
+                "draggable": props.draggable,
+            });
+        };
+    },
+});
+//# sourceMappingURL=Image.js.map

package/dist/es/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineComponent, h, onMounted, ref } from \"vue\"\nimport s from \"@plexui/styles/components/Image/Image.module.css\"\n\nconst loadedSrcs = new Set<string>()\n\n/**\n * Port of packages/ui/src/components/Image/Image.tsx: hidden until loaded\n * (`data-loaded`), removed when loading fails.\n */\nexport const Image = defineComponent({\n  name: \"Image\",\n  inheritAttrs: false,\n  props: {\n    src: String,\n    draggable: { type: Boolean, default: false },\n    /** Force the image tag to be placed in the DOM even if load failed (resulting in broken image display) */\n    forceRenderAfterLoadFail: { type: Boolean, default: false },\n  },\n  emits: {\n    load: (_event: Event) => true,\n    error: (_event: Event) => true,\n  },\n  setup(props, { attrs, emit }) {\n    // Track load/fail per src so a new src starts fresh after an error\n    const loadedSrc = ref<string>()\n    const failedSrc = ref<string>()\n    const img = ref<HTMLImageElement | null>(null)\n\n    // An image that loaded before hydration fired its load event before Vue\n    // listened for it: read the element instead, as React does\n    onMounted(() => {\n      const { src } = props\n      if (img.value && src && img.value.complete && img.value.naturalWidth > 0) {\n        loadedSrc.value = src\n        loadedSrcs.add(src)\n      }\n    })\n\n    return () => {\n      const { src } = props\n      const loaded = !!src && (loadedSrc.value === src || loadedSrcs.has(src))\n      const failed = !!src && failedSrc.value === src\n      const considerLoaded = loaded || (failed && props.forceRenderAfterLoadFail)\n\n      if (!src || (!props.forceRenderAfterLoadFail && failed)) {\n        return null\n      }\n\n      return h(\"img\", {\n        ...attrs,\n        \"ref\": img,\n        \"src\": src,\n        \"class\": [s.Image, attrs.class],\n        \"onLoad\": (event: Event) => {\n          loadedSrc.value = src\n          loadedSrcs.add(src)\n          emit(\"load\", event)\n        },\n        \"onError\": (event: Event) => {\n          failedSrc.value = src\n          emit(\"error\", event)\n        },\n        \"data-loaded\": considerLoaded ? \"\" : undefined,\n        \"draggable\": props.draggable,\n      })\n    }\n  },\n})\n"]}

package/dist/es/components/Image/index.js

@@ -0,0 +1,2 @@
+export { Image } from "./Image.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA","sourcesContent":["export { Image } from \"./Image.js\"\n"]}

package/dist/es/components/Indicator/CircularProgress.js

@@ -0,0 +1,57 @@
+import { defineComponent, h } from "vue";
+import { useSimulatedProgress } from "../../composables/useSimulatedProgress.js";
+import { toCssVariables } from "../../lib/helpers.js";
+import s from "@plexui/styles/components/Indicator/CircularProgress.module.css";
+const CircularProgressComponent = defineComponent({
+    name: "CircularProgress",
+    inheritAttrs: false,
+    props: {
+        /** Maximum duration to use for simulated upload progress in ms. @default 15000 */
+        maxDuration: { type: Number, default: 15000 },
+        /** Sets the progress to full and resolves the simulated timer. @default false */
+        done: { type: Boolean, default: false },
+        /** Explicit progress (0-100); disables the simulated timer */
+        progress: Number,
+        /** Size of the indicator, in pixels. @default 28px */
+        size: [Number, String],
+        /** Stroke width of the indicator, in pixels, between 1 and 4. @default 2 */
+        strokeWidth: Number,
+        /** Color of the active progress track (stroke) */
+        trackActiveColor: String,
+        /** Color of the base track (background stroke) */
+        trackColor: String,
+    },
+    setup(props, { attrs }) {
+        const currentTime = +new Date();
+        const simulatedProgress = useSimulatedProgress(currentTime, () => props.maxDuration, () => props.progress !== undefined || props.done);
+        return () => {
+            const progress = props.progress ?? simulatedProgress.value;
+            const { class: className, style, ...restAttrs } = attrs;
+            return h("div", {
+                ...restAttrs,
+                class: [s.Container, className],
+                style: style ||
+                    toCssVariables({
+                        "circular-progress-size": props.size,
+                        "circular-progress-stroke": props.strokeWidth ? Math.min(4, props.strokeWidth) : undefined,
+                        "circular-progress-track-active-color": props.trackActiveColor,
+                        "circular-progress-track-color": props.trackColor,
+                    }),
+            }, [
+                h("svg", { "viewBox": "0 0 20 20", "class": s.Track, "data-no-autosize": "true" }, [
+                    h("circle", { cx: "10", cy: "10", r: "8", fill: "none" }),
+                ]),
+                h("svg", {
+                    "viewBox": "0 0 20 20",
+                    "class": s.TrackProgress,
+                    // React writes this unitless number as-is
+                    "style": { strokeDashoffset: String(50 - 50 * (progress / 100)) },
+                    "data-no-autosize": "true",
+                }, [h("circle", { cx: "10", cy: "10", r: "8", fill: "none" })]),
+            ]);
+        };
+    },
+});
+/** Port of packages/ui/src/components/Indicator/CircularProgress.tsx. */
+export const CircularProgress = CircularProgressComponent;
+//# sourceMappingURL=CircularProgress.js.map

package/dist/es/components/Indicator/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../../src/components/Indicator/CircularProgress.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineComponent, h, type HTMLAttributes, type PropType } from \"vue\"\nimport { useSimulatedProgress } from \"../../composables/useSimulatedProgress.js\"\nimport { toCssVariables } from \"../../lib/helpers.js\"\nimport s from \"@plexui/styles/components/Indicator/CircularProgress.module.css\"\n\nconst CircularProgressComponent = defineComponent({\n  name: \"CircularProgress\",\n  inheritAttrs: false,\n  props: {\n    /** Maximum duration to use for simulated upload progress in ms. @default 15000 */\n    maxDuration: { type: Number, default: 15000 },\n    /** Sets the progress to full and resolves the simulated timer. @default false */\n    done: { type: Boolean, default: false },\n    /** Explicit progress (0-100); disables the simulated timer */\n    progress: Number,\n    /** Size of the indicator, in pixels. @default 28px */\n    size: [Number, String] as PropType<number | string>,\n    /** Stroke width of the indicator, in pixels, between 1 and 4. @default 2 */\n    strokeWidth: Number,\n    /** Color of the active progress track (stroke) */\n    trackActiveColor: String,\n    /** Color of the base track (background stroke) */\n    trackColor: String,\n  },\n  setup(props, { attrs }) {\n    const currentTime = +new Date()\n    const simulatedProgress = useSimulatedProgress(\n      currentTime,\n      () => props.maxDuration,\n      () => props.progress !== undefined || props.done,\n    )\n\n    return () => {\n      const progress = props.progress ?? simulatedProgress.value\n      const { class: className, style, ...restAttrs } = attrs\n      return h(\n        \"div\",\n        {\n          ...restAttrs,\n          class: [s.Container, className],\n          style:\n            style ||\n            toCssVariables({\n              \"circular-progress-size\": props.size,\n              \"circular-progress-stroke\": props.strokeWidth ? Math.min(4, props.strokeWidth) : undefined,\n              \"circular-progress-track-active-color\": props.trackActiveColor,\n              \"circular-progress-track-color\": props.trackColor,\n            }),\n        },\n        [\n          h(\"svg\", { \"viewBox\": \"0 0 20 20\", \"class\": s.Track, \"data-no-autosize\": \"true\" }, [\n            h(\"circle\", { cx: \"10\", cy: \"10\", r: \"8\", fill: \"none\" }),\n          ]),\n          h(\n            \"svg\",\n            {\n              \"viewBox\": \"0 0 20 20\",\n              \"class\": s.TrackProgress,\n              // React writes this unitless number as-is\n              \"style\": { strokeDashoffset: String(50 - 50 * (progress / 100)) },\n              \"data-no-autosize\": \"true\",\n            },\n            [h(\"circle\", { cx: \"10\", cy: \"10\", r: \"8\", fill: \"none\" })],\n          ),\n        ],\n      )\n    }\n  },\n})\n\ntype CircularProgressOwnProps = InstanceType<typeof CircularProgressComponent>[\"$props\"]\n\n/** CircularProgress props plus the native <div> attributes that fall through to it, as in React. */\nexport type CircularProgressProps = CircularProgressOwnProps & Omit<HTMLAttributes, keyof CircularProgressOwnProps>\n\n/** Port of packages/ui/src/components/Indicator/CircularProgress.tsx. */\nexport const CircularProgress = CircularProgressComponent as typeof CircularProgressComponent & {\n  new (): { $props: CircularProgressProps }\n}\n"]}

package/dist/es/components/Indicator/LoadingDots.js

@@ -0,0 +1,11 @@
+import { defineComponent, h } from "vue";
+import s from "@plexui/styles/components/Indicator/LoadingDots.module.css";
+const LoadingDotsComponent = defineComponent({
+    name: "LoadingDots",
+    setup() {
+        return () => h("div", { class: s.LoadingDots }, [h("div", { class: s.Dot }), h("div", { class: s.Dot }), h("div", { class: s.Dot })]);
+    },
+});
+/** Port of packages/ui/src/components/Indicator/LoadingDots.tsx. */
+export const LoadingDots = LoadingDotsComponent;
+//# sourceMappingURL=LoadingDots.js.map

package/dist/es/components/Indicator/LoadingDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDots.js","sourceRoot":"","sources":["../../../../src/components/Indicator/LoadingDots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAuB,MAAM,KAAK,CAAA;AAC7D,OAAO,CAAC,MAAM,4DAA4D,CAAA;AAE1E,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,aAAa;IACnB,KAAK;QACH,OAAO,GAAG,EAAE,CACV,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;IAC5H,CAAC;CACF,CAAC,CAAA;AAKF,oEAAoE;AACpE,MAAM,CAAC,MAAM,WAAW,GAAG,oBAA8F,CAAA","sourcesContent":["import { defineComponent, h, type HTMLAttributes } from \"vue\"\nimport s from \"@plexui/styles/components/Indicator/LoadingDots.module.css\"\n\nconst LoadingDotsComponent = defineComponent({\n  name: \"LoadingDots\",\n  setup() {\n    return () =>\n      h(\"div\", { class: s.LoadingDots }, [h(\"div\", { class: s.Dot }), h(\"div\", { class: s.Dot }), h(\"div\", { class: s.Dot })])\n  },\n})\n\n/** The native <div> attributes that fall through to LoadingDots, as in React. */\nexport type LoadingDotsProps = HTMLAttributes\n\n/** Port of packages/ui/src/components/Indicator/LoadingDots.tsx. */\nexport const LoadingDots = LoadingDotsComponent as typeof LoadingDotsComponent & { new (): { $props: LoadingDotsProps } }\n"]}

package/dist/es/components/Indicator/LoadingIndicator.js

@@ -0,0 +1,26 @@
+import { defineComponent, h } from "vue";
+import { toCssVariables } from "../../lib/helpers.js";
+import s from "@plexui/styles/components/Indicator/LoadingIndicator.module.css";
+const LoadingIndicatorComponent = defineComponent({
+    name: "LoadingIndicator",
+    props: {
+        /** Size of the indicator, in pixels. Defaults to 1em. */
+        size: [Number, String],
+        /** Stroke width of the indicator, in pixels. Defaults to 2. */
+        strokeWidth: Number,
+    },
+    setup(props, { attrs }) {
+        return () => h("span", {
+            class: s.LoadingIndicator,
+            // A style passed by the caller replaces the size variables, as in React
+            style: attrs.style
+                ? undefined
+                : toCssVariables({
+                    "indicator-size": props.size,
+                    "indicator-stroke": props.strokeWidth,
+                }),
+        });
+    },
+});
+export const LoadingIndicator = LoadingIndicatorComponent;
+//# sourceMappingURL=LoadingIndicator.js.map

package/dist/es/components/Indicator/LoadingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../../src/components/Indicator/LoadingIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAsC,MAAM,KAAK,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,CAAC,MAAM,iEAAiE,CAAA;AAE/E,MAAM,yBAAyB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE;QACL,yDAAyD;QACzD,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA8B;QACnD,+DAA+D;QAC/D,WAAW,EAAE,MAAM;KACpB;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CAAC,MAAM,EAAE;YACR,KAAK,EAAE,CAAC,CAAC,gBAAgB;YACzB,wEAAwE;YACxE,KAAK,EAAE,KAAK,CAAC,KAAK;gBAChB,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,cAAc,CAAC;oBACb,gBAAgB,EAAE,KAAK,CAAC,IAAI;oBAC5B,kBAAkB,EAAE,KAAK,CAAC,WAAW;iBACtC,CAAC;SACP,CAAC,CAAA;IACN,CAAC;CACF,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,gBAAgB,GAAG,yBAE/B,CAAA","sourcesContent":["import { defineComponent, h, type HTMLAttributes, type PropType } from \"vue\"\nimport { toCssVariables } from \"../../lib/helpers.js\"\nimport s from \"@plexui/styles/components/Indicator/LoadingIndicator.module.css\"\n\nconst LoadingIndicatorComponent = defineComponent({\n  name: \"LoadingIndicator\",\n  props: {\n    /** Size of the indicator, in pixels. Defaults to 1em. */\n    size: [Number, String] as PropType<number | string>,\n    /** Stroke width of the indicator, in pixels. Defaults to 2. */\n    strokeWidth: Number,\n  },\n  setup(props, { attrs }) {\n    return () =>\n      h(\"span\", {\n        class: s.LoadingIndicator,\n        // A style passed by the caller replaces the size variables, as in React\n        style: attrs.style\n          ? undefined\n          : toCssVariables({\n              \"indicator-size\": props.size,\n              \"indicator-stroke\": props.strokeWidth,\n            }),\n      })\n  },\n})\n\ntype LoadingIndicatorOwnProps = InstanceType<typeof LoadingIndicatorComponent>[\"$props\"]\n\n/** LoadingIndicator props plus the native <span> attributes that fall through to it, as in React. */\nexport type LoadingIndicatorProps = LoadingIndicatorOwnProps & Omit<HTMLAttributes, keyof LoadingIndicatorOwnProps>\n\nexport const LoadingIndicator = LoadingIndicatorComponent as typeof LoadingIndicatorComponent & {\n  new (): { $props: LoadingIndicatorProps }\n}\n"]}

package/dist/es/components/Indicator/index.js

@@ -0,0 +1,4 @@
+export { CircularProgress } from "./CircularProgress.js";
+export { LoadingDots } from "./LoadingDots.js";
+export { LoadingIndicator } from "./LoadingIndicator.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA8B,MAAM,uBAAuB,CAAA;AACpF,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAA8B,MAAM,uBAAuB,CAAA","sourcesContent":["export { CircularProgress, type CircularProgressProps } from \"./CircularProgress.js\"\nexport { LoadingDots, type LoadingDotsProps } from \"./LoadingDots.js\"\nexport { LoadingIndicator, type LoadingIndicatorProps } from \"./LoadingIndicator.js\"\n"]}