@poveste/controls 0.15.0 → 0.16.0

package/dist/style-standalone.css

@@ -1,207 +1,17 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer properties;
-.resize-observer[data-v-b329ee4c] {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  border: none;
-  background-color: transparent;
-  pointer-events: none;
-  display: block;
-  overflow: hidden;
-  opacity: 0;
-}
-.resize-observer[data-v-b329ee4c] object {
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  pointer-events: none;
-  z-index: -1;
-}
-.v-popper__popper {
-  z-index: 10000;
-  top: 0;
-  left: 0;
-  outline: none;
-}
-.v-popper__popper.v-popper__popper--hidden {
-  visibility: hidden;
-  opacity: 0;
-  transition: opacity .15s,visibility .15s;
-  pointer-events: none;
-}
-.v-popper__popper.v-popper__popper--shown {
-  visibility: visible;
-  opacity: 1;
-  transition: opacity .15s;
-}
-.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
-  transition: none !important;
-}
-.v-popper__backdrop {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: none;
-}
-.v-popper__inner {
-  position: relative;
-  box-sizing: border-box;
-  overflow-y: auto;
-}
-.v-popper__inner>div {
-  position: relative;
-  z-index: 1;
-  max-width: inherit;
-  max-height: inherit;
-}
-.v-popper__arrow-container {
-  position: absolute;
-  width: 10px;
-  height: 10px;
-}
-.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container {
-  display: none;
-}
-.v-popper__arrow-inner,.v-popper__arrow-outer {
-  border-style: solid;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 0;
-}
-.v-popper__arrow-inner {
-  visibility: hidden;
-  border-width: 7px;
-}
-.v-popper__arrow-outer {
-  border-width: 6px;
-}
-.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
-  left: -2px;
-}
-.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
-  left: -1px;
-}
-.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
-  border-bottom-width: 0;
-  border-left-color: transparent !important;
-  border-right-color: transparent !important;
-  border-bottom-color: transparent !important;
-}
-.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
-  top: -2px;
-}
-.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
-  top: 0;
-}
-.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
-  border-top-width: 0;
-  border-left-color: transparent !important;
-  border-right-color: transparent !important;
-  border-top-color: transparent !important;
-}
-.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
-  top: -4px;
-}
-.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
-  top: -6px;
-}
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
-  top: -2px;
-}
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
-  top: -1px;
-}
-.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
-  border-left-width: 0;
-  border-left-color: transparent !important;
-  border-top-color: transparent !important;
-  border-bottom-color: transparent !important;
-}
-.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
-  left: -4px;
-}
-.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
-  left: -6px;
-}
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
-  right: -10px;
-}
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
-  border-right-width: 0;
-  border-top-color: transparent !important;
-  border-right-color: transparent !important;
-  border-bottom-color: transparent !important;
-}
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
-  left: -2px;
-}
-.v-popper--theme-tooltip .v-popper__inner {
-  background: rgba(0,0,0,.8);
-  color: #fff;
-  border-radius: 6px;
-  padding: 7px 12px 6px;
-}
-.v-popper--theme-tooltip .v-popper__arrow-outer {
-  border-color: #000c;
-}
-.v-popper--theme-dropdown .v-popper__inner {
-  background: #fff;
-  color: #000;
-  border-radius: 6px;
-  border: 1px solid #ddd;
-  box-shadow: 0 6px 30px #0000001a;
-}
-.v-popper--theme-dropdown .v-popper__arrow-inner {
-  visibility: visible;
-  border-color: #fff;
-}
-.v-popper--theme-dropdown .v-popper__arrow-outer {
-  border-color: #ddd;
-}
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
     --color-orange-500: oklch(70.5% 0.213 47.604);
-    --color-emerald-50: oklch(97.9% 0.021 166.113);
-    --color-emerald-100: oklch(95% 0.052 163.051);
-    --color-emerald-200: oklch(90.5% 0.093 164.15);
-    --color-emerald-300: oklch(84.5% 0.143 164.978);
-    --color-emerald-400: oklch(76.5% 0.177 163.223);
-    --color-emerald-500: oklch(69.6% 0.17 162.48);
-    --color-emerald-600: oklch(59.6% 0.145 163.225);
-    --color-emerald-700: oklch(50.8% 0.118 165.612);
-    --color-emerald-800: oklch(43.2% 0.095 166.913);
-    --color-emerald-900: oklch(37.8% 0.077 168.94);
-    --color-emerald-950: oklch(26.2% 0.051 172.552);
-    --color-gray-50: var(--color-zinc-50);
-    --color-gray-100: var(--color-zinc-100);
-    --color-gray-200: var(--color-zinc-200);
-    --color-gray-500: var(--color-zinc-500);
-    --color-gray-600: var(--color-zinc-600);
-    --color-gray-700: var(--color-zinc-700);
-    --color-gray-900: var(--color-zinc-900);
-    --color-zinc-50: oklch(98.5% 0 none);
-    --color-zinc-100: oklch(96.7% 0.001 286.375);
-    --color-zinc-200: oklch(92% 0.004 286.32);
-    --color-zinc-300: oklch(87.1% 0.006 286.286);
-    --color-zinc-400: oklch(70.5% 0.015 286.067);
-    --color-zinc-500: oklch(55.2% 0.016 285.938);
-    --color-zinc-600: oklch(44.2% 0.017 285.786);
-    --color-zinc-700: oklch(37% 0.013 285.805);
-    --color-zinc-800: oklch(27.4% 0.006 286.033);
-    --color-zinc-900: oklch(21% 0.006 285.885);
+    --color-gray-50: var(--_poveste-color-gray-50, #fafafa);
+    --color-gray-100: var(--_poveste-color-gray-100, #f4f4f5);
+    --color-gray-200: var(--_poveste-color-gray-200, #e4e4e7);
+    --color-gray-400: var(--_poveste-color-gray-400, #a1a1aa);
+    --color-gray-500: var(--_poveste-color-gray-500, #71717a);
+    --color-gray-600: var(--_poveste-color-gray-600, #52525b);
+    --color-gray-700: var(--_poveste-color-gray-700, #3f3f46);
+    --color-gray-900: var(--_poveste-color-gray-900, #18181b);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -209,40 +19,31 @@
     --text-xs--line-height: calc(1 / 0.75);
     --text-5xl: 3rem;
     --text-5xl--line-height: 1;
-    --leading-normal: 1.5;
     --radius-sm: 0.25rem;
-    --ease-out: cubic-bezier(0, 0, 0.2, 1);
-    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --radius: 0.375rem;
-    --color-primary-100: var(--color-emerald-100);
-    --color-primary-200: var(--color-emerald-200);
-    --color-primary-500: var(--color-emerald-500);
-    --color-primary-600: var(--color-emerald-600);
-    --color-primary-700: var(--color-emerald-700);
-    --color-primary-800: var(--color-emerald-800);
-    --color-primary-900: var(--color-emerald-900);
-    --color-gray-750: #323238;
-    --color-gray-850: #1f1f21;
+    --color-primary-100: var(--_poveste-color-primary-100, #d1fae5);
+    --color-primary-200: var(--_poveste-color-primary-200, #a7f3d0);
+    --color-primary-500: var(--_poveste-color-primary-500, #10b981);
+    --color-primary-600: var(--_poveste-color-primary-600, #059669);
+    --color-primary-700: var(--_poveste-color-primary-700, #047857);
+    --color-primary-800: var(--_poveste-color-primary-800, #065f46);
+    --color-primary-900: var(--_poveste-color-primary-900, #064e3b);
+    --color-gray-750: var(--_poveste-color-gray-750, #323238);
+    --color-gray-850: var(--_poveste-color-gray-850, #1f1f21);
   }
 }
 @layer utilities {
-  .absolute {
-    position: absolute;
+  .visible {
+    visibility: visible;
+  }
+  .fixed {
+    position: fixed;
   }
   .relative {
     position: relative;
   }
-  .inset-0 {
-    inset: 0px;
-  }
-  .z-10 {
-    z-index: 10;
-  }
-  .m-0 {
-    margin: 0px;
-  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -258,15 +59,9 @@
   .my-8 {
     margin-block: calc(var(--spacing) * 8);
   }
-  .mr-2 {
-    margin-right: calc(var(--spacing) * 2);
-  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
-  .ml-auto {
-    margin-left: auto;
-  }
   .box-border {
     box-sizing: border-box;
   }
@@ -279,14 +74,8 @@
   .grid {
     display: grid;
   }
-  .hidden\! {
-    display: none !important;
-  }
-  .h-1 {
-    height: var(--spacing);
-  }
-  .h-3 {
-    height: calc(var(--spacing) * 3);
+  .hidden {
+    display: none;
   }
   .h-4 {
     height: calc(var(--spacing) * 4);
@@ -303,27 +92,12 @@
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
-  .h-\[16px\] {
-    height: 16px;
-  }
-  .h-\[22px\] {
-    height: 22px;
-  }
-  .h-\[27px\] {
-    height: 27px;
-  }
   .h-\[100px\] {
     height: 100px;
   }
   .min-h-32 {
     min-height: calc(var(--spacing) * 32);
   }
-  .min-h-\[26px\] {
-    min-height: 26px;
-  }
-  .w-3 {
-    width: calc(var(--spacing) * 3);
-  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -336,18 +110,12 @@
   .w-32 {
     width: calc(var(--spacing) * 32);
   }
-  .w-\[16px\] {
-    width: 16px;
-  }
   .w-full {
     width: 100%;
   }
   .max-w-full {
     max-width: 100%;
   }
-  .flex-1 {
-    flex: 1;
-  }
   .flex-none {
     flex: none;
   }
@@ -357,33 +125,30 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .flex-grow {
+    flex-grow: 1;
+  }
   .grow {
     flex-grow: 1;
   }
-  .scale-0 {
-    --tw-scale-x: 0%;
-    --tw-scale-y: 0%;
-    --tw-scale-z: 0%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
+  .border-collapse {
+    border-collapse: collapse;
   }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
-  .cursor-ew-resize {
-    cursor: ew-resize;
-  }
   .cursor-pointer {
     cursor: pointer;
   }
   .cursor-text {
     cursor: text;
   }
+  .resize {
+    resize: both;
+  }
   .resize-y {
     resize: vertical;
   }
-  .appearance-none {
-    appearance: none;
-  }
   .grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
   }
@@ -393,9 +158,6 @@
   .flex-row {
     flex-direction: row;
   }
-  .flex-nowrap {
-    flex-wrap: nowrap;
-  }
   .flex-wrap {
     flex-wrap: wrap;
   }
@@ -414,9 +176,6 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
-  .gap-px {
-    gap: 1px;
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -431,9 +190,6 @@
   .rounded {
     border-radius: var(--radius);
   }
-  .rounded-\[3px\]\! {
-    border-radius: 3px !important;
-  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -452,14 +208,6 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
-  .border-8 {
-    border-style: var(--tw-border-style);
-    border-width: 8px;
-  }
-  .border-none {
-    --tw-border-style: none;
-    border-style: none;
-  }
   .border-solid {
     --tw-border-style: solid;
     border-style: solid;
@@ -470,9 +218,6 @@
       border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
     }
   }
-  .border-primary-500 {
-    border-color: var(--color-primary-500);
-  }
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
@@ -480,44 +225,29 @@
     background-color: var(--color-gray-200);
   }
   .bg-gray-500\/10 {
-    background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 10%, transparent);
+    background-color: var(--color-gray-500);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
     }
   }
+  .bg-gray-500\/20 {
+    background-color: var(--color-gray-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
+    }
+  }
   .bg-gray-500\/50 {
-    background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 50%, transparent);
+    background-color: var(--color-gray-500);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-gray-500) 50%, transparent);
     }
   }
-  .bg-primary-200 {
-    background-color: var(--color-primary-200);
-  }
-  .bg-primary-500 {
-    background-color: var(--color-primary-500);
-  }
-  .bg-primary-500\! {
-    background-color: var(--color-primary-500) !important;
-  }
   .bg-transparent {
     background-color: transparent;
   }
   .bg-white {
     background-color: var(--color-white);
   }
-  .fill-primary-500 {
-    fill: var(--color-primary-500);
-  }
-  .fill-transparent {
-    fill: transparent;
-  }
-  .stroke-white {
-    stroke: var(--color-white);
-  }
-  .stroke-2 {
-    stroke-width: 2;
-  }
   .p-0 {
     padding: 0px;
   }
@@ -527,21 +257,12 @@
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
-  .p-px {
-    padding: 1px;
-  }
-  .px-1 {
-    padding-inline: var(--spacing);
-  }
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
   .py-1 {
     padding-block: var(--spacing);
   }
-  .pl-2 {
-    padding-left: calc(var(--spacing) * 2);
-  }
   .text-5xl {
     font-size: var(--text-5xl);
     line-height: var(--tw-leading, var(--text-5xl--line-height));
@@ -550,21 +271,14 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  .leading-normal {
-    --tw-leading: var(--leading-normal);
-    line-height: var(--leading-normal);
-  }
   .text-ellipsis {
     text-overflow: ellipsis;
   }
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .text-gray-700 {
-    color: var(--color-gray-700);
-  }
-  .text-gray-900 {
-    color: var(--color-gray-900);
+  .text-gray-500 {
+    color: var(--color-gray-500);
   }
   .text-inherit {
     color: inherit;
@@ -572,12 +286,13 @@
   .text-orange-500 {
     color: var(--color-orange-500);
   }
-  .text-white {
-    color: var(--color-white);
-  }
   .opacity-50 {
     opacity: 50%;
   }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -595,79 +310,17 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-all {
-    transition-property: all;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .transition-none {
-    transition-property: none;
-  }
-  .delay-150 {
-    transition-delay: 150ms;
-  }
-  .duration-150 {
-    --tw-duration: 150ms;
-    transition-duration: 150ms;
-  }
-  .duration-200 {
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
-  }
-  .ease-in-out {
-    --tw-ease: var(--ease-in-out);
-    transition-timing-function: var(--ease-in-out);
-  }
-  .ease-out {
-    --tw-ease: var(--ease-out);
-    transition-timing-function: var(--ease-out);
-  }
-  .will-change-transform {
-    will-change: transform;
-  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
   }
-  .select-none {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-  @media (hover: hover) {
-    .group-hover\:border-primary-500:is(:where(.group):hover *) {
-      border-color: var(--color-primary-500);
-    }
-  }
-  .group-active\:bg-gray-500\/20:is(:where(.group):active *) {
-    background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
-    }
-  }
   .focus-within\:border-primary-500:focus-within {
     border-color: var(--color-primary-500);
   }
   @media (hover: hover) {
-    .hover\:border-primary-500:hover {
-      border-color: var(--color-primary-500);
-    }
-    .hover\:bg-gray-500\/20:hover {
-      background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 20%, transparent);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-gray-500\/20:hover {
-        background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
-      }
-    }
     .hover\:bg-primary-100:hover {
       background-color: var(--color-primary-100);
     }
-    .hover\:bg-primary-200:hover {
-      background-color: var(--color-primary-200);
-    }
-    .hover\:bg-primary-600:hover {
-      background-color: var(--color-primary-600);
-    }
     .hover\:text-primary-500:hover {
       color: var(--color-primary-500);
     }
@@ -681,9 +334,6 @@
   .focus-visible\:opacity-100:focus-visible {
     opacity: 100%;
   }
-  .dark\:border-gray-850:where(.ptw-dark, .ptw-dark *) {
-    border-color: var(--color-gray-850);
-  }
   .dark\:border-white\/25:where(.ptw-dark, .ptw-dark *) {
     border-color: color-mix(in srgb, #fff 25%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -699,39 +349,16 @@
   .dark\:bg-gray-700:where(.ptw-dark, .ptw-dark *) {
     background-color: var(--color-gray-700);
   }
-  .dark\:bg-gray-750:where(.ptw-dark, .ptw-dark *) {
-    background-color: var(--color-gray-750);
-  }
-  .dark\:bg-primary-800:where(.ptw-dark, .ptw-dark *) {
-    background-color: var(--color-primary-800);
-  }
-  .dark\:text-black:where(.ptw-dark, .ptw-dark *) {
-    color: var(--color-black);
-  }
-  .dark\:text-gray-100:where(.ptw-dark, .ptw-dark *) {
-    color: var(--color-gray-100);
-  }
-  @media (hover: hover) {
-    .group-hover\:dark\:border-primary-500:is(:where(.group):hover *):where(.ptw-dark, .ptw-dark *) {
-      border-color: var(--color-primary-500);
-    }
+  .dark\:text-gray-400:where(.ptw-dark, .ptw-dark *) {
+    color: var(--color-gray-400);
   }
   .dark\:focus-within\:border-primary-500:where(.ptw-dark, .ptw-dark *):focus-within {
     border-color: var(--color-primary-500);
   }
   @media (hover: hover) {
-    .dark\:hover\:border-primary-500:where(.ptw-dark, .ptw-dark *):hover {
-      border-color: var(--color-primary-500);
-    }
-    .dark\:hover\:bg-primary-700:where(.ptw-dark, .ptw-dark *):hover {
-      background-color: var(--color-primary-700);
-    }
     .dark\:hover\:bg-primary-800:where(.ptw-dark, .ptw-dark *):hover {
       background-color: var(--color-primary-800);
     }
-    .dark\:hover\:bg-primary-900:where(.ptw-dark, .ptw-dark *):hover {
-      background-color: var(--color-primary-900);
-    }
   }
   .dark\:focus\:border-primary-500:where(.ptw-dark, .ptw-dark *):focus {
     border-color: var(--color-primary-500);
@@ -748,49 +375,95 @@ body {
     font-size: .875rem;
   }
 }
-@property --tw-scale-x {
+@property --tw-rotate-x {
   syntax: "*";
   inherits: false;
-  initial-value: 1;
 }
-@property --tw-scale-y {
+@property --tw-rotate-y {
   syntax: "*";
   inherits: false;
-  initial-value: 1;
 }
-@property --tw-scale-z {
+@property --tw-rotate-z {
   syntax: "*";
   inherits: false;
-  initial-value: 1;
 }
-@property --tw-rotate-x {
+@property --tw-skew-x {
   syntax: "*";
   inherits: false;
 }
-@property --tw-rotate-y {
+@property --tw-skew-y {
   syntax: "*";
   inherits: false;
 }
-@property --tw-rotate-z {
+@property --tw-border-style {
   syntax: "*";
   inherits: false;
+  initial-value: solid;
 }
-@property --tw-skew-x {
+@property --tw-shadow {
   syntax: "*";
   inherits: false;
+  initial-value: 0 0 #0000;
 }
-@property --tw-skew-y {
+@property --tw-shadow-color {
   syntax: "*";
   inherits: false;
 }
-@property --tw-border-style {
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
   syntax: "*";
   inherits: false;
-  initial-value: solid;
 }
-@property --tw-leading {
+@property --tw-inset-ring-shadow {
   syntax: "*";
   inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
 }
 @property --tw-outline-style {
   syntax: "*";
@@ -850,27 +523,29 @@ body {
   syntax: "*";
   inherits: false;
 }
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-border-style: solid;
-      --tw-leading: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
@@ -885,8 +560,6 @@ body {
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
-      --tw-duration: initial;
-      --tw-ease: initial;
     }
   }
 }