@pfct/purple 1.11.1 → 1.13.0

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 (144) hide show
  1. package/dist/assets/dotLotties/sample.lottie +0 -0
  2. package/dist/assets/images/fallback.png +0 -0
  3. package/dist/assets/images/fallback@2x.png +0 -0
  4. package/dist/assets/images/fallback@3x.png +0 -0
  5. package/dist/assets/index.css +2 -2
  6. package/dist/chunks/Accordion.CxDfMzK1.js +1 -0
  7. package/dist/chunks/{Accordion.BiAAJwmC.js → Accordion.D8caFIuT.js} +3 -2
  8. package/dist/chunks/{Divider.k5ROyG2W.js → Divider.CinbGPsa.js} +1 -1
  9. package/dist/chunks/{Divider.CfGqsPOG.js → Divider.KzhgrMYv.js} +1 -1
  10. package/dist/chunks/DotLottie.BEAWvPhB.js +71358 -0
  11. package/dist/chunks/DotLottie.DHSt1_0W.js +5 -0
  12. package/dist/chunks/{Switch.clBBQjY3.js → Switch.2ZixJdlG.js} +1 -1
  13. package/dist/chunks/{Switch.G7d5HjrW.js → Switch.Cf71RNLF.js} +2 -2
  14. package/dist/chunks/{bottomSheet.CbP1N3-g.js → bottomSheet.B5OrcCXx.js} +1 -1
  15. package/dist/chunks/{bottomSheet.BHvPqq91.js → bottomSheet.CnYVp9RP.js} +1 -1
  16. package/dist/chunks/{checkbox.DzMsJDRY.js → checkbox.CYGNBSUO.js} +1 -1
  17. package/dist/chunks/{checkbox.DjHLBzFe.js → checkbox.Dzvj-4RV.js} +2 -2
  18. package/dist/chunks/{dist.BbBE9J18.js → dist.6jgaVidM.js} +8 -7
  19. package/dist/chunks/dist.BixLWWwb.js +71 -0
  20. package/dist/chunks/dist.Bj_fI5rQ.js +1 -0
  21. package/dist/chunks/dist.BoEBrFAh.js +1 -0
  22. package/dist/chunks/dist.C4D-6Tcr.js +1 -0
  23. package/dist/chunks/{dist.D_s4kUUr.js → dist.CDZCWPu4.js} +1 -1
  24. package/dist/chunks/{dist.COetszRA.js → dist.CJY8LqRA.js} +1 -1
  25. package/dist/chunks/dist.CT8nUj9V.js +1 -0
  26. package/dist/chunks/dist.CYRtTgUR.js +96 -0
  27. package/dist/chunks/{dist.Cz5xL5vI.js → dist.CpTw9rlm.js} +1 -1
  28. package/dist/chunks/dist.Crl6KTg_.js +21 -0
  29. package/dist/chunks/dist.CwWM0zXK.js +25 -0
  30. package/dist/chunks/dist.DPo6XlLq.js +145 -0
  31. package/dist/chunks/dist.DTByVKhF.js +193 -0
  32. package/dist/chunks/dist.Ds9VPbBd.js +194 -0
  33. package/dist/chunks/dist.DvmdOncE.js +1 -0
  34. package/dist/chunks/dist.ERrpPEZ4.js +1 -0
  35. package/dist/chunks/dist.OINbhiqU.js +1 -0
  36. package/dist/chunks/dist.Xtc44Blp.js +1 -0
  37. package/dist/chunks/dist.mhQdJ8f2.js +170 -0
  38. package/dist/chunks/drawer.BewJ2D_w.js +1545 -0
  39. package/dist/chunks/drawer.Cty9wtvs.js +7 -0
  40. package/dist/chunks/es2015.ByVyszJo.js +562 -0
  41. package/dist/chunks/es2015.DoCbPEnP.js +41 -0
  42. package/dist/chunks/tooltip.Dv33hiJ0.js +1 -0
  43. package/dist/chunks/{tooltip.Bh_x0SaP.js → tooltip.w3pAhl4A.js} +5 -4
  44. package/dist/components/Accordion/index.cjs.js +1 -1
  45. package/dist/components/Accordion/index.esm.js +1 -1
  46. package/dist/components/Control/Switch/index.cjs.js +1 -1
  47. package/dist/components/Control/Switch/index.esm.js +1 -1
  48. package/dist/components/Control/index.cjs.js +1 -1
  49. package/dist/components/Control/index.esm.js +2 -2
  50. package/dist/components/DatePicker/RangeDatePickerModal/index.cjs.js +1 -1
  51. package/dist/components/DatePicker/RangeDatePickerModal/index.esm.js +1 -1
  52. package/dist/components/DatePicker/SingleDatePickerModal/index.cjs.js +1 -1
  53. package/dist/components/DatePicker/SingleDatePickerModal/index.esm.js +1 -1
  54. package/dist/components/Divider/index.cjs.js +1 -1
  55. package/dist/components/Divider/index.esm.js +1 -1
  56. package/dist/components/LegacyModal/index.cjs.js +1 -1
  57. package/dist/components/LegacyModal/index.esm.js +4 -4
  58. package/dist/components/MiniButton/IconMiniButton/index.cjs.js +1 -1
  59. package/dist/components/MiniButton/IconMiniButton/index.esm.js +1 -1
  60. package/dist/components/MiniButton/UnderLineMiniButton/index.cjs.js +1 -1
  61. package/dist/components/MiniButton/UnderLineMiniButton/index.esm.js +1 -1
  62. package/dist/components/Modal/index.cjs.js +1 -1
  63. package/dist/components/Modal/index.esm.js +10 -10
  64. package/dist/components/Pagination/index.cjs.js +1 -1
  65. package/dist/components/Pagination/index.esm.js +1 -1
  66. package/dist/components/SelectBox/index.cjs.js +1 -1
  67. package/dist/components/SelectBox/index.d.ts +6 -0
  68. package/dist/components/SelectBox/index.d.ts.map +1 -1
  69. package/dist/components/SelectBox/index.esm.js +42 -70
  70. package/dist/components/Tag/index.cjs.js +1 -1
  71. package/dist/components/Tag/index.esm.js +1 -1
  72. package/dist/components/Terms/index.cjs.js +1 -1
  73. package/dist/components/Terms/index.esm.js +3 -3
  74. package/dist/components/index.cjs.js +1 -1
  75. package/dist/components/index.d.ts +1 -0
  76. package/dist/components/index.d.ts.map +1 -1
  77. package/dist/components/index.esm.js +16 -15
  78. package/dist/components/ui/bottomSheet.cjs.js +1 -1
  79. package/dist/components/ui/bottomSheet.esm.js +1 -1
  80. package/dist/components/ui/button.cjs.js +1 -1
  81. package/dist/components/ui/button.esm.js +1 -1
  82. package/dist/components/ui/checkbox.cjs.js +1 -1
  83. package/dist/components/ui/checkbox.esm.js +1 -1
  84. package/dist/components/ui/dialog.cjs.js +1 -1
  85. package/dist/components/ui/dialog.esm.js +10 -10
  86. package/dist/components/ui/drawer.cjs.js +1 -1
  87. package/dist/components/ui/drawer.esm.js +1 -1
  88. package/dist/components/ui/impact-tooltip.cjs.js +1 -1
  89. package/dist/components/ui/impact-tooltip.esm.js +83 -2
  90. package/dist/components/ui/select.cjs.js +1 -0
  91. package/dist/components/ui/select.d.ts +52 -0
  92. package/dist/components/ui/select.d.ts.map +1 -0
  93. package/dist/components/ui/select.esm.js +182 -0
  94. package/dist/components/ui/tooltip.cjs.js +1 -1
  95. package/dist/components/ui/tooltip.esm.js +1 -1
  96. package/dist/components/ui/typography.cjs.js +1 -1
  97. package/dist/components/ui/typography.esm.js +1 -1
  98. package/dist/icons/src/aliases/aliases.cjs.js +1 -1
  99. package/dist/icons/src/aliases/aliases.d.ts +1 -1
  100. package/dist/icons/src/aliases/aliases.d.ts.map +1 -1
  101. package/dist/icons/src/aliases/aliases.esm.js +3 -3
  102. package/dist/icons/src/aliases/index.cjs.js +1 -1
  103. package/dist/icons/src/aliases/index.esm.js +3 -3
  104. package/dist/icons/src/aliases/prefixed.cjs.js +1 -1
  105. package/dist/icons/src/aliases/prefixed.d.ts +4 -4
  106. package/dist/icons/src/aliases/prefixed.d.ts.map +1 -1
  107. package/dist/icons/src/aliases/prefixed.esm.js +3 -3
  108. package/dist/icons/src/aliases/suffixed.cjs.js +1 -1
  109. package/dist/icons/src/aliases/suffixed.d.ts +6 -6
  110. package/dist/icons/src/aliases/suffixed.d.ts.map +1 -1
  111. package/dist/icons/src/aliases/suffixed.esm.js +3 -3
  112. package/dist/icons/src/icons/index.cjs.js +1 -1
  113. package/dist/icons/src/icons/index.esm.js +3 -3
  114. package/dist/index.cjs.js +1 -1
  115. package/dist/index.esm.js +60 -58
  116. package/dist/library/DotLottie/index.cjs.js +1 -0
  117. package/dist/library/DotLottie/index.d.ts +21 -0
  118. package/dist/library/DotLottie/index.d.ts.map +1 -0
  119. package/dist/library/DotLottie/index.esm.js +2 -0
  120. package/dist/library/List/BottomSheetItemList/index.cjs.js +1 -1
  121. package/dist/library/List/BottomSheetItemList/index.esm.js +1 -1
  122. package/dist/library/Lottie/index.cjs.js +1 -1
  123. package/dist/library/Lottie/index.esm.js +67 -2
  124. package/dist/library/index.cjs.js +1 -1
  125. package/dist/library/index.d.ts +1 -0
  126. package/dist/library/index.d.ts.map +1 -1
  127. package/dist/library/index.esm.js +6 -5
  128. package/package.json +6 -5
  129. package/dist/chunks/Accordion.ClCq_Ey8.js +0 -1
  130. package/dist/chunks/Lottie.DxqtsFQi.js +0 -1
  131. package/dist/chunks/Lottie.RPp4wef7.js +0 -161
  132. package/dist/chunks/dist.CbqoUpiO.js +0 -5
  133. package/dist/chunks/dist.CrnGARhp.js +0 -1
  134. package/dist/chunks/dist.DXWLF1yO.js +0 -137
  135. package/dist/chunks/dist.DxuGUd9a.js +0 -93
  136. package/dist/chunks/dist.eT0KQJF1.js +0 -1
  137. package/dist/chunks/dist.o_suB-Ao.js +0 -217
  138. package/dist/chunks/drawer.CsTGeQfm.js +0 -987
  139. package/dist/chunks/drawer.Dl1NBBot.js +0 -3
  140. package/dist/chunks/es2015.DT_gWqJq.js +0 -705
  141. package/dist/chunks/es2015.YOXqRYz1.js +0 -41
  142. package/dist/chunks/impact-tooltip.CqzKZc1i.js +0 -268
  143. package/dist/chunks/impact-tooltip.MXdAL7_2.js +0 -1
  144. package/dist/chunks/tooltip.DXsV-PA7.js +0 -1
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import { i as e, n as t, r as n, t as r } from "./chunks/Accordion.BiAAJwmC.js";
1
+ import { i as e, n as t, r as n, t as r } from "./chunks/Accordion.D8caFIuT.js";
2
2
  import i from "./icons/src/icons/Alarm_fill.esm.js";
3
3
  import a from "./icons/src/icons/Calendar.esm.js";
4
4
  import o from "./icons/src/icons/Cancel.esm.js";
@@ -12,8 +12,8 @@ import p from "./icons/src/icons/Chevron_up.esm.js";
12
12
  import m from "./icons/src/icons/Double_Chevron_left.esm.js";
13
13
  import h from "./icons/src/icons/Double_Chevron_right.esm.js";
14
14
  import g from "./icons/src/icons/Eye_fill.esm.js";
15
- import _ from "./icons/src/icons/Eye_slash_fill.esm.js";
16
- import v from "./icons/src/icons/Filter.esm.js";
15
+ import _ from "./icons/src/icons/Filter.esm.js";
16
+ import v from "./icons/src/icons/Eye_slash_fill.esm.js";
17
17
  import y from "./icons/src/icons/Information.esm.js";
18
18
  import b from "./icons/src/icons/Menu.esm.js";
19
19
  import x from "./icons/src/icons/More.esm.js";
@@ -30,7 +30,7 @@ import { t as A } from "./chunks/utils.D6DjRYW1.js";
30
30
  import { IconBadge as ee } from "./components/Badge/IconBadge/index.esm.js";
31
31
  import { TextBadge as te } from "./components/Badge/TextBadge/index.esm.js";
32
32
  import "./components/Badge/index.esm.js";
33
- import { a as ne, c as re, d as ie, f as j, i as M, l as N, n as P, o as F, r as I, s as L, t as R, u as z } from "./chunks/bottomSheet.BHvPqq91.js";
33
+ import { a as ne, c as re, d as ie, f as j, i as M, l as N, n as P, o as F, r as I, s as L, t as R, u as z } from "./chunks/bottomSheet.CnYVp9RP.js";
34
34
  import { n as B, t as V } from "./chunks/Spinner.C7NCfrzp.js";
35
35
  import { Button as H, buttonVariants as U } from "./components/ui/button.esm.js";
36
36
  import { DoubleButton as W } from "./components/Button/DoubleButton/index.esm.js";
@@ -77,70 +77,72 @@ import { ChipsFrame as Ct } from "./components/Chips/ChipsFrame/index.esm.js";
77
77
  import { BasicChips as wt } from "./components/Chips/BasicChips/index.esm.js";
78
78
  import "./components/Chips/index.esm.js";
79
79
  import { Comment as Tt } from "./components/Comment/index.esm.js";
80
- import { t as Et } from "./chunks/checkbox.DjHLBzFe.js";
80
+ import { t as Et } from "./chunks/checkbox.Dzvj-4RV.js";
81
81
  import { CheckMark as Dt } from "./components/Control/CheckMark/index.esm.js";
82
82
  import { RadioButton as Ot, radioVariants as kt } from "./components/Control/RadioButton/index.esm.js";
83
- import { t as At } from "./chunks/Switch.G7d5HjrW.js";
83
+ import { t as At } from "./chunks/Switch.Cf71RNLF.js";
84
84
  import "./components/Control/index.esm.js";
85
- import { IconWithImage as jt } from "./library/IconWithImage/index.esm.js";
86
- import { BottomSheetItemList as Mt } from "./library/List/BottomSheetItemList/index.esm.js";
87
- import { t as Nt } from "./chunks/Lottie.RPp4wef7.js";
88
- import { Spacing as Pt } from "./library/Spacing/index.esm.js";
85
+ import { t as jt } from "./chunks/DotLottie.BEAWvPhB.js";
86
+ import { IconWithImage as Mt } from "./library/IconWithImage/index.esm.js";
87
+ import { BottomSheetItemList as Nt } from "./library/List/BottomSheetItemList/index.esm.js";
88
+ import { Lottie as Pt } from "./library/Lottie/index.esm.js";
89
+ import { Spacing as Ft } from "./library/Spacing/index.esm.js";
89
90
  import "./library/index.esm.js";
90
- import { EMPTY_DATE as Ft, END_DATE as It, PurpleDate as Lt, START_DATE as Rt } from "./types/date.esm.js";
91
- import { Theme as zt } from "./core/Theme/index.esm.js";
91
+ import { EMPTY_DATE as It, END_DATE as Lt, PurpleDate as Rt, START_DATE as zt } from "./types/date.esm.js";
92
+ import { Theme as Bt } from "./core/Theme/index.esm.js";
92
93
  import "./core/index.esm.js";
93
94
  import "./types/index.esm.js";
94
- import { BaseDatePicker as Bt } from "./components/DatePicker/BaseDatePicker/index.esm.js";
95
- import { useRangeDatePicker as Vt } from "./components/DatePicker/RangeDatePicker/hooks/useRangeDatePicker.esm.js";
96
- import { Dialog as Ht, DialogClose as Ut, DialogContent as Wt, DialogDescription as Gt, DialogFooter as Kt, DialogHeader as qt, DialogOverlay as Jt, DialogPortal as Yt, DialogTitle as Xt, DialogTrigger as Zt } from "./components/ui/dialog.esm.js";
97
- import { useRangeDatePickerModal as Qt } from "./components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.esm.js";
98
- import { RangeDatePickerModal as $t } from "./components/DatePicker/RangeDatePickerModal/index.esm.js";
99
- import { useSingleDatePicker as en } from "./components/DatePicker/SingleDatePicker/hooks/useSingleDatePicker.esm.js";
100
- import { useSingleDatePickerModal as tn } from "./components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.esm.js";
101
- import { SingleDatePickerModal as nn } from "./components/DatePicker/SingleDatePickerModal/index.esm.js";
95
+ import { BaseDatePicker as Vt } from "./components/DatePicker/BaseDatePicker/index.esm.js";
96
+ import { useRangeDatePicker as Ht } from "./components/DatePicker/RangeDatePicker/hooks/useRangeDatePicker.esm.js";
97
+ import { Dialog as Ut, DialogClose as Wt, DialogContent as Gt, DialogDescription as Kt, DialogFooter as qt, DialogHeader as Jt, DialogOverlay as Yt, DialogPortal as Xt, DialogTitle as Zt, DialogTrigger as Qt } from "./components/ui/dialog.esm.js";
98
+ import { useRangeDatePickerModal as $t } from "./components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.esm.js";
99
+ import { RangeDatePickerModal as en } from "./components/DatePicker/RangeDatePickerModal/index.esm.js";
100
+ import { useSingleDatePicker as tn } from "./components/DatePicker/SingleDatePicker/hooks/useSingleDatePicker.esm.js";
101
+ import { useSingleDatePickerModal as nn } from "./components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.esm.js";
102
+ import { SingleDatePickerModal as rn } from "./components/DatePicker/SingleDatePickerModal/index.esm.js";
102
103
  import "./components/DatePicker/index.esm.js";
103
- import { t as rn } from "./chunks/Divider.CfGqsPOG.js";
104
- import { NotFoundIllustration as an, PageLoadIllustration as on } from "./components/ErrorUI/illustrations.esm.js";
105
- import { NotFoundError as sn } from "./components/ErrorUI/NotFoundError.esm.js";
106
- import { PageLoadError as cn } from "./components/ErrorUI/PageLoadError.esm.js";
107
- import { SectionError as ln, sectionErrorTypes as un } from "./components/ErrorUI/SectionError.esm.js";
104
+ import { t as an } from "./chunks/Divider.KzhgrMYv.js";
105
+ import { NotFoundIllustration as on, PageLoadIllustration as sn } from "./components/ErrorUI/illustrations.esm.js";
106
+ import { NotFoundError as cn } from "./components/ErrorUI/NotFoundError.esm.js";
107
+ import { PageLoadError as ln } from "./components/ErrorUI/PageLoadError.esm.js";
108
+ import { SectionError as un, sectionErrorTypes as dn } from "./components/ErrorUI/SectionError.esm.js";
108
109
  import "./components/ErrorUI/index.esm.js";
109
- import { InputFrame as dn } from "./components/Input/common/InputFrame/index.esm.js";
110
- import { BaseInput as fn } from "./components/Input/BaseInput/index.esm.js";
111
- import { PostfixInput as pn } from "./components/Input/PostfixInput/index.esm.js";
112
- import { RRN_LENGTHS as mn, sanitizeRRN as hn, splitRRN as gn } from "./components/Input/ResidentNumberInput/rrn.esm.js";
113
- import { ResidentNumberInput as _n } from "./components/Input/ResidentNumberInput/index.esm.js";
114
- import { TextField as vn } from "./components/Input/TextField/index.esm.js";
110
+ import { InputFrame as fn } from "./components/Input/common/InputFrame/index.esm.js";
111
+ import { BaseInput as pn } from "./components/Input/BaseInput/index.esm.js";
112
+ import { PostfixInput as mn } from "./components/Input/PostfixInput/index.esm.js";
113
+ import { RRN_LENGTHS as hn, sanitizeRRN as gn, splitRRN as _n } from "./components/Input/ResidentNumberInput/rrn.esm.js";
114
+ import { ResidentNumberInput as vn } from "./components/Input/ResidentNumberInput/index.esm.js";
115
+ import { TextField as yn } from "./components/Input/TextField/index.esm.js";
115
116
  import "./components/Input/index.esm.js";
116
- import { LegacyModal as yn } from "./components/LegacyModal/index.esm.js";
117
- import { List as bn, ListMainText as xn, ListSubText as Sn } from "./components/List/index.esm.js";
118
- import { ProgressBar as Cn, progressVariants as wn } from "./components/Loading/ProgressBar/index.esm.js";
119
- import { Skeleton as Tn } from "./components/Loading/Skeleton/index.esm.js";
120
- import { Modal as En, ModalClose as Dn, ModalContent as On, ModalDescription as kn, ModalFooter as An, ModalHeader as jn, ModalInfo as Mn, ModalOverlay as Nn, ModalPortal as Pn, ModalTitle as Fn, ModalTrigger as In } from "./components/Modal/index.esm.js";
121
- import { BaseNavigation as Ln } from "./components/Navigation/BaseNavigation/index.esm.js";
122
- import { BottomNavigationBar as Rn, BottomNavigationBarItem as zn } from "./components/Navigation/BottomNavigationBar/index.esm.js";
123
- import { CONTENT_COLOR_MAP as Bn } from "./components/Navigation/constant.esm.js";
124
- import { Navigation as Vn } from "./components/Navigation/Navigation.esm.js";
125
- import { PageNavigationBar as Hn } from "./components/Navigation/PageNavigationBar/index.esm.js";
126
- import { TitleNavigationBar as Un } from "./components/Navigation/TitleNavigationBar/index.esm.js";
117
+ import { LegacyModal as bn } from "./components/LegacyModal/index.esm.js";
118
+ import { List as xn, ListMainText as Sn, ListSubText as Cn } from "./components/List/index.esm.js";
119
+ import { ProgressBar as wn, progressVariants as Tn } from "./components/Loading/ProgressBar/index.esm.js";
120
+ import { Skeleton as En } from "./components/Loading/Skeleton/index.esm.js";
121
+ import { Modal as Dn, ModalClose as On, ModalContent as kn, ModalDescription as An, ModalFooter as jn, ModalHeader as Mn, ModalInfo as Nn, ModalOverlay as Pn, ModalPortal as Fn, ModalTitle as In, ModalTrigger as Ln } from "./components/Modal/index.esm.js";
122
+ import { BaseNavigation as Rn } from "./components/Navigation/BaseNavigation/index.esm.js";
123
+ import { BottomNavigationBar as zn, BottomNavigationBarItem as Bn } from "./components/Navigation/BottomNavigationBar/index.esm.js";
124
+ import { CONTENT_COLOR_MAP as Vn } from "./components/Navigation/constant.esm.js";
125
+ import { Navigation as Hn } from "./components/Navigation/Navigation.esm.js";
126
+ import { PageNavigationBar as Un } from "./components/Navigation/PageNavigationBar/index.esm.js";
127
+ import { TitleNavigationBar as Wn } from "./components/Navigation/TitleNavigationBar/index.esm.js";
127
128
  import "./components/Navigation/index.esm.js";
128
- import { usePagination as Wn } from "./components/Pagination/usePagination.esm.js";
129
- import { Pagination as Gn, PaginationButton as Kn, PaginationContent as qn, PaginationFirst as Jn, PaginationItem as Yn, PaginationLast as Xn, PaginationNext as Zn, PaginationPrevious as Qn, PaginationRoot as $n, paginationButtonVariants as er } from "./components/Pagination/index.esm.js";
130
- import { Segment as tr } from "./components/Segment/BaseSegment/index.esm.js";
131
- import { ExtendSegment as Q } from "./components/Segment/ExtendSegment/index.esm.js";
129
+ import { usePagination as Gn } from "./components/Pagination/usePagination.esm.js";
130
+ import { Pagination as Kn, PaginationButton as qn, PaginationContent as Jn, PaginationFirst as Yn, PaginationItem as Xn, PaginationLast as Zn, PaginationNext as Qn, PaginationPrevious as $n, PaginationRoot as er, paginationButtonVariants as tr } from "./components/Pagination/index.esm.js";
131
+ import { Segment as nr } from "./components/Segment/BaseSegment/index.esm.js";
132
+ import { ExtendSegment as rr } from "./components/Segment/ExtendSegment/index.esm.js";
132
133
  import "./components/Segment/index.esm.js";
133
- import { SelectBox as nr } from "./components/SelectBox/index.esm.js";
134
- import { TextTabsContainer as rr, TextTabsItem as ir } from "./components/Tabs/TextTabs/index.esm.js";
135
- import { Tag as ar, tagVariants as or } from "./components/Tag/index.esm.js";
136
- import { Textarea as sr } from "./components/TextArea/index.esm.js";
137
- import { Title as cr } from "./components/Title/index.esm.js";
138
- import { n as lr, t as ur } from "./chunks/Toast.D1-VfeA2.js";
139
- import { a as dr, i as fr, n as pr, r as mr, t as hr } from "./chunks/impact-tooltip.CqzKZc1i.js";
140
- import { a as gr, i as _r, n as vr, r as yr, t as br } from "./chunks/tooltip.Bh_x0SaP.js";
141
- import { jsx as $, jsxs as xr } from "react/jsx-runtime";
134
+ import { Select as ir, SelectContent as ar, SelectGroup as or, SelectItem as sr, SelectLabel as cr, SelectSeparator as lr, SelectTrigger as ur, SelectValue as dr, useSelectContext as fr } from "./components/ui/select.esm.js";
135
+ import { SelectBox as pr } from "./components/SelectBox/index.esm.js";
136
+ import { TextTabsContainer as mr, TextTabsItem as hr } from "./components/Tabs/TextTabs/index.esm.js";
137
+ import { Tag as Q, tagVariants as gr } from "./components/Tag/index.esm.js";
138
+ import { Textarea as _r } from "./components/TextArea/index.esm.js";
139
+ import { Title as vr } from "./components/Title/index.esm.js";
140
+ import { n as yr, t as br } from "./chunks/Toast.D1-VfeA2.js";
141
+ import { ImpactTooltip as xr, ImpactTooltipAnchor as Sr, ImpactTooltipCloseButton as Cr, ImpactTooltipContent as wr, ImpactTooltipTrigger as Tr } from "./components/ui/impact-tooltip.esm.js";
142
+ import { a as Er, i as Dr, n as Or, r as kr, t as Ar } from "./chunks/tooltip.w3pAhl4A.js";
143
+ import { jsx as $, jsxs as jr } from "react/jsx-runtime";
142
144
  //#region src/components/Tabs/FillTabs/index.tsx
143
- var Sr = (e) => /* @__PURE__ */ $("div", {
145
+ var Mr = (e) => /* @__PURE__ */ $("div", {
144
146
  className: "overflow-hidden",
145
147
  children: /* @__PURE__ */ $("div", {
146
148
  className: "flex gap-[7px] overflow-x-auto pc:px-0 px-5",
@@ -150,7 +152,7 @@ var Sr = (e) => /* @__PURE__ */ $("div", {
150
152
  className: A("min-w-fit cursor-pointer rounded-lg px-3 py-2"),
151
153
  onClick: () => e.onChange(t.value),
152
154
  style: { background: i },
153
- children: /* @__PURE__ */ xr(Z, {
155
+ children: /* @__PURE__ */ jr(Z, {
154
156
  className: A("flex gap-[1px]"),
155
157
  style: { color: r },
156
158
  variant: "t4",
@@ -161,4 +163,4 @@ var Sr = (e) => /* @__PURE__ */ $("div", {
161
163
  })
162
164
  });
163
165
  //#endregion
164
- export { r as Accordion, t as AccordionContent, n as AccordionItem, e as AccordionTrigger, i as AlarmFill, i as AlarmFillIcon, i as PurpleAlarmFill, Bt as BaseDatePicker, fn as BaseInput, Ln as BaseNavigation, wt as BasicChips, ot as Body1, st as Body2, Rn as BottomNavigationBar, zn as BottomNavigationBarItem, R as BottomSheet, P as BottomSheetBody, I as BottomSheetClose, M as BottomSheetCloseIcon, ne as BottomSheetContent, F as BottomSheetDescription, L as BottomSheetFooter, re as BottomSheetHeader, Mt as BottomSheetItemList, N as BottomSheetNavigationHeader, z as BottomSheetTitle, ie as BottomSheetTitleHeader, j as BottomSheetTrigger, q as BoxMiniButton, H as Button, Bn as CONTENT_COLOR_MAP, a as Calendar, a as CalendarIcon, a as PurpleCalendar, o as Cancel, o as CancelIcon, o as PurpleCancel, s as CancelCircle, s as CancelCircleIcon, s as PurpleCancelCircle, ct as Caption1, lt as Caption2, ze as Card, c as CartFill, c as CartFillIcon, c as PurpleCartFill, l as Check, l as CheckIcon, l as PurpleCheck, Dt as CheckMark, Et as Checkbox, u as ChevronDown, u as ChevronDownIcon, u as PurpleChevronDown, d as ChevronLeft, d as ChevronLeftIcon, d as PurpleChevronLeft, f as ChevronRight, f as ChevronRightIcon, f as PurpleChevronRight, p as ChevronUp, p as ChevronUpIcon, p as PurpleChevronUp, St as ChipItem, Ct as ChipsFrame, he as ColorTypeArray, Tt as Comment, Ht as Dialog, Ut as DialogClose, Wt as DialogContent, Gt as DialogDescription, Kt as DialogFooter, qt as DialogHeader, Jt as DialogOverlay, Yt as DialogPortal, Xt as DialogTitle, Zt as DialogTrigger, rn as Divider, W as DoubleButton, m as DoubleChevronLeft, m as DoubleChevronLeftIcon, m as PurpleDoubleChevronLeft, h as DoubleChevronRight, h as DoubleChevronRightIcon, h as PurpleDoubleChevronRight, Ft as EMPTY_DATE, It as END_DATE, Q as ExtendSegment, g as EyeFill, g as EyeFillIcon, g as PurpleEyeFill, _ as EyeSlashFill, _ as EyeSlashFillIcon, _ as PurpleEyeSlashFill, Sr as FillTabs, v as Filter, v as FilterIcon, v as PurpleFilter, oe as FloatBaseButton, se as FloatDoubleButton, ce as FloatSingleButton, ut as Headline1, dt as Headline2, ft as Headline3, pt as Headline4, mt as Headline5, ht as Headline6, gt as Headline7, _t as Headline8, ee as IconBadge, J as IconMiniButton, jt as IconWithImage, hr as ImpactTooltip, pr as ImpactTooltipAnchor, mr as ImpactTooltipCloseButton, fr as ImpactTooltipContent, dr as ImpactTooltipTrigger, y as Information, y as InformationIcon, y as PurpleInformation, dn as InputFrame, G as LayoutSpacing, yn as LegacyModal, bn as List, xn as ListMainText, Sn as ListSubText, Nt as Lottie, Pe as MediaQuerySize, b as Menu, b as MenuIcon, b as PurpleMenu, En as Modal, Dn as ModalClose, On as ModalContent, kn as ModalDescription, An as ModalFooter, jn as ModalHeader, Mn as ModalInfo, Nn as ModalOverlay, Pn as ModalPortal, Fn as ModalTitle, In as ModalTrigger, x as More, x as MoreIcon, x as PurpleMore, Vn as Navigation, sn as NotFoundError, an as NotFoundIllustration, cn as PageLoadError, on as PageLoadIllustration, Hn as PageNavigationBar, Gn as Pagination, Kn as PaginationButton, qn as PaginationContent, Jn as PaginationFirst, Yn as PaginationItem, Xn as PaginationLast, Zn as PaginationNext, Qn as PaginationPrevious, $n as PaginationRoot, S as PersonFill, S as PersonFillIcon, S as PurplePersonFill, C as Plus, C as PlusIcon, C as PurplePlus, pn as PostfixInput, Cn as ProgressBar, Lt as PurpleDate, w as PurpleQuestionCircle, w as QuestionCircle, w as QuestionCircleIcon, T as PurpleRe, T as Re, T as ReIcon, E as PurpleSearch, E as Search, E as SearchIcon, D as PurpleSettingFill, D as SettingFill, D as SettingFillIcon, O as PurpleShare, O as Share, O as ShareIcon, k as PurpleStore, k as Store, k as StoreIcon, ge as PurposeArray, mn as RRN_LENGTHS, Ot as RadioButton, $t as RangeDatePickerModal, _n as ResidentNumberInput, Rt as START_DATE, ln as SectionError, tr as Segment, nr as SelectBox, le as SingleButton, nn as SingleDatePickerModal, Tn as Skeleton, Pt as Spacing, V as Spinner, _e as StateArray, ve as StatusArray, At as Switch, ar as Tag, ue as TestButton, te as TextBadge, vn as TextField, rr as TextTabsContainer, ir as TextTabsItem, sr as Textarea, zt as Theme, cr as Title, vt as Title1, yt as Title2, bt as Title3, xt as Title4, Un as TitleNavigationBar, ur as Toaster, br as Tooltip, vr as TooltipArrow, yr as TooltipContent, _r as TooltipProvider, gr as TooltipTrigger, Z as Typography, ae as UnderLineMiniButton, ye as basicColors, Ue as body1, We as body2, U as buttonVariants, Ge as caption1, Ke as caption2, Be as cardVariants, we as checkBoxColorStyle, Te as checkMarkColorStyle, Ce as chipColorStyle, Oe as datepickerColorStyle, fe as extractNumber, X as fillTabColorStyle, pe as formatKoreaCurrency, be as generateHexWithAlphaInLightMode, qe as headline1, Je as headline2, Ye as headline3, Xe as headline4, Ze as headline5, Qe as headline6, $e as headline7, et as headline8, ke as miniButtonColorStyle, Y as miniButtonTextVariants, me as numberAccept, er as paginationButtonVariants, Ae as progressBarColorStyle, wn as progressVariants, Ee as radioButtonColorStyle, kt as radioVariants, Ie as registerHookForOverlayPreventScroll, hn as sanitizeRRN, un as sectionErrorTypes, xe as semanticColors, Se as semanticColorsMethod, je as singleButtonColorStyle, B as spinnerColorTypes, gn as splitRRN, De as switchColorStyle, Ne as tagColorStyle, or as tagVariants, Me as textTabColorStyle, tt as title1, nt as title2, rt as title3, it as title4, lr as toast, at as typographyMap, Ve as typographyVariantElementMap, He as typographyVariants, de as useEventListener, Fe as useLayoutIsMobile, Le as useOverlayPreventScroll, Wn as usePagination, Vt as useRangeDatePicker, Qt as useRangeDatePickerModal, Re as useResize, en as useSingleDatePicker, tn as useSingleDatePickerModal, K as zIndex };
166
+ export { r as Accordion, t as AccordionContent, n as AccordionItem, e as AccordionTrigger, i as AlarmFill, i as AlarmFillIcon, i as PurpleAlarmFill, Vt as BaseDatePicker, pn as BaseInput, Rn as BaseNavigation, wt as BasicChips, ot as Body1, st as Body2, zn as BottomNavigationBar, Bn as BottomNavigationBarItem, R as BottomSheet, P as BottomSheetBody, I as BottomSheetClose, M as BottomSheetCloseIcon, ne as BottomSheetContent, F as BottomSheetDescription, L as BottomSheetFooter, re as BottomSheetHeader, Nt as BottomSheetItemList, N as BottomSheetNavigationHeader, z as BottomSheetTitle, ie as BottomSheetTitleHeader, j as BottomSheetTrigger, q as BoxMiniButton, H as Button, Vn as CONTENT_COLOR_MAP, a as Calendar, a as CalendarIcon, a as PurpleCalendar, o as Cancel, o as CancelIcon, o as PurpleCancel, s as CancelCircle, s as CancelCircleIcon, s as PurpleCancelCircle, ct as Caption1, lt as Caption2, ze as Card, c as CartFill, c as CartFillIcon, c as PurpleCartFill, l as Check, l as CheckIcon, l as PurpleCheck, Dt as CheckMark, Et as Checkbox, u as ChevronDown, u as ChevronDownIcon, u as PurpleChevronDown, d as ChevronLeft, d as ChevronLeftIcon, d as PurpleChevronLeft, f as ChevronRight, f as ChevronRightIcon, f as PurpleChevronRight, p as ChevronUp, p as ChevronUpIcon, p as PurpleChevronUp, St as ChipItem, Ct as ChipsFrame, he as ColorTypeArray, Tt as Comment, Ut as Dialog, Wt as DialogClose, Gt as DialogContent, Kt as DialogDescription, qt as DialogFooter, Jt as DialogHeader, Yt as DialogOverlay, Xt as DialogPortal, Zt as DialogTitle, Qt as DialogTrigger, an as Divider, jt as DotLottie, W as DoubleButton, m as DoubleChevronLeft, m as DoubleChevronLeftIcon, m as PurpleDoubleChevronLeft, h as DoubleChevronRight, h as DoubleChevronRightIcon, h as PurpleDoubleChevronRight, It as EMPTY_DATE, Lt as END_DATE, rr as ExtendSegment, g as EyeFill, g as EyeFillIcon, g as PurpleEyeFill, v as EyeSlashFill, v as EyeSlashFillIcon, v as PurpleEyeSlashFill, Mr as FillTabs, _ as Filter, _ as FilterIcon, _ as PurpleFilter, oe as FloatBaseButton, se as FloatDoubleButton, ce as FloatSingleButton, ut as Headline1, dt as Headline2, ft as Headline3, pt as Headline4, mt as Headline5, ht as Headline6, gt as Headline7, _t as Headline8, ee as IconBadge, J as IconMiniButton, Mt as IconWithImage, xr as ImpactTooltip, Sr as ImpactTooltipAnchor, Cr as ImpactTooltipCloseButton, wr as ImpactTooltipContent, Tr as ImpactTooltipTrigger, y as Information, y as InformationIcon, y as PurpleInformation, fn as InputFrame, G as LayoutSpacing, bn as LegacyModal, xn as List, Sn as ListMainText, Cn as ListSubText, Pt as Lottie, Pe as MediaQuerySize, b as Menu, b as MenuIcon, b as PurpleMenu, Dn as Modal, On as ModalClose, kn as ModalContent, An as ModalDescription, jn as ModalFooter, Mn as ModalHeader, Nn as ModalInfo, Pn as ModalOverlay, Fn as ModalPortal, In as ModalTitle, Ln as ModalTrigger, x as More, x as MoreIcon, x as PurpleMore, Hn as Navigation, cn as NotFoundError, on as NotFoundIllustration, ln as PageLoadError, sn as PageLoadIllustration, Un as PageNavigationBar, Kn as Pagination, qn as PaginationButton, Jn as PaginationContent, Yn as PaginationFirst, Xn as PaginationItem, Zn as PaginationLast, Qn as PaginationNext, $n as PaginationPrevious, er as PaginationRoot, S as PersonFill, S as PersonFillIcon, S as PurplePersonFill, C as Plus, C as PlusIcon, C as PurplePlus, mn as PostfixInput, wn as ProgressBar, Rt as PurpleDate, w as PurpleQuestionCircle, w as QuestionCircle, w as QuestionCircleIcon, T as PurpleRe, T as Re, T as ReIcon, E as PurpleSearch, E as Search, E as SearchIcon, D as PurpleSettingFill, D as SettingFill, D as SettingFillIcon, O as PurpleShare, O as Share, O as ShareIcon, k as PurpleStore, k as Store, k as StoreIcon, ge as PurposeArray, hn as RRN_LENGTHS, Ot as RadioButton, en as RangeDatePickerModal, vn as ResidentNumberInput, zt as START_DATE, un as SectionError, nr as Segment, ir as Select, pr as SelectBox, ar as SelectContent, or as SelectGroup, sr as SelectItem, cr as SelectLabel, lr as SelectSeparator, ur as SelectTrigger, dr as SelectValue, le as SingleButton, rn as SingleDatePickerModal, En as Skeleton, Ft as Spacing, V as Spinner, _e as StateArray, ve as StatusArray, At as Switch, Q as Tag, ue as TestButton, te as TextBadge, yn as TextField, mr as TextTabsContainer, hr as TextTabsItem, _r as Textarea, Bt as Theme, vr as Title, vt as Title1, yt as Title2, bt as Title3, xt as Title4, Wn as TitleNavigationBar, br as Toaster, Ar as Tooltip, Or as TooltipArrow, kr as TooltipContent, Dr as TooltipProvider, Er as TooltipTrigger, Z as Typography, ae as UnderLineMiniButton, ye as basicColors, Ue as body1, We as body2, U as buttonVariants, Ge as caption1, Ke as caption2, Be as cardVariants, we as checkBoxColorStyle, Te as checkMarkColorStyle, Ce as chipColorStyle, Oe as datepickerColorStyle, fe as extractNumber, X as fillTabColorStyle, pe as formatKoreaCurrency, be as generateHexWithAlphaInLightMode, qe as headline1, Je as headline2, Ye as headline3, Xe as headline4, Ze as headline5, Qe as headline6, $e as headline7, et as headline8, ke as miniButtonColorStyle, Y as miniButtonTextVariants, me as numberAccept, tr as paginationButtonVariants, Ae as progressBarColorStyle, Tn as progressVariants, Ee as radioButtonColorStyle, kt as radioVariants, Ie as registerHookForOverlayPreventScroll, gn as sanitizeRRN, dn as sectionErrorTypes, xe as semanticColors, Se as semanticColorsMethod, je as singleButtonColorStyle, B as spinnerColorTypes, _n as splitRRN, De as switchColorStyle, Ne as tagColorStyle, gr as tagVariants, Me as textTabColorStyle, tt as title1, nt as title2, rt as title3, it as title4, yr as toast, at as typographyMap, Ve as typographyVariantElementMap, He as typographyVariants, de as useEventListener, Fe as useLayoutIsMobile, Le as useOverlayPreventScroll, Gn as usePagination, Ht as useRangeDatePicker, $t as useRangeDatePickerModal, Re as useResize, fr as useSelectContext, tn as useSingleDatePicker, nn as useSingleDatePickerModal, K as zIndex };
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/DotLottie.DHSt1_0W.js");exports.DotLottie=e.t;
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ interface DotLottieContainerProps {
3
+ className?: string;
4
+ height?: number;
5
+ width?: number;
6
+ }
7
+ interface DotLottieProps extends DotLottieContainerProps {
8
+ alterImgSrcOnLoad?: string;
9
+ autoplay?: boolean;
10
+ /**
11
+ * useInView 로직을 건너뛸지 여부
12
+ * true일 경우 뷰포트 진입 여부와 관계없이 즉시 애니메이션을 재생합니다.
13
+ */
14
+ bypassInView?: boolean;
15
+ lottieFileSrcPath: string;
16
+ playOnce?: boolean;
17
+ }
18
+ declare const DotLottie: React.FC<DotLottieProps>;
19
+ export type { DotLottieProps };
20
+ export { DotLottie };
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/library/DotLottie/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,uBAAuB;IAEhC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAe,SAAQ,uBAAuB;IAEvD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwFvC,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { t as e } from "../../chunks/DotLottie.BEAWvPhB.js";
2
+ export { e as DotLottie };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js");let t=require("react/jsx-runtime");var n=({item:n,onClick:r})=>(0,t.jsx)(t.Fragment,{children:n.map(n=>(0,t.jsx)(`div`,{className:e.t(`typo-t2 box-border h-[48px] w-full bg-white px-[25px] py-[15px] text-gray-400 tracking-[-0.2px] active:bg-gray-25`,n.disabled&&`cursor-not-allowed bg-gray-50 text-gray-200`),onClick:()=>{n.disabled||r({value:n.value,label:n.label})},children:n.label},n.label))});exports.BottomSheetItemList=n;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js");let t=require("react/jsx-runtime");var n=({item:n,onClick:r})=>(0,t.jsx)(t.Fragment,{children:n.map(n=>(0,t.jsx)(`div`,{className:e.t(`typo-t2 box-border h-12 w-full bg-white px-5 py-3.75 text-gray-400 tracking-[-0.2px] active:bg-gray-25`,n.disabled&&`cursor-not-allowed bg-gray-50 text-gray-200`),onClick:()=>{n.disabled||r({value:n.value,label:n.label})},children:n.label},n.label))});exports.BottomSheetItemList=n;
@@ -2,7 +2,7 @@ import { t as e } from "../../../chunks/utils.D6DjRYW1.js";
2
2
  import { Fragment as t, jsx as n } from "react/jsx-runtime";
3
3
  //#region src/library/List/BottomSheetItemList/index.tsx
4
4
  var r = ({ item: r, onClick: i }) => /* @__PURE__ */ n(t, { children: r.map((t) => /* @__PURE__ */ n("div", {
5
- className: e("typo-t2 box-border h-[48px] w-full bg-white px-[25px] py-[15px] text-gray-400 tracking-[-0.2px] active:bg-gray-25", t.disabled && "cursor-not-allowed bg-gray-50 text-gray-200"),
5
+ className: e("typo-t2 box-border h-12 w-full bg-white px-5 py-3.75 text-gray-400 tracking-[-0.2px] active:bg-gray-25", t.disabled && "cursor-not-allowed bg-gray-50 text-gray-200"),
6
6
  onClick: () => {
7
7
  t.disabled || i({
8
8
  value: t.value,
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Lottie.DxqtsFQi.js");exports.Lottie=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.CMqjfN_6.js"),t=require("../../chunks/utils.C67s_c-g.js"),n=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../hooks/index.cjs.js");const r=require("../../chunks/dist.Bj_fI5rQ.js"),i=require("../IconWithImage/index.cjs.js"),a=require("../../utils/uuid.util.cjs.js");let o=require("react"),s=require("react/jsx-runtime"),c=require("lottie-web");c=e.t(c);var l=({width:e,height:l,viewBox:u,className:d,playOnce:f,autoplay:p=!1,alterImgSrcOnLoad:m,lottieFileSrcPath:h})=>{let[g,_]=(0,o.useState)(null),v=(0,o.useRef)(null),y=(0,o.useRef)(a.uuid()),b=n.default(),{ref:x,inView:S}=r.t({threshold:b?.4:.9,rootMargin:b?`20% 0% 0% 0%`:`40% 0% 10% 0%`}),C=(0,o.useMemo)(()=>u?`${u.x??0} ${u.y??0} ${u.width} ${u.height}`:void 0,[u]),[w,T]=(0,o.useState)();return(0,o.useEffect)(()=>{fetch(h).then(e=>e.json()).then(e=>{_(e)}).catch(()=>{console.info(`lottie load 에 실패했습니다.`)})},[h]),(0,o.useEffect)(()=>{if(!(v.current&&g))return;let e=c.default.loadAnimation({container:v.current,renderer:`svg`,loop:!f,autoplay:p,animationData:g,rendererSettings:{viewBoxSize:C},name:d});return T(e),()=>e.destroy()},[g,d,p,f,C]),(0,o.useEffect)(()=>{S?w?.goToAndPlay(w?.currentFrame>.9*w?.totalFrames?0:w?.currentFrame,!0):f?w?.stop():w?.pause()},[S,w,f]),g===null&&m?(0,s.jsx)(`div`,{className:`flex items-center justify-center`,children:(0,s.jsx)(i.IconWithImage,{srcPath:m,width:e||0})}):(0,s.jsx)(`div`,{className:`w-full`,ref:x,children:(0,s.jsx)(`div`,{className:t.t(`flex`,d),id:y.current,ref:v,style:{width:e||void 0,height:l||void 0}})})};exports.Lottie=l;
@@ -1,2 +1,67 @@
1
- import { t as e } from "../../chunks/Lottie.RPp4wef7.js";
2
- export { e as Lottie };
1
+ import { t as e } from "../../chunks/utils.D6DjRYW1.js";
2
+ import t from "../../hooks/useLayoutIsMobile.esm.js";
3
+ import "../../hooks/index.esm.js";
4
+ import { t as n } from "../../chunks/dist.CYRtTgUR.js";
5
+ import { IconWithImage as r } from "../IconWithImage/index.esm.js";
6
+ import { uuid as i } from "../../utils/uuid.util.esm.js";
7
+ import { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
8
+ import { jsx as l } from "react/jsx-runtime";
9
+ import u from "lottie-web";
10
+ //#region src/library/Lottie/index.tsx
11
+ var d = ({ width: d, height: f, viewBox: p, className: m, playOnce: h, autoplay: g = !1, alterImgSrcOnLoad: _, lottieFileSrcPath: v }) => {
12
+ let [y, b] = c(null), x = s(null), S = s(i()), C = t(), { ref: w, inView: T } = n({
13
+ threshold: C ? .4 : .9,
14
+ rootMargin: C ? "20% 0% 0% 0%" : "40% 0% 10% 0%"
15
+ }), E = o(() => p ? `${p.x ?? 0} ${p.y ?? 0} ${p.width} ${p.height}` : void 0, [p]), [D, O] = c();
16
+ return a(() => {
17
+ fetch(v).then((e) => e.json()).then((e) => {
18
+ b(e);
19
+ }).catch(() => {
20
+ console.info("lottie load 에 실패했습니다.");
21
+ });
22
+ }, [v]), a(() => {
23
+ if (!(x.current && y)) return;
24
+ let e = u.loadAnimation({
25
+ container: x.current,
26
+ renderer: "svg",
27
+ loop: !h,
28
+ autoplay: g,
29
+ animationData: y,
30
+ rendererSettings: { viewBoxSize: E },
31
+ name: m
32
+ });
33
+ return O(e), () => e.destroy();
34
+ }, [
35
+ y,
36
+ m,
37
+ g,
38
+ h,
39
+ E
40
+ ]), a(() => {
41
+ T ? D?.goToAndPlay(D?.currentFrame > .9 * D?.totalFrames ? 0 : D?.currentFrame, !0) : h ? D?.stop() : D?.pause();
42
+ }, [
43
+ T,
44
+ D,
45
+ h
46
+ ]), y === null && _ ? /* @__PURE__ */ l("div", {
47
+ className: "flex items-center justify-center",
48
+ children: /* @__PURE__ */ l(r, {
49
+ srcPath: _,
50
+ width: d || 0
51
+ })
52
+ }) : /* @__PURE__ */ l("div", {
53
+ className: "w-full",
54
+ ref: w,
55
+ children: /* @__PURE__ */ l("div", {
56
+ className: e("flex", m),
57
+ id: S.current,
58
+ ref: x,
59
+ style: {
60
+ width: d || void 0,
61
+ height: f || void 0
62
+ }
63
+ })
64
+ });
65
+ };
66
+ //#endregion
67
+ export { d as Lottie };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./IconWithImage/index.cjs.js"),t=require("./List/BottomSheetItemList/index.cjs.js");require("./List/index.cjs.js");const n=require("../chunks/Lottie.DxqtsFQi.js"),r=require("./Spacing/index.cjs.js");exports.BottomSheetItemList=t.BottomSheetItemList,exports.IconWithImage=e.IconWithImage,exports.Lottie=n.t,exports.Spacing=r.Spacing;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/DotLottie.DHSt1_0W.js"),t=require("./IconWithImage/index.cjs.js"),n=require("./List/BottomSheetItemList/index.cjs.js");require("./List/index.cjs.js");const r=require("./Lottie/index.cjs.js"),i=require("./Spacing/index.cjs.js");exports.BottomSheetItemList=n.BottomSheetItemList,exports.DotLottie=e.t,exports.IconWithImage=t.IconWithImage,exports.Lottie=r.Lottie,exports.Spacing=i.Spacing;
@@ -1,3 +1,4 @@
1
+ export * from './DotLottie';
1
2
  export * from './IconWithImage';
2
3
  export * from './List';
3
4
  export * from './Lottie';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/library/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/library/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}
@@ -1,6 +1,7 @@
1
- import { IconWithImage as e } from "./IconWithImage/index.esm.js";
2
- import { BottomSheetItemList as t } from "./List/BottomSheetItemList/index.esm.js";
1
+ import { t as e } from "../chunks/DotLottie.BEAWvPhB.js";
2
+ import { IconWithImage as t } from "./IconWithImage/index.esm.js";
3
+ import { BottomSheetItemList as n } from "./List/BottomSheetItemList/index.esm.js";
3
4
  import "./List/index.esm.js";
4
- import { t as n } from "../chunks/Lottie.RPp4wef7.js";
5
- import { Spacing as r } from "./Spacing/index.esm.js";
6
- export { t as BottomSheetItemList, e as IconWithImage, n as Lottie, r as Spacing };
5
+ import { Lottie as r } from "./Lottie/index.esm.js";
6
+ import { Spacing as i } from "./Spacing/index.esm.js";
7
+ export { n as BottomSheetItemList, e as DotLottie, t as IconWithImage, r as Lottie, i as Spacing };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pfct/purple",
3
- "version": "1.11.1",
3
+ "version": "1.13.0",
4
4
  "description": "design system for PFCT web service",
5
5
  "exports": {
6
6
  ".": {
@@ -64,6 +64,7 @@
64
64
  "dependencies": {
65
65
  "@emotion/react": "^11.14.0",
66
66
  "@emotion/styled": "^11.14.0",
67
+ "@lottiefiles/dotlottie-react": "^0.19.4",
67
68
  "@radix-ui/react-accordion": "^1.2.10",
68
69
  "@radix-ui/react-checkbox": "^1.3.2",
69
70
  "@radix-ui/react-dialog": "^1.1.6",
@@ -95,8 +96,8 @@
95
96
  "@babel/preset-typescript": "^7.18.6",
96
97
  "@biomejs/biome": "2.4.16",
97
98
  "@playwright/test": "1.60.0",
98
- "@storybook/addon-docs": "10.4.3",
99
- "@storybook/react-vite": "10.4.3",
99
+ "@storybook/addon-docs": "10.4.4",
100
+ "@storybook/react-vite": "10.4.4",
100
101
  "@types/node": "^25.9.2",
101
102
  "@types/react": "^19.2.14",
102
103
  "@types/react-dom": "^19.2.3",
@@ -107,10 +108,10 @@
107
108
  "lint-staged": "^17.0.5",
108
109
  "prettier": "^3.8.1",
109
110
  "rollup-plugin-visualizer": "^7.0.0",
110
- "storybook": "10.4.3",
111
+ "storybook": "10.4.4",
111
112
  "tailwindcss": "^4.0.15",
112
113
  "typescript": "^6.0.2",
113
- "ultracite": "7.8.2",
114
+ "ultracite": "7.8.3",
114
115
  "vite": "^8.0.0",
115
116
  "vite-plugin-dts": "^5.0.0",
116
117
  "vitest": "^4.0.18"
@@ -1 +0,0 @@
1
- const e=require("./chunk.CMqjfN_6.js"),t=require("./dist.DTg4gm8w.js"),n=require("./dist.CrnGARhp.js"),r=require("./dist.Cz5xL5vI.js"),i=require("./dist.ZyM9l2Vf.js"),a=require("./dist.BklO76Tk.js"),o=require("../icons/src/icons/Chevron_down.cjs.js");require("../icons/src/aliases/index.cjs.js");const s=require("./utils.C67s_c-g.js");let c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime");function u(e){let r=e+`CollectionProvider`,[i,a]=t.a(r),[o,s]=i(r,{collectionRef:{current:null},itemMap:new Map}),u=e=>{let{scope:t,children:n}=e,r=c.useRef(null),i=c.useRef(new Map).current;return(0,l.jsx)(o,{scope:t,itemMap:i,collectionRef:r,children:n})};u.displayName=r;let d=e+`CollectionSlot`,f=n.n(d),p=c.forwardRef((e,t)=>{let{scope:r,children:i}=e;return(0,l.jsx)(f,{ref:n.i(t,s(d,r).collectionRef),children:i})});p.displayName=d;let m=e+`CollectionItemSlot`,h=`data-radix-collection-item`,g=n.n(m),_=c.forwardRef((e,t)=>{let{scope:r,children:i,...a}=e,o=c.useRef(null),u=n.i(t,o),d=s(m,r);return c.useEffect(()=>(d.itemMap.set(o,{ref:o,...a}),()=>void d.itemMap.delete(o))),(0,l.jsx)(g,{[h]:``,ref:u,children:i})});_.displayName=m;function v(t){let n=s(e+`CollectionConsumer`,t);return c.useCallback(()=>{let e=n.collectionRef.current;if(!e)return[];let t=Array.from(e.querySelectorAll(`[${h}]`));return Array.from(n.itemMap.values()).sort((e,n)=>t.indexOf(e.ref.current)-t.indexOf(n.ref.current))},[n.collectionRef,n.itemMap])}return[{Provider:u,Slot:p,ItemSlot:_},v,a]}var d=`Collapsible`,[f,p]=t.a(d),[m,h]=f(d),g=c.forwardRef((e,n)=>{let{__scopeCollapsible:i,open:o,defaultOpen:s,disabled:u,onOpenChange:f,...p}=e,[h,g]=t.t({prop:o,defaultProp:s??!1,onChange:f,caller:d});return(0,l.jsx)(m,{scope:i,disabled:u,contentId:a.t(),open:h,onOpenToggle:c.useCallback(()=>g(e=>!e),[g]),children:(0,l.jsx)(r.t.div,{"data-state":S(h),"data-disabled":u?``:void 0,...p,ref:n})})});g.displayName=d;var _=`CollapsibleTrigger`,v=c.forwardRef((e,n)=>{let{__scopeCollapsible:i,...a}=e,o=h(_,i);return(0,l.jsx)(r.t.button,{type:`button`,"aria-controls":o.open?o.contentId:void 0,"aria-expanded":o.open||!1,"data-state":S(o.open),"data-disabled":o.disabled?``:void 0,disabled:o.disabled,...a,ref:n,onClick:t.r(e.onClick,o.onOpenToggle)})});v.displayName=_;var y=`CollapsibleContent`,b=c.forwardRef((e,t)=>{let{forceMount:n,...r}=e,a=h(y,e.__scopeCollapsible);return(0,l.jsx)(i.t,{present:n||a.open,children:({present:e})=>(0,l.jsx)(x,{...r,ref:t,present:e})})});b.displayName=y;var x=c.forwardRef((e,i)=>{let{__scopeCollapsible:a,present:o,children:s,...u}=e,d=h(y,a),[f,p]=c.useState(o),m=c.useRef(null),g=n.i(i,m),_=c.useRef(0),v=_.current,b=c.useRef(0),x=b.current,C=d.open||f,w=c.useRef(C),T=c.useRef(void 0);return c.useEffect(()=>{let e=requestAnimationFrame(()=>w.current=!1);return()=>cancelAnimationFrame(e)},[]),t.n(()=>{let e=m.current;if(e){T.current=T.current||{transitionDuration:e.style.transitionDuration,animationName:e.style.animationName},e.style.transitionDuration=`0s`,e.style.animationName=`none`;let t=e.getBoundingClientRect();_.current=t.height,b.current=t.width,w.current||(e.style.transitionDuration=T.current.transitionDuration,e.style.animationName=T.current.animationName),p(o)}},[d.open,o]),(0,l.jsx)(r.t.div,{"data-state":S(d.open),"data-disabled":d.disabled?``:void 0,id:d.contentId,hidden:!C,...u,ref:g,style:{"--radix-collapsible-content-height":v?`${v}px`:void 0,"--radix-collapsible-content-width":x?`${x}px`:void 0,...e.style},children:C&&s})});function S(e){return e?`open`:`closed`}var C=g,w=v,T=b,ee=c.createContext(void 0);function E(e){let t=c.useContext(ee);return e||t||`ltr`}var D=`Accordion`,O=[`Home`,`End`,`ArrowDown`,`ArrowUp`,`ArrowLeft`,`ArrowRight`],[k,A,te]=u(D),[j,ne]=t.a(D,[te,p]),M=p(),N=c.forwardRef((e,t)=>{let{type:n,...r}=e,i=r,a=r;return(0,l.jsx)(k.Provider,{scope:e.__scopeAccordion,children:n===`multiple`?(0,l.jsx)(z,{...a,ref:t}):(0,l.jsx)(R,{...i,ref:t})})});N.displayName=D;var[P,F]=j(D),[I,L]=j(D,{collapsible:!1}),R=c.forwardRef((e,n)=>{let{value:r,defaultValue:i,onValueChange:a=()=>{},collapsible:o=!1,...s}=e,[u,d]=t.t({prop:r,defaultProp:i??``,onChange:a,caller:D});return(0,l.jsx)(P,{scope:e.__scopeAccordion,value:c.useMemo(()=>u?[u]:[],[u]),onItemOpen:d,onItemClose:c.useCallback(()=>o&&d(``),[o,d]),children:(0,l.jsx)(I,{scope:e.__scopeAccordion,collapsible:o,children:(0,l.jsx)(H,{...s,ref:n})})})}),z=c.forwardRef((e,n)=>{let{value:r,defaultValue:i,onValueChange:a=()=>{},...o}=e,[s,u]=t.t({prop:r,defaultProp:i??[],onChange:a,caller:D}),d=c.useCallback(e=>u((t=[])=>[...t,e]),[u]),f=c.useCallback(e=>u((t=[])=>t.filter(t=>t!==e)),[u]);return(0,l.jsx)(P,{scope:e.__scopeAccordion,value:s,onItemOpen:d,onItemClose:f,children:(0,l.jsx)(I,{scope:e.__scopeAccordion,collapsible:!0,children:(0,l.jsx)(H,{...o,ref:n})})})}),[B,V]=j(D),H=c.forwardRef((e,i)=>{let{__scopeAccordion:a,disabled:o,dir:s,orientation:u=`vertical`,...d}=e,f=n.i(c.useRef(null),i),p=A(a),m=E(s)===`ltr`,h=t.r(e.onKeyDown,e=>{if(!O.includes(e.key))return;let t=e.target,n=p().filter(e=>!e.ref.current?.disabled),r=n.findIndex(e=>e.ref.current===t),i=n.length;if(r===-1)return;e.preventDefault();let a=r,o=i-1,s=()=>{a=r+1,a>o&&(a=0)},c=()=>{a=r-1,a<0&&(a=o)};switch(e.key){case`Home`:a=0;break;case`End`:a=o;break;case`ArrowRight`:u===`horizontal`&&(m?s():c());break;case`ArrowDown`:u===`vertical`&&s();break;case`ArrowLeft`:u===`horizontal`&&(m?c():s());break;case`ArrowUp`:u===`vertical`&&c();break}n[a%i].ref.current?.focus()});return(0,l.jsx)(B,{scope:a,disabled:o,direction:s,orientation:u,children:(0,l.jsx)(k.Slot,{scope:a,children:(0,l.jsx)(r.t.div,{...d,"data-orientation":u,ref:f,onKeyDown:o?void 0:h})})})}),U=`AccordionItem`,[re,W]=j(U),G=c.forwardRef((e,t)=>{let{__scopeAccordion:n,value:r,...i}=e,o=V(U,n),s=F(U,n),c=M(n),u=a.t(),d=r&&s.value.includes(r)||!1,f=o.disabled||e.disabled;return(0,l.jsx)(re,{scope:n,open:d,disabled:f,triggerId:u,children:(0,l.jsx)(C,{"data-orientation":o.orientation,"data-state":Q(d),...c,...i,ref:t,disabled:f,open:d,onOpenChange:e=>{e?s.onItemOpen(r):s.onItemClose(r)}})})});G.displayName=U;var K=`AccordionHeader`,q=c.forwardRef((e,t)=>{let{__scopeAccordion:n,...i}=e,a=V(D,n),o=W(K,n);return(0,l.jsx)(r.t.h3,{"data-orientation":a.orientation,"data-state":Q(o.open),"data-disabled":o.disabled?``:void 0,...i,ref:t})});q.displayName=K;var J=`AccordionTrigger`,Y=c.forwardRef((e,t)=>{let{__scopeAccordion:n,...r}=e,i=V(D,n),a=W(J,n),o=L(J,n),s=M(n);return(0,l.jsx)(k.ItemSlot,{scope:n,children:(0,l.jsx)(w,{"aria-disabled":a.open&&!o.collapsible||void 0,"data-orientation":i.orientation,id:a.triggerId,...s,...r,ref:t})})});Y.displayName=J;var X=`AccordionContent`,Z=c.forwardRef((e,t)=>{let{__scopeAccordion:n,...r}=e,i=V(D,n),a=W(X,n),o=M(n);return(0,l.jsx)(T,{role:`region`,"aria-labelledby":a.triggerId,"data-orientation":i.orientation,...o,...r,ref:t,style:{"--radix-accordion-content-height":`var(--radix-collapsible-content-height)`,"--radix-accordion-content-width":`var(--radix-collapsible-content-width)`,...e.style}})});Z.displayName=X;function Q(e){return e?`open`:`closed`}var ie=N,ae=G,oe=q,se=Y,ce=Z,$=({ref:e,...t})=>(0,l.jsx)(ie,{"data-slot":`accordion`,ref:e,...t});$.displayName=`Accordion`;function le({className:e,...t}){return(0,l.jsx)(ae,{className:e,"data-slot":`accordion-item`,...t})}function ue({className:e,children:t,customIcon:n,...r}){return(0,l.jsx)(oe,{className:`flex w-full`,children:(0,l.jsxs)(se,{className:s.t(`flex flex-1 items-center justify-between gap-[3px] py-[15px] text-left outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none [&[data-state=open]>svg]:-rotate-180`,e),"data-slot":`accordion-trigger`,...r,children:[t,n??(0,l.jsx)(o.default,{className:s.t(`pointer-events-none shrink-0 text-gray-200 transition-transform duration-300`,`h-3.75 pc:h-5 pc:w-5 w-3.75`)})]})})}function de({className:e,children:t,...n}){return(0,l.jsx)(ce,{className:`overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down`,"data-slot":`accordion-content`,...n,children:(0,l.jsx)(`div`,{className:s.t(`rounded-[10px] bg-gray-25 px-[20px] py-[15px]`,e),children:t})})}Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return de}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return le}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return $}});
@@ -1 +0,0 @@
1
- const e=require("./chunk.CMqjfN_6.js"),t=require("./utils.C67s_c-g.js"),n=require("../hooks/useLayoutIsMobile.cjs.js");require("../hooks/index.cjs.js");const r=require("../library/IconWithImage/index.cjs.js"),i=require("../utils/uuid.util.cjs.js");let a=require("react");a=e.t(a,1);let o=require("react/jsx-runtime"),s=require("lottie-web");s=e.t(s);var c=new Map,l=new WeakMap,u=0,d;function f(e){return e?l.has(e)?l.get(e):(u+=1,l.set(e,u.toString()),l.get(e)):`0`}function p(e){return Object.keys(e).sort().filter(t=>e[t]!==void 0).map(t=>`${t}_${t===`root`?f(e.root):e[t]}`).toString()}function m(e){let t=p(e),n=c.get(t);if(!n){let r=new Map,i,a=new IntersectionObserver(t=>{t.forEach(t=>{let n=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&t.isVisible===void 0&&(t.isVisible=n),[...r.get(t.target)??[]].forEach(e=>{e(n,t)})})},e);i=a.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:a,elements:r},c.set(t,n)}return n}function h(e,t,n={},r=d){if(window.IntersectionObserver===void 0&&r!==void 0){let i=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:typeof n.threshold==`number`?n.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),()=>{}}let{id:i,observer:a,elements:o}=m(n),s=o.get(e)||[];return o.has(e)||o.set(e,s),s.push(t),a.observe(e),function(){s.splice(s.indexOf(t),1),s.length===0&&(o.delete(e),a.unobserve(e)),o.size===0&&(a.disconnect(),c.delete(i))}}a.Component;function g({threshold:e,delay:t,trackVisibility:n,rootMargin:r,root:i,triggerOnce:o,skip:s,initialInView:c,fallbackInView:l,onChange:u}={}){let[d,f]=a.useState(null),p=a.useRef(u),m=a.useRef(c),[g,_]=a.useState({inView:!!c,entry:void 0});p.current=u,a.useEffect(()=>{if(m.current===void 0&&(m.current=c),s||!d)return;let a;return a=h(d,(e,t)=>{let n=m.current;m.current=e,!(n===void 0&&!e)&&(_({inView:e,entry:t}),p.current&&p.current(e,t),t.isIntersecting&&o&&a&&(a(),a=void 0))},{root:i,rootMargin:r,threshold:e,trackVisibility:n,delay:t},l),()=>{a&&a()}},[Array.isArray(e)?e.toString():e,d,i,r,o,s,n,l,t]);let v=g.entry?.target,y=a.useRef(void 0);!d&&v&&!o&&!s&&y.current!==v&&(y.current=v,_({inView:!!c,entry:void 0}),m.current=c);let b=[f,g.inView,g.entry];return b.ref=b[0],b.inView=b[1],b.entry=b[2],b}(`useInsertionEffect`in a?a.useInsertionEffect:void 0)??a.useLayoutEffect??a.useEffect;var _=({width:e,height:c,viewBox:l,className:u,playOnce:d,autoplay:f=!1,alterImgSrcOnLoad:p,lottieFileSrcPath:m})=>{let[h,_]=(0,a.useState)(null),v=(0,a.useRef)(null),y=(0,a.useRef)(i.uuid()),b=n.default(),{ref:x,inView:S}=g({threshold:b?.4:.9,rootMargin:b?`20% 0% 0% 0%`:`40% 0% 10% 0%`}),C=(0,a.useMemo)(()=>l?`${l.x??0} ${l.y??0} ${l.width} ${l.height}`:void 0,[l]),[w,T]=(0,a.useState)();return(0,a.useEffect)(()=>{fetch(m).then(e=>e.json()).then(e=>{_(e)}).catch(()=>{console.info(`lottie load 에 실패했습니다.`)})},[m]),(0,a.useEffect)(()=>{if(!(v.current&&h))return;let e=s.default.loadAnimation({container:v.current,renderer:`svg`,loop:!d,autoplay:f,animationData:h,rendererSettings:{viewBoxSize:C},name:u});return T(e),()=>e.destroy()},[h,u,f,d,C]),(0,a.useEffect)(()=>{S?w?.goToAndPlay(w?.currentFrame>.9*w?.totalFrames?0:w?.currentFrame,!0):d?w?.stop():w?.pause()},[S,w,d]),h===null&&p?(0,o.jsx)(`div`,{className:`flex items-center justify-center`,children:(0,o.jsx)(r.IconWithImage,{srcPath:p,width:e||0})}):(0,o.jsx)(`div`,{className:`w-full`,ref:x,children:(0,o.jsx)(`div`,{className:t.t(`flex`,u),id:y.current,ref:v,style:{width:e||void 0,height:c||void 0}})})};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
@@ -1,161 +0,0 @@
1
- import { t as e } from "./utils.D6DjRYW1.js";
2
- import t from "../hooks/useLayoutIsMobile.esm.js";
3
- import "../hooks/index.esm.js";
4
- import { IconWithImage as n } from "../library/IconWithImage/index.esm.js";
5
- import { uuid as r } from "../utils/uuid.util.esm.js";
6
- import * as i from "react";
7
- import { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
8
- import { jsx as l } from "react/jsx-runtime";
9
- import u from "lottie-web";
10
- //#region node_modules/react-intersection-observer/dist/index.mjs
11
- var d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new WeakMap(), p = 0, m;
12
- function h(e) {
13
- return e ? f.has(e) ? f.get(e) : (p += 1, f.set(e, p.toString()), f.get(e)) : "0";
14
- }
15
- function g(e) {
16
- return Object.keys(e).sort().filter((t) => e[t] !== void 0).map((t) => `${t}_${t === "root" ? h(e.root) : e[t]}`).toString();
17
- }
18
- function _(e) {
19
- let t = g(e), n = d.get(t);
20
- if (!n) {
21
- let r = /* @__PURE__ */ new Map(), i, a = new IntersectionObserver((t) => {
22
- t.forEach((t) => {
23
- let n = t.isIntersecting && i.some((e) => t.intersectionRatio >= e);
24
- e.trackVisibility && t.isVisible === void 0 && (t.isVisible = n), [...r.get(t.target) ?? []].forEach((e) => {
25
- e(n, t);
26
- });
27
- });
28
- }, e);
29
- i = a.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), n = {
30
- id: t,
31
- observer: a,
32
- elements: r
33
- }, d.set(t, n);
34
- }
35
- return n;
36
- }
37
- function v(e, t, n = {}, r = m) {
38
- if (window.IntersectionObserver === void 0 && r !== void 0) {
39
- let i = e.getBoundingClientRect();
40
- return t(r, {
41
- isIntersecting: r,
42
- target: e,
43
- intersectionRatio: typeof n.threshold == "number" ? n.threshold : 0,
44
- time: 0,
45
- boundingClientRect: i,
46
- intersectionRect: i,
47
- rootBounds: i
48
- }), () => {};
49
- }
50
- let { id: i, observer: a, elements: o } = _(n), s = o.get(e) || [];
51
- return o.has(e) || o.set(e, s), s.push(t), a.observe(e), function() {
52
- s.splice(s.indexOf(t), 1), s.length === 0 && (o.delete(e), a.unobserve(e)), o.size === 0 && (a.disconnect(), d.delete(i));
53
- };
54
- }
55
- i.Component;
56
- function y({ threshold: e, delay: t, trackVisibility: n, rootMargin: r, root: a, triggerOnce: o, skip: s, initialInView: c, fallbackInView: l, onChange: u } = {}) {
57
- let [d, f] = i.useState(null), p = i.useRef(u), m = i.useRef(c), [h, g] = i.useState({
58
- inView: !!c,
59
- entry: void 0
60
- });
61
- p.current = u, i.useEffect(() => {
62
- if (m.current === void 0 && (m.current = c), s || !d) return;
63
- let i;
64
- return i = v(d, (e, t) => {
65
- let n = m.current;
66
- m.current = e, !(n === void 0 && !e) && (g({
67
- inView: e,
68
- entry: t
69
- }), p.current && p.current(e, t), t.isIntersecting && o && i && (i(), i = void 0));
70
- }, {
71
- root: a,
72
- rootMargin: r,
73
- threshold: e,
74
- trackVisibility: n,
75
- delay: t
76
- }, l), () => {
77
- i && i();
78
- };
79
- }, [
80
- Array.isArray(e) ? e.toString() : e,
81
- d,
82
- a,
83
- r,
84
- o,
85
- s,
86
- n,
87
- l,
88
- t
89
- ]);
90
- let _ = h.entry?.target, y = i.useRef(void 0);
91
- !d && _ && !o && !s && y.current !== _ && (y.current = _, g({
92
- inView: !!c,
93
- entry: void 0
94
- }), m.current = c);
95
- let b = [
96
- f,
97
- h.inView,
98
- h.entry
99
- ];
100
- return b.ref = b[0], b.inView = b[1], b.entry = b[2], b;
101
- }
102
- ("useInsertionEffect" in i ? i.useInsertionEffect : void 0) ?? i.useLayoutEffect ?? i.useEffect;
103
- //#endregion
104
- //#region src/library/Lottie/index.tsx
105
- var b = ({ width: i, height: d, viewBox: f, className: p, playOnce: m, autoplay: h = !1, alterImgSrcOnLoad: g, lottieFileSrcPath: _ }) => {
106
- let [v, b] = c(null), x = s(null), S = s(r()), C = t(), { ref: w, inView: T } = y({
107
- threshold: C ? .4 : .9,
108
- rootMargin: C ? "20% 0% 0% 0%" : "40% 0% 10% 0%"
109
- }), E = o(() => f ? `${f.x ?? 0} ${f.y ?? 0} ${f.width} ${f.height}` : void 0, [f]), [D, O] = c();
110
- return a(() => {
111
- fetch(_).then((e) => e.json()).then((e) => {
112
- b(e);
113
- }).catch(() => {
114
- console.info("lottie load 에 실패했습니다.");
115
- });
116
- }, [_]), a(() => {
117
- if (!(x.current && v)) return;
118
- let e = u.loadAnimation({
119
- container: x.current,
120
- renderer: "svg",
121
- loop: !m,
122
- autoplay: h,
123
- animationData: v,
124
- rendererSettings: { viewBoxSize: E },
125
- name: p
126
- });
127
- return O(e), () => e.destroy();
128
- }, [
129
- v,
130
- p,
131
- h,
132
- m,
133
- E
134
- ]), a(() => {
135
- T ? D?.goToAndPlay(D?.currentFrame > .9 * D?.totalFrames ? 0 : D?.currentFrame, !0) : m ? D?.stop() : D?.pause();
136
- }, [
137
- T,
138
- D,
139
- m
140
- ]), v === null && g ? /* @__PURE__ */ l("div", {
141
- className: "flex items-center justify-center",
142
- children: /* @__PURE__ */ l(n, {
143
- srcPath: g,
144
- width: i || 0
145
- })
146
- }) : /* @__PURE__ */ l("div", {
147
- className: "w-full",
148
- ref: w,
149
- children: /* @__PURE__ */ l("div", {
150
- className: e("flex", p),
151
- id: S.current,
152
- ref: x,
153
- style: {
154
- width: i || void 0,
155
- height: d || void 0
156
- }
157
- })
158
- });
159
- };
160
- //#endregion
161
- export { b as t };
@@ -1,5 +0,0 @@
1
- const e=require("./chunk.CMqjfN_6.js"),t=require("./dist.DTg4gm8w.js"),n=require("./dist.CrnGARhp.js"),r=require("./dist.Cz5xL5vI.js"),i=require("./dist.ZyM9l2Vf.js"),a=require("./dist.BklO76Tk.js"),o=require("./dist.eT0KQJF1.js"),s=require("./es2015.YOXqRYz1.js");let c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime");var u=`Dialog`,[d,f]=t.a(u),[p,m]=d(u),h=e=>{let{__scopeDialog:n,children:r,open:i,defaultOpen:o,onOpenChange:s,modal:d=!0}=e,f=c.useRef(null),m=c.useRef(null),[h,g]=t.t({prop:i,defaultProp:o??!1,onChange:s,caller:u});return(0,l.jsx)(p,{scope:n,triggerRef:f,contentRef:m,contentId:a.t(),titleId:a.t(),descriptionId:a.t(),open:h,onOpenChange:g,onOpenToggle:c.useCallback(()=>g(e=>!e),[g]),modal:d,children:r})};h.displayName=u;var g=`DialogTrigger`,_=c.forwardRef((e,i)=>{let{__scopeDialog:a,...o}=e,s=m(g,a),c=n.i(i,s.triggerRef);return(0,l.jsx)(r.t.button,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":s.open,"aria-controls":s.open?s.contentId:void 0,"data-state":L(s.open),...o,ref:c,onClick:t.r(e.onClick,s.onOpenToggle)})});_.displayName=g;var v=`DialogPortal`,[y,b]=d(v,{forceMount:void 0}),x=e=>{let{__scopeDialog:t,forceMount:n,children:r,container:a}=e,s=m(v,t);return(0,l.jsx)(y,{scope:t,forceMount:n,children:c.Children.map(r,e=>(0,l.jsx)(i.t,{present:n||s.open,children:(0,l.jsx)(o.t,{asChild:!0,container:a,children:e})}))})};x.displayName=v;var S=`DialogOverlay`,C=c.forwardRef((e,t)=>{let n=b(S,e.__scopeDialog),{forceMount:r=n.forceMount,...a}=e,o=m(S,e.__scopeDialog);return o.modal?(0,l.jsx)(i.t,{present:r||o.open,children:(0,l.jsx)(T,{...a,ref:t})}):null});C.displayName=S;var w=n.n(`DialogOverlay.RemoveScroll`),T=c.forwardRef((e,t)=>{let{__scopeDialog:n,...i}=e,a=m(S,n);return(0,l.jsx)(s.n,{as:w,allowPinchZoom:!0,shards:[a.contentRef],children:(0,l.jsx)(r.t.div,{"data-state":L(a.open),...i,ref:t,style:{pointerEvents:`auto`,...i.style}})})}),E=`DialogContent`,D=c.forwardRef((e,t)=>{let n=b(E,e.__scopeDialog),{forceMount:r=n.forceMount,...a}=e,o=m(E,e.__scopeDialog);return(0,l.jsx)(i.t,{present:r||o.open,children:o.modal?(0,l.jsx)(O,{...a,ref:t}):(0,l.jsx)(k,{...a,ref:t})})});D.displayName=E;var O=c.forwardRef((e,r)=>{let i=m(E,e.__scopeDialog),a=c.useRef(null),o=n.i(r,i.contentRef,a);return c.useEffect(()=>{let e=a.current;if(e)return s.t(e)},[]),(0,l.jsx)(A,{...e,ref:o,trapFocus:i.open,disableOutsidePointerEvents:i.open,onCloseAutoFocus:t.r(e.onCloseAutoFocus,e=>{e.preventDefault(),i.triggerRef.current?.focus()}),onPointerDownOutside:t.r(e.onPointerDownOutside,e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0;(t.button===2||n)&&e.preventDefault()}),onFocusOutside:t.r(e.onFocusOutside,e=>e.preventDefault())})}),k=c.forwardRef((e,t)=>{let n=m(E,e.__scopeDialog),r=c.useRef(!1),i=c.useRef(!1);return(0,l.jsx)(A,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{e.onCloseAutoFocus?.(t),t.defaultPrevented||(r.current||n.triggerRef.current?.focus(),t.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(r.current=!0,t.detail.originalEvent.type===`pointerdown`&&(i.current=!0));let a=t.target;n.triggerRef.current?.contains(a)&&t.preventDefault(),t.detail.originalEvent.type===`focusin`&&i.current&&t.preventDefault()}})}),A=c.forwardRef((e,t)=>{let{__scopeDialog:r,trapFocus:i,onOpenAutoFocus:a,onCloseAutoFocus:u,...d}=e,f=m(E,r),p=c.useRef(null),h=n.i(t,p);return s.r(),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.i,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:a,onUnmountAutoFocus:u,children:(0,l.jsx)(o.n,{role:`dialog`,id:f.contentId,"aria-describedby":f.descriptionId,"aria-labelledby":f.titleId,"data-state":L(f.open),...d,ref:h,onDismiss:()=>f.onOpenChange(!1)})}),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(V,{titleId:f.titleId}),(0,l.jsx)(U,{contentRef:p,descriptionId:f.descriptionId})]})]})}),j=`DialogTitle`,M=c.forwardRef((e,t)=>{let{__scopeDialog:n,...i}=e,a=m(j,n);return(0,l.jsx)(r.t.h2,{id:a.titleId,...i,ref:t})});M.displayName=j;var N=`DialogDescription`,P=c.forwardRef((e,t)=>{let{__scopeDialog:n,...i}=e,a=m(N,n);return(0,l.jsx)(r.t.p,{id:a.descriptionId,...i,ref:t})});P.displayName=N;var F=`DialogClose`,I=c.forwardRef((e,n)=>{let{__scopeDialog:i,...a}=e,o=m(F,i);return(0,l.jsx)(r.t.button,{type:`button`,...a,ref:n,onClick:t.r(e.onClick,()=>o.onOpenChange(!1))})});I.displayName=F;function L(e){return e?`open`:`closed`}var R=`DialogTitleWarning`,[z,B]=t.i(R,{contentName:E,titleName:j,docsSlug:`dialog`}),V=({titleId:e})=>{let t=B(R),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
2
-
3
- If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
4
-
5
- For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return c.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},H=`DialogDescriptionWarning`,U=({contentRef:e,descriptionId:t})=>{let n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${B(H).contentName}}.`;return c.useEffect(()=>{let r=e.current?.getAttribute(`aria-describedby`);t&&r&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},W=h,G=_,K=x,q=C,J=D,Y=M,X=P,Z=I;Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Z}});