warqadui 0.0.296 → 0.0.298

package/dist/styles.mjs

@@ -1,3 +1,5 @@
+import "./chunk-7P6ASYW6.mjs";
+
 // #style-inject:#style-inject
 function styleInject(css, { insertAt } = {}) {
   if (!css || typeof document === "undefined") return;
@@ -476,6 +478,10 @@ select:-webkit-autofill:focus {
   top: 0px;
   bottom: 0px;
 }
+.inset-y-1 {
+  top: 0.25rem;
+  bottom: 0.25rem;
+}
 .-left-full {
   left: -100%;
 }
@@ -527,6 +533,9 @@ select:-webkit-autofill:focus {
 .top-4 {
   top: 1rem;
 }
+.top-full {
+  top: 100%;
+}
 .z-0 {
   z-index: 0;
 }
@@ -1043,6 +1052,9 @@ select:-webkit-autofill:focus {
 .min-w-32 {
   min-width: 8rem;
 }
+.min-w-48 {
+  min-width: 12rem;
+}
 .min-w-6 {
   min-width: 1.5rem;
 }
@@ -1067,6 +1079,9 @@ select:-webkit-autofill:focus {
 .min-w-\\[200px\\] {
   min-width: 200px;
 }
+.min-w-\\[240px\\] {
+  min-width: 240px;
+}
 .min-w-\\[40px\\] {
   min-width: 40px;
 }
@@ -1412,6 +1427,10 @@ select:-webkit-autofill:focus {
   --tw-divide-opacity: 1;
   border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
 }
+.divide-zinc-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(250 250 250 / var(--tw-divide-opacity, 1));
+}
 .self-start {
   align-self: flex-start;
 }
@@ -1486,10 +1505,26 @@ select:-webkit-autofill:focus {
 .rounded-xl {
   border-radius: 0.75rem;
 }
+.rounded-l-none {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+.rounded-l-xl {
+  border-top-left-radius: 0.75rem;
+  border-bottom-left-radius: 0.75rem;
+}
 .rounded-r-full {
   border-top-right-radius: 9999px;
   border-bottom-right-radius: 9999px;
 }
+.rounded-r-none {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+.rounded-r-xl {
+  border-top-right-radius: 0.75rem;
+  border-bottom-right-radius: 0.75rem;
+}
 .rounded-bl-xl {
   border-bottom-left-radius: 0.75rem;
 }
@@ -1522,6 +1557,9 @@ select:-webkit-autofill:focus {
 .border-l {
   border-left-width: 1px;
 }
+.border-l-0 {
+  border-left-width: 0px;
+}
 .border-l-2 {
   border-left-width: 2px;
 }
@@ -1531,6 +1569,9 @@ select:-webkit-autofill:focus {
 .border-r {
   border-right-width: 1px;
 }
+.border-r-0 {
+  border-right-width: 0px;
+}
 .border-t {
   border-top-width: 1px;
 }
@@ -1618,6 +1659,10 @@ select:-webkit-autofill:focus {
 .border-emerald-400\\/35 {
   border-color: rgb(52 211 153 / 0.35);
 }
+.border-emerald-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
+}
 .border-emerald-500\\/10 {
   border-color: rgb(16 185 129 / 0.1);
 }
@@ -1703,6 +1748,10 @@ select:-webkit-autofill:focus {
 .border-rose-200\\/50 {
   border-color: rgb(254 205 211 / 0.5);
 }
+.border-rose-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
+}
 .border-sky-100 {
   --tw-border-opacity: 1;
   border-color: rgb(224 242 254 / var(--tw-border-opacity, 1));
@@ -1754,6 +1803,10 @@ select:-webkit-autofill:focus {
   --tw-border-opacity: 1;
   border-color: rgb(244 244 245 / var(--tw-border-opacity, 1));
 }
+.border-zinc-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
+}
 .border-zinc-200\\/80 {
   border-color: rgb(228 228 231 / 0.8);
 }
@@ -1984,6 +2037,9 @@ select:-webkit-autofill:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
 }
+.bg-rose-50\\/20 {
+  background-color: rgb(255 241 242 / 0.2);
+}
 .bg-rose-50\\/70 {
   background-color: rgb(255 241 242 / 0.7);
 }
@@ -2083,10 +2139,16 @@ select:-webkit-autofill:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
 }
+.bg-zinc-100\\/70 {
+  background-color: rgb(244 244 245 / 0.7);
+}
 .bg-zinc-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
 }
+.bg-zinc-50\\/50 {
+  background-color: rgb(250 250 250 / 0.5);
+}
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
@@ -2399,6 +2461,9 @@ select:-webkit-autofill:focus {
 .pl-6 {
   padding-left: 1.5rem;
 }
+.pl-8 {
+  padding-left: 2rem;
+}
 .pl-9 {
   padding-left: 2.25rem;
 }
@@ -2414,12 +2479,21 @@ select:-webkit-autofill:focus {
 .pr-3 {
   padding-right: 0.75rem;
 }
+.pr-7 {
+  padding-right: 1.75rem;
+}
 .pr-8 {
   padding-right: 2rem;
 }
+.pr-9 {
+  padding-right: 2.25rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
+.pt-0\\.5 {
+  padding-top: 0.125rem;
+}
 .pt-1 {
   padding-top: 0.25rem;
 }
@@ -2804,6 +2878,10 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(153 27 27 / var(--tw-text-opacity, 1));
 }
+.text-rose-500 {
+  --tw-text-opacity: 1;
+  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
+}
 .text-rose-600 {
   --tw-text-opacity: 1;
   color: rgb(225 29 72 / var(--tw-text-opacity, 1));
@@ -2816,6 +2894,10 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(159 18 57 / var(--tw-text-opacity, 1));
 }
+.text-rose-900 {
+  --tw-text-opacity: 1;
+  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
+}
 .text-sky-500 {
   --tw-text-opacity: 1;
   color: rgb(14 165 233 / var(--tw-text-opacity, 1));
@@ -2874,6 +2956,10 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity, 1));
 }
+.text-zinc-400 {
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
+}
 .text-zinc-500 {
   --tw-text-opacity: 1;
   color: rgb(113 113 122 / var(--tw-text-opacity, 1));
@@ -2882,6 +2968,14 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(82 82 91 / var(--tw-text-opacity, 1));
 }
+.text-zinc-700 {
+  --tw-text-opacity: 1;
+  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
+}
+.text-zinc-800 {
+  --tw-text-opacity: 1;
+  color: rgb(39 39 42 / var(--tw-text-opacity, 1));
+}
 .text-zinc-900 {
   --tw-text-opacity: 1;
   color: rgb(24 24 27 / var(--tw-text-opacity, 1));
@@ -3114,6 +3208,9 @@ select:-webkit-autofill:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
 }
+.ring-emerald-500\\/20 {
+  --tw-ring-color: rgb(16 185 129 / 0.2);
+}
 .ring-red-500 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
@@ -3277,6 +3374,14 @@ select:-webkit-autofill:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
 }
+.placeholder\\:text-zinc-400::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
+}
+.placeholder\\:text-zinc-400::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
+}
 .before\\:absolute::before {
   content: var(--tw-content);
   position: absolute;
@@ -3326,6 +3431,14 @@ select:-webkit-autofill:focus {
 .last\\:pb-0:last-child {
   padding-bottom: 0px;
 }
+.focus-within\\:border-emerald-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
+}
+.focus-within\\:border-rose-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
+}
 .focus-within\\:bg-white:focus-within {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -3333,6 +3446,20 @@ select:-webkit-autofill:focus {
 .focus-within\\:opacity-100:focus-within {
   opacity: 1;
 }
+.focus-within\\:ring-2:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.focus-within\\:ring-emerald-500\\/20:focus-within {
+  --tw-ring-color: rgb(16 185 129 / 0.2);
+}
+.focus-within\\:ring-rose-500\\/20:focus-within {
+  --tw-ring-color: rgb(244 63 94 / 0.2);
+}
 .hover\\:-translate-y-0\\.5:hover {
   --tw-translate-y: -0.125rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3431,6 +3558,9 @@ select:-webkit-autofill:focus {
 .hover\\:bg-gray-50\\/50:hover {
   background-color: rgb(249 250 251 / 0.5);
 }
+.hover\\:bg-gray-50\\/60:hover {
+  background-color: rgb(249 250 251 / 0.6);
+}
 .hover\\:bg-gray-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
@@ -3480,6 +3610,9 @@ select:-webkit-autofill:focus {
 .hover\\:bg-slate-50\\/50:hover {
   background-color: rgb(248 250 252 / 0.5);
 }
+.hover\\:bg-transparent:hover {
+  background-color: transparent;
+}
 .hover\\:bg-white:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -3494,6 +3627,16 @@ select:-webkit-autofill:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
 }
+.hover\\:bg-zinc-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
+}
+.hover\\:bg-zinc-100\\/60:hover {
+  background-color: rgb(244 244 245 / 0.6);
+}
+.hover\\:bg-zinc-200\\/50:hover {
+  background-color: rgb(228 228 231 / 0.5);
+}
 .hover\\:bg-zinc-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
@@ -3546,6 +3689,14 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.hover\\:text-zinc-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
+}
+.hover\\:text-zinc-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
+}
 .hover\\:underline:hover {
   text-decoration-line: underline;
 }
@@ -3595,6 +3746,10 @@ select:-webkit-autofill:focus {
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
 }
+.focus\\:border-rose-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
+}
 .focus\\:border-slate-400:focus {
   --tw-border-opacity: 1;
   border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
@@ -3642,6 +3797,9 @@ select:-webkit-autofill:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
 }
+.focus\\:ring-emerald-500\\/20:focus {
+  --tw-ring-color: rgb(16 185 129 / 0.2);
+}
 .focus\\:ring-gray-400:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
@@ -3650,6 +3808,9 @@ select:-webkit-autofill:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
 }
+.focus\\:ring-rose-500\\/20:focus {
+  --tw-ring-color: rgb(244 63 94 / 0.2);
+}
 .focus\\:ring-slate-400:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
@@ -3755,9 +3916,15 @@ select:-webkit-autofill:focus {
 .dark\\:divide-zinc-800\\/50:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
   border-color: rgb(39 39 42 / 0.5);
 }
+.dark\\:divide-zinc-800\\/60:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
+  border-color: rgb(39 39 42 / 0.6);
+}
 .dark\\:border-amber-500\\/20:is(.dark *) {
   border-color: rgb(245 158 11 / 0.2);
 }
+.dark\\:border-amber-800\\/40:is(.dark *) {
+  border-color: rgb(146 64 14 / 0.4);
+}
 .dark\\:border-amber-900\\/30:is(.dark *) {
   border-color: rgb(120 53 15 / 0.3);
 }
@@ -3831,6 +3998,10 @@ select:-webkit-autofill:focus {
 .dark\\:border-red-900\\/50:is(.dark *) {
   border-color: rgb(127 29 29 / 0.5);
 }
+.dark\\:border-rose-800:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(159 18 57 / var(--tw-border-opacity, 1));
+}
 .dark\\:border-rose-900\\/30:is(.dark *) {
   border-color: rgb(136 19 55 / 0.3);
 }
@@ -4192,6 +4363,9 @@ select:-webkit-autofill:focus {
 .dark\\:bg-zinc-800\\/50:is(.dark *) {
   background-color: rgb(39 39 42 / 0.5);
 }
+.dark\\:bg-zinc-800\\/60:is(.dark *) {
+  background-color: rgb(39 39 42 / 0.6);
+}
 .dark\\:bg-zinc-800\\/80:is(.dark *) {
   background-color: rgb(39 39 42 / 0.8);
 }
@@ -4217,6 +4391,9 @@ select:-webkit-autofill:focus {
 .dark\\:bg-zinc-900\\/80:is(.dark *) {
   background-color: rgb(24 24 27 / 0.8);
 }
+.dark\\:bg-zinc-900\\/90:is(.dark *) {
+  background-color: rgb(24 24 27 / 0.9);
+}
 .dark\\:bg-zinc-950:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
@@ -4362,6 +4539,10 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(255 228 230 / var(--tw-text-opacity, 1));
 }
+.dark\\:text-rose-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
+}
 .dark\\:text-rose-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(251 113 133 / var(--tw-text-opacity, 1));
@@ -4472,6 +4653,14 @@ select:-webkit-autofill:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(9 9 11 / var(--tw-ring-opacity, 1));
 }
+.dark\\:placeholder\\:text-zinc-500:is(.dark *)::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
+}
+.dark\\:placeholder\\:text-zinc-500:is(.dark *)::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
+}
 .dark\\:focus-within\\:bg-zinc-900:focus-within:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
@@ -4588,6 +4777,9 @@ select:-webkit-autofill:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
 }
+.dark\\:hover\\:bg-zinc-700\\/50:hover:is(.dark *) {
+  background-color: rgb(63 63 70 / 0.5);
+}
 .dark\\:hover\\:bg-zinc-700\\/80:hover:is(.dark *) {
   background-color: rgb(63 63 70 / 0.8);
 }
@@ -4601,6 +4793,12 @@ select:-webkit-autofill:focus {
 .dark\\:hover\\:bg-zinc-800\\/20:hover:is(.dark *) {
   background-color: rgb(39 39 42 / 0.2);
 }
+.dark\\:hover\\:bg-zinc-800\\/40:hover:is(.dark *) {
+  background-color: rgb(39 39 42 / 0.4);
+}
+.dark\\:hover\\:bg-zinc-800\\/90:hover:is(.dark *) {
+  background-color: rgb(39 39 42 / 0.9);
+}
 .dark\\:hover\\:bg-zinc-900:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
@@ -4984,9 +5182,28 @@ select:-webkit-autofill:focus {
   font-size: 1rem;
   line-height: 1.5rem;
 }
+.\\[\\&_\\.PhoneInputCountrySelectArrow\\]\\:text-zinc-400 .PhoneInputCountrySelectArrow {
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
+}
+.\\[\\&_\\.PhoneInputCountrySelectArrow\\]\\:opacity-70 .PhoneInputCountrySelectArrow {
+  opacity: 0.7;
+}
+.\\[\\&_\\.PhoneInputCountrySelect\\]\\:cursor-pointer .PhoneInputCountrySelect {
+  cursor: pointer;
+}
 .\\[\\&_\\.PhoneInputCountry\\]\\:mr-2 .PhoneInputCountry {
   margin-right: 0.5rem;
 }
+.\\[\\&_\\.PhoneInputCountry\\]\\:mr-2\\.5 .PhoneInputCountry {
+  margin-right: 0.625rem;
+}
+.\\[\\&_\\.PhoneInputCountry\\]\\:flex .PhoneInputCountry {
+  display: flex;
+}
+.\\[\\&_\\.PhoneInputCountry\\]\\:items-center .PhoneInputCountry {
+  align-items: center;
+}
 .\\[\\&_\\.PhoneInputInput\\:\\:placeholder\\]\\:text-gray-400 .PhoneInputInput::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -4995,6 +5212,14 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
+.\\[\\&_\\.PhoneInputInput\\:\\:placeholder\\]\\:text-zinc-400 .PhoneInputInput::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
+}
+.\\[\\&_\\.PhoneInputInput\\:\\:placeholder\\]\\:text-zinc-400 .PhoneInputInput::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
+}
 .\\[\\&_\\.PhoneInputInput\\:\\:placeholder\\]\\:dark\\:text-zinc-500:is(.dark *) .PhoneInputInput::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(113 113 122 / var(--tw-text-opacity, 1));
@@ -5003,17 +5228,57 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(113 113 122 / var(--tw-text-opacity, 1));
 }
+.\\[\\&_\\.PhoneInputInput\\]\\:h-full .PhoneInputInput {
+  height: 100%;
+}
+.\\[\\&_\\.PhoneInputInput\\]\\:w-full .PhoneInputInput {
+  width: 100%;
+}
+.\\[\\&_\\.PhoneInputInput\\]\\:border-none .PhoneInputInput {
+  border-style: none;
+}
 .\\[\\&_\\.PhoneInputInput\\]\\:bg-transparent .PhoneInputInput {
   background-color: transparent;
 }
+.\\[\\&_\\.PhoneInputInput\\]\\:font-mono .PhoneInputInput {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
 .\\[\\&_\\.PhoneInputInput\\]\\:text-sm .PhoneInputInput {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
+.\\[\\&_\\.PhoneInputInput\\]\\:text-xs .PhoneInputInput {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.\\[\\&_\\.PhoneInputInput\\]\\:text-zinc-900 .PhoneInputInput {
+  --tw-text-opacity: 1;
+  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
+}
 .\\[\\&_\\.PhoneInputInput\\]\\:outline-none .PhoneInputInput {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.\\[\\&_\\.PhoneInputInput\\]\\:focus\\:ring-0:focus .PhoneInputInput {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.\\[\\&_\\.PhoneInputInput\\]\\:dark\\:text-zinc-100:is(.dark *) .PhoneInputInput {
+  --tw-text-opacity: 1;
+  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
+}
 .\\[\\&_svg\\]\\:h-4 svg {
   height: 1rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "warqadui",
-  "version": "0.0.296",
+  "version": "0.0.298",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",