@intlayer/design-system 7.5.5 → 7.5.7

package/dist/esm/components/Flags/so.mjs

@@ -0,0 +1,39 @@
+import * as React from "react";
+
+//#region src/components/Flags/so.svg
+var _defs, _g;
+function _extends() {
+	return _extends = Object.assign ? Object.assign.bind() : function(n) {
+		for (var e = 1; e < arguments.length; e++) {
+			var t = arguments[e];
+			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+		}
+		return n;
+	}, _extends.apply(null, arguments);
+}
+var SvgSo = function SvgSo$1(props) {
+	return /* @__PURE__ */ React.createElement("svg", _extends({
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 640 480",
+		width: "1em",
+		height: "1em"
+	}, props), _defs || (_defs = /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "so_svg__a" }, /* @__PURE__ */ React.createElement("path", {
+		fillOpacity: .7,
+		d: "M-85.3 0h682.6v512H-85.3z"
+	})))), _g || (_g = /* @__PURE__ */ React.createElement("g", {
+		fillRule: "evenodd",
+		clipPath: "url(#so_svg__a)",
+		transform: "translate(80)scale(.9375)"
+	}, /* @__PURE__ */ React.createElement("path", {
+		fill: "#40a6ff",
+		d: "M-128 0h768v512h-768z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#fff",
+		d: "M336.5 381.2 254 327.7l-82.1 54 30.5-87.7-82-54.2L222 239l31.4-87.5 32.1 87.3 101.4.1-81.5 54.7z"
+	}))));
+};
+var so_default = SvgSo;
+
+//#endregion
+export { so_default as default };
+//# sourceMappingURL=so.mjs.map

package/dist/esm/components/Flags/so.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"so.mjs","names":[],"sources":["../../../../src/components/Flags/so.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-so\" viewBox=\"0 0 640 480\">\n  <defs>\n    <clipPath id=\"so-a\">\n      <path fill-opacity=\".7\" d=\"M-85.3 0h682.6v512H-85.3z\"/>\n    </clipPath>\n  </defs>\n  <g fill-rule=\"evenodd\" clip-path=\"url(#so-a)\" transform=\"translate(80)scale(.9375)\">\n    <path fill=\"#40a6ff\" d=\"M-128 0h768v512h-768z\"/>\n    <path fill=\"#fff\" d=\"M336.5 381.2 254 327.7l-82.1 54 30.5-87.7-82-54.2L222 239l31.4-87.5 32.1 87.3 101.4.1-81.5 54.7z\"/>\n  </g>\n</svg>\n"],"mappings":";;;AAAA,IAAI,OAAO;AACX,SAAO,WAAA;AAAA,QAAA,WAAA,OAAA,SAAA,OAAA,OAAA,MAAA,GAAA,SAAA,GAAA;AAAA,OAAA,IAAA,IAAA,GAAA,IAAA,UAAA,QAAA,KAAA;GAAA,IAAA,IAAA,UAAA;AAAA,QAAA,IAAA,KAAA,EAAA,EAAA,EAAA,EAAA,eAAA,KAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA;;AAAA,SAAA;IAAA,SAAA,MAAA,MAAA,UAAA;;AAEP,IAAI,QAAQ,SAAK,QAAU,OAAO;AAChC,QAAY,sBAAA,cAAA,OAAA,SAAA;EACV,OAAI;EACJ,SAAM;EACN,OAAM;EACN,QAAM;EACP,EAAE,MAAA,EAAA,UAAA,QAAA,sBAAA,cAAA,QAAA,MAAA,sBAAA,cAAA,YAAA,EACH,IAAG"}

package/dist/esm/components/Flags/st.mjs

@@ -0,0 +1,75 @@
+import * as React from "react";
+
+//#region src/components/Flags/st.svg
+var _path, _path2, _path3, _g, _use;
+function _extends() {
+	return _extends = Object.assign ? Object.assign.bind() : function(n) {
+		for (var e = 1; e < arguments.length; e++) {
+			var t = arguments[e];
+			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+		}
+		return n;
+	}, _extends.apply(null, arguments);
+}
+var SvgSt = function SvgSt$1(props) {
+	return /* @__PURE__ */ React.createElement("svg", _extends({
+		xmlns: "http://www.w3.org/2000/svg",
+		xmlnsXlink: "http://www.w3.org/1999/xlink",
+		viewBox: "0 0 640 480",
+		width: "1em",
+		height: "1em"
+	}, props), _path || (_path = /* @__PURE__ */ React.createElement("path", {
+		fill: "#12ad2b",
+		d: "M0 0h640v480H0z"
+	})), _path2 || (_path2 = /* @__PURE__ */ React.createElement("path", {
+		fill: "#ffce00",
+		d: "M0 137.1h640V343H0z"
+	})), _path3 || (_path3 = /* @__PURE__ */ React.createElement("path", {
+		fill: "#d21034",
+		d: "M0 0v480l240-240"
+	})), _g || (_g = /* @__PURE__ */ React.createElement("g", {
+		id: "st_svg__c",
+		transform: "translate(351.6 240)scale(.34286)"
+	}, /* @__PURE__ */ React.createElement("g", { id: "st_svg__b" }, /* @__PURE__ */ React.createElement("path", {
+		id: "st_svg__a",
+		fill: "#000001",
+		d: "M0-200V0h100",
+		transform: "rotate(18 0 -200)"
+	}), /* @__PURE__ */ React.createElement("use", {
+		xlinkHref: "#st_svg__a",
+		width: "100%",
+		height: "100%",
+		transform: "scale(-1 1)"
+	})), /* @__PURE__ */ React.createElement("use", {
+		xlinkHref: "#st_svg__b",
+		width: "100%",
+		height: "100%",
+		transform: "rotate(72)"
+	}), /* @__PURE__ */ React.createElement("use", {
+		xlinkHref: "#st_svg__b",
+		width: "100%",
+		height: "100%",
+		transform: "rotate(144)"
+	}), /* @__PURE__ */ React.createElement("use", {
+		xlinkHref: "#st_svg__b",
+		width: "100%",
+		height: "100%",
+		transform: "rotate(-144)"
+	}), /* @__PURE__ */ React.createElement("use", {
+		xlinkHref: "#st_svg__b",
+		width: "100%",
+		height: "100%",
+		transform: "rotate(-72)"
+	}))), _use || (_use = /* @__PURE__ */ React.createElement("use", {
+		xlinkHref: "#st_svg__c",
+		width: "100%",
+		height: "100%",
+		x: 700,
+		transform: "translate(-523.2)"
+	})));
+};
+var st_default = SvgSt;
+
+//#endregion
+export { st_default as default };
+//# sourceMappingURL=st.mjs.map

package/dist/esm/components/Flags/st.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"st.mjs","names":[],"sources":["../../../../src/components/Flags/st.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" id=\"flag-icons-st\" viewBox=\"0 0 640 480\">\n  <path fill=\"#12ad2b\" d=\"M0 0h640v480H0z\"/>\n  <path fill=\"#ffce00\" d=\"M0 137.1h640V343H0z\"/>\n  <path fill=\"#d21034\" d=\"M0 0v480l240-240\"/>\n  <g id=\"st-c\" transform=\"translate(351.6 240)scale(.34286)\">\n    <g id=\"st-b\">\n      <path id=\"st-a\" fill=\"#000001\" d=\"M0-200V0h100\" transform=\"rotate(18 0 -200)\"/>\n      <use xlink:href=\"#st-a\" width=\"100%\" height=\"100%\" transform=\"scale(-1 1)\"/>\n    </g>\n    <use xlink:href=\"#st-b\" width=\"100%\" height=\"100%\" transform=\"rotate(72)\"/>\n    <use xlink:href=\"#st-b\" width=\"100%\" height=\"100%\" transform=\"rotate(144)\"/>\n    <use xlink:href=\"#st-b\" width=\"100%\" height=\"100%\" transform=\"rotate(-144)\"/>\n    <use xlink:href=\"#st-b\" width=\"100%\" height=\"100%\" transform=\"rotate(-72)\"/>\n  </g>\n  <use xlink:href=\"#st-c\" width=\"100%\" height=\"100%\" x=\"700\" transform=\"translate(-523.2)\"/>\n</svg>\n"],"mappings":";;;AAAA,IAAI,OAAO,QAAQ,QAAO,IAAI;AAC9B,SAAQ,WAAO;AAAO,QAAO,WAAA,OAAc,SAAA,OAAA,OAAA,MAAA,GAAA,SAAA,GAAA;AAAA,OAAA,IAAA,IAAA,GAAA,IAAA,UAAA,QAAA,KAAA;GAAA,IAAA,IAAA,UAAA;AAAA,QAAA,IAAA,KAAA,EAAA,EAAA,EAAA,EAAA,eAAA,KAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA;;AAAA,SAAA;IAAA,SAAA,MAAA,MAAA,UAAA;;AAE3C,IAAG,QAAS,SAAS,QAAK,OAAG;AAC3B,QAAa,sBAAW,cAAgB,OAAI,SAAY;EACtD,OAAO;EACP,YAAY;EACZ,SAAO;EACP,OAAG;EACH,QAAK;EACN,EAAE,MAAI,EAAA,UAAa,QAAmB,sBAAQ,cAAe,QAAQ;EACpE,MAAK;EACL,GAAC;EACF,CAAC,GAAC,WAAA,SAAA,sBAAA,cAAA,QAAA;EACF,MAAI;EACL,GAAG"}

package/dist/esm/components/Flags/td.mjs

@@ -0,0 +1,35 @@
+import * as React from "react";
+
+//#region src/components/Flags/td.svg
+var _g;
+function _extends() {
+	return _extends = Object.assign ? Object.assign.bind() : function(n) {
+		for (var e = 1; e < arguments.length; e++) {
+			var t = arguments[e];
+			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+		}
+		return n;
+	}, _extends.apply(null, arguments);
+}
+var SvgTd = function SvgTd$1(props) {
+	return /* @__PURE__ */ React.createElement("svg", _extends({
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 640 480",
+		width: "1em",
+		height: "1em"
+	}, props), _g || (_g = /* @__PURE__ */ React.createElement("g", { fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", {
+		fill: "#002664",
+		d: "M0 0h214v480H0z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#c60c30",
+		d: "M426 0h214v480H426z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#fecb00",
+		d: "M214 0h212v480H214z"
+	}))));
+};
+var td_default = SvgTd;
+
+//#endregion
+export { td_default as default };
+//# sourceMappingURL=td.mjs.map

package/dist/esm/components/Flags/td.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"td.mjs","names":[],"sources":["../../../../src/components/Flags/td.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-td\" viewBox=\"0 0 640 480\">\n  <g fill-rule=\"evenodd\">\n    <path fill=\"#002664\" d=\"M0 0h214v480H0z\"/>\n    <path fill=\"#c60c30\" d=\"M426 0h214v480H426z\"/>\n    <path fill=\"#fecb00\" d=\"M214 0h212v480H214z\"/>\n  </g>\n</svg>\n"],"mappings":";;;AAAA,IAAI;AACJ,SAAS,WAAO;AAAA,QAAQ,WAAA,OAAA,SAAA,OAAA,OAAA,MAAA,GAAA,SAAA,GAAA;AAAA,OAAA,IAAA,IAAA,GAAA,IAAA,UAAA,QAAA,KAAA;GAAA,IAAA,IAAA,UAAA;AAAA,QAAA,IAAA,KAAA,EAAA,EAAA,EAAA,EAAA,eAAA,KAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA;;AAAA,SAAA;IAAA,SAAA,MAAA,MAAA,UAAA;;AAExB,IAAI,QAAM,SAAO,QAAU,OAAM;AAC/B,QAAe,sBAAW,cAAK,OAAgB,SAAA;EAC7C,OAAC;EACH,SAAG"}

package/dist/esm/components/Flags/tl.mjs

@@ -0,0 +1,45 @@
+import * as React from "react";
+
+//#region src/components/Flags/tl.svg
+var _defs, _g;
+function _extends() {
+	return _extends = Object.assign ? Object.assign.bind() : function(n) {
+		for (var e = 1; e < arguments.length; e++) {
+			var t = arguments[e];
+			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+		}
+		return n;
+	}, _extends.apply(null, arguments);
+}
+var SvgTl = function SvgTl$1(props) {
+	return /* @__PURE__ */ React.createElement("svg", _extends({
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 640 480",
+		width: "1em",
+		height: "1em"
+	}, props), _defs || (_defs = /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "tl_svg__a" }, /* @__PURE__ */ React.createElement("path", {
+		fillOpacity: .7,
+		d: "M0 0h682.7v512H0z"
+	})))), _g || (_g = /* @__PURE__ */ React.createElement("g", {
+		fillRule: "evenodd",
+		clipPath: "url(#tl_svg__a)",
+		transform: "scale(.9375)"
+	}, /* @__PURE__ */ React.createElement("path", {
+		fill: "#cb000f",
+		d: "M0 0h1031.2v512H0z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#f8c00c",
+		d: "M0 0c3.2 0 512 256.7 512 256.7L0 512z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#000001",
+		d: "M0 0c2.1 0 340.6 256.7 340.6 256.7L0 512z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#fff",
+		d: "M187.7 298.2 127 284.7l-31 52.8-5-59.7-60.7-13.3 54.9-24.9-3.3-59.3 40.2 43.4 55.4-25.3-28.9 54 39.2 45.8z"
+	}))));
+};
+var tl_default = SvgTl;
+
+//#endregion
+export { tl_default as default };
+//# sourceMappingURL=tl.mjs.map

package/dist/esm/components/Flags/tl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tl.mjs","names":[],"sources":["../../../../src/components/Flags/tl.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-tl\" viewBox=\"0 0 640 480\">\n  <defs>\n    <clipPath id=\"tl-a\">\n      <path fill-opacity=\".7\" d=\"M0 0h682.7v512H0z\"/>\n    </clipPath>\n  </defs>\n  <g fill-rule=\"evenodd\" clip-path=\"url(#tl-a)\" transform=\"scale(.9375)\">\n    <path fill=\"#cb000f\" d=\"M0 0h1031.2v512H0z\"/>\n    <path fill=\"#f8c00c\" d=\"M0 0c3.2 0 512 256.7 512 256.7L0 512z\"/>\n    <path fill=\"#000001\" d=\"M0 0c2.1 0 340.6 256.7 340.6 256.7L0 512z\"/>\n    <path fill=\"#fff\" d=\"M187.7 298.2 127 284.7l-31 52.8-5-59.7-60.7-13.3 54.9-24.9-3.3-59.3 40.2 43.4 55.4-25.3-28.9 54 39.2 45.8z\"/>\n  </g>\n</svg>\n"],"mappings":";;;AAAA,IAAI,OAAO;AACX,SAAO,WAAA;AAAA,QAAA,WAAA,OAAA,SAAA,OAAA,OAAA,MAAA,GAAA,SAAA,GAAA;AAAA,OAAA,IAAA,IAAA,GAAA,IAAA,UAAA,QAAA,KAAA;GAAA,IAAA,IAAA,UAAA;AAAA,QAAA,IAAA,KAAA,EAAA,EAAA,EAAA,EAAA,eAAA,KAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA;;AAAA,SAAA;IAAA,SAAA,MAAA,MAAA,UAAA;;AAEP,IAAI,QAAQ,SAAK,QAAU,OAAM;AAC/B,QAAY,sBAAA,cAAA,OAAA,SAAA;EACV,OAAI;EACJ,SAAM;EACN,OAAM;EACN,QAAM;EACP,EAAE,MAAK,EAAA,UAAa,QAAqB,sBAAM,cAAc,QAAO,MAAA,sBAAA,cAAA,YAAA,EACnE,IAAC,aACF,EAAE,sBAAA,cAAA,QAAA;EACH,aAAG"}

package/dist/esm/components/Flags/tz.mjs

@@ -0,0 +1,46 @@
+import * as React from "react";
+
+//#region src/components/Flags/tz.svg
+var _defs, _g;
+function _extends() {
+	return _extends = Object.assign ? Object.assign.bind() : function(n) {
+		for (var e = 1; e < arguments.length; e++) {
+			var t = arguments[e];
+			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+		}
+		return n;
+	}, _extends.apply(null, arguments);
+}
+var SvgTz = function SvgTz$1(props) {
+	return /* @__PURE__ */ React.createElement("svg", _extends({
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 640 480",
+		width: "1em",
+		height: "1em"
+	}, props), _defs || (_defs = /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "tz_svg__a" }, /* @__PURE__ */ React.createElement("path", {
+		fillOpacity: .7,
+		d: "M10 0h160v120H10z"
+	})))), _g || (_g = /* @__PURE__ */ React.createElement("g", {
+		fillRule: "evenodd",
+		strokeWidth: "1pt",
+		clipPath: "url(#tz_svg__a)",
+		transform: "matrix(4 0 0 4 -40 0)"
+	}, /* @__PURE__ */ React.createElement("path", {
+		fill: "#09f",
+		d: "M0 0h180v120H0z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#090",
+		d: "M0 0h180L0 120z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#000001",
+		d: "M0 120h40l140-95V0h-40L0 95z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#ff0",
+		d: "M0 91.5 137.2 0h13.5L0 100.5zM29.3 120 180 19.5v9L42.8 120z"
+	}))));
+};
+var tz_default = SvgTz;
+
+//#endregion
+export { tz_default as default };
+//# sourceMappingURL=tz.mjs.map

package/dist/esm/components/Flags/tz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tz.mjs","names":[],"sources":["../../../../src/components/Flags/tz.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-tz\" viewBox=\"0 0 640 480\">\n  <defs>\n    <clipPath id=\"tz-a\">\n      <path fill-opacity=\".7\" d=\"M10 0h160v120H10z\"/>\n    </clipPath>\n  </defs>\n  <g fill-rule=\"evenodd\" stroke-width=\"1pt\" clip-path=\"url(#tz-a)\" transform=\"matrix(4 0 0 4 -40 0)\">\n    <path fill=\"#09f\" d=\"M0 0h180v120H0z\"/>\n    <path fill=\"#090\" d=\"M0 0h180L0 120z\"/>\n    <path fill=\"#000001\" d=\"M0 120h40l140-95V0h-40L0 95z\"/>\n    <path fill=\"#ff0\" d=\"M0 91.5 137.2 0h13.5L0 100.5zM29.3 120 180 19.5v9L42.8 120z\"/>\n  </g>\n</svg>\n"],"mappings":";;;AAAA,IAAI,OAAO;AACX,SAAO,WAAA;AAAA,QAAA,WAAA,OAAA,SAAA,OAAA,OAAA,MAAA,GAAA,SAAA,GAAA;AAAA,OAAA,IAAA,IAAA,GAAA,IAAA,UAAA,QAAA,KAAA;GAAA,IAAA,IAAA,UAAA;AAAA,QAAA,IAAA,KAAA,EAAA,EAAA,EAAA,EAAA,eAAA,KAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA;;AAAA,SAAA;IAAA,SAAA,MAAA,MAAA,UAAA;;AAEP,IAAI,QAAQ,SAAK,QAAU,OAAM;AAC/B,QAAY,sBAAA,cAAA,OAAA,SAAA;EACV,OAAI;EACJ,SAAM;EACN,OAAM;EACN,QAAM;EACP,EAAE,MAAK,EAAA,UAAa,QAAmB,sBAAM,cAAU,QAAA,MAAA,sBAAA,cAAA,YAAA,EACtD,IAAC,aACF,EAAE,sBAAA,cAAA,QAAA;EACH,aAAG"}

package/dist/esm/components/Flags/ug.mjs

@@ -0,0 +1,147 @@
+import * as React from "react";
+
+//#region src/components/Flags/ug.svg
+var _defs, _g;
+function _extends() {
+	return _extends = Object.assign ? Object.assign.bind() : function(n) {
+		for (var e = 1; e < arguments.length; e++) {
+			var t = arguments[e];
+			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+		}
+		return n;
+	}, _extends.apply(null, arguments);
+}
+var SvgUg = function SvgUg$1(props) {
+	return /* @__PURE__ */ React.createElement("svg", _extends({
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 640 480",
+		width: "1em",
+		height: "1em"
+	}, props), _defs || (_defs = /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ug_svg__a" }, /* @__PURE__ */ React.createElement("path", {
+		fillOpacity: .7,
+		d: "M-85.3 0h682.6v512H-85.3z"
+	})))), _g || (_g = /* @__PURE__ */ React.createElement("g", {
+		clipPath: "url(#ug_svg__a)",
+		transform: "translate(80)scale(.9375)"
+	}, /* @__PURE__ */ React.createElement("path", {
+		fill: "#ffe700",
+		fillRule: "evenodd",
+		d: "M-128 341.4h768v85.3h-768z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#000001",
+		fillRule: "evenodd",
+		d: "M-128 256h768v85.3h-768z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#de3908",
+		fillRule: "evenodd",
+		d: "M-128 170.7h768V256h-768z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#ffe700",
+		fillRule: "evenodd",
+		d: "M-128 85.4h768v85.3h-768z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#000001",
+		fillRule: "evenodd",
+		d: "M-128 0h768v85.3h-768z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#fffdff",
+		fillRule: "evenodd",
+		stroke: "#000",
+		d: "M335.7 256a79.7 79.7 0 1 1-159.4 0 79.7 79.7 0 0 1 159.4 0z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#de3108",
+		fillRule: "evenodd",
+		stroke: "#000",
+		d: "m242 194.9-5.2-9.5c2-2 5.3-3.6 10.7-3.6l-.6 10.5z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#ffe700",
+		fillRule: "evenodd",
+		stroke: "#000",
+		d: "m247 192.3.7-10.5s10.7-.6 16.5 6.4l-5.7 8.2z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#de3108",
+		fillRule: "evenodd",
+		stroke: "#000",
+		d: "m258.6 196.3 5.3-8.2c3.5 3.7 5 6.3 5.5 10.3.1.1-8.3 2.1-8.3 2z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fillRule: "evenodd",
+		stroke: "#000",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: .9,
+		d: "M244.6 331.1s9.9-11.3 29.1-8.9c-2.9-4.7-12.3-4.1-12.3-4.1s-2.8-22-.6-23.2 12 .1 12 .1c1.2 0 3.4-3.4 1.6-5.6-1.7-2.2-6.8-10.5-4.7-12.2 2.1-1.6 13.4 1 13.4 1l-32-41s-3.3-15.5 3.3-23c7.9-6.5 7-13.6 6.8-13.5-1.1-7.2-12-12.3-19.4-5.7-4.3 5.2-1.4 9.2-1.4 9.2s-11.5 3.1-11.9 5.1c-.5 2 12.9-.3 12.9-.3l-1.3 9.1s-26 23.6-6 44l.6-.8s7 8.6 14.3 10.5c7 7 6.3 6 6.3 6s1.3 11.1 0 13.3c-1.7-.5-19.3-1.2-21.9-.2-2.4.8-11.4.3-9.2 15.1l3.3-7.5s-.3 5.3 1.9 7.2c-.4-5.6 2.1-9.4 2.1-9.4s.4 6.2 1.8 7c1.4 1 1.4-10 9-9 7.4.9 12.9.6 12.9.6s2.5 21.4 1.7 23.4c-5.4-1.3-18.4.5-19.2 3.8 7.6-.5 11.1.4 11.1.4s-6.1 5.5-4.2 8.6"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#9ca69c",
+		fillRule: "evenodd",
+		stroke: "#9ca69c",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: .9,
+		d: "M247.6 214.8s-18.9 20.8-10.7 36.7c.4-2.2.2-3.6.5-3.5-.5-.3 2.3 1.9 2.1 1.5 0-1.2-.8-3.7-.8-3.7l2.5.7-1.5-2.8 3.7.4s-1.3-3.4-.9-3.4l3 .2c-5.4-9.6-.3-17.6 2.1-26.2z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#9ca69c",
+		fillRule: "evenodd",
+		stroke: "#9ca69c",
+		d: "M254.2 196.9s1 7.2-3 9.2c-.5.5-3 1.3-2.6 2.8.4 2 1.5 1.6 3 1.2 4.1-.7 8.9-9.4 2.6-13.2z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#fff",
+		fillRule: "evenodd",
+		d: "M247.2 203a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#de3108",
+		fillRule: "evenodd",
+		stroke: "#000",
+		d: "M241.1 209c-1 .9-6.2 6.3-1 8.3 5.3-1.4 3.8-2.4 5-3.6 0-2.5-2.6-3.1-4-4.6z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#9ca69c",
+		fillRule: "evenodd",
+		stroke: "#9ca69c",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: .9,
+		d: "M252.6 260.5c-.3 1.2-1.5 5.6.1 9 4.6-2 6.7-1.4 8.2-.4-3.7-3-5.2-4.3-8.3-8.6"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#fff",
+		fillRule: "evenodd",
+		stroke: "#fff",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: .9,
+		d: "m260.4 281.1.2 10.2s3.6.6 5.2 0 0-7-5.4-10.2"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#9ca69c",
+		fillRule: "evenodd",
+		stroke: "#000",
+		d: "M286 282.4s-6.5-15.8-23.2-19.8-14.5-21.8-13.2-22.9c.8-1.5 1.3-3.9 6.1-1.6s27 13.4 30.2 14 .4 30.7.2 30.3z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#de3108",
+		fillRule: "evenodd",
+		stroke: "#000",
+		strokeLinejoin: "round",
+		strokeWidth: .9,
+		d: "M270.2 262.5c-.3.2 22.3 13.4 15.5 24.7 6.4-4.3 4.4-11.7 4.4-11.7s5.2 13.7-7.6 20.4c1.4 1.2 2.3 1 2.3 1l-2.2 2.1s-1 1.7 7.6-2.5c-2.3 1.9-2.5 3.3-2.5 3.3s.6 1.8 6.2-3.1c-4.5 4.9-5.5 7.4-5.5 7.3 12.3-1 39-41-8.4-52.7l2.1 2.2z"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#fff",
+		fillRule: "evenodd",
+		stroke: "#000",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: .9,
+		d: "M271.2 258.6c3 2.2 4.1 3 4.5 4-2.8-.6-5.3-.4-5.3-.4s-6.1-5.8-7.2-6.3c-.8 0-5.6-3-5.6-3-2.3-1.2-4.5-9.3 4.2-7a93 93 0 0 0 10.3 4.6l10.7 3.4 6.2 6.9s-11-5.4-12.4-5.5c3 2.4 4.7 5.8 4.7 5.8-3.5-1-6.5-2-10.1-2.5"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "none",
+		stroke: "#fff",
+		strokeLinecap: "round",
+		strokeWidth: .9,
+		d: "M228.4 209.9s10.5-2.6 11.8-2.2"
+	}), /* @__PURE__ */ React.createElement("path", {
+		fill: "#de3908",
+		fillRule: "evenodd",
+		d: "M-128 426.7h768V512h-768z"
+	}))));
+};
+var ug_default = SvgUg;
+
+//#endregion
+export { ug_default as default };
+//# sourceMappingURL=ug.mjs.map

package/dist/esm/components/Flags/ug.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ug.mjs","names":[],"sources":["../../../../src/components/Flags/ug.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-ug\" viewBox=\"0 0 640 480\">\n  <defs>\n    <clipPath id=\"ug-a\">\n      <path fill-opacity=\".7\" d=\"M-85.3 0h682.6v512H-85.3z\"/>\n    </clipPath>\n  </defs>\n  <g clip-path=\"url(#ug-a)\" transform=\"translate(80)scale(.9375)\">\n    <path fill=\"#ffe700\" fill-rule=\"evenodd\" d=\"M-128 341.4h768v85.3h-768z\"/>\n    <path fill=\"#000001\" fill-rule=\"evenodd\" d=\"M-128 256h768v85.3h-768z\"/>\n    <path fill=\"#de3908\" fill-rule=\"evenodd\" d=\"M-128 170.7h768V256h-768z\"/>\n    <path fill=\"#ffe700\" fill-rule=\"evenodd\" d=\"M-128 85.4h768v85.3h-768z\"/>\n    <path fill=\"#000001\" fill-rule=\"evenodd\" d=\"M-128 0h768v85.3h-768z\"/>\n    <path fill=\"#fffdff\" fill-rule=\"evenodd\" stroke=\"#000\" d=\"M335.7 256a79.7 79.7 0 1 1-159.4 0 79.7 79.7 0 0 1 159.4 0z\"/>\n    <path fill=\"#de3108\" fill-rule=\"evenodd\" stroke=\"#000\" d=\"m242 194.9-5.2-9.5c2-2 5.3-3.6 10.7-3.6l-.6 10.5z\"/>\n    <path fill=\"#ffe700\" fill-rule=\"evenodd\" stroke=\"#000\" d=\"m247 192.3.7-10.5s10.7-.6 16.5 6.4l-5.7 8.2z\"/>\n    <path fill=\"#de3108\" fill-rule=\"evenodd\" stroke=\"#000\" d=\"m258.6 196.3 5.3-8.2c3.5 3.7 5 6.3 5.5 10.3.1.1-8.3 2.1-8.3 2z\"/>\n    <path fill-rule=\"evenodd\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\".9\" d=\"M244.6 331.1s9.9-11.3 29.1-8.9c-2.9-4.7-12.3-4.1-12.3-4.1s-2.8-22-.6-23.2 12 .1 12 .1c1.2 0 3.4-3.4 1.6-5.6-1.7-2.2-6.8-10.5-4.7-12.2 2.1-1.6 13.4 1 13.4 1l-32-41s-3.3-15.5 3.3-23c7.9-6.5 7-13.6 6.8-13.5-1.1-7.2-12-12.3-19.4-5.7-4.3 5.2-1.4 9.2-1.4 9.2s-11.5 3.1-11.9 5.1c-.5 2 12.9-.3 12.9-.3l-1.3 9.1s-26 23.6-6 44l.6-.8s7 8.6 14.3 10.5c7 7 6.3 6 6.3 6s1.3 11.1 0 13.3c-1.7-.5-19.3-1.2-21.9-.2-2.4.8-11.4.3-9.2 15.1l3.3-7.5s-.3 5.3 1.9 7.2c-.4-5.6 2.1-9.4 2.1-9.4s.4 6.2 1.8 7c1.4 1 1.4-10 9-9 7.4.9 12.9.6 12.9.6s2.5 21.4 1.7 23.4c-5.4-1.3-18.4.5-19.2 3.8 7.6-.5 11.1.4 11.1.4s-6.1 5.5-4.2 8.6\"/>\n    <path fill=\"#9ca69c\" fill-rule=\"evenodd\" stroke=\"#9ca69c\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\".9\" d=\"M247.6 214.8s-18.9 20.8-10.7 36.7c.4-2.2.2-3.6.5-3.5-.5-.3 2.3 1.9 2.1 1.5 0-1.2-.8-3.7-.8-3.7l2.5.7-1.5-2.8 3.7.4s-1.3-3.4-.9-3.4l3 .2c-5.4-9.6-.3-17.6 2.1-26.2z\"/>\n    <path fill=\"#9ca69c\" fill-rule=\"evenodd\" stroke=\"#9ca69c\" d=\"M254.2 196.9s1 7.2-3 9.2c-.5.5-3 1.3-2.6 2.8.4 2 1.5 1.6 3 1.2 4.1-.7 8.9-9.4 2.6-13.2z\"/>\n    <path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M247.2 203a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\"/>\n    <path fill=\"#de3108\" fill-rule=\"evenodd\" stroke=\"#000\" d=\"M241.1 209c-1 .9-6.2 6.3-1 8.3 5.3-1.4 3.8-2.4 5-3.6 0-2.5-2.6-3.1-4-4.6z\"/>\n    <path fill=\"#9ca69c\" fill-rule=\"evenodd\" stroke=\"#9ca69c\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\".9\" d=\"M252.6 260.5c-.3 1.2-1.5 5.6.1 9 4.6-2 6.7-1.4 8.2-.4-3.7-3-5.2-4.3-8.3-8.6\"/>\n    <path fill=\"#fff\" fill-rule=\"evenodd\" stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\".9\" d=\"m260.4 281.1.2 10.2s3.6.6 5.2 0 0-7-5.4-10.2\"/>\n    <path fill=\"#9ca69c\" fill-rule=\"evenodd\" stroke=\"#000\" d=\"M286 282.4s-6.5-15.8-23.2-19.8-14.5-21.8-13.2-22.9c.8-1.5 1.3-3.9 6.1-1.6s27 13.4 30.2 14 .4 30.7.2 30.3z\"/>\n    <path fill=\"#de3108\" fill-rule=\"evenodd\" stroke=\"#000\" stroke-linejoin=\"round\" stroke-width=\".9\" d=\"M270.2 262.5c-.3.2 22.3 13.4 15.5 24.7 6.4-4.3 4.4-11.7 4.4-11.7s5.2 13.7-7.6 20.4c1.4 1.2 2.3 1 2.3 1l-2.2 2.1s-1 1.7 7.6-2.5c-2.3 1.9-2.5 3.3-2.5 3.3s.6 1.8 6.2-3.1c-4.5 4.9-5.5 7.4-5.5 7.3 12.3-1 39-41-8.4-52.7l2.1 2.2z\"/>\n    <path fill=\"#fff\" fill-rule=\"evenodd\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\".9\" d=\"M271.2 258.6c3 2.2 4.1 3 4.5 4-2.8-.6-5.3-.4-5.3-.4s-6.1-5.8-7.2-6.3c-.8 0-5.6-3-5.6-3-2.3-1.2-4.5-9.3 4.2-7a93 93 0 0 0 10.3 4.6l10.7 3.4 6.2 6.9s-11-5.4-12.4-5.5c3 2.4 4.7 5.8 4.7 5.8-3.5-1-6.5-2-10.1-2.5\"/>\n    <path fill=\"none\" stroke=\"#fff\" stroke-linecap=\"round\" stroke-width=\".9\" d=\"M228.4 209.9s10.5-2.6 11.8-2.2\"/>\n    <path fill=\"#de3908\" fill-rule=\"evenodd\" d=\"M-128 426.7h768V512h-768z\"/>\n  </g>\n</svg>\n"],"mappings":";;;AAAA,IAAI,OAAO;AACX,SAAO,WAAA;AAAA,QAAA,WAAA,OAAA,SAAA,OAAA,OAAA,MAAA,GAAA,SAAA,GAAA;AAAA,OAAA,IAAA,IAAA,GAAA,IAAA,UAAA,QAAA,KAAA;GAAA,IAAA,IAAA,UAAA;AAAA,QAAA,IAAA,KAAA,EAAA,EAAA,EAAA,EAAA,eAAA,KAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA;;AAAA,SAAA;IAAA,SAAA,MAAA,MAAA,UAAA;;AAEP,IAAI,QAAQ,SAAK,QAAU,OAAO;AAChC,QAAY,sBAAA,cAAA,OAAA,SAAA;EACV,OAAI;EACJ,SAAM;EACN,OAAM;EACN,QAAM;EACP,EAAE,MAAK,EAAA,UAAa,QAAqB,sBAAM,cAAQ,QAAW,MAAM,sBAAA,cAAA,YAAA,EACvE,IAAC,aACF,EAAc,sBAAO,cAAY,QAAU;EAC1C,aAAa;EACb,GAAC;EACF,CAAC,CAAC,CAAA,GAAI,OAAO,KAAkB,sBAAE,cAAkB,KAAK;EACvD,UAAU;EACV,WAAW;EACZ,EAAc,sBAAO,cAAY,QAAS;EACzC,MAAM;EACN,UAAU;EACV,GAAC;EACF,CAAC,EAAa,sBAAQ,cAAW,QAAS;EACzC,MAAM;EACN,UAAU;EACV,GAAC;EACF,CAAC,EAAa,sBAAK,cAAW,QAAS;EACtC,MAAM;EACN,UAAU;EACV,GAAC;EACH,CAAA,EAAG,sBAAA,cAAA,QAAA"}

package/dist/esm/components/Form/elements/OTPElement.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { useItemSelector } from "../../../hooks/useItemSelector.mjs";
 import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "../../Input/OTPInput.mjs";
+import { useItemSelector } from "../../../hooks/useItemSelector.mjs";
 import { useFormField } from "../FormField.mjs";
 import { FormItemLayout } from "../layout/FormItemLayout.mjs";
 import { Form } from "../Form.mjs";
@@ -10,7 +10,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext } from "react-hook-form";
 
 //#region src/components/Form/elements/OTPElement.tsx
-const selector = (option) => option?.getAttribute("aria-active") === "true";
+const selector = (option) => option?.getAttribute("aria-selected") === "true";
 const OTPFieldContent = ({ field, name, label, description, isRequired, info, showErrorMessage, children, slots = 6, maxLength = 6, ...props }) => {
 	const { error } = useFormField();
 	const optionsRefs = useRef([]);

package/dist/esm/components/Form/elements/OTPElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OTPElement.mjs","names":[],"sources":["../../../../../src/components/Form/elements/OTPElement.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, type ReactNode, useEffect, useRef } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useItemSelector } from '../../../hooks';\nimport {\n  InputIndicator,\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSeparator,\n  InputOTPSlot,\n} from '../../Input/OTPInput';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype OTPElementsProps = Omit<FormElementProps<typeof InputOTP>, 'Element'> &\n  Omit<ComponentProps<typeof InputOTP>, 'children'> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n    /** Number of OTP slots (default: 6) */\n    slots?: number;\n  };\n\nconst selector = (option: HTMLElement) =>\n  option?.getAttribute('aria-active') === 'true';\n\nconst OTPFieldContent = ({\n  field,\n  name,\n  label,\n  description,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  slots = 6,\n  maxLength = 6,\n  ...props\n}: Omit<OTPElementsProps, 'control'> & { field: any }) => {\n  const { error } = useFormField();\n\n  const optionsRefs = useRef<HTMLElement[]>([]);\n  const { choiceIndicatorPosition, calculatePosition } = useItemSelector(\n    optionsRefs,\n    {\n      selector,\n      isHoverable: true,\n    }\n  );\n\n  useEffect(() => {\n    calculatePosition();\n  }, []);\n\n  return (\n    <FormItemLayout\n      htmlFor={name}\n      label={label}\n      description={description}\n      isRequired={isRequired}\n      info={info}\n      showErrorMessage={showErrorMessage}\n      aria-invalid={!!error}\n    >\n      <InputOTP\n        onChange={field.onChange}\n        defaultValue={field.value}\n        maxLength={maxLength}\n        pattern=\"^[0-9]+$\"\n        onActiveSlotChange={calculatePosition}\n        {...(props as any)}\n      >\n        {children ?? (\n          <>\n            <InputOTPGroup>\n              <InputOTPSlot\n                index={0}\n                ref={(el) => {\n                  optionsRefs.current[0] = el!;\n                }}\n              />\n              <InputOTPSlot\n                index={1}\n                ref={(el) => {\n                  optionsRefs.current[1] = el!;\n                }}\n              />\n              <InputOTPSlot\n                index={2}\n                ref={(el) => {\n                  optionsRefs.current[2] = el!;\n                }}\n              />\n            </InputOTPGroup>\n            <InputOTPSeparator />\n            <InputOTPGroup>\n              <InputOTPSlot\n                index={3}\n                ref={(el) => {\n                  optionsRefs.current[3] = el!;\n                }}\n              />\n              <InputOTPSlot\n                index={4}\n                ref={(el) => {\n                  optionsRefs.current[4] = el!;\n                }}\n              />\n              <InputOTPSlot\n                index={5}\n                ref={(el) => {\n                  optionsRefs.current[5] = el!;\n                }}\n              />\n            </InputOTPGroup>\n            {choiceIndicatorPosition && (\n              <InputIndicator style={choiceIndicatorPosition} />\n            )}\n          </>\n        )}\n      </InputOTP>\n    </FormItemLayout>\n  );\n};\n\nexport const OTPElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  slots = 6,\n  maxLength = 6,\n  ...props\n}: OTPElementsProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <OTPFieldContent\n          field={field}\n          name={name}\n          label={label}\n          description={description}\n          isRequired={isRequired}\n          info={info}\n          showErrorMessage={showErrorMessage}\n          slots={slots}\n          maxLength={maxLength}\n          {...props}\n        >\n          {children}\n        </OTPFieldContent>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA4BA,MAAM,YAAY,WAChB,QAAQ,aAAa,cAAc,KAAK;AAE1C,MAAM,mBAAmB,EACvB,OACA,MACA,OACA,aACA,YACA,MACA,kBACA,UACA,QAAQ,GACR,YAAY,GACZ,GAAG,YACqD;CACxD,MAAM,EAAE,UAAU,cAAc;CAEhC,MAAM,cAAc,OAAsB,EAAE,CAAC;CAC7C,MAAM,EAAE,yBAAyB,sBAAsB,gBACrD,aACA;EACE;EACA,aAAa;EACd,CACF;AAED,iBAAgB;AACd,qBAAmB;IAClB,EAAE,CAAC;AAEN,QACE,oBAAC;EACC,SAAS;EACF;EACM;EACD;EACN;EACY;EAClB,gBAAc,CAAC,CAAC;YAEhB,oBAAC;GACC,UAAU,MAAM;GAChB,cAAc,MAAM;GACT;GACX,SAAQ;GACR,oBAAoB;GACpB,GAAK;aAEJ,YACC;IACE,qBAAC;KACC,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;KACF,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;KACF,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;QACY;IAChB,oBAAC,sBAAoB;IACrB,qBAAC;KACC,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;KACF,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;KACF,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;QACY;IACf,2BACC,oBAAC,kBAAe,OAAO,0BAA2B;OAEnD;IAEI;GACI;;AAIrB,MAAa,cAAc,EACzB,MACA,aACA,OACA,YACA,MACA,kBACA,UACA,QAAQ,GACR,YAAY,GACZ,GAAG,YACmB;CACtB,MAAM,EAAE,YAAY,gBAAgB;AAEpC,QACE,oBAAC,KAAK;EACK;EACH;EACN,SAAS,EAAE,YACT,oBAAC;GACQ;GACD;GACC;GACM;GACD;GACN;GACY;GACX;GACI;GACX,GAAI;GAEH;IACe;GAEpB"}
+{"version":3,"file":"OTPElement.mjs","names":[],"sources":["../../../../../src/components/Form/elements/OTPElement.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, type ReactNode, useEffect, useRef } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useItemSelector } from '../../../hooks';\nimport {\n  InputIndicator,\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSeparator,\n  InputOTPSlot,\n} from '../../Input/OTPInput';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype OTPElementsProps = Omit<FormElementProps<typeof InputOTP>, 'Element'> &\n  Omit<ComponentProps<typeof InputOTP>, 'children'> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n    /** Number of OTP slots (default: 6) */\n    slots?: number;\n  };\n\nconst selector = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nconst OTPFieldContent = ({\n  field,\n  name,\n  label,\n  description,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  slots = 6,\n  maxLength = 6,\n  ...props\n}: Omit<OTPElementsProps, 'control'> & { field: any }) => {\n  const { error } = useFormField();\n\n  const optionsRefs = useRef<HTMLElement[]>([]);\n  const { choiceIndicatorPosition, calculatePosition } = useItemSelector(\n    optionsRefs,\n    {\n      selector,\n      isHoverable: true,\n    }\n  );\n\n  useEffect(() => {\n    calculatePosition();\n  }, []);\n\n  return (\n    <FormItemLayout\n      htmlFor={name}\n      label={label}\n      description={description}\n      isRequired={isRequired}\n      info={info}\n      showErrorMessage={showErrorMessage}\n      aria-invalid={!!error}\n    >\n      <InputOTP\n        onChange={field.onChange}\n        defaultValue={field.value}\n        maxLength={maxLength}\n        pattern=\"^[0-9]+$\"\n        onActiveSlotChange={calculatePosition}\n        {...(props as any)}\n      >\n        {children ?? (\n          <>\n            <InputOTPGroup>\n              <InputOTPSlot\n                index={0}\n                ref={(el) => {\n                  optionsRefs.current[0] = el!;\n                }}\n              />\n              <InputOTPSlot\n                index={1}\n                ref={(el) => {\n                  optionsRefs.current[1] = el!;\n                }}\n              />\n              <InputOTPSlot\n                index={2}\n                ref={(el) => {\n                  optionsRefs.current[2] = el!;\n                }}\n              />\n            </InputOTPGroup>\n            <InputOTPSeparator />\n            <InputOTPGroup>\n              <InputOTPSlot\n                index={3}\n                ref={(el) => {\n                  optionsRefs.current[3] = el!;\n                }}\n              />\n              <InputOTPSlot\n                index={4}\n                ref={(el) => {\n                  optionsRefs.current[4] = el!;\n                }}\n              />\n              <InputOTPSlot\n                index={5}\n                ref={(el) => {\n                  optionsRefs.current[5] = el!;\n                }}\n              />\n            </InputOTPGroup>\n            {choiceIndicatorPosition && (\n              <InputIndicator style={choiceIndicatorPosition} />\n            )}\n          </>\n        )}\n      </InputOTP>\n    </FormItemLayout>\n  );\n};\n\nexport const OTPElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  slots = 6,\n  maxLength = 6,\n  ...props\n}: OTPElementsProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <OTPFieldContent\n          field={field}\n          name={name}\n          label={label}\n          description={description}\n          isRequired={isRequired}\n          info={info}\n          showErrorMessage={showErrorMessage}\n          slots={slots}\n          maxLength={maxLength}\n          {...props}\n        >\n          {children}\n        </OTPFieldContent>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA4BA,MAAM,YAAY,WAChB,QAAQ,aAAa,gBAAgB,KAAK;AAE5C,MAAM,mBAAmB,EACvB,OACA,MACA,OACA,aACA,YACA,MACA,kBACA,UACA,QAAQ,GACR,YAAY,GACZ,GAAG,YACqD;CACxD,MAAM,EAAE,UAAU,cAAc;CAEhC,MAAM,cAAc,OAAsB,EAAE,CAAC;CAC7C,MAAM,EAAE,yBAAyB,sBAAsB,gBACrD,aACA;EACE;EACA,aAAa;EACd,CACF;AAED,iBAAgB;AACd,qBAAmB;IAClB,EAAE,CAAC;AAEN,QACE,oBAAC;EACC,SAAS;EACF;EACM;EACD;EACN;EACY;EAClB,gBAAc,CAAC,CAAC;YAEhB,oBAAC;GACC,UAAU,MAAM;GAChB,cAAc,MAAM;GACT;GACX,SAAQ;GACR,oBAAoB;GACpB,GAAK;aAEJ,YACC;IACE,qBAAC;KACC,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;KACF,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;KACF,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;QACY;IAChB,oBAAC,sBAAoB;IACrB,qBAAC;KACC,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;KACF,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;KACF,oBAAC;MACC,OAAO;MACP,MAAM,OAAO;AACX,mBAAY,QAAQ,KAAK;;OAE3B;QACY;IACf,2BACC,oBAAC,kBAAe,OAAO,0BAA2B;OAEnD;IAEI;GACI;;AAIrB,MAAa,cAAc,EACzB,MACA,aACA,OACA,YACA,MACA,kBACA,UACA,QAAQ,GACR,YAAY,GACZ,GAAG,YACmB;CACtB,MAAM,EAAE,YAAY,gBAAgB;AAEpC,QACE,oBAAC,KAAK;EACK;EACH;EACN,SAAS,EAAE,YACT,oBAAC;GACQ;GACD;GACC;GACM;GACD;GACN;GACY;GACX;GACI;GACX,GAAI;GAEH;IACe;GAEpB"}

package/dist/esm/components/HideShow/index.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { useEffect, useMemo, useRef, useState } from "react";
 import { Eye, EyeOff } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/HideShow/index.tsx

package/dist/esm/components/IDE/FileTree.mjs

@@ -3,8 +3,8 @@
 import { cn } from "../../utils/cn.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 import { createFileTree } from "./createFileTree.mjs";
-import { useState } from "react";
 import { ChevronRight } from "lucide-react";
+import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/IDE/FileTree.tsx

package/dist/esm/components/Input/Input.mjs

@@ -18,13 +18,15 @@ const inputVariants = cva([
 				"ring-text/20",
 				"disabled:ring-0",
 				"hover:ring-3",
+				"focus-within:ring-4",
 				"focus-visible:outline-none focus-visible:ring-4",
 				"[box-shadow:none] focus:[box-shadow:none]",
 				"aria-invalid:border-error"
 			].join(" "),
-			invisible: "border-none bg-inherit text-inherit outline-none ring-0"
+			invisible: "border-none text-inherit outline-none ring-0"
 		},
 		size: {
+			sm: "px-2 py-2 text-sm md:py-1.5 md:text-xs",
 			md: "px-2 py-3 md:py-2",
 			lg: "p-4"
 		},

package/dist/esm/components/Input/Input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.mjs","names":["Input: FC<InputProps>"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { DetailedHTMLProps, FC, InputHTMLAttributes } from 'react';\n\n// Optional: your own cn helper to merge class names\nconst cn = (...classes: (string | undefined | false | null)[]) =>\n  classes.filter(Boolean).join(' ');\n\nexport const inputVariants = cva(\n  [\n    // base styles\n    'w-full select-text resize-none text-base shadow-none outline-none',\n    'transition-all duration-300 md:text-sm',\n    'ring-0',\n    'disabled:opacity-50',\n\n    // Corner shape\n    'rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: [\n          'text-text',\n          'bg-neutral-50 dark:bg-neutral-950',\n          'ring-text/20',\n\n          // Focus ring\n          'disabled:ring-0',\n          'hover:ring-3',\n          'focus-visible:outline-none focus-visible:ring-4',\n\n          // Remove any weird box-shadow\n          '[box-shadow:none] focus:[box-shadow:none]',\n\n          // aria-invalid border color\n          'aria-invalid:border-error',\n        ].join(' '),\n        invisible: 'border-none bg-inherit text-inherit outline-none ring-0',\n      },\n      size: {\n        md: 'px-2 py-3 md:py-2',\n        lg: 'p-4',\n      },\n      validationStyleEnabled: {\n        disabled: '',\n        enabled: 'valid:border-success invalid:border-error',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      validationStyleEnabled: 'disabled',\n    },\n  }\n);\n\nexport enum InputVariant {\n  DEFAULT = 'default',\n  INVISIBLE = 'invisible',\n}\n\nexport enum InputSize {\n  MD = 'md',\n  LG = 'lg',\n}\n\nexport type InputProps = DetailedHTMLProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<\n    VariantProps<typeof inputVariants>,\n    'validationStyleEnabled' | 'variant' | 'size'\n  > & {\n    variant?: InputVariant | `${InputVariant}`;\n    size?: InputSize | `${InputSize}`;\n  };\n\nexport const Input: FC<InputProps> = ({\n  validationStyleEnabled = false,\n  variant,\n  size,\n  className,\n  ...props\n}) => (\n  <input\n    className={cn(\n      inputVariants({\n        variant,\n        size,\n        validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n      }),\n      className\n    )}\n    {...props}\n  />\n);\n"],"mappings":";;;;AAIA,MAAM,MAAM,GAAG,YACb,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI;AAEnC,MAAa,gBAAgB,IAC3B;CAEE;CACA;CACA;CACA;CAGA;CACD,CAAC,KAAK,IAAI,EACX;CACE,UAAU;EACR,SAAS;GACP,SAAS;IACP;IACA;IACA;IAGA;IACA;IACA;IAGA;IAGA;IACD,CAAC,KAAK,IAAI;GACX,WAAW;GACZ;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,wBAAwB;GACtB,UAAU;GACV,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,wBAAwB;EACzB;CACF,CACF;AAED,IAAY,wDAAL;AACL;AACA;;;AAGF,IAAY,kDAAL;AACL;AACA;;;AAgBF,MAAaA,SAAyB,EACpC,yBAAyB,OACzB,SACA,MACA,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,cAAc;EACZ;EACA;EACA,wBAAwB,yBAAyB,YAAY;EAC9D,CAAC,EACF,UACD;CACD,GAAI;EACJ"}
+{"version":3,"file":"Input.mjs","names":["Input: FC<InputProps>"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { DetailedHTMLProps, FC, InputHTMLAttributes } from 'react';\n\n// Optional: your own cn helper to merge class names\nconst cn = (...classes: (string | undefined | false | null)[]) =>\n  classes.filter(Boolean).join(' ');\n\nexport const inputVariants = cva(\n  [\n    // base styles\n    'w-full select-text resize-none text-base shadow-none outline-none',\n    'transition-all duration-300 md:text-sm',\n    'ring-0',\n    'disabled:opacity-50',\n\n    // Corner shape\n    'rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: [\n          'text-text',\n          'bg-neutral-50 dark:bg-neutral-950',\n          'ring-text/20',\n\n          // Focus ring\n          'disabled:ring-0',\n          'hover:ring-3',\n          'focus-within:ring-4',\n          'focus-visible:outline-none focus-visible:ring-4',\n\n          // Remove any weird box-shadow\n          '[box-shadow:none] focus:[box-shadow:none]',\n\n          // aria-invalid border color\n          'aria-invalid:border-error',\n        ].join(' '),\n        invisible: 'border-none text-inherit outline-none ring-0',\n      },\n      size: {\n        sm: 'px-2 py-2 text-sm md:py-1.5 md:text-xs',\n        md: 'px-2 py-3 md:py-2',\n        lg: 'p-4',\n      },\n      validationStyleEnabled: {\n        disabled: '',\n        enabled: 'valid:border-success invalid:border-error',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      validationStyleEnabled: 'disabled',\n    },\n  }\n);\n\nexport enum InputVariant {\n  DEFAULT = 'default',\n  INVISIBLE = 'invisible',\n}\n\nexport enum InputSize {\n  MD = 'md',\n  LG = 'lg',\n}\n\nexport type InputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'size'\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;\n\nexport const Input: FC<InputProps> = ({\n  validationStyleEnabled = false,\n  variant,\n  size,\n  className,\n  ...props\n}) => (\n  <input\n    className={cn(\n      inputVariants({\n        variant,\n        size,\n        validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n      }),\n      className\n    )}\n    {...props}\n  />\n);\n"],"mappings":";;;;AAIA,MAAM,MAAM,GAAG,YACb,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI;AAEnC,MAAa,gBAAgB,IAC3B;CAEE;CACA;CACA;CACA;CAGA;CACD,CAAC,KAAK,IAAI,EACX;CACE,UAAU;EACR,SAAS;GACP,SAAS;IACP;IACA;IACA;IAGA;IACA;IACA;IACA;IAGA;IAGA;IACD,CAAC,KAAK,IAAI;GACX,WAAW;GACZ;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,wBAAwB;GACtB,UAAU;GACV,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,wBAAwB;EACzB;CACF,CACF;AAED,IAAY,wDAAL;AACL;AACA;;;AAGF,IAAY,kDAAL;AACL;AACA;;;AAUF,MAAaA,SAAyB,EACpC,yBAAyB,OACzB,SACA,MACA,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,cAAc;EACZ;EACA;EACA,wBAAwB,yBAAyB,YAAY;EAC9D,CAAC,EACF,UACD;CACD,GAAI;EACJ"}

package/dist/esm/components/Input/InputPassword.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { Input } from "./Input.mjs";
-import { useState } from "react";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
+import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Input/InputPassword.tsx

package/dist/esm/components/Input/OTPInput.mjs

@@ -2,8 +2,8 @@
 
 import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
-import { createContext, useContext, useEffect, useRef, useState } from "react";
 import { MinusIcon } from "lucide-react";
+import { createContext, useContext, useEffect, useRef, useState } from "react";
 import { cva } from "class-variance-authority";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
@@ -347,7 +347,7 @@ const OTPInput = ({ value: uncheckedValue, onChange: uncheckedOnChange, maxLengt
 		inputMode,
 		pattern: regexp?.source,
 		"aria-placeholder": placeholder,
-		className: "-z-10 pointer-events-auto absolute inset-0 flex h-full border-0 border-transparent bg-transparent text-center font-mono text-transparent tabular-nums leading-none tracking-[-.5em] caret-transparent opacity-100 shadow-none outline-none",
+		className: "pointer-events-auto absolute inset-0 -z-10 flex h-full border-0 border-transparent bg-transparent text-center font-mono text-transparent tabular-nums leading-none tracking-[-.5em] caret-transparent opacity-100 shadow-none outline-none",
 		style: dynamicInputStyle,
 		maxLength,
 		value,
@@ -461,7 +461,7 @@ const InputOTPSlot = ({ index, className, onClick, onKeyDown, ...props }) => {
 		onKeyDown?.(e);
 	};
 	return /* @__PURE__ */ jsx(Button, {
-		"aria-active": isActive,
+		isSelected: isActive,
 		variant: "input",
 		color: "custom",
 		tabIndex: -1,