@sunggang/ui-lib 0.3.3 → 0.3.5

package/index.esm.css

@@ -572,35 +572,58 @@ video {
   color: hsl(var(--foreground));
     font-feature-settings: 'rlig' 1, 'calt' 1;
 }
+.\!container {
+  width: 100% !important;
+}
 .container {
   width: 100%;
 }
 @media (min-width: 640px) {
 
+  .\!container {
+    max-width: 640px !important;
+  }
+
   .container {
     max-width: 640px;
   }
 }
 @media (min-width: 768px) {
 
+  .\!container {
+    max-width: 768px !important;
+  }
+
   .container {
     max-width: 768px;
   }
 }
 @media (min-width: 1024px) {
 
+  .\!container {
+    max-width: 1024px !important;
+  }
+
   .container {
     max-width: 1024px;
   }
 }
 @media (min-width: 1280px) {
 
+  .\!container {
+    max-width: 1280px !important;
+  }
+
   .container {
     max-width: 1280px;
   }
 }
 @media (min-width: 1536px) {
 
+  .\!container {
+    max-width: 1536px !important;
+  }
+
   .container {
     max-width: 1536px;
   }
@@ -611,6 +634,9 @@ video {
 .pointer-events-auto {
   pointer-events: auto;
 }
+.\!visible {
+  visibility: visible !important;
+}
 .visible {
   visibility: visible;
 }
@@ -623,15 +649,24 @@ video {
 .static {
   position: static;
 }
+.\!fixed {
+  position: fixed !important;
+}
 .fixed {
   position: fixed;
 }
 .absolute {
   position: absolute;
 }
+.\!relative {
+  position: relative !important;
+}
 .relative {
   position: relative;
 }
+.sticky {
+  position: sticky;
+}
 .inset-0 {
   inset: 0px;
 }
@@ -685,6 +720,9 @@ video {
 .top-\[72px\] {
   top: 72px;
 }
+.isolate {
+  isolation: isolate;
+}
 .z-10 {
   z-index: 10;
 }
@@ -700,6 +738,9 @@ video {
 .z-\[9999\] {
   z-index: 9999;
 }
+.m-1 {
+  margin: 0.25rem;
+}
 .m-4 {
   margin: 1rem;
 }
@@ -784,6 +825,9 @@ video {
 .mt-5 {
   margin-top: 1.25rem;
 }
+.\!block {
+  display: block !important;
+}
 .block {
   display: block;
 }
@@ -799,15 +843,49 @@ video {
 .inline-flex {
   display: inline-flex;
 }
+.\!table {
+  display: table !important;
+}
 .table {
   display: table;
 }
+.inline-table {
+  display: inline-table;
+}
+.table-caption {
+  display: table-caption;
+}
+.table-cell {
+  display: table-cell;
+}
+.flow-root {
+  display: flow-root;
+}
+.\!grid {
+  display: grid !important;
+}
 .grid {
   display: grid;
 }
+.inline-grid {
+  display: inline-grid;
+}
+.\!contents {
+  display: contents !important;
+}
+.contents {
+  display: contents;
+}
+.list-item {
+  display: list-item;
+}
 .hidden {
   display: none;
 }
+.size-2 {
+  width: 0.5rem;
+  height: 0.5rem;
+}
 .h-10 {
   height: 2.5rem;
 }
@@ -990,9 +1068,18 @@ video {
 .flex-none {
   flex: none;
 }
+.flex-shrink {
+  flex-shrink: 1;
+}
+.shrink {
+  flex-shrink: 1;
+}
 .shrink-0 {
   flex-shrink: 0;
 }
+.flex-grow {
+  flex-grow: 1;
+}
 .grow {
   flex-grow: 1;
 }
@@ -1030,6 +1117,9 @@ video {
   --tw-rotate: 90deg;
   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));
 }
+.\!transform {
+  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)) !important;
+}
 .transform {
   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));
 }
@@ -1056,6 +1146,11 @@ video {
      -moz-user-select: none;
           user-select: none;
 }
+.select-all {
+  -webkit-user-select: all;
+     -moz-user-select: all;
+          user-select: all;
+}
 .resize {
   resize: both;
 }
@@ -1249,6 +1344,9 @@ video {
 .border-\[\#ffffff33\] {
   border-color: #ffffff33;
 }
+.border-\[top\2c left\2c right\2c bottom\] {
+  border-color: top,left,right,bottom;
+}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1622,6 +1720,12 @@ video {
 .text-right {
   text-align: right;
 }
+.text-justify {
+  text-align: justify;
+}
+.indent-1 {
+  text-indent: 0.25rem;
+}
 .align-middle {
   vertical-align: middle;
 }
@@ -1667,6 +1771,9 @@ video {
 .font-bold {
   font-weight: 700;
 }
+.font-light {
+  font-weight: 300;
+}
 .font-medium {
   font-weight: 500;
 }
@@ -1688,6 +1795,10 @@ video {
 .italic {
   font-style: italic;
 }
+.ordinal {
+  --tw-ordinal: ordinal;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -1892,12 +2003,23 @@ video {
 .underline {
   text-decoration-line: underline;
 }
+.overline {
+  text-decoration-line: overline;
+}
 .line-through {
   text-decoration-line: line-through;
 }
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.subpixel-antialiased {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
 .opacity-0 {
   opacity: 0;
 }
@@ -1982,9 +2104,28 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   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);
 }
+.grayscale {
+  --tw-grayscale: grayscale(100%);
+  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);
+}
+.invert {
+  --tw-invert: invert(100%);
+  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);
+}
+.sepia {
+  --tw-sepia: sepia(100%);
+  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);
+}
+.\!filter {
+  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) !important;
+}
 .filter {
   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);
 }
+.backdrop-filter {
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2024,6 +2165,9 @@ video {
 .duration-500 {
   transition-duration: 500ms;
 }
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2044,6 +2188,12 @@ video {
     transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
 }
+.zoom-in {
+  --tw-enter-scale: 0;
+}
+.zoom-out {
+  --tw-exit-scale: 0;
+}
 .duration-1000 {
   animation-duration: 1000ms;
 }
@@ -2056,12 +2206,57 @@ video {
 .duration-500 {
   animation-duration: 500ms;
 }
+.ease-in {
+  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 .ease-out {
   animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.\!running {
+  animation-play-state: running !important;
+}
+.running {
+  animation-play-state: running;
+}
+.paused {
+  animation-play-state: paused;
+}
+.\[a-zA-Z0-9\:\\\\-\\\\\._\$\] {
+  a-z-a--z0-9: \\-\\. $;
+}
+.\[hash\:base64\] {
+  hash: base64;
+}
+.\[key\:string\] {
+  key: string;
+}
+.\[module\:ckbox\/ckbox\~CKBoxConfig\#assetsOrigin\] {
+  module: ckbox/ckbox~CKBoxConfig#assetsOrigin;
+}
+.\[module\:ckbox\/ckbox\~CKBoxConfig\#defaultUploadCategories\] {
+  module: ckbox/ckbox~CKBoxConfig#defaultUploadCategories;
+}
+.\[module\:ckbox\/ckbox\~CKBoxConfig\#ignoreDataId\] {
+  module: ckbox/ckbox~CKBoxConfig#ignoreDataId;
+}
+.\[module\:ckbox\/ckbox\~CKBoxConfig\#language\] {
+  module: ckbox/ckbox~CKBoxConfig#language;
+}
+.\[module\:ckbox\/ckbox\~CKBoxConfig\#serviceOrigin\] {
+  module: ckbox/ckbox~CKBoxConfig#serviceOrigin;
+}
+.\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#elementName\] {
+  module: media-embed/mediaembed~MediaEmbedConfig#elementName;
+}
+.\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#previewsInData\=false\] {
+  module: media-embed/mediaembed~MediaEmbedConfig#previewsInData=false;
+}
+.\[module\:ui\/template\~TemplateBinding\#callback\] {
+  module: ui/template~TemplateBinding#callback;
+}
 
 /* gary */
 

package/index.esm.js

@@ -1,4 +1,4 @@
-export { B as BaseSwitch, s as BaseTable, z as BigCalender, o as Button, K as City, C as Controller, E as CustomSelect, l as CustomUpload, r as DataTable, n as DateRangePicker, A as DnDCalendar, k as DropDown, D as DropImage, F as FieldLabel, N as Fields, P as Form, I as FormProvider, L as LiffContext, G as LiffProvider, R as ReactDateRange, t as Regex, O as Row, S as Spin, m as Switch, T as TabsPanel, M as Textarea, U as UiLibrary, q as buttonVariants, J as useForm, u as useFormContext, H as useLiffContext, v as validateMsg, x as verifyId, w as verifyTaiwanIdIntermediateString, y as verifyTaxId } from './index.esm2.js';
+export { B as BaseSwitch, w as BaseTable, G as BigCalender, q as Button, P as City, C as Controller, J as CustomSelect, l as CustomUpload, t as DataTable, n as DateRangePicker, H as DnDCalendar, x as Drawer, k as DropDown, D as DropImage, F as FieldLabel, V as Fields, X as Form, N as FormProvider, I as InputOTPs, L as LiffContext, K as LiffProvider, R as ReactDateRange, y as Regex, W as Row, o as SingleDatePicker, S as Spin, s as StackCards, m as Switch, T as TabsPanel, Q as Textarea, U as UiLibrary, r as buttonVariants, O as useForm, u as useFormContext, M as useLiffContext, v as validateMsg, A as verifyId, z as verifyTaiwanIdIntermediateString, E as verifyTaxId } from './index.esm2.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@iconify/react';
@@ -19,6 +19,7 @@ import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
 import '@mui/material';
+import 'input-otp';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-icons';