@sunggang/ui-lib 0.1.44 → 0.1.46

package/index.esm.css

@@ -646,6 +646,9 @@ video {
 .left-1 {
   left: 0.25rem;
 }
+.left-2 {
+  left: 0.5rem;
+}
 .left-2\/4 {
   left: 50%;
 }
@@ -682,6 +685,10 @@ video {
 .m-auto {
   margin: auto;
 }
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
 .mx-3 {
   margin-left: 0.75rem;
   margin-right: 0.75rem;
@@ -690,6 +697,10 @@ video {
   margin-left: auto;
   margin-right: auto;
 }
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -699,6 +710,9 @@ video {
 .mb-6 {
   margin-bottom: 1.5rem;
 }
+.ml-2 {
+  margin-left: 0.5rem;
+}
 .ml-4 {
   margin-left: 1rem;
 }
@@ -711,6 +725,9 @@ video {
 .mt-2 {
   margin-top: 0.5rem;
 }
+.mt-4 {
+  margin-top: 1rem;
+}
 .block {
   display: block;
 }
@@ -750,6 +767,12 @@ video {
 .h-24 {
   height: 6rem;
 }
+.h-3 {
+  height: 0.75rem;
+}
+.h-3\.5 {
+  height: 0.875rem;
+}
 .h-4 {
   height: 1rem;
 }
@@ -774,6 +797,9 @@ video {
 .h-full {
   height: 100%;
 }
+.h-px {
+  height: 1px;
+}
 .h-screen {
   height: 100vh;
 }
@@ -786,6 +812,12 @@ video {
 .w-24 {
   width: 6rem;
 }
+.w-3 {
+  width: 0.75rem;
+}
+.w-3\.5 {
+  width: 0.875rem;
+}
 .w-4 {
   width: 1rem;
 }
@@ -807,12 +839,18 @@ video {
 .w-9 {
   width: 2.25rem;
 }
+.w-\[100px\] {
+  width: 100px;
+}
 .w-\[280px\] {
   width: 280px;
 }
 .w-\[300px\] {
   width: 300px;
 }
+.w-\[70px\] {
+  width: 70px;
+}
 .w-auto {
   width: auto;
 }
@@ -829,6 +867,15 @@ video {
 .min-w-\[16rem\] {
   min-width: 16rem;
 }
+.min-w-\[2rem\] {
+  min-width: 2rem;
+}
+.min-w-\[5rem\] {
+  min-width: 5rem;
+}
+.min-w-\[8rem\] {
+  min-width: 8rem;
+}
 .max-w-\[455px\] {
   max-width: 455px;
 }
@@ -844,6 +891,9 @@ video {
 .shrink-0 {
   flex-shrink: 0;
 }
+.caption-bottom {
+  caption-side: bottom;
+}
 .border-collapse {
   border-collapse: collapse;
 }
@@ -859,15 +909,26 @@ video {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+.cursor-default {
+  cursor: default;
+}
 .cursor-pointer {
   cursor: pointer;
 }
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 .resize {
   resize: both;
 }
 .flex-col {
   flex-direction: column;
 }
+.flex-wrap {
+  flex-wrap: wrap;
+}
 .items-end {
   align-items: flex-end;
 }
@@ -892,6 +953,9 @@ video {
 .gap-2 {
   gap: 0.5rem;
 }
+.gap-4 {
+  gap: 1rem;
+}
 .gap-8 {
   gap: 2rem;
 }
@@ -900,6 +964,11 @@ video {
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
   margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .space-y-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -910,6 +979,9 @@ video {
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
+.overflow-auto {
+  overflow: auto;
+}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -934,6 +1006,9 @@ video {
 .rounded-md {
   border-radius: calc(var(--radius) - 2px);
 }
+.rounded-sm {
+  border-radius: calc(var(--radius) - 4px);
+}
 .rounded-xl {
   border-radius: 0.75rem;
 }
@@ -956,6 +1031,9 @@ video {
 .border-r {
   border-right-width: 1px;
 }
+.border-t {
+  border-top-width: 1px;
+}
 .border-solid {
   border-style: solid;
 }
@@ -980,6 +1058,9 @@ video {
 .border-input {
   border-color: hsl(var(--input));
 }
+.border-primary {
+  border-color: hsl(var(--primary));
+}
 .border-transparent {
   border-color: transparent;
 }
@@ -1037,6 +1118,12 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
+.bg-muted {
+  background-color: hsl(var(--muted));
+}
+.bg-muted\/50 {
+  background-color: hsl(var(--muted) / 0.5);
+}
 .bg-popover {
   background-color: hsl(var(--popover));
 }
@@ -1056,6 +1143,9 @@ video {
 .bg-opacity-10 {
   --tw-bg-opacity: 0.1;
 }
+.fill-current {
+  fill: currentColor;
+}
 .object-contain {
   -o-object-fit: contain;
      object-fit: contain;
@@ -1105,6 +1195,14 @@ video {
   padding-left: 2rem;
   padding-right: 2rem;
 }
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -1141,6 +1239,15 @@ video {
 .pl-12 {
   padding-left: 3rem;
 }
+.pl-4 {
+  padding-left: 1rem;
+}
+.pl-8 {
+  padding-left: 2rem;
+}
+.pr-2 {
+  padding-right: 0.5rem;
+}
 .pt-1 {
   padding-top: 0.25rem;
 }
@@ -1156,6 +1263,9 @@ video {
 .text-right {
   text-align: right;
 }
+.align-middle {
+  vertical-align: middle;
+}
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -1198,15 +1308,27 @@ video {
 .font-normal {
   font-weight: 400;
 }
+.font-semibold {
+  font-weight: 600;
+}
 .uppercase {
   text-transform: uppercase;
 }
+.lowercase {
+  text-transform: lowercase;
+}
+.capitalize {
+  text-transform: capitalize;
+}
 .italic {
   font-style: italic;
 }
 .tracking-tight {
   letter-spacing: -0.025em;
 }
+.tracking-widest {
+  letter-spacing: 0.1em;
+}
 .text-\[\#000000\] {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -1234,6 +1356,9 @@ video {
 .text-accent-foreground {
   color: hsl(var(--accent-foreground));
 }
+.text-current {
+  color: currentColor;
+}
 .text-destructive-foreground {
   color: hsl(var(--destructive-foreground));
 }
@@ -1294,6 +1419,9 @@ video {
 .opacity-55 {
   opacity: 0.55;
 }
+.opacity-60 {
+  opacity: 0.6;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -1415,6 +1543,31 @@ video {
 
 /* gary */
 
+.file\:border-0::file-selector-button {
+  border-width: 0px;
+}
+
+.file\:bg-transparent::file-selector-button {
+  background-color: transparent;
+}
+
+.file\:text-sm::file-selector-button {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.file\:font-medium::file-selector-button {
+  font-weight: 500;
+}
+
+.placeholder\:text-muted-foreground::-moz-placeholder {
+  color: hsl(var(--muted-foreground));
+}
+
+.placeholder\:text-muted-foreground::placeholder {
+  color: hsl(var(--muted-foreground));
+}
+
 .first\:rounded-l-md:first-child {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
@@ -1455,6 +1608,10 @@ video {
   background-color: hsl(var(--destructive) / 0.9);
 }
 
+.hover\:bg-muted\/50:hover {
+  background-color: hsl(var(--muted) / 0.5);
+}
+
 .hover\:bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
@@ -1485,11 +1642,19 @@ video {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
+.focus\:bg-accent:focus {
+  background-color: hsl(var(--accent));
+}
+
 .focus\:text-\[\#fff\]:focus {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.focus\:text-accent-foreground:focus {
+  color: hsl(var(--accent-foreground));
+}
+
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1559,6 +1724,10 @@ video {
   opacity: 0.3;
 }
 
+.data-\[disabled\]\:pointer-events-none[data-disabled] {
+  pointer-events: none;
+}
+
 .data-\[state\=checked\]\:translate-x-4[data-state=checked] {
   --tw-translate-x: 1rem;
   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));
@@ -1573,10 +1742,26 @@ video {
   background-color: hsl(var(--primary));
 }
 
+.data-\[state\=open\]\:bg-accent[data-state=open] {
+  background-color: hsl(var(--accent));
+}
+
+.data-\[state\=selected\]\:bg-muted[data-state=selected] {
+  background-color: hsl(var(--muted));
+}
+
 .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
   background-color: hsl(var(--input));
 }
 
+.data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
+  color: hsl(var(--primary-foreground));
+}
+
+.data-\[disabled\]\:opacity-50[data-disabled] {
+  opacity: 0.5;
+}
+
 .data-\[state\=open\]\:animate-in[data-state=open] {
   animation-name: enter;
   animation-duration: 150ms;
@@ -1654,6 +1839,10 @@ video {
     display: flex;
   }
 
+  .lg\:justify-center {
+    justify-content: center;
+  }
+
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
@@ -1697,6 +1886,65 @@ video {
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
 
+.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
+  padding-right: 0px;
+}
+
+.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
+  --tw-translate-y: 2px;
+  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));
+}
+
+.\[\&\>button\:disabled\]\:border-gray-200>button:disabled {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+
+.\[\&\>button\:disabled\]\:opacity-50>button:disabled {
+  opacity: 0.5;
+}
+
+.\[\&\>button\]\:grid>button {
+  display: grid;
+}
+
+.\[\&\>button\]\:h-8>button {
+  height: 2rem;
+}
+
+.\[\&\>button\]\:w-8>button {
+  width: 2rem;
+}
+
+.\[\&\>button\]\:place-items-center>button {
+  place-items: center;
+}
+
+.\[\&\>button\]\:rounded-md>button {
+  border-radius: calc(var(--radius) - 2px);
+}
+
+.\[\&\>button\]\:border>button {
+  border-width: 1px;
+}
+
+.\[\&\>button\]\:border-gray-300>button {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
+
+.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
+  border-bottom-width: 0px;
+}
+
+.\[\&_tr\:last-child\]\:border-0 tr:last-child {
+  border-width: 0px;
+}
+
+.\[\&_tr\]\:border-b tr {
+  border-bottom-width: 1px;
+}
+
 /*
  * Replace this with your own classes
  *
@@ -1711,35 +1959,36 @@ video {
   display: inline-flex;
   flex-direction: column;
   -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  user-select: none;
 }
 
-.rdrDateDisplay{
+.rdrDateDisplay {
   display: flex;
   justify-content: space-between;
 }
 
-.rdrDateDisplayItem{
+.rdrDateDisplayItem {
   flex: 1 1;
   width: 0;
   text-align: center;
   color: inherit;
 }
 
-.rdrDateDisplayItem + .rdrDateDisplayItem{
-    margin-left: 0.833em;
-  }
+.rdrDateDisplayItem + .rdrDateDisplayItem {
+  margin-left: 0.833em;
+}
 
-.rdrDateDisplayItem input{
-    text-align: inherit
-  }
+.rdrDateDisplayItem input {
+  text-align: inherit;
+}
 
-.rdrDateDisplayItem input:disabled{
-      cursor: default;
-    }
+.rdrDateDisplayItem input:disabled {
+  cursor: default;
+}
 
-.rdrDateDisplayItemActive{}
+.rdrDateDisplayItemActive {
+}
 
 .rdrMonthAndYearWrapper {
   box-sizing: inherit;
@@ -1747,16 +1996,18 @@ video {
   justify-content: space-between;
 }
 
-.rdrMonthAndYearPickers{
+.rdrMonthAndYearPickers {
   flex: 1 1 auto;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-.rdrMonthPicker{}
+.rdrMonthPicker {
+}
 
-.rdrYearPicker{}
+.rdrYearPicker {
+}
 
 .rdrNextPrevButton {
   box-sizing: inherit;
@@ -1764,28 +2015,30 @@ video {
   outline: none;
 }
 
-.rdrPprevButton {}
+.rdrPprevButton {
+}
 
-.rdrNextButton {}
+.rdrNextButton {
+}
 
-.rdrMonths{
+.rdrMonths {
   display: flex;
 }
 
-.rdrMonthsVertical{
+.rdrMonthsVertical {
   flex-direction: column;
 }
 
-.rdrMonthsHorizontal > div > div > div{
+.rdrMonthsHorizontal > div > div > div {
   display: flex;
   flex-direction: row;
 }
 
-.rdrMonth{
+.rdrMonth {
   width: 27.667em;
 }
 
-.rdrWeekDays{
+.rdrWeekDays {
   display: flex;
 }
 
@@ -1795,23 +2048,25 @@ video {
   text-align: center;
 }
 
-.rdrDays{
+.rdrDays {
   display: flex;
   flex-wrap: wrap;
 }
 
-.rdrDateDisplayWrapper{}
+.rdrDateDisplayWrapper {
+}
 
-.rdrMonthName{}
+.rdrMonthName {
+}
 
-.rdrInfiniteMonths{
+.rdrInfiniteMonths {
   overflow: auto;
 }
 
-.rdrDateRangeWrapper{
+.rdrDateRangeWrapper {
   -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  user-select: none;
 }
 
 .rdrDateInput {
@@ -1819,17 +2074,17 @@ video {
 }
 
 .rdrDateInput input {
-    outline: none;
-  }
+  outline: none;
+}
 
 .rdrDateInput .rdrWarning {
-    position: absolute;
-    font-size: 1.6em;
-    line-height: 1.6em;
-    top: 0;
-    right: .25em;
-    color: #FF0000;
-  }
+  position: absolute;
+  font-size: 1.6em;
+  line-height: 1.6em;
+  top: 0;
+  right: 0.25em;
+  color: #ff0000;
+}
 
 .rdrDay {
   box-sizing: inherit;
@@ -1844,9 +2099,9 @@ video {
   position: relative;
 }
 
-.rdrDayNumber span{
-    color: #1d2429;
-  }
+.rdrDayNumber span {
+  color: #1d2429;
+}
 
 .rdrDayDisabled {
   cursor: not-allowed;
@@ -1858,47 +2113,59 @@ video {
   }
 }
 
-.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
+.rdrSelected,
+.rdrInRange,
+.rdrStartEdge,
+.rdrEndEdge {
   pointer-events: none;
 }
 
-.rdrInRange{}
+.rdrInRange {
+}
 
-.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
+.rdrDayStartPreview,
+.rdrDayInPreview,
+.rdrDayEndPreview {
   pointer-events: none;
 }
 
-.rdrDayHovered{}
+.rdrDayHovered {
+}
 
-.rdrDayActive{}
+.rdrDayActive {
+}
 
-.rdrDateRangePickerWrapper{
+.rdrDateRangePickerWrapper {
   display: inline-flex;
   -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  user-select: none;
 }
 
-.rdrDefinedRangesWrapper{}
+.rdrDefinedRangesWrapper {
+}
 
-.rdrStaticRanges{
+.rdrStaticRanges {
   display: flex;
   flex-direction: column;
 }
 
-.rdrStaticRange{
+.rdrStaticRange {
   font-size: inherit;
 }
 
-.rdrStaticRangeLabel{}
+.rdrStaticRangeLabel {
+}
 
-.rdrInputRanges{}
+.rdrInputRanges {
+}
 
-.rdrInputRange{
+.rdrInputRange {
   display: flex;
 }
 
-.rdrInputRangeInput{}
+.rdrInputRangeInput {
+}
 
 .rdrCalendarWrapper{
   color: #000000;