npm - @pipe0/react - Versions diffs - 0.0.4 → 0.0.6 - Mend

@pipe0/react 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (307) hide show

package/dist/styles/pipe0-form.css CHANGED Viewed

@@ -11,12 +11,20 @@
     --pz-color-orange-700: oklch(55.3% 0.195 38.402);
     --pz-color-amber-100: oklch(96.2% 0.059 95.617);
     --pz-color-amber-400: oklch(82.8% 0.189 84.429);
+    --pz-color-amber-500: oklch(76.9% 0.188 70.08);
     --pz-color-amber-700: oklch(55.5% 0.163 48.998);
     --pz-color-amber-900: oklch(41.4% 0.112 45.904);
     --pz-color-yellow-400: oklch(85.2% 0.199 91.936);
     --pz-color-yellow-700: oklch(55.4% 0.135 66.442);
     --pz-color-green-400: oklch(79.2% 0.209 151.711);
     --pz-color-green-700: oklch(52.7% 0.154 150.069);
+    --pz-color-emerald-50: oklch(97.9% 0.021 166.113);
+    --pz-color-emerald-100: oklch(95% 0.052 163.051);
+    --pz-color-emerald-400: oklch(76.5% 0.177 163.223);
+    --pz-color-emerald-500: oklch(69.6% 0.17 162.48);
+    --pz-color-emerald-700: oklch(50.8% 0.118 165.612);
+    --pz-color-emerald-900: oklch(37.8% 0.077 168.94);
+    --pz-color-emerald-950: oklch(26.2% 0.051 172.552);
     --pz-color-cyan-400: oklch(78.9% 0.154 211.53);
     --pz-color-cyan-700: oklch(52% 0.105 223.128);
     --pz-color-sky-100: oklch(95.1% 0.026 236.824);
@@ -32,6 +40,10 @@
     --pz-color-violet-900: oklch(38% 0.189 293.745);
     --pz-color-purple-400: oklch(71.4% 0.203 305.504);
     --pz-color-purple-700: oklch(49.6% 0.265 301.924);
+    --pz-color-rose-50: oklch(96.9% 0.015 12.422);
+    --pz-color-rose-400: oklch(71.2% 0.194 13.428);
+    --pz-color-rose-700: oklch(51.4% 0.222 16.935);
+    --pz-color-rose-950: oklch(27.1% 0.105 12.094);
     --pz-color-gray-400: oklch(70.7% 0.022 261.325);
     --pz-color-gray-700: oklch(37.3% 0.034 259.733);
     --pz-color-black: #000;
@@ -48,13 +60,14 @@
     --pz-font-weight-normal: 400;
     --pz-font-weight-medium: 500;
     --pz-font-weight-semibold: 600;
-    --pz-tracking-tight: -0.025em;
     --pz-tracking-normal: 0em;
     --pz-tracking-wide: 0.025em;
     --pz-tracking-widest: 0.1em;
     --pz-leading-tight: 1.25;
     --pz-radius-md: calc(var(--p0-radius) - 2px);
+    --pz-ease-out: cubic-bezier(0, 0, 0.2, 1);
     --pz-animate-spin: spin 1s linear infinite;
+    --pz-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --pz-blur-xs: 4px;
     --pz-default-transition-duration: 150ms;
     --pz-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -90,6 +103,9 @@
   .pz\:inset-0 {
     inset: calc(var(--pz-spacing) * 0);
   }
+  .pz\:inset-x-0 {
+    inset-inline: calc(var(--pz-spacing) * 0);
+  }
   .pz\:top-0 {
     top: calc(var(--pz-spacing) * 0);
   }
@@ -105,6 +121,9 @@
   .pz\:right-2 {
     right: calc(var(--pz-spacing) * 2);
   }
+  .pz\:-bottom-px {
+    bottom: -1px;
+  }
   .pz\:bottom-0 {
     bottom: calc(var(--pz-spacing) * 0);
   }
@@ -162,9 +181,6 @@
   .pz\:-mb-4 {
     margin-bottom: calc(var(--pz-spacing) * -4);
   }
-  .pz\:mb-2 {
-    margin-bottom: calc(var(--pz-spacing) * 2);
-  }
   .pz\:-ml-1 {
     margin-left: calc(var(--pz-spacing) * -1);
   }
@@ -199,6 +215,9 @@
   .pz\:block {
     display: block;
   }
+  .pz\:contents {
+    display: contents;
+  }
   .pz\:flex {
     display: flex;
   }
@@ -261,6 +280,12 @@
     width: 100%;
     height: 100%;
   }
+  .pz\:h-\(--accordion-panel-height\) {
+    height: var(--accordion-panel-height);
+  }
+  .pz\:h-0\.5 {
+    height: calc(var(--pz-spacing) * 0.5);
+  }
   .pz\:h-3 {
     height: calc(var(--pz-spacing) * 3);
   }
@@ -309,6 +334,9 @@
   .pz\:max-h-\(--available-height\) {
     max-height: var(--available-height);
   }
+  .pz\:max-h-44 {
+    max-height: calc(var(--pz-spacing) * 44);
+  }
   .pz\:max-h-72 {
     max-height: calc(var(--pz-spacing) * 72);
   }
@@ -378,6 +406,9 @@
   .pz\:w-72 {
     width: calc(var(--pz-spacing) * 72);
   }
+  .pz\:w-80 {
+    width: calc(var(--pz-spacing) * 80);
+  }
   .pz\:w-auto {
     width: auto;
   }
@@ -393,6 +424,9 @@
   .pz\:max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .pz\:max-w-full {
+    max-width: 100%;
+  }
   .pz\:max-w-xs {
     max-width: var(--pz-container-xs);
   }
@@ -402,6 +436,9 @@
   .pz\:min-w-5 {
     min-width: calc(var(--pz-spacing) * 5);
   }
+  .pz\:min-w-7 {
+    min-width: calc(var(--pz-spacing) * 7);
+  }
   .pz\:min-w-16 {
     min-width: calc(var(--pz-spacing) * 16);
   }
@@ -466,6 +503,9 @@
   .pz\:rotate-180 {
     rotate: 180deg;
   }
+  .pz\:animate-pulse {
+    animation: var(--pz-animate-pulse);
+  }
   .pz\:animate-spin {
     animation: var(--pz-animate-spin);
   }
@@ -505,6 +545,9 @@
   .pz\:grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
+  .pz\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
   .pz\:flex-col {
     flex-direction: column;
   }
@@ -648,10 +691,6 @@
   .pz\:rounded-tl-lg {
     border-top-left-radius: var(--p0-radius);
   }
-  .pz\:rounded-b-md {
-    border-bottom-right-radius: calc(var(--p0-radius) - 2px);
-    border-bottom-left-radius: calc(var(--p0-radius) - 2px);
-  }
   .pz\:rounded-b-xl {
     border-bottom-right-radius: calc(var(--p0-radius) + 4px);
     border-bottom-left-radius: calc(var(--p0-radius) + 4px);
@@ -753,6 +792,9 @@
   .pz\:bg-amber-100 {
     background-color: var(--pz-color-amber-100);
   }
+  .pz\:bg-amber-500 {
+    background-color: var(--pz-color-amber-500);
+  }
   .pz\:bg-background {
     background-color: var(--p0-background);
   }
@@ -768,6 +810,9 @@
   .pz\:bg-card {
     background-color: var(--p0-card);
   }
+  .pz\:bg-destructive {
+    background-color: var(--p0-destructive);
+  }
   .pz\:bg-destructive\/5 {
     background-color: var(--p0-destructive);
     @supports (color: color-mix(in lab, red, red)) {
@@ -786,6 +831,18 @@
       background-color: color-mix(in oklab, var(--p0-destructive) 6%, transparent);
     }
   }
+  .pz\:bg-emerald-50\/50 {
+    background-color: var(--pz-color-emerald-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--pz-color-emerald-50) 50%, transparent);
+    }
+  }
+  .pz\:bg-emerald-100 {
+    background-color: var(--pz-color-emerald-100);
+  }
+  .pz\:bg-emerald-500 {
+    background-color: var(--pz-color-emerald-500);
+  }
   .pz\:bg-foreground {
     background-color: var(--p0-foreground);
   }
@@ -804,10 +861,10 @@
   .pz\:bg-muted {
     background-color: var(--p0-muted);
   }
-  .pz\:bg-muted\/30 {
+  .pz\:bg-muted\/20 {
     background-color: var(--p0-muted);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--p0-muted) 30%, transparent);
+      background-color: color-mix(in oklab, var(--p0-muted) 20%, transparent);
     }
   }
   .pz\:bg-muted\/40 {
@@ -834,6 +891,12 @@
       background-color: color-mix(in oklab, var(--p0-primary) 10%, transparent);
     }
   }
+  .pz\:bg-rose-50\/60 {
+    background-color: var(--pz-color-rose-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--pz-color-rose-50) 60%, transparent);
+    }
+  }
   .pz\:bg-secondary {
     background-color: var(--p0-secondary);
   }
@@ -885,6 +948,9 @@
   .pz\:px-0 {
     padding-inline: calc(var(--pz-spacing) * 0);
   }
+  .pz\:px-0\.5 {
+    padding-inline: calc(var(--pz-spacing) * 0.5);
+  }
   .pz\:px-1 {
     padding-inline: calc(var(--pz-spacing) * 1);
   }
@@ -900,6 +966,9 @@
   .pz\:px-3 {
     padding-inline: calc(var(--pz-spacing) * 3);
   }
+  .pz\:px-3\.5 {
+    padding-inline: calc(var(--pz-spacing) * 3.5);
+  }
   .pz\:px-4 {
     padding-inline: calc(var(--pz-spacing) * 4);
   }
@@ -924,6 +993,12 @@
   .pz\:py-6 {
     padding-block: calc(var(--pz-spacing) * 6);
   }
+  .pz\:pt-0 {
+    padding-top: calc(var(--pz-spacing) * 0);
+  }
+  .pz\:pt-0\.5 {
+    padding-top: calc(var(--pz-spacing) * 0.5);
+  }
   .pz\:pt-1 {
     padding-top: calc(var(--pz-spacing) * 1);
   }
@@ -933,12 +1008,18 @@
   .pz\:pt-2 {
     padding-top: calc(var(--pz-spacing) * 2);
   }
+  .pz\:pt-3 {
+    padding-top: calc(var(--pz-spacing) * 3);
+  }
   .pz\:pr-0 {
     padding-right: calc(var(--pz-spacing) * 0);
   }
   .pz\:pr-1 {
     padding-right: calc(var(--pz-spacing) * 1);
   }
+  .pz\:pr-1\.5 {
+    padding-right: calc(var(--pz-spacing) * 1.5);
+  }
   .pz\:pr-2 {
     padding-right: calc(var(--pz-spacing) * 2);
   }
@@ -957,9 +1038,15 @@
   .pz\:pb-2 {
     padding-bottom: calc(var(--pz-spacing) * 2);
   }
+  .pz\:pb-2\.5 {
+    padding-bottom: calc(var(--pz-spacing) * 2.5);
+  }
   .pz\:pb-3 {
     padding-bottom: calc(var(--pz-spacing) * 3);
   }
+  .pz\:pb-3\.5 {
+    padding-bottom: calc(var(--pz-spacing) * 3.5);
+  }
   .pz\:pl-0 {
     padding-left: calc(var(--pz-spacing) * 0);
   }
@@ -1021,12 +1108,19 @@
   .pz\:text-\[9px\] {
     font-size: 9px;
   }
+  .pz\:text-\[10\.5px\] {
+    font-size: 10.5px;
+  }
   .pz\:text-\[10px\] {
     font-size: 10px;
   }
   .pz\:text-\[11px\] {
     font-size: 11px;
   }
+  .pz\:leading-5 {
+    --tw-leading: calc(var(--pz-spacing) * 5);
+    line-height: calc(var(--pz-spacing) * 5);
+  }
   .pz\:leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -1055,14 +1149,14 @@
     --tw-tracking: 0.08em;
     letter-spacing: 0.08em;
   }
+  .pz\:tracking-\[0\.12em\] {
+    --tw-tracking: 0.12em;
+    letter-spacing: 0.12em;
+  }
   .pz\:tracking-normal {
     --tw-tracking: var(--pz-tracking-normal);
     letter-spacing: var(--pz-tracking-normal);
   }
-  .pz\:tracking-tight {
-    --tw-tracking: var(--pz-tracking-tight);
-    letter-spacing: var(--pz-tracking-tight);
-  }
   .pz\:tracking-wide {
     --tw-tracking: var(--pz-tracking-wide);
     letter-spacing: var(--pz-tracking-wide);
@@ -1116,9 +1210,21 @@
       color: color-mix(in oklab, var(--p0-destructive) 80%, transparent);
     }
   }
+  .pz\:text-emerald-700 {
+    color: var(--pz-color-emerald-700);
+  }
+  .pz\:text-emerald-900 {
+    color: var(--pz-color-emerald-900);
+  }
   .pz\:text-foreground {
     color: var(--p0-foreground);
   }
+  .pz\:text-foreground\/80 {
+    color: var(--p0-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--p0-foreground) 80%, transparent);
+    }
+  }
   .pz\:text-gray-700 {
     color: var(--pz-color-gray-700);
   }
@@ -1137,6 +1243,24 @@
       color: color-mix(in oklab, var(--p0-muted-foreground) 50%, transparent);
     }
   }
+  .pz\:text-muted-foreground\/60 {
+    color: var(--p0-muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--p0-muted-foreground) 60%, transparent);
+    }
+  }
+  .pz\:text-muted-foreground\/70 {
+    color: var(--p0-muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--p0-muted-foreground) 70%, transparent);
+    }
+  }
+  .pz\:text-muted-foreground\/80 {
+    color: var(--p0-muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--p0-muted-foreground) 80%, transparent);
+    }
+  }
   .pz\:text-orange-700 {
     color: var(--pz-color-orange-700);
   }
@@ -1161,6 +1285,9 @@
   .pz\:text-red-700 {
     color: var(--pz-color-red-700);
   }
+  .pz\:text-rose-700 {
+    color: var(--pz-color-rose-700);
+  }
   .pz\:text-secondary-foreground {
     color: var(--p0-secondary-foreground);
   }
@@ -1188,6 +1315,10 @@
   .pz\:italic {
     font-style: italic;
   }
+  .pz\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
   .pz\:underline {
     text-decoration-line: underline;
   }
@@ -1254,6 +1385,16 @@
       outline-offset: 2px;
     }
   }
+  .pz\:transition-\[height\,opacity\] {
+    transition-property: height,opacity;
+    transition-timing-function: var(--tw-ease, var(--pz-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--pz-default-transition-duration));
+  }
+  .pz\:transition-\[height\] {
+    transition-property: height;
+    transition-timing-function: var(--tw-ease, var(--pz-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--pz-default-transition-duration));
+  }
   .pz\:transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--pz-default-transition-timing-function));
@@ -1281,6 +1422,18 @@
     --tw-duration: 100ms;
     transition-duration: 100ms;
   }
+  .pz\:duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+  .pz\:duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .pz\:ease-out {
+    --tw-ease: var(--pz-ease-out);
+    transition-timing-function: var(--pz-ease-out);
+  }
   .pz\:outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -1292,6 +1445,28 @@
   .pz\:duration-100 {
     animation-duration: 100ms;
   }
+  .pz\:duration-150 {
+    animation-duration: 150ms;
+  }
+  .pz\:duration-200 {
+    animation-duration: 200ms;
+  }
+  .pz\:ease-out {
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+  .pz\:not-last\:border-b {
+    &:not(*:last-child) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
+  .pz\:group-hover\/prov\:opacity-100 {
+    &:is(:where(.pz\:group\/prov):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .pz\:group-has-disabled\/field\:opacity-50 {
     &:is(:where(.pz\:group\/field):has(*:disabled) *) {
       opacity: 50%;
@@ -1317,6 +1492,21 @@
       padding-bottom: calc(var(--pz-spacing) * 2);
     }
   }
+  .pz\:group-aria-expanded\/accordion-trigger\:hidden {
+    &:is(:where(.pz\:group\/accordion-trigger)[aria-expanded="true"] *) {
+      display: none;
+    }
+  }
+  .pz\:group-aria-expanded\/accordion-trigger\:inline {
+    &:is(:where(.pz\:group\/accordion-trigger)[aria-expanded="true"] *) {
+      display: inline;
+    }
+  }
+  .pz\:group-aria-expanded\/group-trigger\:rotate-180 {
+    &:is(:where(.pz\:group\/group-trigger)[aria-expanded="true"] *) {
+      rotate: 180deg;
+    }
+  }
   .pz\:group-data-empty\/combobox-content\:flex {
     &:is(:where(.pz\:group\/combobox-content)[data-empty] *) {
       display: flex;
@@ -1412,6 +1602,14 @@
       color: var(--p0-muted-foreground);
     }
   }
+  .pz\:placeholder\:text-muted-foreground\/70 {
+    &::placeholder {
+      color: var(--p0-muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--p0-muted-foreground) 70%, transparent);
+      }
+    }
+  }
   .pz\:after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -1477,6 +1675,16 @@
       }
     }
   }
+  .pz\:hover\:border-muted-foreground\/40 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--p0-muted-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--p0-muted-foreground) 40%, transparent);
+        }
+      }
+    }
+  }
   .pz\:hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -1484,6 +1692,16 @@
       }
     }
   }
+  .pz\:hover\:bg-destructive\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--p0-destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--p0-destructive) 10%, transparent);
+        }
+      }
+    }
+  }
   .pz\:hover\:bg-destructive\/15 {
     &:hover {
       @media (hover: hover) {
@@ -1551,12 +1769,12 @@
       }
     }
   }
-  .pz\:hover\:bg-muted\/80 {
+  .pz\:hover\:bg-muted\/60 {
     &:hover {
       @media (hover: hover) {
         background-color: var(--p0-muted);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--p0-muted) 80%, transparent);
+          background-color: color-mix(in oklab, var(--p0-muted) 60%, transparent);
         }
       }
     }
@@ -1644,14 +1862,6 @@
       }
     }
   }
-  .pz\:hover\:shadow-sm {
-    &:hover {
-      @media (hover: hover) {
-        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-      }
-    }
-  }
   .pz\:focus\:bg-accent {
     &:focus {
       background-color: var(--p0-accent);
@@ -1740,6 +1950,14 @@
       outline-style: none;
     }
   }
+  .pz\:focus-visible\:after\:border-ring {
+    &:focus-visible {
+      &::after {
+        content: var(--tw-content);
+        border-color: var(--p0-ring);
+      }
+    }
+  }
   .pz\:active\:not-aria-\[haspopup\]\:translate-y-px {
     &:active {
       &:not(*[aria-haspopup]) {
@@ -1987,6 +2205,16 @@
       height: auto;
     }
   }
+  .pz\:aria-disabled\:pointer-events-none {
+    &[aria-disabled="true"] {
+      pointer-events: none;
+    }
+  }
+  .pz\:aria-disabled\:opacity-50 {
+    &[aria-disabled="true"] {
+      opacity: 50%;
+    }
+  }
   .pz\:aria-expanded\:bg-muted {
     &[aria-expanded="true"] {
       background-color: var(--p0-muted);
@@ -2007,6 +2235,15 @@
       color: var(--p0-secondary-foreground);
     }
   }
+  .pz\:aria-expanded\:hover\:bg-transparent {
+    &[aria-expanded="true"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
   .pz\:aria-invalid\:border-destructive {
     &[aria-invalid="true"] {
       border-color: var(--p0-destructive);
@@ -2052,6 +2289,11 @@
       padding: calc(var(--pz-spacing) * 0);
     }
   }
+  .pz\:data-ending-style\:h-0 {
+    &[data-ending-style] {
+      height: calc(var(--pz-spacing) * 0);
+    }
+  }
   .pz\:data-highlighted\:bg-accent {
     &[data-highlighted] {
       background-color: var(--p0-accent);
@@ -2081,14 +2323,9 @@
       background-color: transparent;
     }
   }
-  .pz\:data-\[active\]\:bg-accent {
-    &[data-active] {
-      background-color: var(--p0-accent);
-    }
-  }
-  .pz\:data-\[active\]\:text-accent-foreground {
-    &[data-active] {
-      color: var(--p0-accent-foreground);
+  .pz\:data-starting-style\:h-0 {
+    &[data-starting-style] {
+      height: calc(var(--pz-spacing) * 0);
     }
   }
   .pz\:data-\[align-trigger\=true\]\:animate-none {
@@ -2290,6 +2527,28 @@
       border-radius: min(var(--pz-radius-md), 10px);
     }
   }
+  .pz\:\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto {
+    :is(& *) {
+      &[data-slot="accordion-trigger-icon"] {
+        margin-left: auto;
+      }
+    }
+  }
+  .pz\:\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 {
+    :is(& *) {
+      &[data-slot="accordion-trigger-icon"] {
+        width: calc(var(--pz-spacing) * 4);
+        height: calc(var(--pz-spacing) * 4);
+      }
+    }
+  }
+  .pz\:\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground {
+    :is(& *) {
+      &[data-slot="accordion-trigger-icon"] {
+        color: var(--p0-muted-foreground);
+      }
+    }
+  }
   .pz\:\*\:data-\[slot\=input-group\]\:m-1 {
     :is(& > *) {
       &[data-slot="input-group"] {
@@ -2499,6 +2758,14 @@
       }
     }
   }
+  .pz\:dark\:bg-emerald-950\/15 {
+    &:is(:is(.p0-dark, .dark) *) {
+      background-color: var(--pz-color-emerald-950);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--pz-color-emerald-950) 15%, transparent);
+      }
+    }
+  }
   .pz\:dark\:bg-input\/30 {
     &:is(:is(.p0-dark, .dark) *) {
       background-color: var(--p0-input);
@@ -2507,6 +2774,14 @@
       }
     }
   }
+  .pz\:dark\:bg-rose-950\/20 {
+    &:is(:is(.p0-dark, .dark) *) {
+      background-color: var(--pz-color-rose-950);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--pz-color-rose-950) 20%, transparent);
+      }
+    }
+  }
   .pz\:dark\:bg-transparent {
     &:is(:is(.p0-dark, .dark) *) {
       background-color: transparent;
@@ -2527,6 +2802,11 @@
       color: var(--pz-color-cyan-400);
     }
   }
+  .pz\:dark\:text-emerald-400 {
+    &:is(:is(.p0-dark, .dark) *) {
+      color: var(--pz-color-emerald-400);
+    }
+  }
   .pz\:dark\:text-gray-400 {
     &:is(:is(.p0-dark, .dark) *) {
       color: var(--pz-color-gray-400);
@@ -2557,6 +2837,11 @@
       color: var(--pz-color-red-400);
     }
   }
+  .pz\:dark\:text-rose-400 {
+    &:is(:is(.p0-dark, .dark) *) {
+      color: var(--pz-color-rose-400);
+    }
+  }
   .pz\:dark\:text-sky-400 {
     &:is(:is(.p0-dark, .dark) *) {
       color: var(--pz-color-sky-400);
@@ -2700,6 +2985,11 @@
       }
     }
   }
+  .pz\:data-open\:animate-accordion-down {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+    }
+  }
   .pz\:data-open\:animate-in {
     &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
       animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
@@ -2738,6 +3028,11 @@
       --tw-enter-scale: .95;
     }
   }
+  .pz\:data-closed\:animate-accordion-up {
+    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+      animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+    }
+  }
   .pz\:data-closed\:animate-out {
     &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
       animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
@@ -2889,6 +3184,30 @@
       border-color: var(--p0-destructive);
     }
   }
+  .pz\:\[\&_a\]\:underline {
+    & a {
+      text-decoration-line: underline;
+    }
+  }
+  .pz\:\[\&_a\]\:underline-offset-3 {
+    & a {
+      text-underline-offset: 3px;
+    }
+  }
+  .pz\:\[\&_a\]\:hover\:text-foreground {
+    & a {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--p0-foreground);
+        }
+      }
+    }
+  }
+  .pz\:\[\&_p\:not\(\:last-child\)\]\:mb-4 {
+    & p:not(:last-child) {
+      margin-bottom: calc(var(--pz-spacing) * 4);
+    }
+  }
   .pz\:\[\&_svg\]\:pointer-events-none {
     & svg {
       pointer-events: none;
@@ -2900,12 +3219,6 @@
       height: calc(var(--pz-spacing) * 2);
     }
   }
-  .pz\:\[\&_svg\]\:size-3 {
-    & svg {
-      width: calc(var(--pz-spacing) * 3);
-      height: calc(var(--pz-spacing) * 3);
-    }
-  }
   .pz\:\[\&_svg\]\:shrink-0 {
     & svg {
       flex-shrink: 0;
@@ -3533,6 +3846,26 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -3602,6 +3935,10 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
@@ -3653,6 +3990,11 @@
     transform: rotate(360deg);
   }
 }
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity,1);
@@ -3667,6 +4009,38 @@
     filter: blur(var(--tw-exit-blur,0));
   }
 }
+@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
+  }
+}
+@keyframes accordion-up {
+  from {
+    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
+  }
+  to {
+    height: 0;
+  }
+}
+@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
+  }
+}
+@keyframes accordion-up {
+  from {
+    height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
+  }
+  to {
+    height: 0;
+  }
+}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity, 1);
@@ -3689,6 +4063,11 @@
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -3704,6 +4083,7 @@
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-duration: initial;
+      --tw-ease: initial;
       --tw-content: "";
       --tw-outline-style: solid;
       --tw-backdrop-blur: initial;