@xjur-ui/react 1.0.1 → 1.0.3

package/dist/index.css

@@ -34,6 +34,7 @@
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
     --font-weight-black: 900;
+    --ease-in: cubic-bezier(0.4, 0, 1, 1);
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --default-transition-duration: 150ms;
@@ -50,6 +51,7 @@
       "Segoe UI Symbol",
       "Noto Color Emoji";
     --spacing-none: 0;
+    --spacing-small-2x: 2px;
     --spacing-small-1x: 4px;
     --spacing-small_1x-alt: 6px;
     --spacing-small: 8px;
@@ -77,6 +79,7 @@
     --color-neutral-placeholder: #9C9CAD;
     --color-neutral-label: #FFFFFF;
     --color-icon-neutral-3: #69697A;
+    --color-icon-neutral-5: #FFFFFF;
     --color-layer-1-idle: #F7F7FA;
     --color-layer-1-hover: #F0F0F2;
     --color-layer-1-pressed: #E7E7EB;
@@ -107,6 +110,8 @@
     --color-danger-alt-hover: #F7D9DC;
     --color-danger-alt-pressed: #F4CDCD;
     --color-danger-label-idle: #E83040;
+    --color-success-idle: #169C55;
+    --color-warning-idle: #DF9F20;
     --text-size-body-sm-1x: 12px;
     --text-size-body-sm-1x--line-height: 16px;
     --text-size-body-sm: 13px;
@@ -359,9 +364,6 @@
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
-  .top-\[50\%\] {
-    top: 50%;
-  }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
@@ -374,9 +376,6 @@
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
-  .left-auto {
-    left: auto;
-  }
   .left-small {
     left: var(--spacing-small);
   }
@@ -395,6 +394,27 @@
   .ml-small-1x {
     margin-left: var(--spacing-small-1x);
   }
+  .scrollbar-thin {
+    &::-webkit-scrollbar-track {
+      background-color: var(--scrollbar-track);
+      border-radius: var(--scrollbar-track-radius);
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--scrollbar-thumb);
+      border-radius: var(--scrollbar-thumb-radius);
+    }
+    &::-webkit-scrollbar-corner {
+      background-color: var(--scrollbar-corner);
+      border-radius: var(--scrollbar-corner-radius);
+    }
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
+    &::-webkit-scrollbar {
+      display: block;
+      width: 8px;
+      height: 8px;
+    }
+  }
   .scrollbar-hide {
     -ms-overflow-style: none;
     scrollbar-width: none;
@@ -408,9 +428,21 @@
   .hidden {
     display: none;
   }
+  .inline-block {
+    display: inline-block;
+  }
   .inline-flex {
     display: inline-flex;
   }
+  .table {
+    display: table;
+  }
+  .table-cell {
+    display: table-cell;
+  }
+  .table-row {
+    display: table-row;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -422,6 +454,10 @@
     width: var(--spacing-large);
     height: var(--spacing-large);
   }
+  .size-large-1x {
+    width: var(--spacing-large-1x);
+    height: var(--spacing-large-1x);
+  }
   .size-large-alt {
     width: var(--spacing-large-alt);
     height: var(--spacing-large-alt);
@@ -451,6 +487,9 @@
   .h-large-7x {
     height: var(--spacing-large-7x);
   }
+  .h-large-8x {
+    height: var(--spacing-large-8x);
+  }
   .max-h-\[400px\] {
     max-height: 400px;
   }
@@ -460,9 +499,6 @@
   .w-3\/4 {
     width: calc(3/4 * 100%);
   }
-  .w-\[var\(--radix-popover-trigger-width\)\] {
-    width: var(--radix-popover-trigger-width);
-  }
   .w-fit {
     width: fit-content;
   }
@@ -478,18 +514,30 @@
   .w-large-4x {
     width: var(--spacing-large-4x);
   }
+  .max-w-\[var\(--radix-popover-content-available-width\)\] {
+    max-width: var(--radix-popover-content-available-width);
+  }
   .max-w-\[var\(--radix-popover-trigger-width\)\] {
     max-width: var(--radix-popover-trigger-width);
   }
+  .max-w-full {
+    max-width: 100%;
+  }
   .min-w-\[240px\] {
     min-width: 240px;
   }
+  .min-w-\[var\(--radix-popover-trigger-width\)\] {
+    min-width: var(--radix-popover-trigger-width);
+  }
   .flex-1 {
     flex: 1;
   }
   .shrink-0 {
     flex-shrink: 0;
   }
+  .caption-bottom {
+    caption-side: bottom;
+  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -527,6 +575,13 @@
   .gap-small_1x-alt {
     gap: var(--spacing-small_1x-alt);
   }
+  .-space-x-small-1x {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing-small-1x) * -1) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing-small-1x) * -1) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -535,9 +590,6 @@
   .overflow-hidden {
     overflow: hidden;
   }
-  .overflow-x-auto {
-    overflow-x: auto;
-  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -629,6 +681,9 @@
   .border-border-layer-2 {
     border-color: var(--color-border-layer-2);
   }
+  .border-icon-neutral-5 {
+    border-color: var(--color-icon-neutral-5);
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -683,9 +738,15 @@
   .bg-primary-idle {
     background-color: var(--color-primary-idle);
   }
+  .bg-success-idle {
+    background-color: var(--color-success-idle);
+  }
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-warning-idle {
+    background-color: var(--color-warning-idle);
+  }
   .p-\[2px\] {
     padding: 2px;
   }
@@ -695,6 +756,9 @@
   .p-small-1x {
     padding: var(--spacing-small-1x);
   }
+  .p-small-2x {
+    padding: var(--spacing-small-2x);
+  }
   .px-large {
     padding-inline: var(--spacing-large);
   }
@@ -728,9 +792,21 @@
   .pt-small-1x {
     padding-top: var(--spacing-small-1x);
   }
+  .pr-large-2x {
+    padding-right: var(--spacing-large-2x);
+  }
+  .pr-large-3x {
+    padding-right: var(--spacing-large-3x);
+  }
   .text-center {
     text-align: center;
   }
+  .text-left {
+    text-align: left;
+  }
+  .align-middle {
+    vertical-align: middle;
+  }
   .font-inter {
     font-family: var(--font-inter);
   }
@@ -830,6 +906,9 @@
     --tw-font-weight: var(--font-weight-thin);
     font-weight: var(--font-weight-thin);
   }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
   .\!text-primary-label-active {
     color: var(--color-primary-label-active) !important;
   }
@@ -839,6 +918,9 @@
   .text-icon-neutral-3 {
     color: var(--color-icon-neutral-3);
   }
+  .text-inherit {
+    color: inherit;
+  }
   .text-neutral-dark {
     color: var(--color-neutral-dark);
   }
@@ -972,10 +1054,6 @@
     --tw-duration: 100ms;
     transition-duration: 100ms;
   }
-  .duration-150 {
-    --tw-duration: 150ms;
-    transition-duration: 150ms;
-  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -984,6 +1062,10 @@
     --tw-duration: 250ms;
     transition-duration: 250ms;
   }
+  .ease-in {
+    --tw-ease: var(--ease-in);
+    transition-timing-function: var(--ease-in);
+  }
   .ease-in-out {
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
@@ -996,6 +1078,9 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  .fade-in {
+    --tw-enter-opacity: 0;
+  }
   .group-focus-within\:-top-\[3px\] {
     &:is(:where(.group):focus-within *) {
       top: calc(3px * -1);
@@ -1006,11 +1091,6 @@
       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);
     }
   }
-  .group-focus-within\:bg-layer-2-hover {
-    &:is(:where(.group):focus-within *) {
-      background-color: var(--color-layer-2-hover);
-    }
-  }
   .group-focus-within\:text-size-label-sm-1x {
     &:is(:where(.group):focus-within *) {
       font-size: var(--text-size-label-sm-1x);
@@ -1064,6 +1144,13 @@
       }
     }
   }
+  .group-hover\/th\:flex {
+    &:is(:where(.group\/th):hover *) {
+      @media (hover: hover) {
+        display: flex;
+      }
+    }
+  }
   .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:left-large-4x {
     &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
       left: var(--spacing-large-4x);
@@ -1074,6 +1161,11 @@
       padding-left: var(--spacing-large-1x);
     }
   }
+  .group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:right-large-4x {
+    &:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *) {
+      right: var(--spacing-large-4x);
+    }
+  }
   .group-has-\[div\[data-slot\=input-left-action-slot\]\]\:rounded-l-none {
     &:is(:where(.group):has(*:is(div[data-slot=input-left-action-slot])) *) {
       border-top-left-radius: 0;
@@ -1096,10 +1188,10 @@
       padding-left: var(--spacing-large-1x);
     }
   }
-  .group-has-\[div\[data-slot\=input-left-slot\]\]\:group-focus-within\:left-auto {
+  .group-has-\[div\[data-slot\=input-left-slot\]\]\:group-focus-within\:left-small {
     &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
       &:is(:where(.group):focus-within *) {
-        left: auto;
+        left: var(--spacing-small);
       }
     }
   }
@@ -1115,6 +1207,18 @@
       border-bottom-right-radius: var(--radius-none);
     }
   }
+  .group-has-\[div\[data-slot\=input-right-slot\]\]\:right-large-4x {
+    &:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *) {
+      right: var(--spacing-large-4x);
+    }
+  }
+  .group-has-\[div\[data-slot\=input-right-slot\]\]\:group-focus-within\:right-small {
+    &:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *) {
+      &:is(:where(.group):focus-within *) {
+        right: var(--spacing-small);
+      }
+    }
+  }
   .group-has-\[div\[data-slot\=select-left-slot\]\]\:left-large-4x {
     &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
       left: var(--spacing-large-4x);
@@ -1125,6 +1229,11 @@
       padding-left: var(--spacing-large-1x);
     }
   }
+  .group-has-\[div\[data-slot\=select-right-slot\]\]\:right-large-4x {
+    &:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *) {
+      right: var(--spacing-large-4x);
+    }
+  }
   .group-has-\[input\:not\(\:placeholder-shown\)\]\:-top-\[3px\] {
     &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
       top: calc(3px * -1);
@@ -1135,11 +1244,6 @@
       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);
     }
   }
-  .group-has-\[input\:not\(\:placeholder-shown\)\]\:bg-layer-2-idle {
-    &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-      background-color: var(--color-layer-2-idle);
-    }
-  }
   .group-has-\[input\:not\(\:placeholder-shown\)\]\:text-size-label-sm-1x {
     &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
       font-size: var(--text-size-label-sm-1x);
@@ -1157,24 +1261,45 @@
       color: var(--color-primary-idle);
     }
   }
-  .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-auto {
+  .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small {
     &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
       &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        left: auto;
+        left: var(--spacing-small);
+      }
+    }
+  }
+  .group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small {
+    &:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *) {
+      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
+        right: var(--spacing-small);
       }
     }
   }
-  .group-has-\[div\[data-slot\=input-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-auto {
+  .group-has-\[div\[data-slot\=input-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small {
     &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
       &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        left: auto;
+        left: var(--spacing-small);
       }
     }
   }
-  .group-has-\[div\[data-slot\=select-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-auto {
+  .group-has-\[div\[data-slot\=input-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small {
+    &:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *) {
+      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
+        right: var(--spacing-small);
+      }
+    }
+  }
+  .group-has-\[div\[data-slot\=select-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small {
     &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
       &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
-        left: auto;
+        left: var(--spacing-small);
+      }
+    }
+  }
+  .group-has-\[div\[data-slot\=select-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small {
+    &:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *) {
+      &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
+        right: var(--spacing-small);
       }
     }
   }
@@ -1193,11 +1318,6 @@
       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);
     }
   }
-  .group-data-\[state\=open\]\:bg-layer-2-idle {
-    &:is(:where(.group)[data-state=open] *) {
-      background-color: var(--color-layer-2-idle);
-    }
-  }
   .group-data-\[state\=open\]\:text-size-label-sm-1x {
     &:is(:where(.group)[data-state=open] *) {
       font-size: var(--text-size-label-sm-1x);
@@ -1215,17 +1335,31 @@
       color: var(--color-primary-idle);
     }
   }
-  .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-data-\[state\=open\]\:left-auto {
+  .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-data-\[state\=open\]\:left-small {
     &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
       &:is(:where(.group)[data-state=open] *) {
-        left: auto;
+        left: var(--spacing-small);
       }
     }
   }
-  .group-has-\[div\[data-slot\=select-left-slot\]\]\:group-data-\[state\=open\]\:left-auto {
+  .group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:group-data-\[state\=open\]\:right-small {
+    &:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *) {
+      &:is(:where(.group)[data-state=open] *) {
+        right: var(--spacing-small);
+      }
+    }
+  }
+  .group-has-\[div\[data-slot\=select-left-slot\]\]\:group-data-\[state\=open\]\:left-small {
     &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
       &:is(:where(.group)[data-state=open] *) {
-        left: auto;
+        left: var(--spacing-small);
+      }
+    }
+  }
+  .group-has-\[div\[data-slot\=select-right-slot\]\]\:group-data-\[state\=open\]\:right-small {
+    &:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *) {
+      &:is(:where(.group)[data-state=open] *) {
+        right: var(--spacing-small);
       }
     }
   }
@@ -1234,11 +1368,35 @@
       color: var(--color-danger-label-idle);
     }
   }
+  .group-data-\[variant\=filled\]\:bg-layer-2-hover {
+    &:is(:where(.group)[data-variant=filled] *) {
+      background-color: var(--color-layer-2-hover);
+    }
+  }
+  .group-data-\[variant\=filled\]\:group-focus-within\:bg-layer-2-hover {
+    &:is(:where(.group)[data-variant=filled] *) {
+      &:is(:where(.group):focus-within *) {
+        background-color: var(--color-layer-2-hover);
+      }
+    }
+  }
   .group-data-\[variant\=neutral\]\:text-icon-neutral-3 {
     &:is(:where(.group)[data-variant=neutral] *) {
       color: var(--color-icon-neutral-3);
     }
   }
+  .group-data-\[variant\=outlined\]\:bg-layer-2-idle {
+    &:is(:where(.group)[data-variant=outlined] *) {
+      background-color: var(--color-layer-2-idle);
+    }
+  }
+  .group-data-\[variant\=outlined\]\:group-focus-within\:bg-layer-2-idle {
+    &:is(:where(.group)[data-variant=outlined] *) {
+      &:is(:where(.group):focus-within *) {
+        background-color: var(--color-layer-2-idle);
+      }
+    }
+  }
   .group-data-\[variant\=primary\]\:text-primary-label-idle {
     &:is(:where(.group)[data-variant=primary] *) {
       color: var(--color-primary-label-idle);
@@ -1273,6 +1431,13 @@
         var(--tw-shadow);
     }
   }
+  .hover\:overflow-x-auto {
+    &:hover {
+      @media (hover: hover) {
+        overflow-x: auto;
+      }
+    }
+  }
   .hover\:border-border-layer-3 {
     &:hover {
       @media (hover: hover) {
@@ -1377,6 +1542,15 @@
       }
     }
   }
+  .hover\:group-has-\[input\:not\(\:focus-within\)\]\:border-border-layer-3 {
+    &:hover {
+      @media (hover: hover) {
+        &:is(:where(.group):has(*:is(input:not(:focus-within))) *) {
+          border-color: var(--color-border-layer-3);
+        }
+      }
+    }
+  }
   .focus\:border-primary-idle {
     &:focus {
       border-color: var(--color-primary-idle);
@@ -1517,30 +1691,74 @@
       flex-direction: column;
     }
   }
+  .data-\[selected\=true\]\:bg-primary-alt-active {
+    &[data-selected=true] {
+      background-color: var(--color-primary-alt-active);
+    }
+  }
   .data-\[size\=lg\]\:size-large-8x {
     &[data-size=lg] {
       width: var(--spacing-large-8x);
       height: var(--spacing-large-8x);
     }
   }
+  .data-\[size\=lg\]\:text-size-headline-md {
+    &[data-size=lg] {
+      font-size: var(--text-size-headline-md);
+      line-height: var(--tw-leading, var(--text-size-headline-md--line-height));
+    }
+  }
   .data-\[size\=md\]\:size-large-4x {
     &[data-size=md] {
       width: var(--spacing-large-4x);
       height: var(--spacing-large-4x);
     }
   }
+  .data-\[size\=md\]\:text-size-label-lg {
+    &[data-size=md] {
+      font-size: var(--text-size-label-lg);
+      line-height: var(--tw-leading, var(--text-size-label-lg--line-height));
+    }
+  }
   .data-\[size\=sm\]\:size-large-2x {
     &[data-size=sm] {
       width: var(--spacing-large-2x);
       height: var(--spacing-large-2x);
     }
   }
+  .data-\[size\=sm\]\:text-size-label-sm {
+    &[data-size=sm] {
+      font-size: var(--text-size-label-sm);
+      line-height: var(--tw-leading, var(--text-size-label-sm--line-height));
+    }
+  }
   .data-\[size\=xs\]\:size-large-1x {
     &[data-size=xs] {
       width: var(--spacing-large-1x);
       height: var(--spacing-large-1x);
     }
   }
+  .data-\[size\=xs\]\:text-size-label-sm {
+    &[data-size=xs] {
+      font-size: var(--text-size-label-sm);
+      line-height: var(--tw-leading, var(--text-size-label-sm--line-height));
+    }
+  }
+  .data-\[sorted\=true\]\:flex {
+    &[data-sorted=true] {
+      display: flex;
+    }
+  }
+  .data-\[sorted\=true\]\:bg-primary-alt-active {
+    &[data-sorted=true] {
+      background-color: var(--color-primary-alt-active);
+    }
+  }
+  .data-\[sorted\=true\]\:text-primary-label-active {
+    &[data-sorted=true] {
+      color: var(--color-primary-label-active);
+    }
+  }
   .data-\[state\=active\]\:rounded-none {
     &[data-state=active] {
       border-radius: 0;
@@ -1713,18 +1931,6 @@
       background-color: var(--color-alt-4);
     }
   }
-  .data-\[variant\=outlined\]\:bg-layer-2-idle {
-    &[data-variant=outlined] {
-      background-color: var(--color-layer-2-idle);
-    }
-  }
-  .data-\[variant\=outlined\]\:group-focus-within\:bg-layer-2-idle {
-    &[data-variant=outlined] {
-      &:is(:where(.group):focus-within *) {
-        background-color: var(--color-layer-2-idle);
-      }
-    }
-  }
   .data-\[variant\=outlined\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:text-primary-idle {
     &[data-variant=outlined] {
       &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
@@ -1737,6 +1943,31 @@
       max-width: var(--container-sm);
     }
   }
+  .\[\&_tr\]\:border-b {
+    & tr {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
+  .\[\&_tr\]\:border-border-layer-2 {
+    & tr {
+      border-color: var(--color-border-layer-2);
+    }
+  }
+  .\[\&_tr\:last-child\]\:border-0 {
+    & tr:last-child {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
+  .\[\&\>tr\]\:last\:border-b-0 {
+    & > tr {
+      &:last-child {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 0px;
+      }
+    }
+  }
 }
 @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
 @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@@ -1764,6 +1995,7 @@
 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
 @property --tw-font-weight { syntax: "*"; inherits: false; }
 @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@@ -1822,6 +2054,7 @@
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-space-x-reverse: 0;
       --tw-border-style: solid;
       --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xjur-ui/react",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "description": "React components for XJur Design System",
   "main": "dist/index.js",
@@ -29,7 +29,10 @@
     "./date-picker": "./dist/components/date-picker.js",
     "./dropdown-menu": "./dist/components/dropdown-menu.js",
     "./divider": "./dist/components/divider.js",
-    "./sheet": "./dist/components/sheet.js"
+    "./sheet": "./dist/components/sheet.js",
+    "./badge": "./dist/components/badge.js",
+    "./table": "./dist/components/table.js",
+    "./avatar-group": "./dist/components/avatar-group.js"
   },
   "dependencies": {
     "@radix-ui/react-avatar": "^1.1.10",