@sunggang/ui-lib 0.3.23 → 0.3.25

package/BaseCkeditor.esm.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
-import { m as getAugmentedNamespace, p as propTypes, k as commonjsGlobal, n as getDefaultExportFromCjs, u as useFormContext, C as Controller, F as FieldLabel, o as validateMsg } from './index.esm2.js';
+import { i as getAugmentedNamespace, p as propTypes, g as commonjsGlobal, j as getDefaultExportFromCjs, u as useFormContext, C as Controller, F as FieldLabel, v as validateMsg } from './index.esm2.js';
 import '@iconify/react';
+import 'react-dom';
 import '@radix-ui/react-switch';
 import 'clsx';
 import 'tailwind-merge';
@@ -17,7 +18,6 @@ import 'react-date-range/dist/locale/index.js';
 import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
-import 'react-dom';
 import '@mui/material';
 import '@radix-ui/react-select';
 import '@radix-ui/react-icons';

package/index.esm.css

@@ -530,6 +530,8 @@ video {
     --ring: 215 20.2% 65.1%;
 
     --radius: 0.5rem;
+
+    --scrollbar-width: 0px;
   }
 
   .dark {
@@ -572,35 +574,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 +636,9 @@ video {
 .pointer-events-auto {
   pointer-events: auto;
 }
+.\!visible {
+  visibility: visible !important;
+}
 .visible {
   visibility: visible;
 }
@@ -623,15 +651,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;
 }
@@ -694,6 +731,9 @@ video {
 .top-\[72px\] {
   top: 72px;
 }
+.isolate {
+  isolation: isolate;
+}
 .z-10 {
   z-index: 10;
 }
@@ -709,6 +749,9 @@ video {
 .z-\[9999\] {
   z-index: 9999;
 }
+.m-1 {
+  margin: 0.25rem;
+}
 .m-4 {
   margin: 1rem;
 }
@@ -793,8 +836,8 @@ video {
 .mt-5 {
   margin-top: 1.25rem;
 }
-.mt-9 {
-  margin-top: 2.25rem;
+.\!block {
+  display: block !important;
 }
 .block {
   display: block;
@@ -811,12 +854,42 @@ 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;
 }
@@ -878,6 +951,9 @@ video {
 .h-\[22px\] {
   height: 22px;
 }
+.h-\[330px\] {
+  height: 330px;
+}
 .h-\[44px\] {
   height: 44px;
 }
@@ -951,6 +1027,9 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-80 {
+  width: 20rem;
+}
 .w-9 {
   width: 2.25rem;
 }
@@ -1027,9 +1106,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;
 }
@@ -1070,6 +1158,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));
 }
@@ -1096,6 +1187,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;
 }
@@ -1204,6 +1300,9 @@ video {
 .rounded {
   border-radius: 0.25rem;
 }
+.rounded-2xl {
+  border-radius: 1rem;
+}
 .rounded-\[10px\] {
   border-radius: 10px;
 }
@@ -1225,6 +1324,10 @@ video {
 .rounded-xl {
   border-radius: 0.75rem;
 }
+.rounded-r-2xl {
+  border-top-right-radius: 1rem;
+  border-bottom-right-radius: 1rem;
+}
 .rounded-r-lg {
   border-top-right-radius: var(--radius);
   border-bottom-right-radius: var(--radius);
@@ -1268,9 +1371,16 @@ video {
 .border-dashed {
   border-style: dashed;
 }
+.border-\[\#000000A6\] {
+  border-color: #000000A6;
+}
 .border-\[\#17340929\] {
   border-color: #17340929;
 }
+.border-\[\#266B6A\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 107 106 / var(--tw-border-opacity, 1));
+}
 .border-\[\#656565\] {
   --tw-border-opacity: 1;
   border-color: rgb(101 101 101 / var(--tw-border-opacity, 1));
@@ -1279,6 +1389,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(119 119 119 / var(--tw-border-opacity, 1));
 }
+.border-\[\#B4B4B4\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(180 180 180 / var(--tw-border-opacity, 1));
+}
 .border-\[\#B8B8B8\] {
   --tw-border-opacity: 1;
   border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
@@ -1302,6 +1416,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));
@@ -1683,6 +1800,9 @@ video {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-4 {
+  padding-top: 1rem;
+}
 .pt-8 {
   padding-top: 2rem;
 }
@@ -1695,6 +1815,9 @@ video {
 .text-right {
   text-align: right;
 }
+.text-justify {
+  text-align: justify;
+}
 .indent-1 {
   text-indent: 0.25rem;
 }
@@ -1743,6 +1866,9 @@ video {
 .font-bold {
   font-weight: 700;
 }
+.font-light {
+  font-weight: 300;
+}
 .font-medium {
   font-weight: 500;
 }
@@ -1764,12 +1890,19 @@ 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;
 }
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.text-\[\#000000A6\] {
+  color: #000000A6;
+}
 .text-\[\#000000\] {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -1972,12 +2105,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;
 }
@@ -2065,9 +2209,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;
@@ -2107,6 +2270,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);
 }
@@ -2127,6 +2293,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;
 }
@@ -2139,12 +2311,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 */
 
@@ -2830,8 +3047,9 @@ video {
   background-color: hsl(var(--input));
 }
 
-.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
-  color: hsl(var(--muted-foreground));
+.data-\[placeholder\]\:text-\[\#1A1A1A\][data-placeholder] {
+  --tw-text-opacity: 1;
+  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
 }
 
 .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
@@ -2951,6 +3169,10 @@ video {
     width: 24rem;
   }
 
+  .lg\:w-\[364px\] {
+    width: 364px;
+  }
+
   .lg\:grid-cols-6 {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }

package/index.esm.js

@@ -1,7 +1,8 @@
-export { B as BaseSwitch, G as BaseTable, N as BigCalender, y as Button, $ as City, C as Controller, Q as CustomSelect, s as CustomUpload, a2 as CustomUploadField, E as DataTable, w as DateRangePicker, O as DnDCalendar, H as Drawer, q as DropDown, D as DropImage, F as FieldLabel, a1 as Fields, a4 as Form, Y as FormProvider, I as InputOTPs, V as LiffContext, W as LiffProvider, R as ReactDateRange, J as Regex, a3 as Row, x as SingleDatePicker, S as Spin, A as StackCards, t as Switch, T as TabsPanel, a0 as Textarea, U as UiLibrary, z as buttonVariants, Z as useForm, u as useFormContext, X as useLiffContext, o as validateMsg, L as verifyId, K as verifyTaiwanIdIntermediateString, M as verifyTaxId } from './index.esm2.js';
+export { B as BaseSwitch, w as BaseTable, G as BigCalender, q as Button, X as City, C as Controller, J as CustomSelect, l as CustomUpload, $ as CustomUploadField, t as DataTable, n as DateRangePicker, H as DnDCalendar, x as Drawer, k as DropDown, D as DropImage, F as FieldLabel, Z as Fields, a1 as Form, N as FormProvider, I as InputOTPs, L as LiffContext, K as LiffProvider, R as ReactDateRange, y as Regex, a0 as Row, o as SingleDatePicker, S as Spin, s as StackCards, m as Switch, T as TabsPanel, Y as Textarea, U as UiLibrary, r as buttonVariants, P as useController, Q as useFieldArray, O as useForm, u as useFormContext, V as useFormState, M as useLiffContext, W as useWatch, 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';
+import 'react-dom';
 import '@radix-ui/react-switch';
 import 'clsx';
 import 'tailwind-merge';
@@ -17,7 +18,6 @@ import 'react-date-range/dist/locale/index.js';
 import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
-import 'react-dom';
 import '@mui/material';
 import '@radix-ui/react-select';
 import '@radix-ui/react-icons';