@sunggang/ui-lib 0.3.22 → 0.3.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,7 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import React__default from 'react';
3
- 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';
3
+ 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';
4
4
  import '@iconify/react';
5
- import 'react-dom';
6
5
  import '@radix-ui/react-switch';
7
6
  import 'clsx';
8
7
  import 'tailwind-merge';
@@ -18,6 +17,7 @@ import 'react-date-range/dist/locale/index.js';
18
17
  import 'date-fns/addDays/index.js';
19
18
  import 'date-fns/format/index.js';
20
19
  import '@emotion/react';
20
+ import 'react-dom';
21
21
  import '@mui/material';
22
22
  import '@radix-ui/react-select';
23
23
  import '@radix-ui/react-icons';
package/index.esm.css CHANGED
@@ -572,58 +572,35 @@ video {
572
572
  color: hsl(var(--foreground));
573
573
  font-feature-settings: 'rlig' 1, 'calt' 1;
574
574
  }
575
- .\!container {
576
- width: 100% !important;
577
- }
578
575
  .container {
579
576
  width: 100%;
580
577
  }
581
578
  @media (min-width: 640px) {
582
579
 
583
- .\!container {
584
- max-width: 640px !important;
585
- }
586
-
587
580
  .container {
588
581
  max-width: 640px;
589
582
  }
590
583
  }
591
584
  @media (min-width: 768px) {
592
585
 
593
- .\!container {
594
- max-width: 768px !important;
595
- }
596
-
597
586
  .container {
598
587
  max-width: 768px;
599
588
  }
600
589
  }
601
590
  @media (min-width: 1024px) {
602
591
 
603
- .\!container {
604
- max-width: 1024px !important;
605
- }
606
-
607
592
  .container {
608
593
  max-width: 1024px;
609
594
  }
610
595
  }
611
596
  @media (min-width: 1280px) {
612
597
 
613
- .\!container {
614
- max-width: 1280px !important;
615
- }
616
-
617
598
  .container {
618
599
  max-width: 1280px;
619
600
  }
620
601
  }
621
602
  @media (min-width: 1536px) {
622
603
 
623
- .\!container {
624
- max-width: 1536px !important;
625
- }
626
-
627
604
  .container {
628
605
  max-width: 1536px;
629
606
  }
@@ -634,9 +611,6 @@ video {
634
611
  .pointer-events-auto {
635
612
  pointer-events: auto;
636
613
  }
637
- .\!visible {
638
- visibility: visible !important;
639
- }
640
614
  .visible {
641
615
  visibility: visible;
642
616
  }
@@ -649,24 +623,15 @@ video {
649
623
  .static {
650
624
  position: static;
651
625
  }
652
- .\!fixed {
653
- position: fixed !important;
654
- }
655
626
  .fixed {
656
627
  position: fixed;
657
628
  }
658
629
  .absolute {
659
630
  position: absolute;
660
631
  }
661
- .\!relative {
662
- position: relative !important;
663
- }
664
632
  .relative {
665
633
  position: relative;
666
634
  }
667
- .sticky {
668
- position: sticky;
669
- }
670
635
  .inset-0 {
671
636
  inset: 0px;
672
637
  }
@@ -729,9 +694,6 @@ video {
729
694
  .top-\[72px\] {
730
695
  top: 72px;
731
696
  }
732
- .isolate {
733
- isolation: isolate;
734
- }
735
697
  .z-10 {
736
698
  z-index: 10;
737
699
  }
@@ -747,9 +709,6 @@ video {
747
709
  .z-\[9999\] {
748
710
  z-index: 9999;
749
711
  }
750
- .m-1 {
751
- margin: 0.25rem;
752
- }
753
712
  .m-4 {
754
713
  margin: 1rem;
755
714
  }
@@ -837,9 +796,6 @@ video {
837
796
  .mt-9 {
838
797
  margin-top: 2.25rem;
839
798
  }
840
- .\!block {
841
- display: block !important;
842
- }
843
799
  .block {
844
800
  display: block;
845
801
  }
@@ -855,42 +811,12 @@ video {
855
811
  .inline-flex {
856
812
  display: inline-flex;
857
813
  }
858
- .\!table {
859
- display: table !important;
860
- }
861
814
  .table {
862
815
  display: table;
863
816
  }
864
- .inline-table {
865
- display: inline-table;
866
- }
867
- .table-caption {
868
- display: table-caption;
869
- }
870
- .table-cell {
871
- display: table-cell;
872
- }
873
- .flow-root {
874
- display: flow-root;
875
- }
876
- .\!grid {
877
- display: grid !important;
878
- }
879
817
  .grid {
880
818
  display: grid;
881
819
  }
882
- .inline-grid {
883
- display: inline-grid;
884
- }
885
- .\!contents {
886
- display: contents !important;
887
- }
888
- .contents {
889
- display: contents;
890
- }
891
- .list-item {
892
- display: list-item;
893
- }
894
820
  .hidden {
895
821
  display: none;
896
822
  }
@@ -1101,18 +1027,9 @@ video {
1101
1027
  .flex-none {
1102
1028
  flex: none;
1103
1029
  }
1104
- .flex-shrink {
1105
- flex-shrink: 1;
1106
- }
1107
- .shrink {
1108
- flex-shrink: 1;
1109
- }
1110
1030
  .shrink-0 {
1111
1031
  flex-shrink: 0;
1112
1032
  }
1113
- .flex-grow {
1114
- flex-grow: 1;
1115
- }
1116
1033
  .grow {
1117
1034
  flex-grow: 1;
1118
1035
  }
@@ -1153,9 +1070,6 @@ video {
1153
1070
  --tw-rotate: 90deg;
1154
1071
  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));
1155
1072
  }
1156
- .\!transform {
1157
- 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;
1158
- }
1159
1073
  .transform {
1160
1074
  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));
1161
1075
  }
@@ -1182,11 +1096,6 @@ video {
1182
1096
  -moz-user-select: none;
1183
1097
  user-select: none;
1184
1098
  }
1185
- .select-all {
1186
- -webkit-user-select: all;
1187
- -moz-user-select: all;
1188
- user-select: all;
1189
- }
1190
1099
  .resize {
1191
1100
  resize: both;
1192
1101
  }
@@ -1393,9 +1302,6 @@ video {
1393
1302
  .border-\[\#ffffff33\] {
1394
1303
  border-color: #ffffff33;
1395
1304
  }
1396
- .border-\[top\2c left\2c right\2c bottom\] {
1397
- border-color: top,left,right,bottom;
1398
- }
1399
1305
  .border-gray-200 {
1400
1306
  --tw-border-opacity: 1;
1401
1307
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1789,9 +1695,6 @@ video {
1789
1695
  .text-right {
1790
1696
  text-align: right;
1791
1697
  }
1792
- .text-justify {
1793
- text-align: justify;
1794
- }
1795
1698
  .indent-1 {
1796
1699
  text-indent: 0.25rem;
1797
1700
  }
@@ -1840,9 +1743,6 @@ video {
1840
1743
  .font-bold {
1841
1744
  font-weight: 700;
1842
1745
  }
1843
- .font-light {
1844
- font-weight: 300;
1845
- }
1846
1746
  .font-medium {
1847
1747
  font-weight: 500;
1848
1748
  }
@@ -1864,10 +1764,6 @@ video {
1864
1764
  .italic {
1865
1765
  font-style: italic;
1866
1766
  }
1867
- .ordinal {
1868
- --tw-ordinal: ordinal;
1869
- font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1870
- }
1871
1767
  .tracking-tight {
1872
1768
  letter-spacing: -0.025em;
1873
1769
  }
@@ -2076,23 +1972,12 @@ video {
2076
1972
  .underline {
2077
1973
  text-decoration-line: underline;
2078
1974
  }
2079
- .overline {
2080
- text-decoration-line: overline;
2081
- }
2082
1975
  .line-through {
2083
1976
  text-decoration-line: line-through;
2084
1977
  }
2085
1978
  .underline-offset-4 {
2086
1979
  text-underline-offset: 4px;
2087
1980
  }
2088
- .antialiased {
2089
- -webkit-font-smoothing: antialiased;
2090
- -moz-osx-font-smoothing: grayscale;
2091
- }
2092
- .subpixel-antialiased {
2093
- -webkit-font-smoothing: auto;
2094
- -moz-osx-font-smoothing: auto;
2095
- }
2096
1981
  .opacity-0 {
2097
1982
  opacity: 0;
2098
1983
  }
@@ -2180,28 +2065,9 @@ video {
2180
2065
  --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));
2181
2066
  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);
2182
2067
  }
2183
- .grayscale {
2184
- --tw-grayscale: grayscale(100%);
2185
- 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);
2186
- }
2187
- .invert {
2188
- --tw-invert: invert(100%);
2189
- 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);
2190
- }
2191
- .sepia {
2192
- --tw-sepia: sepia(100%);
2193
- 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);
2194
- }
2195
- .\!filter {
2196
- 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;
2197
- }
2198
2068
  .filter {
2199
2069
  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);
2200
2070
  }
2201
- .backdrop-filter {
2202
- -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);
2203
- 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);
2204
- }
2205
2071
  .transition {
2206
2072
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2207
2073
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2241,9 +2107,6 @@ video {
2241
2107
  .duration-500 {
2242
2108
  transition-duration: 500ms;
2243
2109
  }
2244
- .ease-in {
2245
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2246
- }
2247
2110
  .ease-in-out {
2248
2111
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2249
2112
  }
@@ -2264,12 +2127,6 @@ video {
2264
2127
  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));
2265
2128
  }
2266
2129
  }
2267
- .zoom-in {
2268
- --tw-enter-scale: 0;
2269
- }
2270
- .zoom-out {
2271
- --tw-exit-scale: 0;
2272
- }
2273
2130
  .duration-1000 {
2274
2131
  animation-duration: 1000ms;
2275
2132
  }
@@ -2282,57 +2139,12 @@ video {
2282
2139
  .duration-500 {
2283
2140
  animation-duration: 500ms;
2284
2141
  }
2285
- .ease-in {
2286
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
2287
- }
2288
2142
  .ease-in-out {
2289
2143
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2290
2144
  }
2291
2145
  .ease-out {
2292
2146
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2293
2147
  }
2294
- .\!running {
2295
- animation-play-state: running !important;
2296
- }
2297
- .running {
2298
- animation-play-state: running;
2299
- }
2300
- .paused {
2301
- animation-play-state: paused;
2302
- }
2303
- .\[a-zA-Z0-9\:\\\\-\\\\\._\$\] {
2304
- a-z-a--z0-9: \\-\\. $;
2305
- }
2306
- .\[hash\:base64\] {
2307
- hash: base64;
2308
- }
2309
- .\[key\:string\] {
2310
- key: string;
2311
- }
2312
- .\[module\:ckbox\/ckbox\~CKBoxConfig\#assetsOrigin\] {
2313
- module: ckbox/ckbox~CKBoxConfig#assetsOrigin;
2314
- }
2315
- .\[module\:ckbox\/ckbox\~CKBoxConfig\#defaultUploadCategories\] {
2316
- module: ckbox/ckbox~CKBoxConfig#defaultUploadCategories;
2317
- }
2318
- .\[module\:ckbox\/ckbox\~CKBoxConfig\#ignoreDataId\] {
2319
- module: ckbox/ckbox~CKBoxConfig#ignoreDataId;
2320
- }
2321
- .\[module\:ckbox\/ckbox\~CKBoxConfig\#language\] {
2322
- module: ckbox/ckbox~CKBoxConfig#language;
2323
- }
2324
- .\[module\:ckbox\/ckbox\~CKBoxConfig\#serviceOrigin\] {
2325
- module: ckbox/ckbox~CKBoxConfig#serviceOrigin;
2326
- }
2327
- .\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#elementName\] {
2328
- module: media-embed/mediaembed~MediaEmbedConfig#elementName;
2329
- }
2330
- .\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#previewsInData\=false\] {
2331
- module: media-embed/mediaembed~MediaEmbedConfig#previewsInData=false;
2332
- }
2333
- .\[module\:ui\/template\~TemplateBinding\#callback\] {
2334
- module: ui/template~TemplateBinding#callback;
2335
- }
2336
2148
 
2337
2149
  /* gary */
2338
2150
 
package/index.esm.js CHANGED
@@ -1,8 +1,7 @@
1
- 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, W as CustomUploadField, t as DataTable, n as DateRangePicker, H as DnDCalendar, x as Drawer, k as DropDown, D as DropImage, F as FieldLabel, V as Fields, Y as Form, N as FormProvider, I as InputOTPs, L as LiffContext, K as LiffProvider, R as ReactDateRange, y as Regex, X 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';
1
+ 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';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import '@iconify/react';
5
- import 'react-dom';
6
5
  import '@radix-ui/react-switch';
7
6
  import 'clsx';
8
7
  import 'tailwind-merge';
@@ -18,6 +17,7 @@ import 'react-date-range/dist/locale/index.js';
18
17
  import 'date-fns/addDays/index.js';
19
18
  import 'date-fns/format/index.js';
20
19
  import '@emotion/react';
20
+ import 'react-dom';
21
21
  import '@mui/material';
22
22
  import '@radix-ui/react-select';
23
23
  import '@radix-ui/react-icons';