@ctlyst.id/internal-ui 2.1.16 → 2.1.17

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 (189) hide show
  1. package/dist/components/accordion/__stories__/accordion.stories.d.ts +9 -0
  2. package/dist/components/accordion/components/accordion-indicator.d.ts +1 -0
  3. package/dist/components/accordion/components/index.d.ts +2 -0
  4. package/dist/components/accordion/index.d.ts +1 -0
  5. package/dist/components/alert/__stories__/alert.stories.d.ts +11 -0
  6. package/dist/components/alert/components/alert-action.d.ts +6 -0
  7. package/dist/components/alert/components/alert-close.d.ts +6 -0
  8. package/dist/components/alert/components/alert-context.d.ts +33 -0
  9. package/dist/components/alert/components/alert-description.d.ts +3 -0
  10. package/dist/components/alert/components/alert-icon.d.ts +6 -0
  11. package/dist/components/alert/components/alert-title.d.ts +3 -0
  12. package/dist/components/alert/components/alert.d.ts +25 -0
  13. package/dist/components/alert/components/icons.d.ts +3 -0
  14. package/dist/components/alert/components/index.d.ts +14 -0
  15. package/dist/components/alert/index.d.ts +1 -0
  16. package/dist/components/anchor/__stories__/anchor.stories.d.ts +9 -0
  17. package/dist/components/anchor/components/anchor.d.ts +20 -0
  18. package/dist/components/anchor/components/index.d.ts +1 -0
  19. package/dist/components/anchor/index.d.ts +1 -0
  20. package/dist/components/badge/__stories__/badge.stories.d.ts +15 -0
  21. package/dist/components/badge/components/badge.d.ts +11 -0
  22. package/dist/components/badge/components/index.d.ts +1 -0
  23. package/dist/components/badge/index.d.ts +1 -0
  24. package/dist/components/breadcrumb/__stories__/breadcrumb.stories.d.ts +8 -0
  25. package/dist/components/breadcrumb/components/bread-crumb.d.ts +18 -0
  26. package/dist/components/breadcrumb/index.d.ts +2 -0
  27. package/dist/components/button/__stories__/button.stories.d.ts +12 -0
  28. package/dist/components/button/components/button.d.ts +4 -0
  29. package/dist/components/button/index.d.ts +3 -0
  30. package/dist/components/card/__stories__/card.stories.d.ts +8 -0
  31. package/dist/components/card/components/card.d.ts +8 -0
  32. package/dist/components/card/index.d.ts +2 -0
  33. package/dist/components/checkbox/__stories__/checkbox.stories.d.ts +13 -0
  34. package/dist/components/checkbox/components/checkbox-group.d.ts +18 -0
  35. package/dist/components/checkbox/components/checkbox.d.ts +10 -0
  36. package/dist/components/checkbox/index.d.ts +5 -0
  37. package/dist/components/chips/__stories__/chips.stories.d.ts +9 -0
  38. package/dist/components/chips/components/chips.d.ts +19 -0
  39. package/dist/components/chips/index.d.ts +2 -0
  40. package/dist/components/collapse/__stories__/collapse.stories.d.ts +7 -0
  41. package/dist/components/counter/__stories__/counter.stories.d.ts +10 -0
  42. package/dist/components/counter/components/counter.d.ts +15 -0
  43. package/dist/components/counter/index.d.ts +1 -0
  44. package/dist/components/data-table/__stories__/datatable.stories.d.ts +21 -0
  45. package/dist/components/data-table/components/data-table.d.ts +30 -0
  46. package/dist/components/data-table/index.d.ts +3 -0
  47. package/dist/components/data-table/types/table-core.d.ts +1 -0
  48. package/dist/components/datepicker/__stories__/datepicker.stories.d.ts +13 -0
  49. package/dist/components/datepicker/components/datepicker-month/datepicker-month.d.ts +9 -0
  50. package/dist/components/datepicker/components/datepicker-month/index.d.ts +4 -0
  51. package/dist/components/datepicker/components/datepicker-month/multi-datepicker-month.d.ts +9 -0
  52. package/dist/components/datepicker/components/datepicker.d.ts +17 -0
  53. package/dist/components/datepicker/components/styles.d.ts +2 -0
  54. package/dist/components/datepicker/components/time-input.d.ts +9 -0
  55. package/dist/components/datepicker/index.d.ts +3 -0
  56. package/dist/components/dialog/__stories__/dialog.stories.d.ts +7 -0
  57. package/dist/components/dialog/components/dialog.d.ts +12 -0
  58. package/dist/components/dialog/index.d.ts +1 -0
  59. package/dist/components/empty-state/__stories__/dialog.stories.d.ts +7 -0
  60. package/dist/components/field/__stories__/field.stories.d.ts +7 -0
  61. package/dist/components/field/components/field.d.ts +15 -0
  62. package/dist/components/field/index.d.ts +2 -0
  63. package/dist/components/form/__stories__/input.stories.d.ts +15 -0
  64. package/dist/components/form/__stories__/textarea.stories.d.ts +7 -0
  65. package/dist/components/form/components/input-addon.d.ts +7 -0
  66. package/dist/components/form/components/input-element.d.ts +2 -0
  67. package/dist/components/form/components/input-field.d.ts +13 -0
  68. package/dist/components/form/components/textarea.d.ts +8 -0
  69. package/dist/components/form/index.d.ts +7 -0
  70. package/dist/components/form/styles/input-field.d.ts +4 -0
  71. package/dist/components/header/__stories__/header.stories.d.ts +9 -0
  72. package/dist/components/header/components/header.d.ts +19 -0
  73. package/dist/components/header/components/logo.d.ts +10 -0
  74. package/dist/components/header/components/profile.d.ts +11 -0
  75. package/dist/components/header/components/switch-mode.d.ts +3 -0
  76. package/dist/components/header/components/version.d.ts +10 -0
  77. package/dist/components/header/index.d.ts +3 -0
  78. package/dist/components/header/types.d.ts +10 -0
  79. package/dist/components/header/utils/formatter.d.ts +2 -0
  80. package/dist/components/image/__stories__/image.stories.d.ts +9 -0
  81. package/dist/components/image/index.d.ts +1 -0
  82. package/dist/components/index.d.ts +34 -0
  83. package/dist/components/layouting/index.d.ts +1 -0
  84. package/dist/components/list/index.d.ts +1 -0
  85. package/dist/components/loader/__stories__/loader.stories.d.ts +9 -0
  86. package/dist/components/loader/components/loader.d.ts +10 -0
  87. package/dist/components/loader/index.d.ts +3 -0
  88. package/dist/components/modal/__stories__/modal.stories.d.ts +7 -0
  89. package/dist/components/modal/components/modal-body.d.ts +4 -0
  90. package/dist/components/modal/components/modal-close-button.d.ts +4 -0
  91. package/dist/components/modal/components/modal-footer.d.ts +4 -0
  92. package/dist/components/modal/components/modal-header.d.ts +4 -0
  93. package/dist/components/modal/index.d.ts +5 -0
  94. package/dist/components/navigation/__stories__/navigation.stories.d.ts +8 -0
  95. package/dist/components/navigation/components/customer-icon.d.ts +2 -0
  96. package/dist/components/navigation/components/mapping-icon.d.ts +2 -0
  97. package/dist/components/navigation/components/navigation-bar.d.ts +12 -0
  98. package/dist/components/navigation/components/navigation.d.ts +11 -0
  99. package/dist/components/navigation/index.d.ts +4 -0
  100. package/dist/components/navigation/types.d.ts +24 -0
  101. package/dist/components/pagination/__stories__/pagination.stories.d.ts +10 -0
  102. package/dist/components/pagination/components/pagination-button-trigger.d.ts +10 -0
  103. package/dist/components/pagination/components/pagination-button.d.ts +6 -0
  104. package/dist/components/pagination/components/pagination-detail.d.ts +10 -0
  105. package/dist/components/pagination/components/pagination-filter.d.ts +13 -0
  106. package/dist/components/pagination/components/pagination.d.ts +16 -0
  107. package/dist/components/pagination/index.d.ts +6 -0
  108. package/dist/components/popover/index.d.ts +1 -0
  109. package/dist/components/radio/__stories__/radio.stories.d.ts +13 -0
  110. package/dist/components/radio/components/radio-group.d.ts +18 -0
  111. package/dist/components/radio/components/radio.d.ts +17 -0
  112. package/dist/components/radio/index.d.ts +3 -0
  113. package/dist/components/rating/__stories__/rating.stories.d.ts +7 -0
  114. package/dist/components/rating/components/rating.d.ts +6 -0
  115. package/dist/components/rating/index.d.ts +2 -0
  116. package/dist/components/select/__stories__/select.stories.d.ts +10 -0
  117. package/dist/components/select/components/select-async-creatable.d.ts +5 -0
  118. package/dist/components/select/components/select-async.d.ts +6 -0
  119. package/dist/components/select/components/select-creatable.d.ts +5 -0
  120. package/dist/components/select/components/select-wrapper.d.ts +6 -0
  121. package/dist/components/select/components/select.d.ts +5 -0
  122. package/dist/components/select/components/types/select.types.d.ts +3 -0
  123. package/dist/components/select/components/utils.d.ts +26 -0
  124. package/dist/components/select/index.d.ts +8 -0
  125. package/dist/components/switch/__stories__/switch.stories.d.ts +10 -0
  126. package/dist/components/switch/components/switch.d.ts +18 -0
  127. package/dist/components/switch/index.d.ts +2 -0
  128. package/dist/components/table/index.d.ts +1 -0
  129. package/dist/components/tabs/__stories__/tabs.stories.d.ts +8 -0
  130. package/dist/components/tabs/components/tab.d.ts +12 -0
  131. package/dist/components/tabs/index.d.ts +2 -0
  132. package/dist/components/text/index.d.ts +1 -0
  133. package/dist/components/toast/__stories__/toast.stories.d.ts +12 -0
  134. package/dist/components/toast/components/toast.d.ts +21 -0
  135. package/dist/components/toast/index.d.ts +1 -0
  136. package/dist/components/tooltip/__stories__/tooltip.stories.d.ts +7 -0
  137. package/dist/components/tooltip/index.d.ts +1 -0
  138. package/dist/components/uploader/__stories__/uploader.stories.d.ts +9 -0
  139. package/dist/components/uploader/components/uploader.d.ts +12 -0
  140. package/dist/components/uploader/constants.d.ts +8 -0
  141. package/dist/components/uploader/index.d.ts +2 -0
  142. package/dist/config/__stories__/foundations.stories.d.ts +15 -0
  143. package/dist/config/__stories__/globals.stories.d.ts +10 -0
  144. package/dist/config/index.d.ts +1 -0
  145. package/dist/config/theme/components/accordion.d.ts +53 -0
  146. package/dist/config/theme/components/alert.d.ts +69 -0
  147. package/dist/config/theme/components/badge.d.ts +3 -0
  148. package/dist/config/theme/components/button.d.ts +3 -0
  149. package/dist/config/theme/components/card.d.ts +18 -0
  150. package/dist/config/theme/components/checkbox.d.ts +101 -0
  151. package/dist/config/theme/components/chips.d.ts +34 -0
  152. package/dist/config/theme/components/form-label.d.ts +20 -0
  153. package/dist/config/theme/components/index.d.ts +16 -0
  154. package/dist/config/theme/components/input.d.ts +101 -0
  155. package/dist/config/theme/components/loader.d.ts +85 -0
  156. package/dist/config/theme/components/popover.d.ts +3 -0
  157. package/dist/config/theme/components/radio.d.ts +102 -0
  158. package/dist/config/theme/components/switch.d.ts +75 -0
  159. package/dist/config/theme/components/table.d.ts +180 -0
  160. package/dist/config/theme/components/tabs.d.ts +30 -0
  161. package/dist/config/theme/components/textarea.d.ts +55 -0
  162. package/dist/config/theme/foundations/index.d.ts +5 -0
  163. package/dist/config/theme/foundations/radius.d.ts +8 -0
  164. package/dist/config/theme/foundations/shadows.d.ts +15 -0
  165. package/dist/config/theme/foundations/sizes.d.ts +66 -0
  166. package/dist/config/theme/foundations/spacing.d.ts +42 -0
  167. package/dist/config/theme/foundations/typography.d.ts +191 -0
  168. package/dist/config/theme/index.d.ts +1 -0
  169. package/dist/config/theme/themeConfiguration.d.ts +6 -0
  170. package/dist/hooks/index.d.ts +2 -0
  171. package/dist/hooks/useFetcher.d.ts +4 -0
  172. package/dist/index.d.mts +2 -2
  173. package/dist/index.d.ts +2 -2
  174. package/dist/index.js +546 -547
  175. package/dist/index.js.map +1 -1
  176. package/dist/index.mjs +71 -73
  177. package/dist/index.mjs.map +1 -1
  178. package/dist/interfaces/common.d.ts +17 -0
  179. package/dist/internal-ui.cjs.development.js +6119 -0
  180. package/dist/internal-ui.cjs.development.js.map +1 -0
  181. package/dist/internal-ui.cjs.production.min.js +38 -0
  182. package/dist/internal-ui.cjs.production.min.js.map +1 -0
  183. package/dist/internal-ui.esm.js +5082 -0
  184. package/dist/internal-ui.esm.js.map +1 -0
  185. package/dist/provider/__stories__/provider.stories.d.ts +13 -0
  186. package/dist/provider/components/provider.d.ts +7 -0
  187. package/dist/provider/index.d.ts +3 -0
  188. package/dist/provider/types.d.ts +14 -0
  189. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -590,11 +590,21 @@ import { FiMinus, FiPlus } from "react-icons/fi";
590
590
  // src/components/form/components/input-addon.tsx
591
591
  import { InputLeftAddon, InputRightAddon } from "@chakra-ui/react";
592
592
  import { jsx as jsx19 } from "react/jsx-runtime";
593
- var InputAddonLeft = ({ children }) => {
594
- return /* @__PURE__ */ jsx19(InputLeftAddon, { backgroundColor: "neutral.200", px: 3, py: 2.5, style: { border: 0, marginInlineEnd: 0 }, children });
593
+ var InputAddonLeft = ({ children, ...props }) => {
594
+ return /* @__PURE__ */ jsx19(InputLeftAddon, { backgroundColor: "neutral.200", px: 3, py: 2.5, style: { border: 0, marginInlineEnd: 0 }, ...props, children });
595
595
  };
596
- var InputAddonRight = ({ children }) => {
597
- return /* @__PURE__ */ jsx19(InputRightAddon, { backgroundColor: "neutral.200", px: 3, py: 2.5, style: { border: 0, marginInlineStart: 0 }, children });
596
+ var InputAddonRight = ({ children, ...props }) => {
597
+ return /* @__PURE__ */ jsx19(
598
+ InputRightAddon,
599
+ {
600
+ backgroundColor: "neutral.200",
601
+ px: 3,
602
+ py: 2.5,
603
+ style: { border: 0, marginInlineStart: 0 },
604
+ ...props,
605
+ children
606
+ }
607
+ );
598
608
  };
599
609
 
600
610
  // src/components/form/components/input-element.tsx
@@ -605,40 +615,6 @@ import { InputRightElement } from "@chakra-ui/react";
605
615
  import { Box as Box9, Input as ChakraInput, InputGroup } from "@chakra-ui/react";
606
616
  import { Close as Close3, Eye as Eye2, EyeOff } from "@ctlyst.id/internal-icon";
607
617
  import React3, { useMemo as useMemo2, useState } from "react";
608
-
609
- // src/components/form/styles/input-field.ts
610
- import { defineStyle } from "@chakra-ui/react";
611
- var getProperties = (props) => {
612
- const { isError, isDisabled, isSuccess } = props;
613
- let outlineColor = "neutral.400";
614
- let focusColor = "primary.500";
615
- if (isError || isDisabled || isSuccess) {
616
- if (isError) outlineColor = "danger.500";
617
- else if (isSuccess) outlineColor = "success.500";
618
- focusColor = outlineColor;
619
- }
620
- return {
621
- outlineColor,
622
- focusColor
623
- };
624
- };
625
- var getWrapperStyle = (props) => {
626
- const { outlineColor, focusColor } = getProperties(props);
627
- const style = {
628
- border: "1px solid",
629
- borderColor: outlineColor,
630
- borderRadius: "sm",
631
- transition: "all 0.15s",
632
- boxShadow: "none",
633
- _focusWithin: {
634
- borderColor: focusColor
635
- }
636
- };
637
- return defineStyle(style);
638
- };
639
- var input_field_default = getWrapperStyle;
640
-
641
- // src/components/form/components/input-field.tsx
642
618
  import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
643
619
  var InputField = React3.forwardRef((props, ref) => {
644
620
  const {
@@ -660,7 +636,19 @@ var InputField = React3.forwardRef((props, ref) => {
660
636
  isLoading,
661
637
  ...inputProps
662
638
  } = props;
663
- const wrapperStyle = input_field_default(props);
639
+ const getProperties = () => {
640
+ let outlineColor2 = "neutral.400";
641
+ let focusColor2 = "primary.500";
642
+ if (isError || isDisabled || isSuccess) {
643
+ if (isError) outlineColor2 = "danger.500";
644
+ else if (isSuccess) outlineColor2 = "success.500";
645
+ focusColor2 = outlineColor2;
646
+ }
647
+ return {
648
+ outlineColor: outlineColor2,
649
+ focusColor: focusColor2
650
+ };
651
+ };
664
652
  const [isShowPassword, setIsShowPassword] = useState(false);
665
653
  const inputType = useMemo2(() => {
666
654
  return type === "password" && isShowPassword ? "text" : type;
@@ -674,6 +662,7 @@ var InputField = React3.forwardRef((props, ref) => {
674
662
  const iconColor = useMemo2(() => {
675
663
  return isDisabled ? "black.low" : "black.medium";
676
664
  }, [isDisabled]);
665
+ const { outlineColor, focusColor } = getProperties();
677
666
  return /* @__PURE__ */ jsx20(
678
667
  field_default,
679
668
  {
@@ -684,7 +673,7 @@ var InputField = React3.forwardRef((props, ref) => {
684
673
  leftHelperText,
685
674
  rightHelperText,
686
675
  isRequired,
687
- children: /* @__PURE__ */ jsx20(Box9, { __css: wrapperStyle, children: /* @__PURE__ */ jsxs6(
676
+ children: /* @__PURE__ */ jsx20(Box9, { children: /* @__PURE__ */ jsxs6(
688
677
  InputGroup,
689
678
  {
690
679
  size: size2,
@@ -701,6 +690,14 @@ var InputField = React3.forwardRef((props, ref) => {
701
690
  value,
702
691
  isDisabled,
703
692
  isSuccess,
693
+ transition: "all 0.15s",
694
+ boxShadow: "none",
695
+ borderRadius: "sm",
696
+ border: "1px solid",
697
+ borderColor: outlineColor,
698
+ _focusWithin: {
699
+ borderColor: focusColor
700
+ },
704
701
  ...inputProps,
705
702
  fontSize
706
703
  }
@@ -762,6 +759,7 @@ var InputField = React3.forwardRef((props, ref) => {
762
759
  }
763
760
  );
764
761
  });
762
+ InputField.displayName = "InputField";
765
763
  InputField.defaultProps = {
766
764
  addOnLeft: void 0,
767
765
  addOnRight: void 0,
@@ -769,7 +767,7 @@ InputField.defaultProps = {
769
767
  isLoading: void 0,
770
768
  onClear: void 0
771
769
  };
772
- var input_field_default2 = InputField;
770
+ var input_field_default = InputField;
773
771
 
774
772
  // src/components/form/components/textarea.tsx
775
773
  import { Box as Box10, Textarea as ChakraTextarea } from "@chakra-ui/react";
@@ -853,7 +851,7 @@ var Counter = ({
853
851
  }
854
852
  ),
855
853
  /* @__PURE__ */ jsx22(
856
- input_field_default2,
854
+ input_field_default,
857
855
  {
858
856
  "data-test-id": "CT_Component_Counter_input",
859
857
  value,
@@ -866,8 +864,7 @@ var Counter = ({
866
864
  onChange: handleChange,
867
865
  isReadOnly,
868
866
  width: 12,
869
- type: "number",
870
- borderColor: isError ? "danger.500" : "neutral.200"
867
+ type: "number"
871
868
  }
872
869
  ),
873
870
  /* @__PURE__ */ jsx22(
@@ -1196,7 +1193,6 @@ import {
1196
1193
  FormErrorMessage as FormErrorMessage3,
1197
1194
  FormHelperText as FormHelperText3,
1198
1195
  FormLabel as FormLabel3,
1199
- Input as Input2,
1200
1196
  InputGroup as InputGroup4,
1201
1197
  InputRightElement as InputRightElement3
1202
1198
  } from "@chakra-ui/react";
@@ -2069,7 +2065,6 @@ var Datepicker = ({
2069
2065
  var _a;
2070
2066
  const selected = value ? new Date(value) : void 0;
2071
2067
  const dateFormat = ((_a = props.dateFormat) != null ? _a : withTime) ? "yyyy-MM-dd HH:mm" : "yyyy-MM-dd";
2072
- const wrapperStyle = input_field_default({});
2073
2068
  const getTimeProps = () => {
2074
2069
  if (!withTime) return {};
2075
2070
  return {
@@ -2086,7 +2081,7 @@ var Datepicker = ({
2086
2081
  id,
2087
2082
  name,
2088
2083
  selected,
2089
- customInput: /* @__PURE__ */ jsx26(Input2, { autoComplete: "off", ...wrapperStyle }),
2084
+ customInput: /* @__PURE__ */ jsx26(input_field_default, { autoComplete: "off" }),
2090
2085
  dateFormat,
2091
2086
  showPopperArrow: false,
2092
2087
  calendarClassName: cx8({ inline: props.inline }),
@@ -2127,7 +2122,7 @@ Datepicker.defaultProps = {
2127
2122
  var datepicker_default = Datepicker;
2128
2123
 
2129
2124
  // src/components/datepicker/components/datepicker-month/datepicker-month.tsx
2130
- import { Box as Box13, Input as Input3 } from "@chakra-ui/react";
2125
+ import { Box as Box13, Input as Input2 } from "@chakra-ui/react";
2131
2126
  import { css as css2 } from "@emotion/react";
2132
2127
  import React7 from "react";
2133
2128
  import { jsx as jsx27 } from "react/jsx-runtime";
@@ -2149,7 +2144,7 @@ var DatePickerMonth = ({ onChange, min, max, ...props }) => {
2149
2144
  }
2150
2145
  `,
2151
2146
  children: /* @__PURE__ */ jsx27(
2152
- Input3,
2147
+ Input2,
2153
2148
  {
2154
2149
  "data-test-id": props["data-test-id"],
2155
2150
  type: "date",
@@ -3980,12 +3975,12 @@ __export(components_exports, {
3980
3975
 
3981
3976
  // src/config/theme/components/accordion.ts
3982
3977
  import { accordionAnatomy as parts } from "@chakra-ui/anatomy";
3983
- import { createMultiStyleConfigHelpers, defineStyle as defineStyle2 } from "@chakra-ui/styled-system";
3978
+ import { createMultiStyleConfigHelpers, defineStyle } from "@chakra-ui/styled-system";
3984
3979
  var { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(parts.keys);
3985
- var baseStyleContainer = defineStyle2({
3980
+ var baseStyleContainer = defineStyle({
3986
3981
  border: "none"
3987
3982
  });
3988
- var baseStyleButton = defineStyle2({
3983
+ var baseStyleButton = defineStyle({
3989
3984
  height: 14,
3990
3985
  transitionProperty: "common",
3991
3986
  transitionDuration: "normal",
@@ -4014,12 +4009,12 @@ var baseStyleButton = defineStyle2({
4014
4009
  visibility: "hidden"
4015
4010
  }
4016
4011
  });
4017
- var baseStylePanel = defineStyle2({
4012
+ var baseStylePanel = defineStyle({
4018
4013
  pt: "2",
4019
4014
  px: "4",
4020
4015
  pb: "5"
4021
4016
  });
4022
- var baseStyleIcon = defineStyle2({
4017
+ var baseStyleIcon = defineStyle({
4023
4018
  fontSize: "1.25em"
4024
4019
  });
4025
4020
  var baseStyle = definePartsStyle({
@@ -4028,14 +4023,14 @@ var baseStyle = definePartsStyle({
4028
4023
  panel: baseStylePanel,
4029
4024
  icon: baseStyleIcon
4030
4025
  });
4031
- var collapseStyleButton = defineStyle2({
4026
+ var collapseStyleButton = defineStyle({
4032
4027
  height: 13,
4033
4028
  borderRadius: "sm",
4034
4029
  borderWidth: "1px",
4035
4030
  borderStyle: "solid",
4036
4031
  borderColor: "neutral.300"
4037
4032
  });
4038
- var collapseStylePanel = defineStyle2({
4033
+ var collapseStylePanel = defineStyle({
4039
4034
  py: 0,
4040
4035
  pr: 0,
4041
4036
  pl: 12,
@@ -4658,8 +4653,8 @@ var Chips2 = defineStyleConfig3({
4658
4653
  var chips_default2 = Chips2;
4659
4654
 
4660
4655
  // src/config/theme/components/form-label.ts
4661
- import { defineStyle as defineStyle3, defineStyleConfig as defineStyleConfig4 } from "@chakra-ui/styled-system";
4662
- var baseStyle4 = defineStyle3({
4656
+ import { defineStyle as defineStyle2, defineStyleConfig as defineStyleConfig4 } from "@chakra-ui/styled-system";
4657
+ var baseStyle4 = defineStyle2({
4663
4658
  fontSize: "field.sm",
4664
4659
  fontWeight: "normal",
4665
4660
  marginEnd: 1,
@@ -4672,7 +4667,7 @@ var form_label_default = FormLabel4;
4672
4667
 
4673
4668
  // src/config/theme/components/input.ts
4674
4669
  import { inputAnatomy as parts3 } from "@chakra-ui/anatomy";
4675
- import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers4, defineStyle as defineStyle4 } from "@chakra-ui/styled-system";
4670
+ import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers4, defineStyle as defineStyle3 } from "@chakra-ui/styled-system";
4676
4671
  import { mode } from "@chakra-ui/theme-tools";
4677
4672
  var { definePartsStyle: definePartsStyle4, defineMultiStyleConfig: defineMultiStyleConfig4 } = createMultiStyleConfigHelpers4(parts3.keys);
4678
4673
  var baseStyle5 = definePartsStyle4({
@@ -4701,19 +4696,19 @@ var baseStyle5 = definePartsStyle4({
4701
4696
  }
4702
4697
  });
4703
4698
  var size = {
4704
- lg: defineStyle4({
4699
+ lg: defineStyle3({
4705
4700
  fontSize: "text.lg",
4706
4701
  h: 12,
4707
4702
  borderRadius: "sm"
4708
4703
  }),
4709
- md: defineStyle4({
4704
+ md: defineStyle3({
4710
4705
  fontSize: "text.md",
4711
4706
  h: 10,
4712
4707
  borderRadius: "sm"
4713
4708
  }),
4714
- sm: defineStyle4({
4709
+ sm: defineStyle3({
4715
4710
  fontSize: "text.sm",
4716
- h: 9,
4711
+ h: 9.5,
4717
4712
  borderRadius: "sm"
4718
4713
  })
4719
4714
  };
@@ -4737,6 +4732,9 @@ var outline = definePartsStyle4((props) => {
4737
4732
  outline: 0,
4738
4733
  bg: mode("white", "inherit")(props),
4739
4734
  color: mode("inherit", "white")(props),
4735
+ _hover: {
4736
+ borderColor: mode("neutral.400", "inherit")(props)
4737
+ },
4740
4738
  _invalid: {
4741
4739
  boxShadow: "none"
4742
4740
  },
@@ -4765,7 +4763,7 @@ var variants3 = {
4765
4763
  outline,
4766
4764
  unstyled: unstyled2
4767
4765
  };
4768
- var Input4 = defineMultiStyleConfig4({
4766
+ var Input3 = defineMultiStyleConfig4({
4769
4767
  baseStyle: baseStyle5,
4770
4768
  sizes: sizes2,
4771
4769
  variants: variants3,
@@ -4774,7 +4772,7 @@ var Input4 = defineMultiStyleConfig4({
4774
4772
  variant: "outline"
4775
4773
  }
4776
4774
  });
4777
- var input_default = Input4;
4775
+ var input_default = Input3;
4778
4776
 
4779
4777
  // src/config/theme/components/loader.ts
4780
4778
  import { defineStyleConfig as defineStyleConfig5 } from "@chakra-ui/styled-system";
@@ -5012,7 +5010,7 @@ var radio_default = Radio2;
5012
5010
 
5013
5011
  // src/config/theme/components/switch.ts
5014
5012
  import { switchAnatomy as parts4 } from "@chakra-ui/anatomy";
5015
- import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers6, defineStyle as defineStyle5 } from "@chakra-ui/styled-system";
5013
+ import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers6, defineStyle as defineStyle4 } from "@chakra-ui/styled-system";
5016
5014
  import { calc, cssVar as cssVar2 } from "@chakra-ui/theme-tools";
5017
5015
  var { defineMultiStyleConfig: defineMultiStyleConfig6, definePartsStyle: definePartsStyle6 } = createMultiStyleConfigHelpers6(parts4.keys);
5018
5016
  var $width = cssVar2("switch-track-width");
@@ -5020,7 +5018,7 @@ var $height = cssVar2("switch-track-height");
5020
5018
  var $diff = cssVar2("switch-track-diff");
5021
5019
  var diffValue = calc.subtract($width, $height);
5022
5020
  var $translateX = cssVar2("switch-thumb-x");
5023
- var baseStyleThumb = defineStyle5({
5021
+ var baseStyleThumb = defineStyle4({
5024
5022
  bg: "white",
5025
5023
  transitionProperty: "transform",
5026
5024
  transitionDuration: "normal",
@@ -5098,7 +5096,7 @@ var switch_default2 = Switch3;
5098
5096
 
5099
5097
  // src/config/theme/components/table.ts
5100
5098
  import { tableAnatomy as parts5 } from "@chakra-ui/anatomy";
5101
- import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers7, defineStyle as defineStyle6 } from "@chakra-ui/styled-system";
5099
+ import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers7, defineStyle as defineStyle5 } from "@chakra-ui/styled-system";
5102
5100
  import { mode as mode2 } from "@chakra-ui/theme-tools";
5103
5101
  var { defineMultiStyleConfig: defineMultiStyleConfig7, definePartsStyle: definePartsStyle7 } = createMultiStyleConfigHelpers7(parts5.keys);
5104
5102
  var baseStyle8 = definePartsStyle7({
@@ -5158,7 +5156,7 @@ var baseStyle8 = definePartsStyle7({
5158
5156
  fontWeight: "medium"
5159
5157
  }
5160
5158
  });
5161
- var numericStyles = defineStyle6({
5159
+ var numericStyles = defineStyle5({
5162
5160
  "&[data-is-numeric=true]": {
5163
5161
  textAlign: "end"
5164
5162
  }
@@ -5231,7 +5229,7 @@ var variantStripe = definePartsStyle7((props) => {
5231
5229
  var variants5 = {
5232
5230
  simple: variantSimple,
5233
5231
  striped: variantStripe,
5234
- unstyled: defineStyle6({})
5232
+ unstyled: defineStyle5({})
5235
5233
  };
5236
5234
  var sizes4 = {
5237
5235
  sm: definePartsStyle7({
@@ -5338,7 +5336,7 @@ var tabsTheme = defineMultiStyleConfig8({
5338
5336
  var tabs_default = tabsTheme;
5339
5337
 
5340
5338
  // src/config/theme/components/textarea.ts
5341
- import { defineStyle as defineStyle7, defineStyleConfig as defineStyleConfig7 } from "@chakra-ui/react";
5339
+ import { defineStyle as defineStyle6, defineStyleConfig as defineStyleConfig7 } from "@chakra-ui/react";
5342
5340
  var getProps = (props) => {
5343
5341
  const { isError, isSuccess, isDisabled } = props;
5344
5342
  let borderColor = "neutral.400";
@@ -5358,7 +5356,7 @@ var getProps = (props) => {
5358
5356
  borderColor
5359
5357
  };
5360
5358
  };
5361
- var outline2 = defineStyle7((props) => {
5359
+ var outline2 = defineStyle6((props) => {
5362
5360
  const { focusBorderColor, borderColor } = getProps(props);
5363
5361
  return {
5364
5362
  background: "white.high",
@@ -5663,7 +5661,7 @@ export {
5663
5661
  InputAddonRight,
5664
5662
  InputLeftElement as InputElementLeft,
5665
5663
  InputRightElement as InputElementRight,
5666
- input_field_default2 as InputField,
5664
+ input_field_default as InputField,
5667
5665
  InputGroup2 as InputGroup,
5668
5666
  InputGroupProps,
5669
5667
  InputLeftAddon2 as InputLeftAddon,