@janbox/storefront-ui 1.0.1 → 1.0.2

package/dist/assets/svg/arrow-down.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const ArrowDownIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = ArrowDownIcon;

package/dist/assets/svg/arrow-forward.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const ArrowForwardIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M13.5 16L17.5 12L13.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M6.5 17L11.5 12L6.5 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = ArrowForwardIcon;

package/dist/assets/svg/arrow-left.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const ArrowLeftIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M15 6L9 12L15 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = ArrowLeftIcon;

package/dist/assets/svg/arrow-right.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const ArrowRightIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = ArrowRightIcon;

package/dist/assets/svg/calendar.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const CalendarIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M16 2V6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M8 2V6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M3 9H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M19 4H5C3.895 4 3 4.895 3 6V19C3 20.105 3.895 21 5 21H19C20.105 21 21 20.105 21 19V6C21 4.895 20.105 4 19 4Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M7.01304 12.729C6.87504 12.729 6.76304 12.841 6.76404 12.979C6.76404 13.117 6.87604 13.229 7.01404 13.229C7.15204 13.229 7.26404 13.117 7.26404 12.979C7.26404 12.841 7.15204 12.729 7.01304 12.729" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M12.013 12.729C11.875 12.729 11.763 12.841 11.764 12.979C11.764 13.117 11.876 13.229 12.014 13.229C12.152 13.229 12.264 13.117 12.264 12.979C12.264 12.841 12.152 12.729 12.013 12.729" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M17.013 12.729C16.875 12.729 16.763 12.841 16.764 12.979C16.764 13.117 16.876 13.229 17.014 13.229C17.152 13.229 17.264 13.117 17.264 12.979C17.264 12.841 17.152 12.729 17.013 12.729" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M7.01304 16.729C6.87504 16.729 6.76304 16.841 6.76404 16.979C6.76404 17.117 6.87604 17.229 7.01404 17.229C7.15204 17.229 7.26404 17.117 7.26404 16.979C7.26404 16.841 7.15204 16.729 7.01304 16.729" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M12.013 16.729C11.875 16.729 11.763 16.841 11.764 16.979C11.764 17.117 11.876 17.229 12.014 17.229C12.152 17.229 12.264 17.117 12.264 16.979C12.264 16.841 12.152 16.729 12.013 16.729" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = CalendarIcon;

package/dist/assets/svg/check.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const CheckIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_10170_60538)">\n<path d="M9.90004 16.2499C9.71004 16.2499 9.52004 16.1799 9.37004 16.0299L6.57004 13.2299C6.28004 12.9399 6.28004 12.4599 6.57004 12.1699C6.86004 11.8799 7.34004 11.8799 7.63004 12.1699L9.90004 14.4399L16.37 7.96994C16.66 7.67994 17.14 7.67994 17.43 7.96994C17.72 8.25994 17.72 8.73994 17.43 9.02994L10.43 16.0299C10.28 16.1799 10.09 16.2499 9.90004 16.2499Z" fill="currentColor"/>\n</g>\n<defs>\n<clipPath id="clip0_10170_60538">\n<rect width="24" height="24" fill="white"/>\n</clipPath>\n</defs>\n</svg>\n';
-module.exports = CheckIcon;

package/dist/assets/svg/clock-time.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const ClockIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M5.62537 18.3577C8.50409 21.2441 12.963 21.8361 16.4952 19.801C20.0274 17.7658 21.7514 13.6112 20.698 9.67314C19.6446 5.73504 16.0766 2.99622 12 2.99622" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M3.77789 15.4265C3.77786 15.4541 3.75546 15.4765 3.72785 15.4765C3.70024 15.4765 3.67786 15.4541 3.67785 15.4265C3.67784 15.3989 3.7002 15.3765 3.72781 15.3765C3.7411 15.3764 3.75384 15.3817 3.76324 15.3911C3.77264 15.4005 3.77791 15.4133 3.77789 15.4265" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M3.09637 12C3.09634 12.0276 3.07394 12.05 3.04633 12.05C3.01872 12.05 2.99634 12.0276 2.99633 12C2.99632 11.9724 3.01868 11.95 3.04629 11.9499C3.05958 11.9499 3.07233 11.9552 3.08172 11.9646C3.09112 11.974 3.09639 11.9867 3.09637 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M3.77789 8.57357C3.77789 8.60119 3.75551 8.62358 3.72789 8.62359C3.70027 8.6236 3.67787 8.60123 3.67785 8.57361C3.67783 8.54599 3.70019 8.52358 3.72781 8.52355C3.7411 8.52354 3.75385 8.52881 3.76324 8.53821C3.77264 8.5476 3.77791 8.56035 3.77789 8.57364" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M5.71887 5.66886C5.71883 5.69646 5.69643 5.71882 5.66883 5.71881C5.64122 5.7188 5.61884 5.69642 5.61883 5.66881C5.61881 5.6412 5.64117 5.61881 5.66878 5.61877C5.68207 5.61875 5.69482 5.62402 5.70422 5.63342C5.71362 5.64282 5.71889 5.65557 5.71887 5.66886" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M8.62364 3.72793C8.62361 3.75554 8.60121 3.7779 8.5736 3.77789C8.54599 3.77788 8.52361 3.75549 8.5236 3.72788C8.5236 3.70027 8.54596 3.67788 8.57357 3.67785C8.58686 3.67783 8.59961 3.6831 8.60901 3.6925C8.61841 3.70189 8.62368 3.71464 8.62366 3.72793" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M16.0495 12.6025H11.3975" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M11.3975 12.6025V6.99792" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = ClockIcon;

package/dist/assets/svg/done-check.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const CheckIcon = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n  <path d="M10,18a1,1,0,0,1-.71-.29l-5-5a1,1,0,0,1,1.42-1.42L10,15.59l8.29-8.3a1,1,0,1,1,1.42,1.42l-9,9A1,1,0,0,1,10,18Z"></path>\n</svg>';
-module.exports = CheckIcon;

package/dist/assets/svg/earth-home-world.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const EarthIcon = "data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%203.5C16.982%203.5%2021%207.518%2021%2012.5C21%2017.482%2016.982%2021.5%2012%2021.5'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2021.5C7.018%2021.5%203%2017.482%203%2012.5C3%207.518%207.018%203.5%2012%203.5'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.168%204.55999C7.27799%209.38499%207.27799%2015.616%2010.168%2020.441C11.014%2021.854%2012.987%2021.854%2013.833%2020.441C16.723%2015.616%2016.723%209.38499%2013.833%204.55999C12.986%203.14699%2011.014%203.14699%2010.168%204.55999Z'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M4.00977%208.35791C8.90177%209.86891%2015.0978%209.86891%2019.9888%208.35791'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M19.9902%2016.642C15.0982%2015.131%208.90223%2015.131%204.01123%2016.642'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
-module.exports = EarthIcon;

package/dist/assets/svg/eye-hidden.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const EyeHidden = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 19.0004C11.158 19.0004 10.315 18.8224 9.496 18.5054" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M20.882 12.4678C18.99 15.9668 15.495 18.9998 12 18.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M19.079 8.9209C19.77 9.7299 20.384 10.6119 20.882 11.5329C21.039 11.8239 21.039 12.1769 20.882 12.4679" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M5 19L19 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M9.77299 14.2271C8.54299 12.9971 8.54299 11.0021 9.77299 9.77211C11.003 8.54211 12.998 8.54211 14.228 9.77211" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M17.044 6.956C15.497 5.759 13.748 5 12 5C8.50499 5 5.00999 8.033 3.11799 11.533C2.96099 11.824 2.96099 12.177 3.11799 12.468C4.06399 14.217 5.40999 15.849 6.95599 17.045" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = EyeHidden;

package/dist/assets/svg/eye-show-visible.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const EyeVisible = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M3.11799 12.467C2.96099 12.176 2.96099 11.823 3.11799 11.532C5.00999 8.033 8.50499 5 12 5C15.495 5 18.99 8.033 20.882 11.533C21.039 11.824 21.039 12.177 20.882 12.468C18.99 15.967 15.495 19 12 19C8.50499 19 5.00999 15.967 3.11799 12.467Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M14.1213 9.87868C15.2929 11.0502 15.2929 12.9497 14.1213 14.1213C12.9497 15.2929 11.0502 15.2929 9.87866 14.1213C8.70709 12.9497 8.70709 11.0502 9.87866 9.87868C11.0502 8.70711 12.9497 8.70711 14.1213 9.87868" stroke="currentColor" stroke-width="1.4286" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = EyeVisible;

package/dist/assets/svg/image-placeholder.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const IMAGE_PLACEHOLDER = "data:image/svg+xml,%3csvg%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='120'%20height='120'%20fill='%23EFF1F3'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";
-module.exports = IMAGE_PLACEHOLDER;

package/dist/assets/svg/loading-waiting.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const LoadingIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 17.6201V21.0001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M8.02001 15.9805L5.64001 18.3605" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M6.38 12H3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M5.64001 5.63965L8.02001 8.01965" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M12 6V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M16.77 7.22965L18.36 5.63965" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M21 12H19.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M18.36 18.3597L17.83 17.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = LoadingIcon;

package/dist/assets/svg/long-arrow-right.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const LongArrowRightIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M19 12H5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M14 17L19 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M14 7L19 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = LongArrowRightIcon;

package/dist/assets/svg/minus.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const MinusIcon = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19,13H5a1,1,0,0,1,0-2H19a1,1,0,0,1,0,2Z"></path></svg>';
-module.exports = MinusIcon;

package/dist/assets/svg/plus.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const PlusIcon = '<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.8002 7.5002H8.5002V3.2002C8.5002 2.9002 8.3002 2.7002 8.0002 2.7002C7.7002 2.7002 7.5002 2.9002 7.5002 3.2002V7.5002H3.2002C2.9002 7.5002 2.7002 7.7002 2.7002 8.0002C2.7002 8.3002 2.9002 8.5002 3.2002 8.5002H7.5002V12.8002C7.5002 13.1002 7.7002 13.3002 8.0002 13.3002C8.3002 13.3002 8.5002 13.1002 8.5002 12.8002V8.5002H12.8002C13.1002 8.5002 13.3002 8.3002 13.3002 8.0002C13.3002 7.7002 13.1002 7.5002 12.8002 7.5002Z" fill="currentColor"/>\n</svg>\n';
-module.exports = PlusIcon;

package/dist/assets/svg/search-add-plus-middle.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const ZoomPlusIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20 20.0004L16.8033 16.8037" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M4 11.5C4 15.6421 7.35786 19 11.5 19C15.6421 19 19 15.6421 19 11.5C19 7.35786 15.6421 4 11.5 4V4C7.35799 4.00031 4.00031 7.35799 4 11.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M11.5 9.5V13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M9.5 11.5H13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = ZoomPlusIcon;

package/dist/assets/svg/search-minus.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const ZoomMinusIcon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20 20.0004L16.8033 16.8037" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M4 11.5C4 15.6421 7.35786 19 11.5 19C15.6421 19 19 15.6421 19 11.5C19 7.35786 15.6421 4 11.5 4V4C7.35799 4.00031 4.00031 7.35799 4 11.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M9.49999 11.5H13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-module.exports = ZoomMinusIcon;

package/dist/assets/svg/times-close-delete.svg.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const CloseIcon = '  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <g clip-path="url(#clip0_16378_125816)">\n      <path d="M5.80078 5.80005L17.8008 17.8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"\n        stroke-linejoin="round" />\n      <path d="M17.8008 5.80005L5.80078 17.8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"\n        stroke-linejoin="round" />\n    </g>\n    <defs>\n      <clipPath id="clip0_16378_125816">\n        <rect width="13.5" height="13.5" fill="white" transform="translate(5 5)" />\n      </clipPath>\n    </defs>\n  </svg>';
-module.exports = CloseIcon;

package/dist/components/index.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const svgLoader = require("./svg-loader.cjs");
-const scrollView = require("./scroll-view.cjs");
-const virtualizedList = require("./virtualized-list.cjs");
-exports.SvgLoader = svgLoader.SvgLoader;
-exports.ScrollView = scrollView.ScrollView;
-exports.VirtualizedList = virtualizedList.VirtualizedList;

package/dist/components/scroll-view.cjs

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const overlayscrollbarsReact = require("overlayscrollbars-react");
-const ScrollView = ({ children, options, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    overlayscrollbarsReact.OverlayScrollbarsComponent,
-    {
-      options: options ?? {
-        scrollbars: {
-          autoHide: "never"
-        }
-      },
-      ...props,
-      children
-    }
-  );
-};
-exports.ScrollView = ScrollView;

package/dist/components/svg-loader.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const common = require("../utils/common.cjs");
-const SvgLoader = react.forwardRef(({ source, ...props }, ref) => {
-  const uniqueId = react.useId();
-  const jsxSvg = react.useMemo(() => common.parseSvgString(source, uniqueId), [source, uniqueId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !!jsxSvg && react.cloneElement(jsxSvg, {
-    ...props,
-    ref
-  }) });
-});
-exports.SvgLoader = SvgLoader;

package/dist/components/virtualized-list.cjs

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const react$1 = require("@floating-ui/react");
-const reactVirtual = require("@tanstack/react-virtual");
-const react$2 = require("motion/react");
-const scrollView = require("./scroll-view.cjs");
-const VirtualizedList = ({ RowComponent, options, ref, ...props }) => {
-  var _a;
-  const scrollRef = react.useRef(null);
-  const mergedRefs = react$1.useMergeRefs([scrollRef, ref]);
-  const virtualizer = reactVirtual.useVirtualizer({
-    ...options,
-    getScrollElement: () => {
-      var _a2, _b;
-      const firstElementChild = (_b = (_a2 = scrollRef.current) == null ? void 0 : _a2.getElement()) == null ? void 0 : _b.firstElementChild;
-      return firstElementChild instanceof HTMLDivElement ? firstElementChild : null;
-    }
-  });
-  const items = virtualizer.getVirtualItems();
-  const totalSize = virtualizer.getTotalSize();
-  return /* @__PURE__ */ jsxRuntime.jsx(scrollView.ScrollView, { ...props, ref: mergedRefs, children: /* @__PURE__ */ jsxRuntime.jsx(
-    react$2.motion.div,
-    {
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      style: {
-        height: totalSize
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          style: {
-            transform: `translateY(${((_a = items.at(0)) == null ? void 0 : _a.start) ?? 0}px)`
-          },
-          children: items.map((virtualRow) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-index": virtualRow.index, ref: virtualizer.measureElement, children: /* @__PURE__ */ jsxRuntime.jsx(RowComponent, { row: virtualRow }) }, virtualRow.key))
-        }
-      )
-    }
-  ) });
-};
-exports.VirtualizedList = VirtualizedList;

package/dist/constants/index.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const imagePlaceholder = require("../assets/svg/image-placeholder.svg.cjs");
-const USER_COMPONENT_LOCALE_NAMESPACE = "user-component";
-var HTMLDatasetAttributes = /* @__PURE__ */ ((HTMLDatasetAttributes2) => {
-  HTMLDatasetAttributes2["DATA_TEST_ID"] = "data-testid";
-  HTMLDatasetAttributes2["ARIA_DISABLED"] = "aria-disabled";
-  HTMLDatasetAttributes2["ARIA_READONLY"] = "aria-readonly";
-  HTMLDatasetAttributes2["DATA_MENU_ITEM"] = "data-menu-item";
-  HTMLDatasetAttributes2["DATA_MENU_LIST"] = "data-menu-list";
-  return HTMLDatasetAttributes2;
-})(HTMLDatasetAttributes || {});
-var HTMLClasses = /* @__PURE__ */ ((HTMLClasses2) => {
-  HTMLClasses2["MARQUEE_SLIDE"] = "marquee-slide";
-  return HTMLClasses2;
-})(HTMLClasses || {});
-const FALLBACK_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" width="24" height="24"></svg>`;
-const TYPING_DEBOUNCE = 400;
-const isSSR = typeof window === "undefined";
-var Booleanish = /* @__PURE__ */ ((Booleanish2) => {
-  Booleanish2["True"] = "true";
-  Booleanish2["False"] = "false";
-  return Booleanish2;
-})(Booleanish || {});
-exports.IMAGE_PLACEHOLDER = imagePlaceholder;
-exports.Booleanish = Booleanish;
-exports.FALLBACK_SVG = FALLBACK_SVG;
-exports.HTMLClasses = HTMLClasses;
-exports.HTMLDatasetAttributes = HTMLDatasetAttributes;
-exports.TYPING_DEBOUNCE = TYPING_DEBOUNCE;
-exports.USER_COMPONENT_LOCALE_NAMESPACE = USER_COMPONENT_LOCALE_NAMESPACE;
-exports.isSSR = isSSR;

package/dist/hooks/index.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index$2 = require("./use-window-screen/index.cjs");
-const index = require("./use-hover-line-effect/index.cjs");
-const index$1 = require("./use-ripple-effect/index.cjs");
-const useControllableState = require("./use-controllable-state.cjs");
-const useCountdownTimer = require("./use-countdown-timer.cjs");
-const useQueryParams = require("./use-query-params.cjs");
-exports.useWindowScreen = index$2.useWindowScreen;
-exports.useHoverLineEffect = index.useHoverLineEffect;
-exports.useRippleEffect = index$1.useRippleEffect;
-exports.useControllableState = useControllableState.useControllableState;
-exports.useCountdownTimer = useCountdownTimer.useCountdownTimer;
-exports.useQueryParams = useQueryParams.useQueryParams;

package/dist/hooks/use-controllable-state.cjs

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const lodashEs = require("lodash-es");
-const reactUse = require("react-use");
-const getIsControlled = (value) => !lodashEs.isUndefined(value);
-const useControllableState = ({
-  defaultValue,
-  value,
-  deepCompare = false
-}) => {
-  const lastControlledValue = react.useRef(value);
-  const isControlled = getIsControlled(value);
-  const [internalValue, setInternalValue] = react.useState(isControlled ? value : defaultValue);
-  const currentValue = react.useMemo(() => {
-    return getIsControlled(value) ? value : lastControlledValue.current ?? internalValue;
-  }, [internalValue, value]);
-  const setValue = react.useCallback(
-    (nextValue) => {
-      if (isControlled) {
-        return;
-      }
-      setInternalValue(nextValue);
-    },
-    [isControlled]
-  );
-  reactUse.useUpdateEffect(() => {
-    if (deepCompare && lodashEs.isEqual(value, lastControlledValue.current)) {
-      return;
-    }
-    const nowControlled = getIsControlled(value);
-    if (!nowControlled && !lodashEs.isUndefined(lastControlledValue.current)) {
-      setInternalValue(lastControlledValue.current);
-    }
-    lastControlledValue.current = value;
-  }, [deepCompare, value]);
-  return [currentValue, setValue];
-};
-exports.useControllableState = useControllableState;

package/dist/hooks/use-countdown-timer.cjs

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const dayjs = require("dayjs");
-const reactUse = require("react-use");
-const getTimeDiff = (end, omit) => {
-  const now = dayjs();
-  const target = dayjs(end);
-  const totalSeconds = target.diff(now, "second");
-  const totalMinutes = target.diff(now, "minute");
-  const totalHours = target.diff(now, "hour");
-  const totalDays = target.diff(now, "day");
-  const totalWeeks = target.diff(now, "week");
-  const totalMonths = target.diff(now, "month");
-  const totalYears = target.diff(now, "year");
-  let temp = now;
-  const years = Math.max(target.diff(temp, "year"), 0);
-  if (!omit.years) {
-    temp = temp.add(years, "year");
-  }
-  const months = Math.max(target.diff(temp, "month"), 0);
-  if (!omit.months) {
-    temp = temp.add(months, "month");
-  }
-  const weeks = Math.max(target.diff(temp, "week"), 0);
-  if (!omit.weeks) {
-    temp = temp.add(weeks, "week");
-  }
-  const days = Math.max(target.diff(temp, "day"), 0);
-  if (!omit.days) {
-    temp = temp.add(days, "day");
-  }
-  const hours = Math.max(target.diff(temp, "hour"), 0);
-  if (!omit.hours) {
-    temp = temp.add(hours, "hour");
-  }
-  const minutes = Math.max(target.diff(temp, "minute"), 0);
-  if (!omit.minutes) {
-    temp = temp.add(minutes, "minute");
-  }
-  const seconds = Math.max(target.diff(temp, "second"), 0);
-  return {
-    years,
-    months,
-    weeks,
-    days,
-    hours,
-    minutes,
-    seconds,
-    isFinished: totalSeconds <= 0,
-    totalSeconds,
-    totalMinutes,
-    totalHours,
-    totalDays,
-    totalWeeks,
-    totalMonths,
-    totalYears
-  };
-};
-const useCountdownTimer = ({ date = /* @__PURE__ */ new Date(), onFinish, omit = {} }) => {
-  const finishFn = react.useRef(onFinish);
-  const [timeDiff, setTimeDiff] = react.useState(getTimeDiff(dayjs(date).toDate(), omit));
-  finishFn.current = onFinish;
-  reactUse.useDeepCompareEffect(() => {
-    var _a;
-    const diff = getTimeDiff(date, omit);
-    setTimeDiff(diff);
-    if (diff.isFinished) {
-      (_a = finishFn.current) == null ? void 0 : _a.call(finishFn);
-      return;
-    }
-    const interval = setInterval(() => {
-      var _a2;
-      const diff2 = getTimeDiff(date, omit);
-      setTimeDiff(diff2);
-      if (diff2.isFinished) {
-        (_a2 = finishFn.current) == null ? void 0 : _a2.call(finishFn);
-        clearInterval(interval);
-      }
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, [date, omit]);
-  return timeDiff;
-};
-exports.useCountdownTimer = useCountdownTimer;

package/dist/hooks/use-hover-line-effect/index.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const lodashEs = require("lodash-es");
-const useHoverLineEffect_module = require("./use-hover-line-effect.module.scss.cjs");
-require("clsx");
-require("../../theme/palette.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const useHoverLineEffect = (options = {}) => {
-  const { color = "currentColor", duration = 300, height = 1, enabled = true } = options;
-  return react.useMemo(() => {
-    return {
-      className: stylesheet.cn({
-        [useHoverLineEffect_module.default.hover_line_effect]: enabled
-      }),
-      style: enabled ? {
-        "--hover-line-color": color,
-        "--hover-line-duration": `${duration}ms`,
-        "--hover-line-height": lodashEs.isNumber(height) ? `${height}px` : height
-      } : {}
-    };
-  }, [color, duration, enabled, height]);
-};
-exports.useHoverLineEffect = useHoverLineEffect;

package/dist/hooks/use-hover-line-effect/use-hover-line-effect.module.scss.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const hover_line_effect = "_hover_line_effect_dv0bz_1";
-const classes = {
-  hover_line_effect
-};
-exports.default = classes;
-exports.hover_line_effect = hover_line_effect;

package/dist/hooks/use-query-params.cjs

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const lodashEs = require("lodash-es");
-const reactRouter = require("react-router");
-const queryParams = require("../utils/query-params.cjs");
-function useQueryParams(config, defaultNavigateOpts = {}) {
-  const [searchParams, setSearchParams] = reactRouter.useSearchParams();
-  const defaultNavigateOptsRef = react.useRef(defaultNavigateOpts);
-  defaultNavigateOptsRef.current = defaultNavigateOpts;
-  const queryParams$1 = react.useMemo(() => {
-    const result = {};
-    Object.keys(config).forEach((key) => {
-      const paramConfig = config[key];
-      if (lodashEs.isPlainObject(paramConfig) && "parser" in paramConfig) {
-        lodashEs.set(result, key, paramConfig.parser(searchParams.get(key)));
-        return;
-      }
-      lodashEs.set(result, key, paramConfig);
-    });
-    return result;
-  }, [searchParams, config]);
-  const setQueryParams = react.useCallback(
-    (newParams, navigateOpts = {}) => {
-      setSearchParams(
-        (prev) => {
-          const simplifyParams = queryParams.simplifyQueryParams(newParams);
-          Object.keys(newParams).forEach((key) => {
-            const value = simplifyParams[key];
-            if (lodashEs.isNil(value)) {
-              return prev.delete(key);
-            }
-            return prev.set(key, value);
-          });
-          return prev;
-        },
-        {
-          ...defaultNavigateOptsRef.current,
-          ...navigateOpts
-        }
-      );
-    },
-    [setSearchParams]
-  );
-  return react.useMemo(
-    () => ({
-      queryParams: queryParams$1,
-      setQueryParams
-    }),
-    [queryParams$1, setQueryParams]
-  );
-}
-exports.useQueryParams = useQueryParams;

package/dist/hooks/use-ripple-effect/index.cjs

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const useRippleEffect_module = require("./use-ripple-effect.module.scss.cjs");
-const useRippleEffect = (ref, {
-  enabled = true,
-  color = "currentColor",
-  duration = 400,
-  opacity = 0.2,
-  sizeMultiplier = 1
-} = {}) => {
-  const createRippleCircle = react.useCallback(
-    (event) => {
-      const { currentTarget, clientX, clientY } = event;
-      const { clientHeight, clientWidth } = currentTarget;
-      const { left: offsetLeft, top: offsetTop } = currentTarget.getBoundingClientRect();
-      const circleLeft = clientX - offsetLeft;
-      const circleTop = clientY - offsetTop;
-      const circleRight = offsetLeft + clientWidth - clientX;
-      const circleBottom = offsetTop + clientHeight - clientY;
-      const radius = Math.max(circleLeft, circleTop, circleRight, circleBottom) * sizeMultiplier;
-      const circle = document.createElement("div");
-      circle.style.width = circle.style.height = `${radius * 2}px`;
-      circle.style.left = `${circleLeft - radius}px`;
-      circle.style.top = `${circleTop - radius}px`;
-      circle.classList.add(useRippleEffect_module.default.ripple_effect__circle);
-      circle.style.setProperty("--ripple-color", color);
-      circle.style.setProperty("--ripple-duration", `${duration}ms`);
-      circle.style.setProperty("--ripple-opacity", opacity.toString());
-      return circle;
-    },
-    [color, duration, opacity, sizeMultiplier]
-  );
-  const start = react.useCallback(
-    (event) => {
-      var _a;
-      if (!enabled) return;
-      const circle = createRippleCircle(event);
-      const handleAnimationEnd = (ev) => {
-        if (!ev.target) return;
-        ev.target.remove();
-      };
-      circle.addEventListener("animationend", handleAnimationEnd);
-      (_a = ref.current) == null ? void 0 : _a.appendChild(circle);
-    },
-    [createRippleCircle, enabled, ref]
-  );
-  react.useEffect(() => {
-    if (!enabled) return;
-    const targetElement = ref.current;
-    const handleClick = (e) => {
-      start(e);
-    };
-    targetElement == null ? void 0 : targetElement.addEventListener("click", handleClick);
-    return () => {
-      targetElement == null ? void 0 : targetElement.removeEventListener("click", handleClick);
-      Array.from((targetElement == null ? void 0 : targetElement.getElementsByClassName(useRippleEffect_module.default.ripple_effect__circle)) ?? []).forEach(
-        (circle) => circle.remove()
-      );
-    };
-  }, [start, enabled, ref]);
-  return react.useMemo(
-    () => ({
-      className: useRippleEffect_module.default.ripple_effect
-    }),
-    []
-  );
-};
-exports.useRippleEffect = useRippleEffect;

package/dist/hooks/use-ripple-effect/use-ripple-effect.module.scss.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const ripple_effect = "_ripple_effect_1jvqm_7";
-const ripple_effect__circle = "_ripple_effect__circle_1jvqm_12";
-const classes = {
-  ripple_effect,
-  ripple_effect__circle
-};
-exports.default = classes;
-exports.ripple_effect = ripple_effect;
-exports.ripple_effect__circle = ripple_effect__circle;

package/dist/hooks/use-window-screen/index.cjs

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const lodashEs = require("lodash-es");
-const constants_index = require("../../constants/index.cjs");
-const theme_screens = require("../../theme/screens.cjs");
-require("../../theme/palette.cjs");
-const useWindowScreen = () => {
-  const getScreenByWidth = (width) => {
-    if (width < theme_screens.breakpoint.sm.minWidth) {
-      return "xs";
-    }
-    if (width < theme_screens.breakpoint.md.minWidth) {
-      return "sm";
-    }
-    if (width < theme_screens.breakpoint.lg.minWidth) {
-      return "md";
-    }
-    return "lg";
-  };
-  const [currentScreen, setCurrentScreen] = react.useState(
-    constants_index.isSSR ? void 0 : window.__isHydrated ? getScreenByWidth(window.innerWidth) : void 0
-  );
-  react.useEffect(() => {
-    const detectScreen = () => {
-      const queryScreen = getScreenByWidth(window.innerWidth);
-      if (queryScreen === currentScreen) return;
-      setCurrentScreen(queryScreen);
-    };
-    detectScreen();
-    window.addEventListener("resize", detectScreen);
-    return () => {
-      window.removeEventListener("resize", detectScreen);
-    };
-  }, [currentScreen]);
-  return react.useMemo(() => {
-    const isSmallerThan = (target) => {
-      if (lodashEs.isNil(currentScreen)) return false;
-      return theme_screens.screens.indexOf(currentScreen) < theme_screens.screens.indexOf(target);
-    };
-    const isLargerThan = (target) => {
-      if (lodashEs.isNil(currentScreen)) return false;
-      return theme_screens.screens.indexOf(currentScreen) > theme_screens.screens.indexOf(target);
-    };
-    return {
-      name: currentScreen,
-      isSmallerThan,
-      isLargerThan
-    };
-  }, [currentScreen]);
-};
-exports.useWindowScreen = useWindowScreen;