@deepnoid/ui 0.1.120 → 0.1.121

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 (108) hide show
  1. package/.turbo/turbo-build.log +178 -178
  2. package/dist/{chunk-IJS5AWD2.mjs → chunk-27K5BTEL.mjs} +1 -1
  3. package/dist/{chunk-EXUHHLSA.mjs → chunk-2IOTRPCS.mjs} +1 -1
  4. package/dist/{chunk-CMMVXFHD.mjs → chunk-3F6OF2QS.mjs} +1 -1
  5. package/dist/{chunk-MIVGSJFF.mjs → chunk-3YT4YJNJ.mjs} +189 -94
  6. package/dist/{chunk-YLHOBT6S.mjs → chunk-5MINOKNM.mjs} +1 -1
  7. package/dist/{chunk-NV5Z6ZUO.mjs → chunk-6JLHCQH7.mjs} +1 -1
  8. package/dist/{chunk-YUS5SELP.mjs → chunk-AT6GNVOQ.mjs} +1 -1
  9. package/dist/{chunk-CTWYY7Z2.mjs → chunk-BG4DIGKH.mjs} +14 -8
  10. package/dist/{chunk-3M6VYLOU.mjs → chunk-D6MHTE5L.mjs} +6 -6
  11. package/dist/{chunk-NMZFSNPE.mjs → chunk-DD6HAIW3.mjs} +1 -1
  12. package/dist/{chunk-OBMO6LRA.mjs → chunk-DLNGJVFS.mjs} +1 -1
  13. package/dist/{chunk-BBQNVDIA.mjs → chunk-HX64P3XQ.mjs} +2 -2
  14. package/dist/{chunk-KCOS2KC6.mjs → chunk-LOYDOCOR.mjs} +2 -2
  15. package/dist/{chunk-Q5634WTM.mjs → chunk-RVFSQFWS.mjs} +3 -3
  16. package/dist/{chunk-MHZ4BO5M.mjs → chunk-UEJJBAHG.mjs} +2 -2
  17. package/dist/{chunk-27WK5334.mjs → chunk-VEBJS4SC.mjs} +2 -2
  18. package/dist/{chunk-RJPBLIEF.mjs → chunk-VOKDAIUY.mjs} +1 -1
  19. package/dist/{chunk-NITERGU5.mjs → chunk-WB7Z54CF.mjs} +4 -4
  20. package/dist/{chunk-SS6EG5JO.mjs → chunk-XOUAUSP4.mjs} +1 -1
  21. package/dist/{chunk-EM2NIGNZ.mjs → chunk-YZ57UYAS.mjs} +1 -1
  22. package/dist/components/avatar/avatar.js +14 -8
  23. package/dist/components/avatar/avatar.mjs +2 -2
  24. package/dist/components/avatar/index.js +14 -8
  25. package/dist/components/avatar/index.mjs +2 -2
  26. package/dist/components/breadcrumb/breadcrumb.js +14 -8
  27. package/dist/components/breadcrumb/breadcrumb.mjs +5 -5
  28. package/dist/components/breadcrumb/index.js +14 -8
  29. package/dist/components/breadcrumb/index.mjs +5 -5
  30. package/dist/components/button/button.js +14 -8
  31. package/dist/components/button/button.mjs +3 -3
  32. package/dist/components/button/icon-button.js +14 -8
  33. package/dist/components/button/icon-button.mjs +3 -3
  34. package/dist/components/button/index.js +14 -8
  35. package/dist/components/button/index.mjs +4 -4
  36. package/dist/components/chip/chip.js +14 -8
  37. package/dist/components/chip/chip.mjs +3 -3
  38. package/dist/components/chip/index.js +14 -8
  39. package/dist/components/chip/index.mjs +3 -3
  40. package/dist/components/fileUpload/fileUpload.js +14 -8
  41. package/dist/components/fileUpload/fileUpload.mjs +6 -6
  42. package/dist/components/fileUpload/index.js +14 -8
  43. package/dist/components/fileUpload/index.mjs +6 -6
  44. package/dist/components/icon/Icon.d.mts +1 -1
  45. package/dist/components/icon/Icon.d.ts +1 -1
  46. package/dist/components/icon/Icon.js +14 -8
  47. package/dist/components/icon/Icon.mjs +2 -2
  48. package/dist/components/icon/index.js +14 -8
  49. package/dist/components/icon/index.mjs +2 -2
  50. package/dist/components/icon/template.d.mts +1 -1
  51. package/dist/components/icon/template.d.ts +1 -1
  52. package/dist/components/icon/template.js +14 -8
  53. package/dist/components/icon/template.mjs +1 -1
  54. package/dist/components/input/index.js +14 -8
  55. package/dist/components/input/index.mjs +3 -3
  56. package/dist/components/input/input.js +14 -8
  57. package/dist/components/input/input.mjs +3 -3
  58. package/dist/components/list/index.js +14 -8
  59. package/dist/components/list/index.mjs +4 -4
  60. package/dist/components/list/listItem.js +14 -8
  61. package/dist/components/list/listItem.mjs +4 -4
  62. package/dist/components/modal/index.js +14 -8
  63. package/dist/components/modal/index.mjs +5 -5
  64. package/dist/components/modal/modal.js +14 -8
  65. package/dist/components/modal/modal.mjs +5 -5
  66. package/dist/components/pagination/index.js +14 -8
  67. package/dist/components/pagination/index.mjs +4 -4
  68. package/dist/components/pagination/pagination.js +14 -8
  69. package/dist/components/pagination/pagination.mjs +4 -4
  70. package/dist/components/picker/datePicker.js +14 -8
  71. package/dist/components/picker/datePicker.mjs +6 -6
  72. package/dist/components/picker/index.js +202 -101
  73. package/dist/components/picker/index.mjs +8 -8
  74. package/dist/components/picker/timePicker.js +202 -101
  75. package/dist/components/picker/timePicker.mjs +4 -4
  76. package/dist/components/select/index.d.mts +3 -0
  77. package/dist/components/select/index.d.ts +3 -0
  78. package/dist/components/select/index.js +202 -101
  79. package/dist/components/select/index.mjs +3 -3
  80. package/dist/components/select/select.d.mts +79 -9
  81. package/dist/components/select/select.d.ts +79 -9
  82. package/dist/components/select/select.js +202 -101
  83. package/dist/components/select/select.mjs +3 -3
  84. package/dist/components/table/definition-table.d.mts +2 -2
  85. package/dist/components/table/definition-table.d.ts +2 -2
  86. package/dist/components/table/definition-table.js +6 -6
  87. package/dist/components/table/definition-table.mjs +1 -1
  88. package/dist/components/table/index.js +20 -14
  89. package/dist/components/table/index.mjs +6 -6
  90. package/dist/components/table/table-body.js +14 -8
  91. package/dist/components/table/table-body.mjs +5 -5
  92. package/dist/components/table/table-head.js +14 -8
  93. package/dist/components/table/table-head.mjs +5 -5
  94. package/dist/components/table/table.js +14 -8
  95. package/dist/components/table/table.mjs +5 -5
  96. package/dist/components/toast/index.js +14 -8
  97. package/dist/components/toast/index.mjs +4 -4
  98. package/dist/components/toast/toast.js +14 -8
  99. package/dist/components/toast/toast.mjs +3 -3
  100. package/dist/components/toast/use-toast.js +14 -8
  101. package/dist/components/toast/use-toast.mjs +4 -4
  102. package/dist/components/tree/index.js +14 -8
  103. package/dist/components/tree/index.mjs +3 -3
  104. package/dist/components/tree/tree.js +14 -8
  105. package/dist/components/tree/tree.mjs +3 -3
  106. package/dist/index.js +208 -107
  107. package/dist/index.mjs +30 -30
  108. package/package.json +1 -1
@@ -1770,22 +1770,28 @@ var template = {
1770
1770
  }
1771
1771
  );
1772
1772
  },
1773
- // ----------------------------------- old ---------------------------------
1774
- // ** Status **
1775
- check: ({ className, fill }) => {
1773
+ check: ({ className }) => {
1776
1774
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
1777
1775
  "svg",
1778
1776
  {
1779
- width: "24",
1780
- height: "24",
1781
- viewBox: "0 0 24 24",
1782
- fill: "none",
1783
1777
  xmlns: "http://www.w3.org/2000/svg",
1778
+ width: "27",
1779
+ height: "28",
1780
+ viewBox: "0 0 27 28",
1781
+ fill: "none",
1784
1782
  className,
1785
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4.5 12.75L10.5 18.75L19.5 5.25", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
1783
+ children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
1784
+ "path",
1785
+ {
1786
+ d: "M21.9264 5.20931C22.1812 5.39338 22.3846 5.59774 22.4858 5.90334C22.5588 6.45228 22.3415 6.78579 22.0286 7.20666C21.9576 7.30047 21.8864 7.39405 21.8151 7.48762C21.6895 7.65415 21.5677 7.8235 21.4454 7.99253C21.2259 8.29482 21.0028 8.59408 20.7773 8.89185C20.4766 9.2892 20.1815 9.69044 19.889 10.094C19.8125 10.1993 19.7358 10.3044 19.659 10.4094C19.4079 10.7529 19.1577 11.0971 18.91 11.4431C18.8896 11.4716 18.8692 11.5001 18.8482 11.5294C18.7754 11.6314 18.703 11.7337 18.6307 11.8361C18.6035 11.8747 18.6035 11.8747 18.5756 11.9141C18.2362 12.3955 17.9059 12.8824 17.5821 13.3746C17.5478 13.4267 17.5478 13.4267 17.5128 13.4798C16.951 14.3338 16.425 15.1996 15.9364 16.0988C15.8817 16.1993 15.8266 16.2995 15.7713 16.3996C14.803 18.183 14.0974 20.1792 13.8032 22.1948C13.7275 22.4843 13.5304 22.7004 13.2862 22.8603C12.8671 23.0504 12.4792 23.0344 12.0524 22.8851C11.7159 22.6982 11.4492 22.3832 11.1807 22.1105C11.1305 22.06 11.1305 22.06 11.0793 22.0085C11.0463 21.9751 11.0133 21.9417 10.9793 21.9072C10.9355 21.8629 10.9355 21.8629 10.8908 21.8177C10.812 21.7336 10.738 21.6487 10.664 21.5606C10.4051 21.26 10.1208 20.9832 9.84198 20.7018C9.77941 20.6385 9.71685 20.5753 9.65429 20.512C9.52361 20.3798 9.39285 20.2478 9.26203 20.1158C9.0951 19.9473 8.92837 19.7787 8.76169 19.61C8.63267 19.4794 8.50355 19.349 8.37439 19.2186C8.3129 19.1564 8.25145 19.0943 8.19002 19.0321C7.78034 18.6148 7.78034 18.6148 7.3481 18.2218C7.26354 18.1493 7.18628 18.0708 7.1093 17.9902C6.97131 17.8488 6.8284 17.7169 6.67944 17.5876C6.56805 17.4895 6.45958 17.3885 6.35088 17.2873C6.15574 17.1075 5.95513 16.937 5.74972 16.7694C5.52338 16.5822 5.30225 16.3888 5.08115 16.1954C5.02902 16.1502 4.97647 16.1055 4.92361 16.0611C4.88291 16.0268 4.88291 16.0268 4.84139 15.9918C4.81684 15.9713 4.79228 15.9509 4.76699 15.9298C4.5693 15.7391 4.51301 15.5207 4.5 15.2507C4.5151 14.872 4.65787 14.6052 4.92439 14.3431C5.23566 14.0858 5.58225 13.9705 5.98399 13.9889C6.39409 14.0467 6.67261 14.2696 6.97788 14.5368C7.04531 14.5941 7.11275 14.6513 7.18024 14.7085C7.27801 14.7916 7.37519 14.8755 7.47238 14.9593C7.54704 15.0235 7.62196 15.0874 7.69694 15.1513C8.02915 15.4353 8.34957 15.7298 8.66619 16.0314C8.78965 16.1489 8.91524 16.2635 9.04232 16.3769C9.24098 16.556 9.42848 16.745 9.61441 16.9374C9.73206 17.0583 9.85175 17.1731 9.97956 17.283C10.2352 17.5064 10.4711 17.7507 10.7095 17.9925C10.7917 18.0758 10.8741 18.1589 10.9566 18.2419C11.4347 18.7249 11.4347 18.7249 11.6464 18.9799C11.7218 19.0675 11.8025 19.1485 11.8843 19.2299C11.898 19.1896 11.9116 19.1493 11.9257 19.1078C12.2024 18.2927 12.4869 17.488 12.8481 16.7062C12.8687 16.6616 12.8892 16.617 12.9104 16.571C13.6549 14.9617 14.5337 13.4385 15.5204 11.9689C15.553 11.9203 15.553 11.9203 15.5863 11.8707C16.0931 11.1161 16.6136 10.3732 17.1508 9.6404C17.2538 9.49984 17.3564 9.35903 17.4591 9.2182C17.5357 9.11296 17.6125 9.00777 17.6892 8.90257C17.7905 8.76367 17.8916 8.62462 17.9924 8.48543C18.2637 8.11165 18.5381 7.74072 18.8169 7.37269C19.0086 7.11969 19.1989 6.86631 19.381 6.6062C19.4144 6.55854 19.4478 6.51089 19.4823 6.46179C19.5085 6.42434 19.5085 6.42434 19.5353 6.38614C19.6584 6.21085 19.782 6.03602 19.9066 5.86184C19.9313 5.8267 19.9559 5.79157 19.9813 5.75537C20.4573 5.09349 21.1643 4.75205 21.9264 5.20931Z",
1787
+ fill: "currentColor"
1788
+ }
1789
+ )
1786
1790
  }
1787
1791
  );
1788
1792
  },
1793
+ // ----------------------------------- old ---------------------------------
1794
+ // ** Status **
1789
1795
  "plus-circle": ({ className, fill }) => {
1790
1796
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
1791
1797
  "svg",
@@ -6825,6 +6831,9 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
6825
6831
  defaultSelectedOptions,
6826
6832
  onChange,
6827
6833
  multiple,
6834
+ dropdownIconName = "brace-up",
6835
+ optionIconName,
6836
+ optionIconPlacement,
6828
6837
  ...inputProps
6829
6838
  } = props;
6830
6839
  const slots = (0, import_react8.useMemo)(() => select({ ...variantProps }), [variantProps]);
@@ -6835,19 +6844,22 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
6835
6844
  const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
6836
6845
  const selectWrapperRef = (0, import_react8.useRef)(null);
6837
6846
  const optionWrapperRef = (0, import_react8.useRef)(null);
6838
- const handleToggleSelect = () => {
6839
- if (isOpen) {
6840
- setIsOpen(false);
6841
- setTimeout(() => setIsVisible(false), 150);
6842
- } else {
6843
- if (selectWrapperRef.current) {
6844
- const rect = selectWrapperRef.current.getBoundingClientRect();
6845
- setTargetRect(rect);
6846
- setIsVisible(true);
6847
- requestAnimationFrame(() => setIsOpen(true));
6848
- }
6847
+ const isControlled = originalProps.value !== void 0;
6848
+ const openSelect = () => {
6849
+ if (selectWrapperRef.current) {
6850
+ const rect = selectWrapperRef.current.getBoundingClientRect();
6851
+ setTargetRect(rect);
6852
+ setIsVisible(true);
6853
+ requestAnimationFrame(() => setIsOpen(true));
6849
6854
  }
6850
6855
  };
6856
+ const closeSelect = () => {
6857
+ setIsOpen(false);
6858
+ setTimeout(() => setIsVisible(false), 150);
6859
+ };
6860
+ const handleToggleSelect = () => {
6861
+ isOpen ? closeSelect() : openSelect();
6862
+ };
6851
6863
  const calculatePositionWithScroll = (rect, height) => {
6852
6864
  const scrollTop = window.scrollY;
6853
6865
  const scrollLeft = window.scrollX;
@@ -6866,8 +6878,7 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
6866
6878
  nextOptions = exists ? selectedOptions.filter((o) => o.value !== option.value) : [...selectedOptions, option];
6867
6879
  } else {
6868
6880
  nextOptions = [option];
6869
- setIsOpen(false);
6870
- setTimeout(() => setIsVisible(false), 150);
6881
+ closeSelect();
6871
6882
  }
6872
6883
  setSelectedOptions(nextOptions);
6873
6884
  onChange == null ? void 0 : onChange(nextOptions);
@@ -6875,9 +6886,9 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
6875
6886
  (0, import_react8.useEffect)(() => {
6876
6887
  const handleClickOutside = (e) => {
6877
6888
  var _a2;
6878
- if (optionWrapperRef.current && !optionWrapperRef.current.contains(e.target) && !((_a2 = selectWrapperRef.current) == null ? void 0 : _a2.contains(e.target))) {
6879
- setIsOpen(false);
6880
- setTimeout(() => setIsVisible(false), 150);
6889
+ const target = e.target;
6890
+ if (optionWrapperRef.current && !optionWrapperRef.current.contains(target) && !((_a2 = selectWrapperRef.current) == null ? void 0 : _a2.contains(target))) {
6891
+ closeSelect();
6881
6892
  }
6882
6893
  };
6883
6894
  window.addEventListener("mousedown", handleClickOutside);
@@ -6888,42 +6899,63 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
6888
6899
  setOptionWrapperHeight(optionWrapperRef.current.getBoundingClientRect().height);
6889
6900
  }
6890
6901
  }, [targetRect]);
6891
- const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
6892
- const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
6893
- const selectedValue = multiple ? selectedOptions.map((opt) => opt.value).join(", ") : ((_b = selectedOptions[0]) == null ? void 0 : _b.value) || "";
6894
- const Option = ({
6895
- option,
6896
- isSelected,
6897
- onClick
6898
- }) => {
6899
- const slot = select({ ...variantProps, isSelected });
6900
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
6901
- "div",
6902
- {
6903
- role: "option",
6904
- title: option.label,
6905
- onClick,
6906
- className: clsx(slot.option({ class: classNames == null ? void 0 : classNames.option })),
6907
- children: [
6908
- option.label,
6909
- isSelected && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon_default, { name: "check", size: originalProps.size })
6910
- ]
6911
- }
6912
- );
6913
- };
6914
- const isControlled = originalProps.value !== void 0;
6915
6902
  (0, import_react8.useEffect)(() => {
6916
6903
  if (isControlled) {
6917
6904
  const valueArray = Array.isArray(originalProps.value) ? originalProps.value : [originalProps.value];
6918
- const matchedOptions = options.filter((opt) => valueArray.includes(opt.value));
6919
- setSelectedOptions(matchedOptions);
6920
- }
6921
- }, [originalProps.value, options]);
6922
- (0, import_react8.useEffect)(() => {
6923
- if (!isControlled && defaultSelectedOptions) {
6905
+ const matched = options.filter((opt) => valueArray.includes(opt.value));
6906
+ setSelectedOptions(matched);
6907
+ } else if (defaultSelectedOptions) {
6924
6908
  setSelectedOptions(defaultSelectedOptions);
6925
6909
  }
6926
- }, [defaultSelectedOptions]);
6910
+ }, [originalProps.value, defaultSelectedOptions, options]);
6911
+ const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
6912
+ const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
6913
+ const selectedValue = multiple ? selectedOptions.map((opt) => opt.value).join(",") : ((_b = selectedOptions[0]) == null ? void 0 : _b.value) || "";
6914
+ const renderOptions = () => {
6915
+ if (!isVisible) return null;
6916
+ return (0, import_react_dom2.createPortal)(
6917
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
6918
+ "div",
6919
+ {
6920
+ ref: optionWrapperRef,
6921
+ role: "listbox",
6922
+ className: slots.optionsWrapper({ class: classNames == null ? void 0 : classNames.optionsWrapper }),
6923
+ style: {
6924
+ position: "absolute",
6925
+ top: position == null ? void 0 : position.top,
6926
+ left: position == null ? void 0 : position.left,
6927
+ width: targetRect == null ? void 0 : targetRect.width,
6928
+ zIndex: 1e3,
6929
+ opacity: isOpen ? 1 : 0,
6930
+ transform: isOpen ? "translateY(0)" : "translateY(-0.25rem)",
6931
+ transition: "opacity 150ms ease-out, transform 150ms ease-out"
6932
+ },
6933
+ children: options.map((option) => {
6934
+ const isSelected = selectedOptions.some((o) => o.value === option.value);
6935
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
6936
+ "div",
6937
+ {
6938
+ role: "option",
6939
+ title: option.label,
6940
+ onClick: () => handleChangeOption(option),
6941
+ className: clsx(
6942
+ select({ ...variantProps, isSelected }).option({ class: classNames == null ? void 0 : classNames.option }),
6943
+ optionIconPlacement === "end" ? "justify-between" : ""
6944
+ ),
6945
+ children: [
6946
+ optionIconName && optionIconPlacement === "start" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon_default, { name: optionIconName, size: originalProps.size }),
6947
+ option.label,
6948
+ optionIconName && optionIconPlacement === "end" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon_default, { name: optionIconName, size: originalProps.size })
6949
+ ]
6950
+ },
6951
+ option.value
6952
+ );
6953
+ })
6954
+ }
6955
+ ),
6956
+ document.body
6957
+ );
6958
+ };
6927
6959
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
6928
6960
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
6929
6961
  "div",
@@ -6965,7 +6997,7 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
6965
6997
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
6966
6998
  Icon_default,
6967
6999
  {
6968
- name: "brace-up",
7000
+ name: dropdownIconName,
6969
7001
  size: originalProps.size,
6970
7002
  className: `transition-transform duration-200 ${isOpen ? "rotate-0" : "rotate-180"}`
6971
7003
  }
@@ -6979,39 +7011,7 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
6979
7011
  ]
6980
7012
  }
6981
7013
  ),
6982
- isVisible && (0, import_react_dom2.createPortal)(
6983
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
6984
- "div",
6985
- {
6986
- ref: optionWrapperRef,
6987
- role: "listbox",
6988
- className: slots.optionsWrapper({ class: classNames == null ? void 0 : classNames.optionsWrapper }),
6989
- style: {
6990
- position: "absolute",
6991
- top: position == null ? void 0 : position.top,
6992
- left: position == null ? void 0 : position.left,
6993
- width: targetRect == null ? void 0 : targetRect.width,
6994
- zIndex: 1e3,
6995
- opacity: isOpen ? 1 : 0,
6996
- transform: isOpen ? "translateY(0)" : "translateY(-0.25rem)",
6997
- transition: "opacity 150ms ease-out, transform 150ms ease-out"
6998
- },
6999
- children: options.map((option) => {
7000
- const isSelected = selectedOptions.some((o) => o.value === option.value);
7001
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
7002
- Option,
7003
- {
7004
- option,
7005
- isSelected,
7006
- onClick: () => handleChangeOption(option)
7007
- },
7008
- option.value
7009
- );
7010
- })
7011
- }
7012
- ),
7013
- document.body
7014
- )
7014
+ renderOptions()
7015
7015
  ] });
7016
7016
  });
7017
7017
  Select.displayName = "Select";
@@ -7027,7 +7027,6 @@ var select = tv({
7027
7027
  "flex",
7028
7028
  "items-center",
7029
7029
  "justify-between",
7030
- "border",
7031
7030
  "cursor-pointer",
7032
7031
  "text-neutral-main",
7033
7032
  "hover:bg-trans-soft",
@@ -7045,22 +7044,59 @@ var select = tv({
7045
7044
  "group-has-[p.error]/select:text-danger-main",
7046
7045
  "group-has-[p.error]/select:placeholder:text-danger-main"
7047
7046
  ],
7048
- optionsWrapper: ["border", "rounded", "bg-body-background", "shadow", "overflow-auto"],
7049
- option: ["flex", "justify-between", "items-center", "cursor-pointer"],
7047
+ optionsWrapper: ["bg-body-background", "overflow-auto", "flex", "flex-col", "gap-[10px]"],
7048
+ option: [
7049
+ "flex",
7050
+ "items-center",
7051
+ "cursor-pointer",
7052
+ "text-neutral-dark",
7053
+ "hover:bg-trans-soft",
7054
+ "hover:text-neutral-strong"
7055
+ ],
7050
7056
  helperMessage: ["text-neutral-main"],
7051
7057
  errorMessage: ["text-danger-main"],
7052
7058
  readonly: ["pointer-events-none", "!bg-trans-soft"]
7053
7059
  },
7054
7060
  variants: {
7061
+ variant: {
7062
+ solid: {
7063
+ selectWrapper: ["border-transparent", "bg-trans-soft"],
7064
+ option: [],
7065
+ readonlyWrapper: ["!bg-trans-light"]
7066
+ },
7067
+ outline: {
7068
+ selectWrapper: [
7069
+ "border-neutral-light",
7070
+ "border",
7071
+ "group-has-[:hover]/select:bg-trans-soft",
7072
+ "group-has-[:focus]/select:bg-body-background",
7073
+ "group-has-[p.error]/select:border-danger-main"
7074
+ ],
7075
+ option: [],
7076
+ readonlyWrapper: ["!bg-trans-soft"]
7077
+ },
7078
+ underline: {
7079
+ selectWrapper: [
7080
+ "bg-transparent",
7081
+ "border-neutral-light",
7082
+ "!rounded-none",
7083
+ "group-has-[:hover]/select:bg-trans-soft",
7084
+ "group-has-[:focus]/select:bg-body-background",
7085
+ "group-has-[p.error]/select:border-danger-main"
7086
+ ],
7087
+ option: ["!rounded-none"],
7088
+ readonlyWrapper: ["!bg-trans-soft"]
7089
+ }
7090
+ },
7055
7091
  color: {
7056
7092
  primary: {
7057
7093
  selectWrapper: ["text-primary-main"],
7058
- option: ["hover:bg-primary-soft", "hover:text-primary-main"],
7094
+ option: [],
7059
7095
  helperMessage: ["text-primary-main"]
7060
7096
  },
7061
7097
  secondary: {
7062
7098
  selectWrapper: ["text-secondary-main"],
7063
- option: ["hover:bg-secondary-soft", "hover:text-secondary-main"],
7099
+ option: [],
7064
7100
  helperMessage: ["text-secondary-main"]
7065
7101
  }
7066
7102
  },
@@ -7071,7 +7107,8 @@ var select = tv({
7071
7107
  wrapper: ["gap-[4px]"],
7072
7108
  selectWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]"],
7073
7109
  select: ["text-sm"],
7074
- option: ["px-[4px]", "py-[3px]", "text-sm"],
7110
+ optionsWrapper: ["shadow-drop-sm", "rounded-sm", "p-[4px]"],
7111
+ option: ["px-[4px]", "py-[3px]", "rounded-sm", "text-sm", "gap-[4px]"],
7075
7112
  helperMessage: ["text-sm"],
7076
7113
  errorMessage: ["text-sm"]
7077
7114
  },
@@ -7081,7 +7118,8 @@ var select = tv({
7081
7118
  wrapper: ["gap-[6px]"],
7082
7119
  selectWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]"],
7083
7120
  select: ["text-md"],
7084
- option: ["px-[6px]", "py-[5.5px]", "text-md"],
7121
+ optionsWrapper: ["shadow-drop-md", "rounded-md", "p-[6px]"],
7122
+ option: ["px-[6px]", "py-[5.5px]", "rounded-md", "text-md", "gap-[6px]"],
7085
7123
  helperMessage: ["text-sm"],
7086
7124
  errorMessage: ["text-sm"]
7087
7125
  },
@@ -7091,7 +7129,8 @@ var select = tv({
7091
7129
  wrapper: ["gap-[8px]"],
7092
7130
  selectWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]"],
7093
7131
  select: ["text-lg"],
7094
- option: ["px-[8px]", "py-[8px]", "text-lg"],
7132
+ optionsWrapper: ["shadow-drop-lg", "rounded-lg", "p-[8px]"],
7133
+ option: ["px-[8px]", "py-[8px]", "rounded-lg", "text-lg", "gap-[8px]"],
7095
7134
  helperMessage: ["text-md"],
7096
7135
  errorMessage: ["text-md"]
7097
7136
  },
@@ -7099,9 +7138,10 @@ var select = tv({
7099
7138
  base: ["text-xl", "gap-[10px]"],
7100
7139
  label: ["text-xl"],
7101
7140
  wrapper: ["gap-[10px]"],
7102
- selectWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]"],
7141
+ selectWrapper: ["w-[240px]", "h-[50px]", "rounded-xl", "px-[10px]"],
7103
7142
  select: ["text-xl"],
7104
- option: ["px-[10px]", "py-[11.5px]"],
7143
+ optionsWrapper: ["shadow-drop-xl", "rounded-xl", "p-[10px]"],
7144
+ option: ["px-[10px]", "py-[11.5px]", , "rounded-xl", "text-xl", "gap-[10px]"],
7105
7145
  helperMessage: ["text-md"],
7106
7146
  errorMessage: ["text-md"]
7107
7147
  }
@@ -7143,22 +7183,83 @@ var select = tv({
7143
7183
  }
7144
7184
  },
7145
7185
  compoundVariants: [
7186
+ {
7187
+ variant: "outline",
7188
+ size: "sm",
7189
+ class: {
7190
+ option: ["hover:shadow-[inset_0_0_0_1px_var(--dn-neutral-light)]"]
7191
+ }
7192
+ },
7193
+ {
7194
+ variant: "outline",
7195
+ size: "md",
7196
+ class: {
7197
+ option: ["hover:shadow-[inset_0_0_0_1.25px_var(--dn-neutral-light)]"]
7198
+ }
7199
+ },
7200
+ {
7201
+ variant: "outline",
7202
+ size: "lg",
7203
+ class: {
7204
+ option: ["hover:shadow-[inset_0_0_0_1.5px_var(--dn-neutral-light)]"]
7205
+ }
7206
+ },
7207
+ {
7208
+ variant: "outline",
7209
+ size: "xl",
7210
+ class: {
7211
+ option: ["hover:shadow-[inset_0_0_0_1.75px_var(--dn-neutral-light)]"]
7212
+ }
7213
+ },
7214
+ {
7215
+ variant: "underline",
7216
+ size: "sm",
7217
+ class: {
7218
+ selectWrapper: ["border-b-sm"],
7219
+ option: ["hover:shadow-[inset_0_-1px_0_0_var(--dn-neutral-light)]"]
7220
+ }
7221
+ },
7222
+ {
7223
+ variant: "underline",
7224
+ size: "md",
7225
+ class: {
7226
+ selectWrapper: ["border-b-md"],
7227
+ option: ["hover:shadow-[inset_0_-1.25px_0_0_var(--dn-neutral-light)]"]
7228
+ }
7229
+ },
7230
+ {
7231
+ variant: "underline",
7232
+ size: "lg",
7233
+ class: {
7234
+ selectWrapper: ["border-b-lg"],
7235
+ option: ["hover:shadow-[inset_0_-1.5px_0_0_var(--dn-neutral-light)]"]
7236
+ }
7237
+ },
7238
+ {
7239
+ variant: "underline",
7240
+ size: "xl",
7241
+ class: {
7242
+ selectWrapper: ["border-b-xl"],
7243
+ option: ["hover:shadow-[inset_0_-1.75px_0_0_var(--dn-neutral-light)]"]
7244
+ }
7245
+ },
7146
7246
  {
7147
7247
  color: "primary",
7148
7248
  isSelected: true,
7149
7249
  class: {
7150
- option: "bg-primary-soft text-primary-main"
7250
+ option: ["text-primary-main"]
7151
7251
  }
7152
7252
  },
7153
7253
  {
7154
7254
  color: "secondary",
7155
7255
  isSelected: true,
7156
7256
  class: {
7157
- option: "bg-secondary-soft text-secondary-main"
7257
+ option: ["text-secondary-main"]
7158
7258
  }
7159
7259
  }
7160
7260
  ],
7161
7261
  defaultVariants: {
7262
+ variant: "solid",
7162
7263
  color: "primary",
7163
7264
  size: "md",
7164
7265
  direction: "vertical",
@@ -2,30 +2,30 @@
2
2
  import "../../chunk-4VWG4726.mjs";
3
3
  import {
4
4
  datePicker_default
5
- } from "../../chunk-NITERGU5.mjs";
5
+ } from "../../chunk-WB7Z54CF.mjs";
6
6
  import {
7
7
  day_default
8
8
  } from "../../chunk-4DESGO3D.mjs";
9
9
  import {
10
10
  timePicker_default
11
- } from "../../chunk-MHZ4BO5M.mjs";
11
+ } from "../../chunk-UEJJBAHG.mjs";
12
12
  import "../../chunk-QCEKPS7U.mjs";
13
- import "../../chunk-MIVGSJFF.mjs";
13
+ import "../../chunk-3YT4YJNJ.mjs";
14
14
  import "../../chunk-FWFEKWWD.mjs";
15
15
  import "../../chunk-2GCSFWHD.mjs";
16
- import "../../chunk-CMMVXFHD.mjs";
16
+ import "../../chunk-3F6OF2QS.mjs";
17
17
  import "../../chunk-MY5U63QO.mjs";
18
18
  import "../../chunk-Q364C3FI.mjs";
19
19
  import "../../chunk-ITWKPTSD.mjs";
20
- import "../../chunk-SS6EG5JO.mjs";
21
- import "../../chunk-NV5Z6ZUO.mjs";
20
+ import "../../chunk-XOUAUSP4.mjs";
21
+ import "../../chunk-6JLHCQH7.mjs";
22
22
  import "../../chunk-6WSACUIB.mjs";
23
23
  import "../../chunk-LXHUO6VM.mjs";
24
24
  import "../../chunk-SZL743JC.mjs";
25
25
  import "../../chunk-ZYIIXWVY.mjs";
26
- import "../../chunk-EM2NIGNZ.mjs";
26
+ import "../../chunk-YZ57UYAS.mjs";
27
27
  import "../../chunk-E3G5QXSH.mjs";
28
- import "../../chunk-CTWYY7Z2.mjs";
28
+ import "../../chunk-BG4DIGKH.mjs";
29
29
  import "../../chunk-CDXBML6O.mjs";
30
30
  import "../../chunk-27Y6K5NK.mjs";
31
31
  import "../../chunk-AC6TWLRT.mjs";