Docs Updated

css/sigpro.css

@@ -2361,6 +2361,24 @@
       }
     }
   }
+  .menu-vertical {
+    @layer daisyui.l1.l2 {
+      display: inline-flex;
+      flex-direction: column;
+      & > li:not(.menu-title) > details > ul {
+        position: relative;
+        margin-inline-start: calc(0.25rem * 4);
+        margin-top: calc(0.25rem * 0);
+        padding-block: calc(0.25rem * 0);
+        padding-inline-end: calc(0.25rem * 0);
+        background-color: revert-layer;
+        border-radius: revert-layer;
+        animation: revert-layer;
+        transition: revert-layer;
+        box-shadow: revert-layer;
+      }
+    }
+  }
   .avatar {
     @layer daisyui.l1.l2.l3 {
       position: relative;
@@ -3245,6 +3263,26 @@
   .z-\[9999\] {
     z-index: 9999;
   }
+  .tab-content {
+    @layer daisyui.l1.l2.l3 {
+      order: var(--tabcontent-order);
+      display: none;
+      border-color: transparent;
+      --tabcontent-radius-ss: var(--radius-box);
+      --tabcontent-radius-se: var(--radius-box);
+      --tabcontent-radius-es: var(--radius-box);
+      --tabcontent-radius-ee: var(--radius-box);
+      --tabcontent-order: 1;
+      width: 100%;
+      height: calc(100% - var(--tab-height) + var(--border));
+      margin: var(--tabcontent-margin);
+      border-width: var(--border);
+      border-start-start-radius: var(--tabcontent-radius-ss);
+      border-start-end-radius: var(--tabcontent-radius-se);
+      border-end-start-radius: var(--tabcontent-radius-es);
+      border-end-end-radius: var(--tabcontent-radius-ee);
+    }
+  }
   .order-0 {
     order: 0;
   }
@@ -4407,9 +4445,6 @@
   .hidden {
     display: none;
   }
-  .inline {
-    display: inline;
-  }
   .inline-block {
     display: inline-block;
   }
@@ -4436,6 +4471,40 @@
       }
     }
   }
+  .modal-middle {
+    @layer daisyui.l1.l2 {
+      place-items: center;
+      .modal-box {
+        height: auto;
+        width: calc(11/12 * 100%);
+        max-width: 32rem;
+        max-height: calc(100vh - 5em);
+        translate: 0 2%;
+        scale: 98%;
+        --modal-tl: var(--radius-box);
+        --modal-tr: var(--radius-box);
+        --modal-bl: var(--radius-box);
+        --modal-br: var(--radius-box);
+      }
+    }
+  }
+  .modal-top {
+    @layer daisyui.l1.l2 {
+      place-items: start;
+      .modal-box {
+        height: auto;
+        width: 100%;
+        max-width: none;
+        max-height: calc(100vh - 5em);
+        translate: 0 -100%;
+        scale: 1;
+        --modal-tl: 0;
+        --modal-tr: 0;
+        --modal-bl: var(--radius-box);
+        --modal-br: var(--radius-box);
+      }
+    }
+  }
   .btn-circle {
     @layer daisyui.l1.l2 {
       border-radius: calc(infinity * 1px);
@@ -4710,6 +4779,37 @@
     --tw-scale-z: 110%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
+  .swap-rotate {
+    @layer daisyui.l1.l2 {
+      .swap-on, input:indeterminate ~ .swap-on {
+        rotate: 45deg;
+      }
+      input:is(:checked, :indeterminate) ~ .swap-on, &.swap-active .swap-on {
+        rotate: 0deg;
+      }
+      input:is(:checked, :indeterminate) ~ .swap-off, &.swap-active .swap-off {
+        rotate: calc(45deg * -1);
+      }
+    }
+  }
+  .swap-flip {
+    @layer daisyui.l1.l2 {
+      transform-style: preserve-3d;
+      perspective: 20rem;
+      .swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on {
+        transform: rotateY(180deg);
+        backface-visibility: hidden;
+      }
+      input:is(:checked, :indeterminate) ~ .swap-on, &.swap-active .swap-on {
+        transform: rotateY(0deg);
+      }
+      input:is(:checked, :indeterminate) ~ .swap-off, &.swap-active .swap-off {
+        transform: rotateY(-180deg);
+        backface-visibility: hidden;
+        opacity: 100%;
+      }
+    }
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -4859,6 +4959,62 @@
       box-shadow: 0 1px 2px 0 oklch(0% 0 0/0.05);
     }
   }
+  .menu-lg {
+    @layer daisyui.l1.l2 {
+      :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
+        border-radius: var(--radius-field);
+        padding-inline: calc(0.25rem * 4);
+        padding-block: calc(0.25rem * 1.5);
+        font-size: 1.125rem;
+      }
+      .menu-title {
+        padding-inline: calc(0.25rem * 6);
+        padding-block: calc(0.25rem * 3);
+      }
+    }
+  }
+  .menu-md {
+    @layer daisyui.l1.l2 {
+      :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
+        border-radius: var(--radius-field);
+        padding-inline: calc(0.25rem * 3);
+        padding-block: calc(0.25rem * 1.5);
+        font-size: 0.875rem;
+      }
+      .menu-title {
+        padding-inline: calc(0.25rem * 3);
+        padding-block: calc(0.25rem * 2);
+      }
+    }
+  }
+  .menu-sm {
+    @layer daisyui.l1.l2 {
+      :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
+        border-radius: var(--radius-field);
+        padding-inline: calc(0.25rem * 2.5);
+        padding-block: calc(0.25rem * 1);
+        font-size: 0.75rem;
+      }
+      .menu-title {
+        padding-inline: calc(0.25rem * 3);
+        padding-block: calc(0.25rem * 2);
+      }
+    }
+  }
+  .menu-xs {
+    @layer daisyui.l1.l2 {
+      :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
+        border-radius: var(--radius-field);
+        padding-inline: calc(0.25rem * 2);
+        padding-block: calc(0.25rem * 1);
+        font-size: 0.6875rem;
+      }
+      .menu-title {
+        padding-inline: calc(0.25rem * 2);
+        padding-block: calc(0.25rem * 1);
+      }
+    }
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -5314,6 +5470,30 @@
       }
     }
   }
+  .radio-md {
+    @layer daisyui.l1.l2 {
+      padding: 0.25rem;
+      &:is([type="radio"]) {
+        --size: calc(var(--size-selector, 0.25rem) * 6);
+      }
+    }
+  }
+  .radio-sm {
+    @layer daisyui.l1.l2 {
+      padding: 0.1875rem;
+      &:is([type="radio"]) {
+        --size: calc(var(--size-selector, 0.25rem) * 5);
+      }
+    }
+  }
+  .radio-xs {
+    @layer daisyui.l1.l2 {
+      padding: 0.125rem;
+      &:is([type="radio"]) {
+        --size: calc(var(--size-selector, 0.25rem) * 4);
+      }
+    }
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -5351,6 +5531,36 @@
       }
     }
   }
+  .select-md {
+    @layer daisyui.l1.l2 {
+      --size: calc(var(--size-field, 0.25rem) * 10);
+      font-size: 0.875rem;
+      option {
+        padding-inline: calc(0.25rem * 3);
+        padding-block: calc(0.25rem * 1.5);
+      }
+    }
+  }
+  .select-sm {
+    @layer daisyui.l1.l2 {
+      --size: calc(var(--size-field, 0.25rem) * 8);
+      font-size: 0.75rem;
+      option {
+        padding-inline: calc(0.25rem * 2.5);
+        padding-block: calc(0.25rem * 1);
+      }
+    }
+  }
+  .select-xs {
+    @layer daisyui.l1.l2 {
+      --size: calc(var(--size-field, 0.25rem) * 6);
+      font-size: 0.6875rem;
+      option {
+        padding-inline: calc(0.25rem * 2);
+        padding-block: calc(0.25rem * 1);
+      }
+    }
+  }
   .table-lg {
     @layer daisyui.l1.l2 {
       :not(thead, tfoot) tr {
@@ -5362,6 +5572,50 @@
       }
     }
   }
+  .table-md {
+    @layer daisyui.l1.l2 {
+      :not(thead, tfoot) tr {
+        font-size: 0.875rem;
+      }
+      :where(th, td) {
+        padding-inline: calc(0.25rem * 4);
+        padding-block: calc(0.25rem * 3);
+      }
+    }
+  }
+  .table-sm {
+    @layer daisyui.l1.l2 {
+      :not(thead, tfoot) tr {
+        font-size: 0.75rem;
+      }
+      :where(th, td) {
+        padding-inline: calc(0.25rem * 3);
+        padding-block: calc(0.25rem * 2);
+      }
+    }
+  }
+  .table-xl {
+    @layer daisyui.l1.l2 {
+      :not(thead, tfoot) tr {
+        font-size: 1.375rem;
+      }
+      :where(th, td) {
+        padding-inline: calc(0.25rem * 6);
+        padding-block: calc(0.25rem * 5);
+      }
+    }
+  }
+  .table-xs {
+    @layer daisyui.l1.l2 {
+      :not(thead, tfoot) tr {
+        font-size: 0.6875rem;
+      }
+      :where(th, td) {
+        padding-inline: calc(0.25rem * 2);
+        padding-block: calc(0.25rem * 1);
+      }
+    }
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -5470,6 +5724,46 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .tabs-lg {
+    @layer daisyui.l1.l2 {
+      --tab-height: calc(var(--size-field, 0.25rem) * 12);
+      & > .tab {
+        font-size: 1.125rem;
+        --tab-p: 1rem;
+        --tab-radius-min: calc(1.5rem - var(--border));
+      }
+    }
+  }
+  .tabs-md {
+    @layer daisyui.l1.l2 {
+      --tab-height: calc(var(--size-field, 0.25rem) * 10);
+      & > .tab {
+        font-size: 0.875rem;
+        --tab-p: 0.75rem;
+        --tab-radius-min: calc(0.75rem - var(--border));
+      }
+    }
+  }
+  .tabs-sm {
+    @layer daisyui.l1.l2 {
+      --tab-height: calc(var(--size-field, 0.25rem) * 8);
+      & > .tab {
+        font-size: 0.875rem;
+        --tab-p: 0.5rem;
+        --tab-radius-min: calc(0.5rem - var(--border));
+      }
+    }
+  }
+  .tabs-xs {
+    @layer daisyui.l1.l2 {
+      --tab-height: calc(var(--size-field, 0.25rem) * 6);
+      & > .tab {
+        font-size: 0.75rem;
+        --tab-p: 0.375rem;
+        --tab-radius-min: calc(0.5rem - var(--border));
+      }
+    }
+  }
   .badge-lg {
     @layer daisyui.l1.l2 {
       --size: calc(var(--size-selector, 0.25rem) * 7);
@@ -5628,6 +5922,36 @@
       --range-thumb: var(--color-error-content);
     }
   }
+  .range-info {
+    @layer daisyui.l1.l2 {
+      color: var(--color-info);
+      --range-thumb: var(--color-info-content);
+    }
+  }
+  .range-primary {
+    @layer daisyui.l1.l2 {
+      color: var(--color-primary);
+      --range-thumb: var(--color-primary-content);
+    }
+  }
+  .range-secondary {
+    @layer daisyui.l1.l2 {
+      color: var(--color-secondary);
+      --range-thumb: var(--color-secondary-content);
+    }
+  }
+  .range-success {
+    @layer daisyui.l1.l2 {
+      color: var(--color-success);
+      --range-thumb: var(--color-success-content);
+    }
+  }
+  .range-warning {
+    @layer daisyui.l1.l2 {
+      color: var(--color-warning);
+      --range-thumb: var(--color-warning-content);
+    }
+  }
   .tooltip-accent {
     @layer daisyui.l1.l2 {
       --tt-bg: var(--color-accent);
@@ -5997,6 +6321,30 @@
       }
     }
   }
+  .indicator-end {
+    @layer daisyui.l1.l2 {
+      --indicator-s: auto;
+      --indicator-e: 0;
+      --indicator-x: 50%;
+      [dir="rtl"] & {
+        --indicator-s: 0;
+        --indicator-e: auto;
+        --indicator-x: -50%;
+      }
+    }
+  }
+  .indicator-start {
+    @layer daisyui.l1.l2 {
+      --indicator-s: 0;
+      --indicator-e: auto;
+      --indicator-x: -50%;
+      [dir="rtl"] & {
+        --indicator-s: auto;
+        --indicator-e: 0;
+        --indicator-x: 50%;
+      }
+    }
+  }
   .btn-lg {
     @layer daisyui.l1.l2 {
       --fontsize: 1.125rem;
@@ -6032,6 +6380,20 @@
       --size: calc(var(--size-field, 0.25rem) * 6);
     }
   }
+  .indicator-bottom {
+    @layer daisyui.l1.l2 {
+      --indicator-t: auto;
+      --indicator-b: 0;
+      --indicator-y: 50%;
+    }
+  }
+  .indicator-top {
+    @layer daisyui.l1.l2 {
+      --indicator-t: 0;
+      --indicator-b: auto;
+      --indicator-y: -50%;
+    }
+  }
   .badge-accent {
     @layer daisyui.l1.l2 {
       --badge-color: var(--color-accent);
@@ -6189,6 +6551,11 @@
       --input-color: var(--color-error);
     }
   }
+  .radio-info {
+    @layer daisyui.l1.l2 {
+      --input-color: var(--color-info);
+    }
+  }
   .radio-primary {
     @layer daisyui.l1.l2 {
       --input-color: var(--color-primary);
@@ -6199,11 +6566,31 @@
       --input-color: var(--color-secondary);
     }
   }
+  .radio-success {
+    @layer daisyui.l1.l2 {
+      --input-color: var(--color-success);
+    }
+  }
+  .radio-warning {
+    @layer daisyui.l1.l2 {
+      --input-color: var(--color-warning);
+    }
+  }
   .range-lg {
     @layer daisyui.l1.l2 {
       --range-thumb-size: calc(var(--size-selector, 0.25rem) * 7);
     }
   }
+  .range-md {
+    @layer daisyui.l1.l2 {
+      --range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);
+    }
+  }
+  .range-sm {
+    @layer daisyui.l1.l2 {
+      --range-thumb-size: calc(var(--size-selector, 0.25rem) * 5);
+    }
+  }
   .range-xs {
     @layer daisyui.l1.l2 {
       --range-thumb-size: calc(var(--size-selector, 0.25rem) * 4);
@@ -6212,6 +6599,13 @@
   .ring-inset {
     --tw-ring-inset: inset;
   }
+  .select-accent {
+    @layer daisyui.l1.l2 {
+      &, &:focus, &:focus-within {
+        --input-color: var(--color-accent);
+      }
+    }
+  }
   .select-error {
     @layer daisyui.l1.l2 {
       &, &:focus, &:focus-within {
@@ -6219,6 +6613,13 @@
       }
     }
   }
+  .select-info {
+    @layer daisyui.l1.l2 {
+      &, &:focus, &:focus-within {
+        --input-color: var(--color-info);
+      }
+    }
+  }
   .select-primary {
     @layer daisyui.l1.l2 {
       &, &:focus, &:focus-within {
@@ -6233,6 +6634,20 @@
       }
     }
   }
+  .select-success {
+    @layer daisyui.l1.l2 {
+      &, &:focus, &:focus-within {
+        --input-color: var(--color-success);
+      }
+    }
+  }
+  .select-warning {
+    @layer daisyui.l1.l2 {
+      &, &:focus, &:focus-within {
+        --input-color: var(--color-warning);
+      }
+    }
+  }
   .toggle-accent {
     @layer daisyui.l1.l2 {
       &:checked, &[aria-checked="true"] {