@sunggang/ui-lib 0.2.97 → 0.2.98

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.
Files changed (7) hide show
  1. package/BaseCkeditor.esm.js +0 -1
  2. package/index.esm.css +195 -0
  3. package/index.esm.js +0 -1
  4. package/index.esm2.js +72 -91
  5. package/index.esm3.js +0 -1
  6. package/package.json +1 -1
  7. package/src/lib/Form/index.d.ts +0 -1
package/BaseCkeditor.esm.js CHANGED
@@ -18,7 +18,6 @@ import 'react-date-range/dist/locale/index.js';
18
18
  import 'date-fns/addDays/index.js';
19
19
  import 'date-fns/format/index.js';
20
20
  import '@emotion/react';
21
- import '@mui/material/Checkbox';
22
21
  import '@mui/material/Radio';
23
22
  import '@mui/material/RadioGroup';
24
23
  import '@mui/material/FormControlLabel';
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
  }
@@ -685,6 +720,9 @@ video {
685
720
  .top-\[72px\] {
686
721
  top: 72px;
687
722
  }
723
+ .isolate {
724
+ isolation: isolate;
725
+ }
688
726
  .z-10 {
689
727
  z-index: 10;
690
728
  }
@@ -700,6 +738,9 @@ video {
700
738
  .z-\[9999\] {
701
739
  z-index: 9999;
702
740
  }
741
+ .m-1 {
742
+ margin: 0.25rem;
743
+ }
703
744
  .m-4 {
704
745
  margin: 1rem;
705
746
  }
@@ -784,6 +825,9 @@ video {
784
825
  .mt-5 {
785
826
  margin-top: 1.25rem;
786
827
  }
828
+ .\!block {
829
+ display: block !important;
830
+ }
787
831
  .block {
788
832
  display: block;
789
833
  }
@@ -799,15 +843,49 @@ video {
799
843
  .inline-flex {
800
844
  display: inline-flex;
801
845
  }
846
+ .\!table {
847
+ display: table !important;
848
+ }
802
849
  .table {
803
850
  display: table;
804
851
  }
852
+ .inline-table {
853
+ display: inline-table;
854
+ }
855
+ .table-caption {
856
+ display: table-caption;
857
+ }
858
+ .table-cell {
859
+ display: table-cell;
860
+ }
861
+ .flow-root {
862
+ display: flow-root;
863
+ }
864
+ .\!grid {
865
+ display: grid !important;
866
+ }
805
867
  .grid {
806
868
  display: grid;
807
869
  }
870
+ .inline-grid {
871
+ display: inline-grid;
872
+ }
873
+ .\!contents {
874
+ display: contents !important;
875
+ }
876
+ .contents {
877
+ display: contents;
878
+ }
879
+ .list-item {
880
+ display: list-item;
881
+ }
808
882
  .hidden {
809
883
  display: none;
810
884
  }
885
+ .size-2 {
886
+ width: 0.5rem;
887
+ height: 0.5rem;
888
+ }
811
889
  .h-10 {
812
890
  height: 2.5rem;
813
891
  }
@@ -990,9 +1068,18 @@ video {
990
1068
  .flex-none {
991
1069
  flex: none;
992
1070
  }
1071
+ .flex-shrink {
1072
+ flex-shrink: 1;
1073
+ }
1074
+ .shrink {
1075
+ flex-shrink: 1;
1076
+ }
993
1077
  .shrink-0 {
994
1078
  flex-shrink: 0;
995
1079
  }
1080
+ .flex-grow {
1081
+ flex-grow: 1;
1082
+ }
996
1083
  .grow {
997
1084
  flex-grow: 1;
998
1085
  }
@@ -1030,6 +1117,9 @@ video {
1030
1117
  --tw-rotate: 90deg;
1031
1118
  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));
1032
1119
  }
1120
+ .\!transform {
1121
+ 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;
1122
+ }
1033
1123
  .transform {
1034
1124
  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));
1035
1125
  }
@@ -1056,6 +1146,11 @@ video {
1056
1146
  -moz-user-select: none;
1057
1147
  user-select: none;
1058
1148
  }
1149
+ .select-all {
1150
+ -webkit-user-select: all;
1151
+ -moz-user-select: all;
1152
+ user-select: all;
1153
+ }
1059
1154
  .resize {
1060
1155
  resize: both;
1061
1156
  }
@@ -1249,6 +1344,9 @@ video {
1249
1344
  .border-\[\#ffffff33\] {
1250
1345
  border-color: #ffffff33;
1251
1346
  }
1347
+ .border-\[top\2c left\2c right\2c bottom\] {
1348
+ border-color: top,left,right,bottom;
1349
+ }
1252
1350
  .border-gray-200 {
1253
1351
  --tw-border-opacity: 1;
1254
1352
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1622,6 +1720,12 @@ video {
1622
1720
  .text-right {
1623
1721
  text-align: right;
1624
1722
  }
1723
+ .text-justify {
1724
+ text-align: justify;
1725
+ }
1726
+ .indent-1 {
1727
+ text-indent: 0.25rem;
1728
+ }
1625
1729
  .align-middle {
1626
1730
  vertical-align: middle;
1627
1731
  }
@@ -1667,6 +1771,9 @@ video {
1667
1771
  .font-bold {
1668
1772
  font-weight: 700;
1669
1773
  }
1774
+ .font-light {
1775
+ font-weight: 300;
1776
+ }
1670
1777
  .font-medium {
1671
1778
  font-weight: 500;
1672
1779
  }
@@ -1688,6 +1795,10 @@ video {
1688
1795
  .italic {
1689
1796
  font-style: italic;
1690
1797
  }
1798
+ .ordinal {
1799
+ --tw-ordinal: ordinal;
1800
+ font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1801
+ }
1691
1802
  .tracking-tight {
1692
1803
  letter-spacing: -0.025em;
1693
1804
  }
@@ -1892,12 +2003,23 @@ video {
1892
2003
  .underline {
1893
2004
  text-decoration-line: underline;
1894
2005
  }
2006
+ .overline {
2007
+ text-decoration-line: overline;
2008
+ }
1895
2009
  .line-through {
1896
2010
  text-decoration-line: line-through;
1897
2011
  }
1898
2012
  .underline-offset-4 {
1899
2013
  text-underline-offset: 4px;
1900
2014
  }
2015
+ .antialiased {
2016
+ -webkit-font-smoothing: antialiased;
2017
+ -moz-osx-font-smoothing: grayscale;
2018
+ }
2019
+ .subpixel-antialiased {
2020
+ -webkit-font-smoothing: auto;
2021
+ -moz-osx-font-smoothing: auto;
2022
+ }
1901
2023
  .opacity-0 {
1902
2024
  opacity: 0;
1903
2025
  }
@@ -1982,9 +2104,28 @@ video {
1982
2104
  --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));
1983
2105
  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);
1984
2106
  }
2107
+ .grayscale {
2108
+ --tw-grayscale: grayscale(100%);
2109
+ 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);
2110
+ }
2111
+ .invert {
2112
+ --tw-invert: invert(100%);
2113
+ 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);
2114
+ }
2115
+ .sepia {
2116
+ --tw-sepia: sepia(100%);
2117
+ 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);
2118
+ }
2119
+ .\!filter {
2120
+ 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;
2121
+ }
1985
2122
  .filter {
1986
2123
  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);
1987
2124
  }
2125
+ .backdrop-filter {
2126
+ -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);
2127
+ 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);
2128
+ }
1988
2129
  .transition {
1989
2130
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1990
2131
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2024,6 +2165,9 @@ video {
2024
2165
  .duration-500 {
2025
2166
  transition-duration: 500ms;
2026
2167
  }
2168
+ .ease-in {
2169
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2170
+ }
2027
2171
  .ease-in-out {
2028
2172
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2029
2173
  }
@@ -2044,6 +2188,12 @@ video {
2044
2188
  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));
2045
2189
  }
2046
2190
  }
2191
+ .zoom-in {
2192
+ --tw-enter-scale: 0;
2193
+ }
2194
+ .zoom-out {
2195
+ --tw-exit-scale: 0;
2196
+ }
2047
2197
  .duration-1000 {
2048
2198
  animation-duration: 1000ms;
2049
2199
  }
@@ -2056,12 +2206,57 @@ video {
2056
2206
  .duration-500 {
2057
2207
  animation-duration: 500ms;
2058
2208
  }
2209
+ .ease-in {
2210
+ animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
2211
+ }
2059
2212
  .ease-in-out {
2060
2213
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2061
2214
  }
2062
2215
  .ease-out {
2063
2216
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2064
2217
  }
2218
+ .\!running {
2219
+ animation-play-state: running !important;
2220
+ }
2221
+ .running {
2222
+ animation-play-state: running;
2223
+ }
2224
+ .paused {
2225
+ animation-play-state: paused;
2226
+ }
2227
+ .\[a-zA-Z0-9\:\\\\-\\\\\._\$\] {
2228
+ a-z-a--z0-9: \\-\\. $;
2229
+ }
2230
+ .\[hash\:base64\] {
2231
+ hash: base64;
2232
+ }
2233
+ .\[key\:string\] {
2234
+ key: string;
2235
+ }
2236
+ .\[module\:ckbox\/ckbox\~CKBoxConfig\#assetsOrigin\] {
2237
+ module: ckbox/ckbox~CKBoxConfig#assetsOrigin;
2238
+ }
2239
+ .\[module\:ckbox\/ckbox\~CKBoxConfig\#defaultUploadCategories\] {
2240
+ module: ckbox/ckbox~CKBoxConfig#defaultUploadCategories;
2241
+ }
2242
+ .\[module\:ckbox\/ckbox\~CKBoxConfig\#ignoreDataId\] {
2243
+ module: ckbox/ckbox~CKBoxConfig#ignoreDataId;
2244
+ }
2245
+ .\[module\:ckbox\/ckbox\~CKBoxConfig\#language\] {
2246
+ module: ckbox/ckbox~CKBoxConfig#language;
2247
+ }
2248
+ .\[module\:ckbox\/ckbox\~CKBoxConfig\#serviceOrigin\] {
2249
+ module: ckbox/ckbox~CKBoxConfig#serviceOrigin;
2250
+ }
2251
+ .\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#elementName\] {
2252
+ module: media-embed/mediaembed~MediaEmbedConfig#elementName;
2253
+ }
2254
+ .\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#previewsInData\=false\] {
2255
+ module: media-embed/mediaembed~MediaEmbedConfig#previewsInData=false;
2256
+ }
2257
+ .\[module\:ui\/template\~TemplateBinding\#callback\] {
2258
+ module: ui/template~TemplateBinding#callback;
2259
+ }
2065
2260
 
2066
2261
  /* gary */
2067
2262
 
package/index.esm.js CHANGED
@@ -18,7 +18,6 @@ import 'react-date-range/dist/locale/index.js';
18
18
  import 'date-fns/addDays/index.js';
19
19
  import 'date-fns/format/index.js';
20
20
  import '@emotion/react';
21
- import '@mui/material/Checkbox';
22
21
  import '@mui/material/Radio';
23
22
  import '@mui/material/RadioGroup';
24
23
  import '@mui/material/FormControlLabel';
package/index.esm2.js CHANGED
@@ -18,7 +18,6 @@ import * as locales from 'react-date-range/dist/locale/index.js';
18
18
  import addDays from 'date-fns/addDays/index.js';
19
19
  import format$1 from 'date-fns/format/index.js';
20
20
  import { keyframes, jsx as jsx$1, css as css$2 } from '@emotion/react';
21
- import Checkbox from '@mui/material/Checkbox';
22
21
  import Radio from '@mui/material/Radio';
23
22
  import RadioGroup from '@mui/material/RadioGroup';
24
23
  import FormControlLabel from '@mui/material/FormControlLabel';
@@ -47213,91 +47212,74 @@ var City = function(param) {
47213
47212
  })
47214
47213
  }, item.name);
47215
47214
  };
47216
- var CheckboxField = function(param) {
47217
- var item = param.item;
47218
- var _item_checkboxes, _item_checkboxes1, _item_validateOption;
47219
- var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors;
47220
- return /*#__PURE__*/ jsxs("div", {
47221
- className: [
47222
- "w-full min-h-[6rem] h-fit",
47223
- item === null || item === void 0 ? void 0 : item.className
47224
- ].join(" "),
47225
- children: [
47226
- /*#__PURE__*/ jsx(FieldLabel, {
47227
- item: item
47228
- }),
47229
- (item === null || item === void 0 ? void 0 : (_item_checkboxes = item.checkboxes) === null || _item_checkboxes === void 0 ? void 0 : _item_checkboxes.length) ? /*#__PURE__*/ jsx("div", {
47230
- className: [
47231
- (item === null || item === void 0 ? void 0 : item.direction) === "horizontal" ? "flex gap-4" : ""
47232
- ].join(" "),
47233
- children: item === null || item === void 0 ? void 0 : (_item_checkboxes1 = item.checkboxes) === null || _item_checkboxes1 === void 0 ? void 0 : _item_checkboxes1.map(function(checkbox, index) {
47234
- var _checkbox_validateOption;
47235
- return /*#__PURE__*/ jsxs("div", {
47236
- className: "flex items-center gap-1 my-2",
47237
- children: [
47238
- /*#__PURE__*/ jsx(Controller, {
47239
- name: checkbox === null || checkbox === void 0 ? void 0 : checkbox.name,
47240
- control: control,
47241
- rules: (checkbox === null || checkbox === void 0 ? void 0 : (_checkbox_validateOption = checkbox.validateOption) === null || _checkbox_validateOption === void 0 ? void 0 : _checkbox_validateOption.required) ? {
47242
- required: checkbox === null || checkbox === void 0 ? void 0 : checkbox.errorText
47243
- } : undefined,
47244
- render: function(param) {
47245
- var field = param.field;
47246
- return /*#__PURE__*/ jsx(Checkbox, _object_spread_props$3(_object_spread$6({}, field, checkbox === null || checkbox === void 0 ? void 0 : checkbox.muiProps), {
47247
- sx: {
47248
- padding: 0
47249
- }
47250
- }));
47251
- }
47252
- }),
47253
- /*#__PURE__*/ jsx("div", {
47254
- className: checkbox === null || checkbox === void 0 ? void 0 : checkbox.checkboxLabelClass,
47255
- children: checkbox === null || checkbox === void 0 ? void 0 : checkbox.checkboxLabel
47256
- }),
47257
- validateMsg(errors, checkbox) && /*#__PURE__*/ jsxs("div", {
47258
- className: "pt-1 text-xs text-[#EF5533]",
47259
- children: [
47260
- "*",
47261
- validateMsg(errors, checkbox)
47262
- ]
47263
- })
47264
- ]
47265
- }, index);
47266
- })
47267
- }) : /*#__PURE__*/ jsxs("div", {
47268
- className: "flex items-center gap-2",
47269
- children: [
47270
- /*#__PURE__*/ jsx(Controller, {
47271
- name: item === null || item === void 0 ? void 0 : item.name,
47272
- control: control,
47273
- rules: (item === null || item === void 0 ? void 0 : (_item_validateOption = item.validateOption) === null || _item_validateOption === void 0 ? void 0 : _item_validateOption.required) ? {
47274
- required: item === null || item === void 0 ? void 0 : item.errorText
47275
- } : undefined,
47276
- render: function(param) {
47277
- var field = param.field;
47278
- return /*#__PURE__*/ jsx(Checkbox, _object_spread_props$3(_object_spread$6({}, field, item === null || item === void 0 ? void 0 : item.muiProps), {
47279
- sx: {
47280
- padding: 0
47281
- }
47282
- }));
47283
- }
47284
- }),
47285
- /*#__PURE__*/ jsx("div", {
47286
- className: item === null || item === void 0 ? void 0 : item.checkboxLabelClass,
47287
- children: item === null || item === void 0 ? void 0 : item.checkboxLabel
47288
- }),
47289
- validateMsg(errors, item) && /*#__PURE__*/ jsxs("div", {
47290
- className: "pt-1 text-xs text-[#EF5533]",
47291
- children: [
47292
- "*",
47293
- validateMsg(errors, item)
47294
- ]
47295
- })
47296
- ]
47297
- })
47298
- ]
47299
- });
47300
- };
47215
+ // const CheckboxField: React.FC<FormType> = ({ item }) => {
47216
+ // const {
47217
+ // control,
47218
+ // formState: { errors },
47219
+ // } = useFormContext();
47220
+ // return (
47221
+ // <div className={['w-full min-h-[6rem] h-fit', item?.className].join(' ')}>
47222
+ // <FieldLabel item={item} />
47223
+ // {item?.checkboxes?.length ? (
47224
+ // <div
47225
+ // className={[
47226
+ // item?.direction === 'horizontal' ? 'flex gap-4' : '',
47227
+ // ].join(' ')}
47228
+ // >
47229
+ // {item?.checkboxes?.map((checkbox, index) => (
47230
+ // <div key={index} className="flex items-center gap-1 my-2">
47231
+ // <Controller
47232
+ // name={checkbox?.name}
47233
+ // control={control}
47234
+ // rules={
47235
+ // checkbox?.validateOption?.required
47236
+ // ? { required: checkbox?.errorText }
47237
+ // : undefined
47238
+ // }
47239
+ // render={({ field }) => (
47240
+ // <Checkbox
47241
+ // {...field}
47242
+ // {...checkbox?.muiProps}
47243
+ // sx={{ padding: 0 }}
47244
+ // />
47245
+ // )}
47246
+ // />
47247
+ // <div className={checkbox?.checkboxLabelClass}>
47248
+ // {checkbox?.checkboxLabel}
47249
+ // </div>
47250
+ // {validateMsg(errors, checkbox) && (
47251
+ // <div className="pt-1 text-xs text-[#EF5533]">
47252
+ // *{validateMsg(errors, checkbox)}
47253
+ // </div>
47254
+ // )}
47255
+ // </div>
47256
+ // ))}
47257
+ // </div>
47258
+ // ) : (
47259
+ // <div className="flex items-center gap-2">
47260
+ // <Controller
47261
+ // name={item?.name}
47262
+ // control={control}
47263
+ // rules={
47264
+ // item?.validateOption?.required
47265
+ // ? { required: item?.errorText }
47266
+ // : undefined
47267
+ // }
47268
+ // render={({ field }) => (
47269
+ // <Checkbox {...field} {...item?.muiProps} sx={{ padding: 0 }} />
47270
+ // )}
47271
+ // />
47272
+ // <div className={item?.checkboxLabelClass}>{item?.checkboxLabel}</div>
47273
+ // {validateMsg(errors, item) && (
47274
+ // <div className="pt-1 text-xs text-[#EF5533]">
47275
+ // *{validateMsg(errors, item)}
47276
+ // </div>
47277
+ // )}
47278
+ // </div>
47279
+ // )}
47280
+ // </div>
47281
+ // );
47282
+ // };
47301
47283
  var RadioField = function(param) {
47302
47284
  var item = param.item;
47303
47285
  var _item_validateOption;
@@ -47441,9 +47423,9 @@ var Row = function(param) {
47441
47423
  return /*#__PURE__*/ jsx(Time, _object_spread$6({}, baseConfig));
47442
47424
  case "switch":
47443
47425
  return /*#__PURE__*/ jsx(BaseSwitch, _object_spread$6({}, baseConfig));
47444
- case "checkbox":
47445
- case "checkboxGroup":
47446
- return /*#__PURE__*/ jsx(CheckboxField, _object_spread$6({}, baseConfig));
47426
+ // case 'checkbox':
47427
+ // case 'checkboxGroup':
47428
+ // return <CheckboxField {...baseConfig} />;
47447
47429
  case "radio":
47448
47430
  return /*#__PURE__*/ jsx(RadioField, _object_spread$6({}, baseConfig));
47449
47431
  case "textarea":
@@ -47470,8 +47452,7 @@ var Form = {
47470
47452
  Time: Time,
47471
47453
  Textarea: Textarea,
47472
47454
  City: City,
47473
- CityDistrict: CityDistrict,
47474
- CheckboxField: CheckboxField
47455
+ CityDistrict: CityDistrict
47475
47456
  };
47476
47457
 
47477
47458
  function _define_property$5(obj, key, value) {
package/index.esm3.js CHANGED
@@ -18,7 +18,6 @@ import 'react-date-range/dist/locale/index.js';
18
18
  import 'date-fns/addDays/index.js';
19
19
  import 'date-fns/format/index.js';
20
20
  import '@emotion/react';
21
- import '@mui/material/Checkbox';
22
21
  import '@mui/material/Radio';
23
22
  import '@mui/material/RadioGroup';
24
23
  import '@mui/material/FormControlLabel';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunggang/ui-lib",
3
- "version": "0.2.97",
3
+ "version": "0.2.98",
4
4
  "dependencies": {
5
5
  "@emotion/react": "^11.14.0",
6
6
  "@emotion/styled": "^11.14.0",
package/src/lib/Form/index.d.ts CHANGED
@@ -35,5 +35,4 @@ export declare const Form: {
35
35
  CityDistrict: ({ item }: {
36
36
  item: any;
37
37
  }) => import("react/jsx-runtime").JSX.Element;
38
- CheckboxField: import("react").FC<FormType>;
39
38
  };