@sunggang/ui-lib 0.3.20 → 0.3.22

package/BaseCkeditor.esm.js

@@ -19,10 +19,11 @@ import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
 import '@mui/material';
+import '@radix-ui/react-select';
+import '@radix-ui/react-icons';
 import 'input-otp';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
-import '@radix-ui/react-icons';
 
 var dist = {
     exports: {}

package/index.esm.css

@@ -678,9 +678,15 @@ video {
   top: 0px;
   bottom: 0px;
 }
+.-right-0 {
+  right: -0px;
+}
 .-right-4 {
   right: -1rem;
 }
+.-top-0 {
+  top: -0px;
+}
 .-top-4 {
   top: -1rem;
 }
@@ -708,6 +714,9 @@ video {
 .right-1 {
   right: 0.25rem;
 }
+.right-2 {
+  right: 0.5rem;
+}
 .top-0 {
   top: 0px;
 }
@@ -825,6 +834,9 @@ video {
 .mt-5 {
   margin-top: 1.25rem;
 }
+.mt-9 {
+  margin-top: 2.25rem;
+}
 .\!block {
   display: block !important;
 }
@@ -892,6 +904,9 @@ video {
 .h-11 {
   height: 2.75rem;
 }
+.h-12 {
+  height: 3rem;
+}
 .h-14 {
   height: 3.5rem;
 }
@@ -937,6 +952,12 @@ video {
 .h-\[22px\] {
   height: 22px;
 }
+.h-\[44px\] {
+  height: 44px;
+}
+.h-\[var\(--radix-select-trigger-height\)\] {
+  height: var(--radix-select-trigger-height);
+}
 .h-fit {
   height: -moz-fit-content;
   height: fit-content;
@@ -953,6 +974,9 @@ video {
 .max-h-72 {
   max-height: 18rem;
 }
+.max-h-\[--radix-select-content-available-height\] {
+  max-height: var(--radix-select-content-available-height);
+}
 .max-h-\[90vh\] {
   max-height: 90vh;
 }
@@ -980,6 +1004,9 @@ video {
 .w-4 {
   width: 1rem;
 }
+.w-48 {
+  width: 12rem;
+}
 .w-5 {
   width: 1.25rem;
 }
@@ -1050,6 +1077,9 @@ video {
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
+.min-w-\[var\(--radix-select-trigger-width\)\] {
+  min-width: var(--radix-select-trigger-width);
+}
 .max-w-\[455px\] {
   max-width: 455px;
 }
@@ -1092,6 +1122,9 @@ video {
 .border-collapse {
   border-collapse: collapse;
 }
+.origin-\[--radix-select-content-transform-origin\] {
+  transform-origin: var(--radix-select-content-transform-origin);
+}
 .-translate-x-full {
   --tw-translate-x: -100%;
   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));
@@ -1245,6 +1278,9 @@ video {
 .overflow-y-auto {
   overflow-y: auto;
 }
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
 .overflow-y-scroll {
   overflow-y: scroll;
 }
@@ -1262,6 +1298,9 @@ video {
 .rounded-\[10px\] {
   border-radius: 10px;
 }
+.rounded-\[22px\] {
+  border-radius: 22px;
+}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1320,10 +1359,17 @@ video {
 .border-dashed {
   border-style: dashed;
 }
+.border-\[\#17340929\] {
+  border-color: #17340929;
+}
 .border-\[\#656565\] {
   --tw-border-opacity: 1;
   border-color: rgb(101 101 101 / var(--tw-border-opacity, 1));
 }
+.border-\[\#777777\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(119 119 119 / var(--tw-border-opacity, 1));
+}
 .border-\[\#B8B8B8\] {
   --tw-border-opacity: 1;
   border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
@@ -1405,10 +1451,21 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(12 116 137 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#1697960D\] {
+  background-color: #1697960D;
+}
+.bg-\[\#1A1A1A\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#56CFCF\] {
   --tw-bg-opacity: 1;
   background-color: rgb(86 207 207 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#F1F1F1\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#F5F5F5\] {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
@@ -1666,6 +1723,9 @@ video {
   padding-top: 2.25rem;
   padding-bottom: 2.25rem;
 }
+.\!pl-4 {
+  padding-left: 1rem !important;
+}
 .pb-0\.5 {
   padding-bottom: 0.125rem;
 }
@@ -1687,6 +1747,9 @@ video {
 .pl-14 {
   padding-left: 3.5rem;
 }
+.pl-2 {
+  padding-left: 0.5rem;
+}
 .pl-2\.5 {
   padding-left: 0.625rem;
 }
@@ -1705,6 +1768,9 @@ video {
 .pr-4 {
   padding-right: 1rem;
 }
+.pr-8 {
+  padding-right: 2rem;
+}
 .pt-1 {
   padding-top: 0.25rem;
 }
@@ -1848,6 +1914,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(115 115 115 / var(--tw-text-opacity, 1));
 }
+.text-\[\#777777\] {
+  --tw-text-opacity: 1;
+  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
+}
 .text-\[\#B0B0B0\] {
   --tw-text-opacity: 1;
   color: rgb(176 176 176 / var(--tw-text-opacity, 1));
@@ -1871,6 +1941,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
 }
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -2095,6 +2169,9 @@ video {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.ring-offset-background {
+  --tw-ring-offset-color: hsl(var(--background));
+}
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -2336,6 +2413,10 @@ video {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-\[\#1697960D\]:hover {
+  background-color: #1697960D;
+}
+
 .hover\:bg-\[\#D9D9D9\]:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
@@ -2693,6 +2774,12 @@ video {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:ring-1:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .focus\:ring-amber-500\/20:focus {
   --tw-ring-color: rgb(245 158 11 / 0.2);
 }
@@ -2746,6 +2833,10 @@ video {
   --tw-ring-color: rgb(239 68 68 / 0.2);
 }
 
+.focus\:ring-ring:focus {
+  --tw-ring-color: hsl(var(--ring));
+}
+
 .focus\:ring-rose-500\/20:focus {
   --tw-ring-color: rgb(244 63 94 / 0.2);
 }
@@ -2847,6 +2938,26 @@ video {
   pointer-events: none;
 }
 
+.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
+  --tw-translate-y: 0.25rem;
+  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));
+}
+
+.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
+  --tw-translate-x: -0.25rem;
+  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));
+}
+
+.data-\[side\=right\]\:translate-x-1[data-side="right"] {
+  --tw-translate-x: 0.25rem;
+  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));
+}
+
+.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
+  --tw-translate-y: -0.25rem;
+  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));
+}
+
 .data-\[state\=checked\]\:translate-x-3[data-state="checked"] {
   --tw-translate-x: 0.75rem;
   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));
@@ -2867,6 +2978,10 @@ video {
   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));
 }
 
+.data-\[state\=checked\]\:bg-\[\#169796BF\][data-state="checked"] {
+  background-color: #169796BF;
+}
+
 .data-\[state\=checked\]\:bg-blue-500[data-state="checked"] {
   --tw-bg-opacity: 1;
   background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
@@ -2903,6 +3018,10 @@ video {
   background-color: hsl(var(--input));
 }
 
+.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
+  color: hsl(var(--muted-foreground));
+}
+
 .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
   color: hsl(var(--primary-foreground));
 }
@@ -3138,6 +3257,13 @@ video {
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
 }
 
+.\[\&\>span\]\:line-clamp-1>span {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+
 .\[\&\>tr\]\:last\:border-b-0:last-child>tr {
   border-bottom-width: 0px;
 }

package/index.esm.js

@@ -19,7 +19,8 @@ import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
 import '@mui/material';
+import '@radix-ui/react-select';
+import '@radix-ui/react-icons';
 import 'input-otp';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
-import '@radix-ui/react-icons';