@sunggang/ui-lib 0.3.23 → 0.3.24

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,7 +1,8 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import React__default from 'react';
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';
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';
4
4
  import '@iconify/react';
5
+ import 'react-dom';
5
6
  import '@radix-ui/react-switch';
6
7
  import 'clsx';
7
8
  import 'tailwind-merge';
@@ -17,7 +18,6 @@ import 'react-date-range/dist/locale/index.js';
17
18
  import 'date-fns/addDays/index.js';
18
19
  import 'date-fns/format/index.js';
19
20
  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,35 +572,58 @@ 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
+ }
575
578
  .container {
576
579
  width: 100%;
577
580
  }
578
581
  @media (min-width: 640px) {
579
582
 
583
+ .\!container {
584
+ max-width: 640px !important;
585
+ }
586
+
580
587
  .container {
581
588
  max-width: 640px;
582
589
  }
583
590
  }
584
591
  @media (min-width: 768px) {
585
592
 
593
+ .\!container {
594
+ max-width: 768px !important;
595
+ }
596
+
586
597
  .container {
587
598
  max-width: 768px;
588
599
  }
589
600
  }
590
601
  @media (min-width: 1024px) {
591
602
 
603
+ .\!container {
604
+ max-width: 1024px !important;
605
+ }
606
+
592
607
  .container {
593
608
  max-width: 1024px;
594
609
  }
595
610
  }
596
611
  @media (min-width: 1280px) {
597
612
 
613
+ .\!container {
614
+ max-width: 1280px !important;
615
+ }
616
+
598
617
  .container {
599
618
  max-width: 1280px;
600
619
  }
601
620
  }
602
621
  @media (min-width: 1536px) {
603
622
 
623
+ .\!container {
624
+ max-width: 1536px !important;
625
+ }
626
+
604
627
  .container {
605
628
  max-width: 1536px;
606
629
  }
@@ -611,6 +634,9 @@ video {
611
634
  .pointer-events-auto {
612
635
  pointer-events: auto;
613
636
  }
637
+ .\!visible {
638
+ visibility: visible !important;
639
+ }
614
640
  .visible {
615
641
  visibility: visible;
616
642
  }
@@ -623,15 +649,24 @@ video {
623
649
  .static {
624
650
  position: static;
625
651
  }
652
+ .\!fixed {
653
+ position: fixed !important;
654
+ }
626
655
  .fixed {
627
656
  position: fixed;
628
657
  }
629
658
  .absolute {
630
659
  position: absolute;
631
660
  }
661
+ .\!relative {
662
+ position: relative !important;
663
+ }
632
664
  .relative {
633
665
  position: relative;
634
666
  }
667
+ .sticky {
668
+ position: sticky;
669
+ }
635
670
  .inset-0 {
636
671
  inset: 0px;
637
672
  }
@@ -694,6 +729,9 @@ video {
694
729
  .top-\[72px\] {
695
730
  top: 72px;
696
731
  }
732
+ .isolate {
733
+ isolation: isolate;
734
+ }
697
735
  .z-10 {
698
736
  z-index: 10;
699
737
  }
@@ -709,6 +747,9 @@ video {
709
747
  .z-\[9999\] {
710
748
  z-index: 9999;
711
749
  }
750
+ .m-1 {
751
+ margin: 0.25rem;
752
+ }
712
753
  .m-4 {
713
754
  margin: 1rem;
714
755
  }
@@ -796,6 +837,9 @@ video {
796
837
  .mt-9 {
797
838
  margin-top: 2.25rem;
798
839
  }
840
+ .\!block {
841
+ display: block !important;
842
+ }
799
843
  .block {
800
844
  display: block;
801
845
  }
@@ -811,12 +855,42 @@ video {
811
855
  .inline-flex {
812
856
  display: inline-flex;
813
857
  }
858
+ .\!table {
859
+ display: table !important;
860
+ }
814
861
  .table {
815
862
  display: table;
816
863
  }
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
+ }
817
879
  .grid {
818
880
  display: grid;
819
881
  }
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
+ }
820
894
  .hidden {
821
895
  display: none;
822
896
  }
@@ -1027,9 +1101,18 @@ video {
1027
1101
  .flex-none {
1028
1102
  flex: none;
1029
1103
  }
1104
+ .flex-shrink {
1105
+ flex-shrink: 1;
1106
+ }
1107
+ .shrink {
1108
+ flex-shrink: 1;
1109
+ }
1030
1110
  .shrink-0 {
1031
1111
  flex-shrink: 0;
1032
1112
  }
1113
+ .flex-grow {
1114
+ flex-grow: 1;
1115
+ }
1033
1116
  .grow {
1034
1117
  flex-grow: 1;
1035
1118
  }
@@ -1070,6 +1153,9 @@ video {
1070
1153
  --tw-rotate: 90deg;
1071
1154
  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));
1072
1155
  }
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
+ }
1073
1159
  .transform {
1074
1160
  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));
1075
1161
  }
@@ -1096,6 +1182,11 @@ video {
1096
1182
  -moz-user-select: none;
1097
1183
  user-select: none;
1098
1184
  }
1185
+ .select-all {
1186
+ -webkit-user-select: all;
1187
+ -moz-user-select: all;
1188
+ user-select: all;
1189
+ }
1099
1190
  .resize {
1100
1191
  resize: both;
1101
1192
  }
@@ -1302,6 +1393,9 @@ video {
1302
1393
  .border-\[\#ffffff33\] {
1303
1394
  border-color: #ffffff33;
1304
1395
  }
1396
+ .border-\[top\2c left\2c right\2c bottom\] {
1397
+ border-color: top,left,right,bottom;
1398
+ }
1305
1399
  .border-gray-200 {
1306
1400
  --tw-border-opacity: 1;
1307
1401
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1695,6 +1789,9 @@ video {
1695
1789
  .text-right {
1696
1790
  text-align: right;
1697
1791
  }
1792
+ .text-justify {
1793
+ text-align: justify;
1794
+ }
1698
1795
  .indent-1 {
1699
1796
  text-indent: 0.25rem;
1700
1797
  }
@@ -1743,6 +1840,9 @@ video {
1743
1840
  .font-bold {
1744
1841
  font-weight: 700;
1745
1842
  }
1843
+ .font-light {
1844
+ font-weight: 300;
1845
+ }
1746
1846
  .font-medium {
1747
1847
  font-weight: 500;
1748
1848
  }
@@ -1764,6 +1864,10 @@ video {
1764
1864
  .italic {
1765
1865
  font-style: italic;
1766
1866
  }
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
+ }
1767
1871
  .tracking-tight {
1768
1872
  letter-spacing: -0.025em;
1769
1873
  }
@@ -1972,12 +2076,23 @@ video {
1972
2076
  .underline {
1973
2077
  text-decoration-line: underline;
1974
2078
  }
2079
+ .overline {
2080
+ text-decoration-line: overline;
2081
+ }
1975
2082
  .line-through {
1976
2083
  text-decoration-line: line-through;
1977
2084
  }
1978
2085
  .underline-offset-4 {
1979
2086
  text-underline-offset: 4px;
1980
2087
  }
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
+ }
1981
2096
  .opacity-0 {
1982
2097
  opacity: 0;
1983
2098
  }
@@ -2065,9 +2180,28 @@ video {
2065
2180
  --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));
2066
2181
  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);
2067
2182
  }
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
+ }
2068
2198
  .filter {
2069
2199
  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);
2070
2200
  }
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
+ }
2071
2205
  .transition {
2072
2206
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2073
2207
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2107,6 +2241,9 @@ video {
2107
2241
  .duration-500 {
2108
2242
  transition-duration: 500ms;
2109
2243
  }
2244
+ .ease-in {
2245
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2246
+ }
2110
2247
  .ease-in-out {
2111
2248
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2112
2249
  }
@@ -2127,6 +2264,12 @@ video {
2127
2264
  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));
2128
2265
  }
2129
2266
  }
2267
+ .zoom-in {
2268
+ --tw-enter-scale: 0;
2269
+ }
2270
+ .zoom-out {
2271
+ --tw-exit-scale: 0;
2272
+ }
2130
2273
  .duration-1000 {
2131
2274
  animation-duration: 1000ms;
2132
2275
  }
@@ -2139,12 +2282,57 @@ video {
2139
2282
  .duration-500 {
2140
2283
  animation-duration: 500ms;
2141
2284
  }
2285
+ .ease-in {
2286
+ animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
2287
+ }
2142
2288
  .ease-in-out {
2143
2289
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2144
2290
  }
2145
2291
  .ease-out {
2146
2292
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2147
2293
  }
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
+ }
2148
2336
 
2149
2337
  /* gary */
2150
2338
 
package/index.esm.js CHANGED
@@ -1,7 +1,8 @@
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';
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';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import '@iconify/react';
5
+ import 'react-dom';
5
6
  import '@radix-ui/react-switch';
6
7
  import 'clsx';
7
8
  import 'tailwind-merge';
@@ -17,7 +18,6 @@ import 'react-date-range/dist/locale/index.js';
17
18
  import 'date-fns/addDays/index.js';
18
19
  import 'date-fns/format/index.js';
19
20
  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';