@clubmed/trident-ui 1.3.0-beta.4 → 1.3.0-beta.6
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.
- package/CHANGELOG.md +19 -0
- package/assets/style.css +1 -1
- package/chunks/_commonjsHelpers.js +24 -4
- package/chunks/_commonjsHelpers.js.map +1 -1
- package/chunks/index.js.map +1 -1
- package/chunks/plugin.js +53 -0
- package/chunks/plugin.js.map +1 -0
- package/contexts/Device.d.ts +2 -22
- package/contexts/Device.js +5 -59
- package/contexts/Device.js.map +1 -1
- package/contexts/Devices/Device.d.ts +11 -0
- package/contexts/Devices/Device.js +23 -0
- package/contexts/Devices/Device.js.map +1 -0
- package/contexts/Devices/hooks/useQueries.d.ts +6 -0
- package/contexts/Devices/hooks/useQueries.js +24 -0
- package/contexts/Devices/hooks/useQueries.js.map +1 -0
- package/contexts/Devices/reducers/reducer.d.ts +25 -0
- package/contexts/Devices/reducers/reducer.js +50 -0
- package/contexts/Devices/reducers/reducer.js.map +1 -0
- package/contexts/TridentUIConfig.js +228 -228
- package/contexts/TridentUIConfig.js.map +1 -1
- package/hooks/keyboard.constants.js.map +1 -1
- package/hooks/useInternalStatus.js.map +1 -1
- package/hooks/useKeyboardControls.js.map +1 -1
- package/hooks/useSafeBoop.js.map +1 -1
- package/hooks/useValue.js.map +1 -1
- package/molecules/Arrows/Arrows.d.ts +16 -0
- package/molecules/Arrows/Arrows.js +66 -0
- package/molecules/Arrows/Arrows.js.map +1 -0
- package/molecules/Arrows/ArrowsLabels.d.js +2 -0
- package/molecules/Arrows/ArrowsLabels.d.js.map +1 -0
- package/molecules/Arrows.d.ts +1 -50
- package/molecules/Arrows.js +2 -56
- package/molecules/Arrows.js.map +1 -1
- package/molecules/Avatar.js.map +1 -1
- package/molecules/Backdrop.js.map +1 -1
- package/molecules/Breadcrumb.js.map +1 -1
- package/molecules/Buttons/ArrowButton.d.ts +7 -0
- package/molecules/Buttons/ArrowButton.js +14 -0
- package/molecules/Buttons/ArrowButton.js.map +1 -0
- package/molecules/Buttons/Button.d.ts +13 -34
- package/molecules/Buttons/Button.js +50 -42
- package/molecules/Buttons/Button.js.map +1 -1
- package/molecules/Buttons/ButtonAnchor.d.ts +2 -3
- package/molecules/Buttons/ButtonAnchor.js +14 -36
- package/molecules/Buttons/ButtonAnchor.js.map +1 -1
- package/molecules/Buttons/ButtonContent.d.ts +11 -3
- package/molecules/Buttons/ButtonContent.js +13 -6
- package/molecules/Buttons/ButtonContent.js.map +1 -1
- package/molecules/Buttons/FakeButton.d.ts +7 -0
- package/molecules/Buttons/FakeButton.js +27 -0
- package/molecules/Buttons/FakeButton.js.map +1 -0
- package/molecules/Buttons/InertButton.d.ts +4 -0
- package/molecules/Buttons/InertButton.js +14 -31
- package/molecules/Buttons/InertButton.js.map +1 -1
- package/molecules/Buttons/v2/Button.d.ts +10 -0
- package/molecules/Buttons/v2/Button.js +32 -0
- package/molecules/Buttons/v2/Button.js.map +1 -0
- package/molecules/Buttons/v2/Button.type.d.ts +54 -0
- package/molecules/Buttons/v2/Button.type.js +42 -0
- package/molecules/Buttons/v2/Button.type.js.map +1 -0
- package/molecules/Buttons/v2/ButtonAnchor.d.ts +12 -0
- package/molecules/Buttons/v2/ButtonAnchor.js +32 -0
- package/molecules/Buttons/v2/ButtonAnchor.js.map +1 -0
- package/molecules/Card.js.map +1 -1
- package/molecules/ElasticHeight.js.map +1 -1
- package/molecules/Forms/Checkboxes/Checkbox.js.map +1 -1
- package/molecules/Forms/Checkboxes/Checkboxes.js.map +1 -1
- package/molecules/Forms/DateField.js +142 -115
- package/molecules/Forms/DateField.js.map +1 -1
- package/molecules/Forms/Filter.js.map +1 -1
- package/molecules/Forms/FormControl.js.map +1 -1
- package/molecules/Forms/FormLabel.js.map +1 -1
- package/molecules/Forms/NumberField.d.ts +15 -15
- package/molecules/Forms/NumberField.js +68 -68
- package/molecules/Forms/NumberField.js.map +1 -1
- package/molecules/Forms/Password/Password.js.map +1 -1
- package/molecules/Forms/Password/ValidationMessage.js.map +1 -1
- package/molecules/Forms/Radios/Radio.js.map +1 -1
- package/molecules/Forms/Radios/RadioGroup.js +2 -2
- package/molecules/Forms/Radios/RadioGroup.js.map +1 -1
- package/molecules/Forms/Range.js.map +1 -1
- package/molecules/Forms/Select.js.map +1 -1
- package/molecules/Forms/Switch.js.map +1 -1
- package/molecules/Forms/TextField.js.map +1 -1
- package/molecules/HamburgerIcon.js.map +1 -1
- package/molecules/Link.js.map +1 -1
- package/molecules/Loader.js.map +1 -1
- package/molecules/Pagination.d.ts +2 -1
- package/molecules/Pagination.helper.js.map +1 -1
- package/molecules/Pagination.js +67 -45
- package/molecules/Pagination.js.map +1 -1
- package/molecules/Popin.js +16 -16
- package/molecules/Popin.js.map +1 -1
- package/molecules/Spinner.js.map +1 -1
- package/molecules/Tabs/Tab.js.map +1 -1
- package/molecules/Tabs/TabList.js.map +1 -1
- package/molecules/Tabs/TabPanel.js.map +1 -1
- package/molecules/Tabs/Tabs.js.map +1 -1
- package/molecules/Tabs/TabsBody.js.map +1 -1
- package/molecules/Tabs/context/TabControl.js.map +1 -1
- package/molecules/Tabs/hooks/tabControl.js.map +1 -1
- package/molecules/Tabs/theme.js.map +1 -1
- package/package.json +11 -11
- package/styles/globals.css +12 -15
- package/tailwind/colors.d.ts +38 -0
- package/tailwind/colors.js +44 -0
- package/tailwind/colors.js.map +1 -0
- package/tailwind/plugins/animationDelay.d.ts +4 -0
- package/tailwind/plugins/animationDelay.js +15 -0
- package/tailwind/plugins/animationDelay.js.map +1 -0
- package/tailwind/plugins/hocus.d.ts +4 -0
- package/tailwind/plugins/hocus.js +11 -0
- package/tailwind/plugins/hocus.js.map +1 -0
- package/tailwind/plugins/lineClampFix.d.ts +4 -0
- package/tailwind/plugins/lineClampFix.js +13 -0
- package/tailwind/plugins/lineClampFix.js.map +1 -0
- package/tailwind/plugins/popover.d.ts +4 -0
- package/tailwind/plugins/popover.js +8 -0
- package/tailwind/plugins/popover.js.map +1 -0
- package/tailwind/plugins/startingStyle.d.ts +4 -0
- package/tailwind/plugins/startingStyle.js +8 -0
- package/tailwind/plugins/startingStyle.js.map +1 -0
- package/tailwind/plugins/transitionBehavior.d.ts +4 -0
- package/tailwind/plugins/transitionBehavior.js +11 -0
- package/tailwind/plugins/transitionBehavior.js.map +1 -0
- package/tailwind/tailwind.preset.d.ts +730 -510
- package/tailwind/tailwind.preset.js +705 -631
- package/tailwind/tailwind.preset.js.map +1 -1
- package/types/Colors.d.js +2 -0
- package/types/Colors.d.js.map +1 -0
- package/types/Devices.d.ts +8 -0
- package/types/Devices.js +11 -0
- package/types/Devices.js.map +1 -0
- package/types/Direction.d.js +2 -0
- package/types/Direction.d.js.map +1 -0
- package/types/ScrollerLabels.d.js +2 -0
- package/types/ScrollerLabels.d.js.map +1 -0
- package/molecules/Buttons/Button.helpers.d.ts +0 -8
- package/molecules/Buttons/Button.helpers.js +0 -12
- package/molecules/Buttons/Button.helpers.js.map +0 -1
- package/molecules/Buttons/Button.themes.d.ts +0 -1
- package/molecules/Buttons/Button.themes.js +0 -25
- package/molecules/Buttons/Button.themes.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# ClubMed React UI components changelog
|
|
2
2
|
|
|
3
|
+
# [1.3.0-beta.6](https://scm.clubmed.com/clubmed/ui/trident-ui/compare/v1.3.0-beta.5...v1.3.0-beta.6) (2025-08-04)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* **molecule:** prevent DateField keyboard input outside min/max range ([2fab688](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/2fab6887cbdde445e8842a0a11f61c185596d737))
|
|
9
|
+
|
|
10
|
+
# [1.3.0-beta.5](https://scm.clubmed.com/clubmed/ui/trident-ui/compare/v1.3.0-beta.4...v1.3.0-beta.5) (2025-07-25)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
* **arrows:** implement Arrows component with customizable labels and button states ([ea0e6d4](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/ea0e6d450a777e7c8727d9adc04e044816965cb6))
|
|
16
|
+
* **button:** add ArrowButton component with accessibility support ([ce45b69](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/ce45b69ba2879bbccb469766a1396797bd4dc642))
|
|
17
|
+
* **button:** implement new Button component with customizable styles and themes ([4895a94](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/4895a94690ba09f2c7b0792df6eddcb14076248f))
|
|
18
|
+
* **button:** refactor ButtonAnchor to use new theme and variant properties ([629f8cb](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/629f8cb884e2e908dc2e665e672038bd50620e9c))
|
|
19
|
+
* **pagination:** update button components for improved accessibility and styling ([c149272](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/c14927289ba0c65e2d2c25b0a0af77b9f1c4adc9))
|
|
20
|
+
* **tailwind:** update tailwind configuration from DCX ([f55fe54](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/f55fe5407deb0bc408f3a7f464951e485c1fc56c))
|
|
21
|
+
|
|
3
22
|
# [1.3.0-beta.4](https://scm.clubmed.com/clubmed/ui/trident-ui/compare/v1.3.0-beta.3...v1.3.0-beta.4) (2025-07-03)
|
|
4
23
|
|
|
5
24
|
|
package/assets/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tab-focus-pill{transform:translate(calc(var(--tab-index, 0) * -100% + var(--active-tab, 0) * 100% - (.25rem * (var(--tab-index) - var(--active-tab, 0)))))}[dir=rtl] .tab-focus-pill{transform:translate(calc(var(--tab-index) * 100% + var(--active-tab) * -100% + (.25rem * (var(--tab-index) - var(--active-tab)))))}label>span>input[type=checkbox]:not([role=switch]),label>span>input[type=radio]{position:absolute;height:100%;width:100%;border-width:0px;opacity:0}label>span>input[type=checkbox]:not([role=switch])+span,label>span>input[type=radio]+span{position:relative;display:flex;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--color-grey) / var(--tw-border-opacity));--tw-ring-opacity: 0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}label>span>input[type=checkbox]:not([role=switch])+span svg,label>span>input[type=radio]+span svg{opacity:0;transform:scale(0);transform-origin:center;transition:all var(--transition-duration-boop) var(--transition-fn-boop)}label>span>input[type=checkbox]:not([role=switch]):checked+span svg,label>span>input[type=radio]:checked+span svg{opacity:1;transform:scale(1)}label>span>input[type=checkbox]:not([role=switch]):checked+span,label>span>input[type=checkbox]:not([role=switch]):not([disabled]):hover+span,label>span>input[type=radio]:checked+span,label>span>input[type=radio]:not([disabled]):hover+span{--tw-border-opacity: 1;border-color:hsl(var(--color-black) / var(--tw-border-opacity))}label>span>input[type=checkbox]:not([role=switch]):focus-visible+span,label>span>input[type=radio]:focus-visible+span{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--color-lavender) / .2)}label>span>input[type=radio]+span{border-radius:100%}label>span>input[type=checkbox]:not([role=switch])+span{border-radius:.5rem}label>input[type=checkbox][data-name=Filter]{position:absolute;height:100%;width:100%;border-width:0px;opacity:0}label>input[type=checkbox][data-name=Filter]+span{--tw-ring-opacity: 0;transition-property:all;position:relative;display:flex;align-items:center;justify-content:center;border-radius:7.5rem;border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--color-grey) / var(--tw-border-opacity));padding:.75rem 1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}label>input[type=checkbox][data-name=Filter]+span [data-icon=CheckDefault]{--tw-text-opacity: 1;color:hsl(var(--color-black) / var(--tw-text-opacity));opacity:0;transform:scale(0);transform-origin:center;width:0;transition:all var(--transition-duration-boop) var(--transition-fn-boop)}label>input[type=checkbox][data-name=Filter]:not([disabled]):not(:checked):hover+span{--tw-border-opacity: 1;border-color:hsl(var(--color-black) / var(--tw-border-opacity))}label>input[type=checkbox][data-name=Filter]:checked+span{--tw-border-opacity: 1;border-color:hsl(var(--color-saffron) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--color-saffron) / var(--tw-bg-opacity))}label>input[type=checkbox][data-name=Filter]:checked+span [data-icon=CheckDefault]{margin-left:.5rem;opacity:1;width:24px;transform:scale(1)}label>input[type=checkbox][data-name=Filter]:focus-visible+span{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--color-lavender) / .2)}label>span>input[type=checkbox][role=switch]+span{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--color-lavender) / var(--tw-ring-opacity));--tw-ring-opacity: 0;transition-property:all;position:relative;display:flex;align-items:center;border-radius:7.5rem;--tw-bg-opacity: 1;background-color:hsl(var(--color-grey) / var(--tw-bg-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}label>span>input[type=checkbox][role=switch]+span>svg{transition:all var(--transition-duration-boop) var(--transition-fn-boop);transform:translate(calc(0% + 4px))}label>span>input[type=checkbox][role=switch]+span>svg circle+circle{opacity:1;transition:opacity var(--transition-duration-boop) var(--transition-fn-boop)}label>span>input[type=checkbox][role=switch]:checked+span{--tw-bg-opacity: 1;background-color:hsl(var(--color-saffron) / var(--tw-bg-opacity))}label>span>input[type=checkbox][role=switch]:checked+span>svg{transform:translate(calc(100% + 4px))}label>span>input[type=checkbox][role=switch]:checked+span>svg circle+circle{opacity:0}label>span>input[type=checkbox][role=switch]:focus-visible+span{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--color-lavender) / .2)}a[data-name=ButtonAnchor]:not([disabled]),button[data-name=Button]:not([disabled]){--tw-ring-opacity: 0;transition:all .2s ease-in-out;transform:translateZ(0) rotateX(0) rotateY(0) rotate(0) scaleZ(1) skew(0)}a[data-name=ButtonAnchor]:not([disabled]) .transition-colors,a[data-name=ButtonAnchor]:not([disabled]) small,button[data-name=Button]:not([disabled]) .transition-colors,button[data-name=Button]:not([disabled]) small{transition:color .2s ease-in-out;transform:translateZ(0) rotateX(0) rotateY(0) rotate(0) scaleZ(1) skew(0)}a[data-name=ButtonAnchor]:not([disabled]):active,button[data-name=Button]:not([disabled]):active{transform:translateZ(0) rotateX(0) rotateY(0) rotate(0) scale3D(.9799515022153259,.9799515022153259,.9799515022153259) skew(0)}a[data-name=ButtonAnchor]:not([disabled]):focus-visible,button[data-name=Button]:not([disabled]):focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--color-lavender) / .2);outline:none}.container{width:100%}@media (min-width: 96em){.container{max-width:96em}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1220px){.container{max-width:1220px}}@media (min-width: 2060px){.container{max-width:2060px}}.input-range-container{position:relative;--tw-bg-opacity: 1;background-color:hsl(var(--color-pearl) / var(--tw-bg-opacity));display:grid;--diff: calc(var(--max) - var(--min));--tickmarkWidth: 2px;grid-template:repeat(2,max-content) var(--inputHeight) / 1fr 1fr;width:var(--inputWidth);background-image:repeating-linear-gradient(90deg,#999,#999 var(--tickmarkWidth),hsl(var(--color-pearl)) 0,hsl(var(--color-pearl)) calc(((100% - var(--tickmarkWidth)) / var(--max))))}.input-range-container:before,.input-range-container:after{--tw-bg-opacity: 1;background-color:hsl(var(--color-saffron) / var(--tw-bg-opacity));grid-column:1 / span 2;grid-row:3;content:""}html:not(.rtl) .input-range-container:before{margin-left:calc((var(--valueA) - var(--min)) / var(--diff) * var(--usefulWidth));width:calc((var(--valueB) - var(--valueA)) / var(--diff) * var(--usefulWidth))}html:not(.rtl) .input-range-container:after{margin-left:calc((var(--valueB) - var(--min)) / var(--diff) * var(--usefulWidth));width:calc((var(--valueA) - var(--valueB)) / var(--diff) * var(--usefulWidth))}.rtl .input-range-container:before{margin-right:calc((var(--valueA) - var(--min)) / var(--diff) * var(--usefulWidth));width:calc((var(--valueB) - var(--valueA)) / var(--diff) * var(--usefulWidth))}.rtl .input-range-container:after{margin-right:calc((var(--valueB) - var(--min)) / var(--diff) * var(--usefulWidth));width:calc((var(--valueA) - var(--valueB)) / var(--diff) * var(--usefulWidth))}.input-range{z-index:1;top:0;left:0;margin:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-column:1 / span 2;grid-row:3;background:none;--col: #000}.input-range-sliderThumb{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;pointer-events:auto;width:var(--thumbWidth);height:var(--thumbWidth);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E");transition:transform;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.25s}.input-range::-webkit-slider-thumb{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;pointer-events:auto;width:var(--thumbWidth);height:var(--thumbWidth);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E");-webkit-transition:transform;transition:transform;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.25s}.input-range::-webkit-slider-thumb:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input-range::-moz-range-thumb{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-moz-appearance:none;-webkit-appearance:none;appearance:none;border-width:0px;pointer-events:auto;width:var(--thumbWidth);height:var(--thumbWidth);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E");-moz-transition:transform;transition:transform;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.25s}.input-range::-moz-range-thumb:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input-range::-ms-thumb{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;pointer-events:auto;width:var(--thumbWidth);height:var(--thumbWidth);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E");-ms-transition:transform;transition:transform;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.25s}.input-range::-ms-thumb:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input-range-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.input-range::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.input-range::-moz-range-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.input-range::-ms-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.input-range-output{display:block;position:absolute;margin-top:1.25rem;font-size:.75rem;line-height:.875rem;font-weight:600;left:calc(.5 * var(--thumbWidth))}html:not(.rtl) .input-range-output{transform:translate(calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * var(--usefulWidth) - 50%))}.rtl .input-range-output{transform:translate(calc((var(--max) - var(--value) - var(--min)) / (var(--max) - var(--min)) * var(--usefulWidth) - 50%))}
|
|
1
|
+
.button{border-width:1px;border-style:solid;font-family:var(--font-family-sans, Inter),Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;-moz-column-gap:.5rem;column-gap:.5rem;align-items:center;justify-content:center;flex-shrink:0;text-align:center;transition-property:transform,color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.button:disabled{pointer-events:none}@media (hover: hover) and (pointer: fine){.button:active:not(:disabled):active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.button-outline,.button-solid{--button-bg-opacity: 1;--button-bg-opacity-active: 1;--button-border-opacity: 1;--button-border-opacity-active: 1}.button-outline{background-color:transparent;border-color:hsl(var(--button-primary) / var(--button-border-opacity));color:hsl(var(--button-primary))}@media (hover: hover) and (pointer: fine){.button-outline:active:not(:disabled),.button-outline:hover:not(:disabled),.button-outline:focus:not(:disabled),.group:hover .button-outline:not(:disabled){background-color:hsl(var(--button-primary) / var(--button-bg-opacity));border-color:hsl(var(--button-primary) / var(--button-border-opacity));color:hsl(var(--button-secondary))}}.button-solid{background-color:hsl(var(--button-primary) / var(--button-bg-opacity));border-color:hsl(var(--button-primary) / var(--button-border-opacity));color:hsl(var(--button-secondary))}@media (hover: hover) and (pointer: fine){.button-solid:active:not(:disabled),.button-solid:hover:not(:disabled),.button-solid:focus:not(:disabled),.group:hover .button-solid:not(:disabled){background-color:hsl(var(--button-active) / var(--button-bg-opacity-active));border-color:hsl(var(--button-active) / var(--button-border-opacity-active));color:hsl(var(--button-secondary))}}.button-black{--button-primary: var(--color-black);--button-secondary: var(--color-white);--button-active: var(--color-black-active)}.button-green{--button-primary: var(--color-green);--button-secondary: var(--color-white);--button-active: var(--color-green-active)}.button-lavender{--button-primary: var(--color-lavender);--button-secondary: var(--color-white);--button-active: var(--color-lavender-active)}.button-lightSand{--button-primary: var(--color-lightSand);--button-secondary: var(--color-black);--button-active: var(--color-lightSand-active)}.button-marygold{--button-primary: var(--color-marygold);--button-secondary: var(--color-black);--button-active: var(--color-marygold-active)}.button-orange{--button-primary: var(--color-orange);--button-secondary: var(--color-white);--button-active: var(--color-orange-active)}.button-red{--button-primary: var(--color-red);--button-secondary: var(--color-white);--button-active: var(--color-red-active)}.button-saffron{--button-primary: var(--color-saffron);--button-secondary: var(--color-black);--button-active: var(--color-saffron-active)}.button-sand{--button-primary: var(--color-sand);--button-secondary: var(--color-black);--button-active: var(--color-sand-active)}.button-sienna{--button-primary: var(--color-sienna);--button-secondary: var(--color-white);--button-active: var(--color-sienna-active)}.button-ultramarine{--button-primary: var(--color-ultramarine);--button-secondary: var(--color-white);--button-active: var(--color-ultramarine-active)}.button-verdigris{--button-primary: var(--color-verdigris);--button-secondary: var(--color-black);--button-active: var(--color-verdigris-active)}.button-wave{--button-primary: var(--color-wave);--button-secondary: var(--color-white);--button-active: var(--color-wave-active)}.button-white{--button-primary: var(--color-white);--button-secondary: var(--color-black);--button-active: var(--color-white-active)}.button-solid:disabled{--button-primary: var(--color-pearl);--button-secondary: var(--color-grey)}.button-outline:disabled{--button-primary: var(--color-grey);--button-secondary: var(--color-grey)}.button-pill{aspect-ratio:auto;height:auto;border-radius:7.5rem;font-size:1rem;line-height:1.5rem}.button-pill.button-small{padding:.75rem 1.25rem}.button-pill.button-large,.button-pill.button-medium{padding:.75rem 2rem}.button-circle{aspect-ratio:1 / 1;overflow:hidden;border-radius:100%;font-size:1rem;line-height:1.5rem}.button-circle.button-small,.button-circle.button-medium{width:3rem;height:3rem;padding:0}.button-circle.button-large{width:6.25rem;height:6.25rem;padding:0}.tab-focus-pill{transform:translate(calc(var(--tab-index, 0) * -100% + var(--active-tab, 0) * 100% - (.25rem * (var(--tab-index) - var(--active-tab, 0)))))}[dir=rtl] .tab-focus-pill{transform:translate(calc(var(--tab-index) * 100% + var(--active-tab) * -100% + (.25rem * (var(--tab-index) - var(--active-tab)))))}label>span>input[type=checkbox]:not([role=switch]),label>span>input[type=radio]{position:absolute;height:100%;width:100%;border-width:0px;opacity:0}label>span>input[type=checkbox]:not([role=switch])+span,label>span>input[type=radio]+span{position:relative;display:flex;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--color-grey) / var(--tw-border-opacity));--tw-ring-opacity: 0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}label>span>input[type=checkbox]:not([role=switch])+span svg,label>span>input[type=radio]+span svg{opacity:0;transform:scale(0);transform-origin:center;transition:all var(--transition-duration-boop) var(--transition-fn-boop)}label>span>input[type=checkbox]:not([role=switch]):checked+span svg,label>span>input[type=radio]:checked+span svg{opacity:1;transform:scale(1)}label>span>input[type=checkbox]:not([role=switch]):checked+span,label>span>input[type=checkbox]:not([role=switch]):not([disabled]):hover+span,label>span>input[type=radio]:checked+span,label>span>input[type=radio]:not([disabled]):hover+span{--tw-border-opacity: 1;border-color:hsl(var(--color-black) / var(--tw-border-opacity))}label>span>input[type=checkbox]:not([role=switch]):focus-visible+span,label>span>input[type=radio]:focus-visible+span{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--color-lavender) / .2)}label>span>input[type=radio]+span{border-radius:100%}label>span>input[type=checkbox]:not([role=switch])+span{border-radius:.5rem}label>input[type=checkbox][data-name=Filter]{position:absolute;height:100%;width:100%;border-width:0px;opacity:0}label>input[type=checkbox][data-name=Filter]+span{--tw-ring-opacity: 0;transition-property:all;position:relative;display:flex;align-items:center;justify-content:center;border-radius:7.5rem;border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--color-grey) / var(--tw-border-opacity));padding:.75rem 1.25rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}label>input[type=checkbox][data-name=Filter]+span [data-icon=CheckDefault]{--tw-text-opacity: 1;color:hsl(var(--color-black) / var(--tw-text-opacity));opacity:0;transform:scale(0);transform-origin:center;width:0;transition:all var(--transition-duration-boop) var(--transition-fn-boop)}label>input[type=checkbox][data-name=Filter]:not([disabled]):not(:checked):hover+span{--tw-border-opacity: 1;border-color:hsl(var(--color-black) / var(--tw-border-opacity))}label>input[type=checkbox][data-name=Filter]:checked+span{--tw-border-opacity: 1;border-color:hsl(var(--color-saffron) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--color-saffron) / var(--tw-bg-opacity))}label>input[type=checkbox][data-name=Filter]:checked+span [data-icon=CheckDefault]{margin-left:.5rem;opacity:1;width:24px;transform:scale(1)}label>input[type=checkbox][data-name=Filter]:focus-visible+span{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--color-lavender) / .2)}label>span>input[type=checkbox][role=switch]+span{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--color-lavender) / var(--tw-ring-opacity));--tw-ring-opacity: 0;transition-property:all;position:relative;display:flex;align-items:center;border-radius:7.5rem;--tw-bg-opacity: 1;background-color:hsl(var(--color-grey) / var(--tw-bg-opacity));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}label>span>input[type=checkbox][role=switch]+span>svg{transition:all var(--transition-duration-boop) var(--transition-fn-boop);transform:translate(calc(0% + 4px))}label>span>input[type=checkbox][role=switch]+span>svg circle+circle{opacity:1;transition:opacity var(--transition-duration-boop) var(--transition-fn-boop)}label>span>input[type=checkbox][role=switch]:checked+span{--tw-bg-opacity: 1;background-color:hsl(var(--color-saffron) / var(--tw-bg-opacity))}label>span>input[type=checkbox][role=switch]:checked+span>svg{transform:translate(calc(100% + 4px))}label>span>input[type=checkbox][role=switch]:checked+span>svg circle+circle{opacity:0}label>span>input[type=checkbox][role=switch]:focus-visible+span{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--color-lavender) / .2)}.container{width:100%}@media (min-width: 40rem){.container{max-width:40rem}}@media (min-width: 48rem){.container{max-width:48rem}}@media (min-width: 64rem){.container{max-width:64rem}}@media (min-width: 76.25rem){.container{max-width:76.25rem}}@media (min-width: 96rem){.container{max-width:96rem}}@media (min-width: 128.75rem){.container{max-width:128.75rem}}.input-range-container{position:relative;--tw-bg-opacity: 1;background-color:hsl(var(--color-pearl) / var(--tw-bg-opacity));display:grid;--diff: calc(var(--max) - var(--min));--tickmarkWidth: 2px;grid-template:repeat(2,max-content) var(--inputHeight) / 1fr 1fr;width:var(--inputWidth);background-image:repeating-linear-gradient(90deg,#999,#999 var(--tickmarkWidth),hsl(var(--color-pearl)) 0,hsl(var(--color-pearl)) calc(((100% - var(--tickmarkWidth)) / var(--max))))}.input-range-container:before,.input-range-container:after{--tw-bg-opacity: 1;background-color:hsl(var(--color-saffron) / var(--tw-bg-opacity));grid-column:1 / span 2;grid-row:3;content:""}html:not(.rtl) .input-range-container:before{margin-left:calc((var(--valueA) - var(--min)) / var(--diff) * var(--usefulWidth));width:calc((var(--valueB) - var(--valueA)) / var(--diff) * var(--usefulWidth))}html:not(.rtl) .input-range-container:after{margin-left:calc((var(--valueB) - var(--min)) / var(--diff) * var(--usefulWidth));width:calc((var(--valueA) - var(--valueB)) / var(--diff) * var(--usefulWidth))}.rtl .input-range-container:before{margin-right:calc((var(--valueA) - var(--min)) / var(--diff) * var(--usefulWidth));width:calc((var(--valueB) - var(--valueA)) / var(--diff) * var(--usefulWidth))}.rtl .input-range-container:after{margin-right:calc((var(--valueB) - var(--min)) / var(--diff) * var(--usefulWidth));width:calc((var(--valueA) - var(--valueB)) / var(--diff) * var(--usefulWidth))}.input-range{z-index:1;top:0;left:0;margin:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-column:1 / span 2;grid-row:3;background:none;--col: #000}.input-range-sliderThumb{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;pointer-events:auto;width:var(--thumbWidth);height:var(--thumbWidth);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E");transition:transform;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.25s}.input-range::-webkit-slider-thumb{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;pointer-events:auto;width:var(--thumbWidth);height:var(--thumbWidth);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E");-webkit-transition:transform;transition:transform;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.25s}.input-range::-webkit-slider-thumb:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input-range::-moz-range-thumb{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-moz-appearance:none;-webkit-appearance:none;appearance:none;border-width:0px;pointer-events:auto;width:var(--thumbWidth);height:var(--thumbWidth);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E");-moz-transition:transform;transition:transform;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.25s}.input-range::-moz-range-thumb:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input-range::-ms-thumb{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;pointer-events:auto;width:var(--thumbWidth);height:var(--thumbWidth);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E");-ms-transition:transform;transition:transform;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.25s}.input-range::-ms-thumb:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input-range-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.input-range::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.input-range::-moz-range-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.input-range::-ms-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.input-range-output{display:block;position:absolute;margin-top:1.25rem;font-size:.75rem;line-height:.875rem;font-weight:600;left:calc(.5 * var(--thumbWidth))}html:not(.rtl) .input-range-output{transform:translate(calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * var(--usefulWidth) - 50%))}.rtl .input-range-output{transform:translate(calc((var(--max) - var(--value) - var(--min)) / (var(--max) - var(--min)) * var(--usefulWidth) - 50%))}
|
|
@@ -1,9 +1,29 @@
|
|
|
1
|
-
var
|
|
2
|
-
function
|
|
1
|
+
var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
|
2
|
+
function f(e) {
|
|
3
3
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
4
4
|
}
|
|
5
|
+
function l(e) {
|
|
6
|
+
if (e.__esModule) return e;
|
|
7
|
+
var r = e.default;
|
|
8
|
+
if (typeof r == "function") {
|
|
9
|
+
var t = function o() {
|
|
10
|
+
return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
t.prototype = r.prototype;
|
|
13
|
+
} else t = {};
|
|
14
|
+
return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
|
|
15
|
+
var n = Object.getOwnPropertyDescriptor(e, o);
|
|
16
|
+
Object.defineProperty(t, o, n.get ? n : {
|
|
17
|
+
enumerable: !0,
|
|
18
|
+
get: function() {
|
|
19
|
+
return e[o];
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}), t;
|
|
23
|
+
}
|
|
5
24
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
25
|
+
l as a,
|
|
26
|
+
u as c,
|
|
27
|
+
f as g
|
|
8
28
|
};
|
|
9
29
|
//# sourceMappingURL=_commonjsHelpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
|
package/chunks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module"],"mappings":";;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module"],"mappings":";;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAA,EAAG;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAElD;AAEE,aAAOF;AAAA,IACT;AAEC,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI,SAAQ;AAGpB,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACT;AAEC,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQV;AAEC,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;","x_google_ignoreList":[0]}
|
package/chunks/plugin.js
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { g as f } from "./_commonjsHelpers.js";
|
|
2
|
+
var a = {}, c = {};
|
|
3
|
+
(function(n) {
|
|
4
|
+
Object.defineProperty(n, "__esModule", {
|
|
5
|
+
value: !0
|
|
6
|
+
}), Object.defineProperty(n, "default", {
|
|
7
|
+
enumerable: !0,
|
|
8
|
+
get: function() {
|
|
9
|
+
return i;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
function u(t, e) {
|
|
13
|
+
return {
|
|
14
|
+
handler: t,
|
|
15
|
+
config: e
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
u.withOptions = function(t, e = () => ({})) {
|
|
19
|
+
const r = function(l) {
|
|
20
|
+
return {
|
|
21
|
+
__options: l,
|
|
22
|
+
handler: t(l),
|
|
23
|
+
config: e(l)
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
return r.__isOptionsFunction = !0, r.__pluginFunction = t, r.__configFunction = e, r;
|
|
27
|
+
};
|
|
28
|
+
const i = u;
|
|
29
|
+
})(c);
|
|
30
|
+
(function(n) {
|
|
31
|
+
Object.defineProperty(n, "__esModule", {
|
|
32
|
+
value: !0
|
|
33
|
+
}), Object.defineProperty(n, "default", {
|
|
34
|
+
enumerable: !0,
|
|
35
|
+
get: function() {
|
|
36
|
+
return t;
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const u = /* @__PURE__ */ i(c);
|
|
40
|
+
function i(e) {
|
|
41
|
+
return e && e.__esModule ? e : {
|
|
42
|
+
default: e
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
const t = u.default;
|
|
46
|
+
})(a);
|
|
47
|
+
let o = a;
|
|
48
|
+
var _ = (o.__esModule ? o : { default: o }).default;
|
|
49
|
+
const s = /* @__PURE__ */ f(_);
|
|
50
|
+
export {
|
|
51
|
+
s as p
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=plugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.js","sources":["../../node_modules/tailwindcss/lib/util/createPlugin.js","../../node_modules/tailwindcss/lib/public/create-plugin.js","../../node_modules/tailwindcss/plugin.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"default\", {\n enumerable: true,\n get: function() {\n return _default;\n }\n});\nfunction createPlugin(plugin, config) {\n return {\n handler: plugin,\n config\n };\n}\ncreatePlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {\n const optionsFunction = function(options) {\n return {\n __options: options,\n handler: pluginFunction(options),\n config: configFunction(options)\n };\n };\n optionsFunction.__isOptionsFunction = true;\n // Expose plugin dependencies so that `object-hash` returns a different\n // value if anything here changes, to ensure a rebuild is triggered.\n optionsFunction.__pluginFunction = pluginFunction;\n optionsFunction.__configFunction = configFunction;\n return optionsFunction;\n};\nconst _default = createPlugin;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"default\", {\n enumerable: true,\n get: function() {\n return _default;\n }\n});\nconst _createPlugin = /*#__PURE__*/ _interop_require_default(require(\"../util/createPlugin\"));\nfunction _interop_require_default(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nconst _default = _createPlugin.default;\n","let createPlugin = require('./lib/public/create-plugin')\nmodule.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default\n"],"names":["exports","_default","createPlugin","plugin","config","pluginFunction","configFunction","optionsFunction","options","_createPlugin","_interop_require_default","require$$0","obj"],"mappings":";;;AACA,SAAO,eAAcA,GAAU,cAAc;AAAA,IACzC,OAAO;AAAA,EACX,CAAC,GACD,OAAO,eAAeA,GAAS,WAAW;AAAA,IACtC,YAAY;AAAA,IACZ,KAAK,WAAW;AACZ,aAAOC;AAAA,IACf;AAAA,EACA,CAAC;AACD,WAASC,EAAaC,GAAQC,GAAQ;AAClC,WAAO;AAAA,MACH,SAASD;AAAA,MACT,QAAAC;AAAA,IACR;AAAA,EACA;AACA,EAAAF,EAAa,cAAc,SAASG,GAAgBC,IAAiB,OAAK,CAAA,IAAK;AAC3E,UAAMC,IAAkB,SAASC,GAAS;AACtC,aAAO;AAAA,QACH,WAAWA;AAAA,QACX,SAASH,EAAeG,CAAO;AAAA,QAC/B,QAAQF,EAAeE,CAAO;AAAA,MAC1C;AAAA,IACA;AACI,WAAAD,EAAgB,sBAAsB,IAGtCA,EAAgB,mBAAmBF,GACnCE,EAAgB,mBAAmBD,GAC5BC;AAAA,EACX;AACA,QAAMN,IAAWC;;;AC9BjB,SAAO,eAAcF,GAAU,cAAc;AAAA,IACzC,OAAO;AAAA,EACX,CAAC,GACD,OAAO,eAAeA,GAAS,WAAW;AAAA,IACtC,YAAY;AAAA,IACZ,KAAK,WAAW;AACZ,aAAOC;AAAA,IACf;AAAA,EACA,CAAC;AACD,QAAMQ,IAA8B,gBAAAC,EAAyBC,CAA+B;AAC5F,WAASD,EAAyBE,GAAK;AACnC,WAAOA,KAAOA,EAAI,aAAaA,IAAM;AAAA,MACjC,SAASA;AAAA,IACjB;AAAA,EACA;AACA,QAAMX,IAAWQ,EAAc;;AChB/B,IAAIP,IAAeS;AACnB,IAAAR,KAAkBD,EAAa,aAAaA,IAAe,EAAE,SAASA,KAAgB;;","x_google_ignoreList":[0,1,2]}
|
package/contexts/Device.d.ts
CHANGED
|
@@ -1,22 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
MOBILE: string;
|
|
4
|
-
TABLET: string;
|
|
5
|
-
DESKTOP: string;
|
|
6
|
-
};
|
|
7
|
-
type Devices = Lowercase<keyof typeof QUERIES>;
|
|
8
|
-
type Direction = 'ltr' | 'rtl';
|
|
9
|
-
interface Props {
|
|
10
|
-
device: Devices;
|
|
11
|
-
direction?: Direction;
|
|
12
|
-
}
|
|
13
|
-
export interface DeviceContext {
|
|
14
|
-
desktop: boolean;
|
|
15
|
-
mobile: boolean;
|
|
16
|
-
tablet: boolean;
|
|
17
|
-
direction: Direction;
|
|
18
|
-
}
|
|
19
|
-
export declare const DeviceProvider: FunctionComponent<PropsWithChildren<Props>>;
|
|
20
|
-
export declare function useDevice(device: Devices): boolean;
|
|
21
|
-
export declare function useDevice(direction: 'direction'): Direction;
|
|
22
|
-
export {};
|
|
1
|
+
export * from '../types/Devices';
|
|
2
|
+
export * from './Devices/Device';
|
package/contexts/Device.js
CHANGED
|
@@ -1,62 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import { createContext as m, useReducer as h, useEffect as w, useContext as v } from "react";
|
|
4
|
-
const n = {
|
|
5
|
-
MOBILE: "(min-width: 0)",
|
|
6
|
-
TABLET: "(min-width: 640px)",
|
|
7
|
-
DESKTOP: "(min-width: 768px)"
|
|
8
|
-
}, c = m(null), E = (e, t) => {
|
|
9
|
-
switch (t.type) {
|
|
10
|
-
case "mobile":
|
|
11
|
-
return e;
|
|
12
|
-
case "desktop":
|
|
13
|
-
return {
|
|
14
|
-
...e,
|
|
15
|
-
desktop: t.payload
|
|
16
|
-
};
|
|
17
|
-
case "tablet":
|
|
18
|
-
return {
|
|
19
|
-
...e,
|
|
20
|
-
tablet: t.payload
|
|
21
|
-
};
|
|
22
|
-
default:
|
|
23
|
-
return e;
|
|
24
|
-
}
|
|
25
|
-
}, b = ({ device: e, direction: t }) => typeof window < "u" ? {
|
|
26
|
-
direction: t,
|
|
27
|
-
desktop: window.matchMedia(n.DESKTOP).matches,
|
|
28
|
-
mobile: !0,
|
|
29
|
-
tablet: window.matchMedia(n.TABLET).matches
|
|
30
|
-
} : {
|
|
31
|
-
direction: t,
|
|
32
|
-
desktop: e === "desktop",
|
|
33
|
-
mobile: !0,
|
|
34
|
-
tablet: e === "tablet" || e === "desktop"
|
|
35
|
-
}, D = ({
|
|
36
|
-
children: e,
|
|
37
|
-
device: t,
|
|
38
|
-
direction: l = "ltr"
|
|
39
|
-
}) => {
|
|
40
|
-
const [u, o] = h(E, { device: t, direction: l }, b);
|
|
41
|
-
return w(() => {
|
|
42
|
-
const s = window.matchMedia(n.DESKTOP), i = window.matchMedia(n.TABLET), a = ({ matches: r }) => {
|
|
43
|
-
o({ type: "desktop", payload: r });
|
|
44
|
-
}, d = ({ matches: r }) => {
|
|
45
|
-
o({ type: "tablet", payload: r });
|
|
46
|
-
};
|
|
47
|
-
return s.addEventListener("change", a, { passive: !0 }), i.addEventListener("change", d, { passive: !0 }), () => {
|
|
48
|
-
s.removeEventListener("change", a), i.removeEventListener("change", d);
|
|
49
|
-
};
|
|
50
|
-
}, []), /* @__PURE__ */ p(c.Provider, { value: u, children: e });
|
|
51
|
-
};
|
|
52
|
-
function k(e) {
|
|
53
|
-
const t = v(c);
|
|
54
|
-
if (t === null)
|
|
55
|
-
throw new Error("useDevice(string) should be used in DeviceContext.Provider");
|
|
56
|
-
return t[e];
|
|
57
|
-
}
|
|
1
|
+
import { QUERIES as o } from "../types/Devices.js";
|
|
2
|
+
import { DeviceProvider as v, useDevice as c } from "./Devices/Device.js";
|
|
58
3
|
export {
|
|
59
|
-
|
|
60
|
-
|
|
4
|
+
v as DeviceProvider,
|
|
5
|
+
o as QUERIES,
|
|
6
|
+
c as useDevice
|
|
61
7
|
};
|
|
62
8
|
//# sourceMappingURL=Device.js.map
|
package/contexts/Device.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Device.js","sources":[
|
|
1
|
+
{"version":3,"file":"Device.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type FunctionComponent, type PropsWithChildren } from 'react';
|
|
2
|
+
import type { Direction } from '../../types/Direction';
|
|
3
|
+
import type { Devices } from '../Device';
|
|
4
|
+
interface Props {
|
|
5
|
+
device: Devices;
|
|
6
|
+
direction?: Direction;
|
|
7
|
+
}
|
|
8
|
+
export declare const DeviceProvider: FunctionComponent<PropsWithChildren<Props>>;
|
|
9
|
+
export declare function useDevice(device: Devices): device is Devices;
|
|
10
|
+
export declare function useDevice(direction: 'direction'): Direction;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
3
|
+
import { createContext as s, useContext as u } from "react";
|
|
4
|
+
import { useQueries as c } from "./hooks/useQueries.js";
|
|
5
|
+
const r = s(null), m = ({
|
|
6
|
+
children: t,
|
|
7
|
+
device: e,
|
|
8
|
+
direction: o = "ltr"
|
|
9
|
+
}) => {
|
|
10
|
+
const n = c({ device: e, direction: o });
|
|
11
|
+
return /* @__PURE__ */ i(r.Provider, { value: n, children: t });
|
|
12
|
+
};
|
|
13
|
+
function d(t) {
|
|
14
|
+
const e = u(r);
|
|
15
|
+
if (e === null)
|
|
16
|
+
throw new Error("useDevice(string) should be used in DeviceContext.Provider");
|
|
17
|
+
return e[t];
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
m as DeviceProvider,
|
|
21
|
+
d as useDevice
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Device.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Device.js","sources":["../../../lib/contexts/Devices/Device.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, type FunctionComponent, type PropsWithChildren, useContext } from 'react';\nimport type { Direction } from '@/types/Direction';\nimport { useQueries } from '@/contexts/Devices/hooks/useQueries';\nimport type { Devices } from '../Device';\nimport type { DeviceState } from './reducers/reducer';\n\ninterface Props {\n device: Devices;\n direction?: Direction;\n}\n\nconst DeviceContext = createContext<DeviceState | null>(null);\n\nexport const DeviceProvider: FunctionComponent<PropsWithChildren<Props>> = ({\n children,\n device,\n direction = 'ltr',\n}) => {\n const state = useQueries({ device: device, direction: direction });\n\n return <DeviceContext.Provider value={state}>{children}</DeviceContext.Provider>;\n};\n\nexport function useDevice(device: Devices): device is Devices;\nexport function useDevice(direction: 'direction'): Direction;\nexport function useDevice(device: Devices | 'direction') {\n const context = useContext(DeviceContext);\n\n if (context === null) {\n throw new Error('useDevice(string) should be used in DeviceContext.Provider');\n }\n\n return context[device];\n}\n"],"names":["DeviceContext","createContext","DeviceProvider","children","device","direction","state","useQueries","useDevice","context","useContext"],"mappings":";;;;AAaA,MAAMA,IAAgBC,EAAkC,IAAI,GAE/CC,IAA8D,CAAC;AAAA,EAC1E,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAQC,EAAW,EAAE,QAAAH,GAAgB,WAAAC,GAAsB;AAEjE,2BAAQL,EAAc,UAAd,EAAuB,OAAOM,GAAQ,UAAAH,GAAS;AACzD;AAIO,SAASK,EAAUJ,GAA+B;AACvD,QAAMK,IAAUC,EAAWV,CAAa;AAExC,MAAIS,MAAY;AACd,UAAM,IAAI,MAAM,4DAA4D;AAG9E,SAAOA,EAAQL,CAAM;AACvB;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { useReducer as v, useEffect as L } from "react";
|
|
2
|
+
import { reducer as g, getInitialState as E } from "../reducers/reducer.js";
|
|
3
|
+
import { QUERIES as n } from "../../../types/Devices.js";
|
|
4
|
+
function y({ device: l, direction: p }) {
|
|
5
|
+
const [u, t] = v(g, { device: l, direction: p }, E);
|
|
6
|
+
return L(() => {
|
|
7
|
+
const a = window.matchMedia(n.SMALL), r = window.matchMedia(n.MEDIUM), s = window.matchMedia(n.LARGE), i = window.matchMedia(n.XLARGE), o = ({ matches: e }) => {
|
|
8
|
+
t({ type: "small", payload: e });
|
|
9
|
+
}, c = ({ matches: e }) => {
|
|
10
|
+
t({ type: "medium", payload: e });
|
|
11
|
+
}, d = ({ matches: e }) => {
|
|
12
|
+
t({ type: "large", payload: e });
|
|
13
|
+
}, m = ({ matches: e }) => {
|
|
14
|
+
t({ type: "xlarge", payload: e });
|
|
15
|
+
};
|
|
16
|
+
return a.addEventListener("change", o, { passive: !0 }), r.addEventListener("change", c, { passive: !0 }), s.addEventListener("change", d, { passive: !0 }), i.addEventListener("change", m, { passive: !0 }), () => {
|
|
17
|
+
a.removeEventListener("change", o), r.removeEventListener("change", c), s.removeEventListener("change", d), i.removeEventListener("change", m);
|
|
18
|
+
};
|
|
19
|
+
}, []), u;
|
|
20
|
+
}
|
|
21
|
+
export {
|
|
22
|
+
y as useQueries
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=useQueries.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useQueries.js","sources":["../../../../lib/contexts/Devices/hooks/useQueries.ts"],"sourcesContent":["import type { Direction } from '@/types/Direction';\nimport { useEffect, useReducer } from 'react';\nimport { getInitialState, reducer } from '@/contexts/Devices/reducers/reducer';\nimport { QUERIES, type Devices } from '@/types/Devices';\n\nexport function useQueries({ device, direction }: { device: Devices; direction: Direction }) {\n const [state, dispatch] = useReducer(reducer, { device, direction }, getInitialState);\n\n useEffect(() => {\n const mqlSmall = window.matchMedia(QUERIES.SMALL);\n const mqlMedium = window.matchMedia(QUERIES.MEDIUM);\n const mqlLarge = window.matchMedia(QUERIES.LARGE);\n const mqlXLarge = window.matchMedia(QUERIES.XLARGE);\n\n const listenerSmall = ({ matches }: MediaQueryListEventMap['change']) => {\n dispatch({ type: 'small', payload: matches });\n };\n const listenerMedium = ({ matches }: MediaQueryListEventMap['change']) => {\n dispatch({ type: 'medium', payload: matches });\n };\n const listenerLarge = ({ matches }: MediaQueryListEventMap['change']) => {\n dispatch({ type: 'large', payload: matches });\n };\n const listenerXLarge = ({ matches }: MediaQueryListEventMap['change']) => {\n dispatch({ type: 'xlarge', payload: matches });\n };\n\n mqlSmall.addEventListener('change', listenerSmall, { passive: true });\n mqlMedium.addEventListener('change', listenerMedium, { passive: true });\n mqlLarge.addEventListener('change', listenerLarge, { passive: true });\n mqlXLarge.addEventListener('change', listenerXLarge, { passive: true });\n\n return () => {\n mqlSmall.removeEventListener('change', listenerSmall);\n mqlMedium.removeEventListener('change', listenerMedium);\n mqlLarge.removeEventListener('change', listenerLarge);\n mqlXLarge.removeEventListener('change', listenerXLarge);\n };\n }, []);\n return state;\n}\n"],"names":["useQueries","device","direction","state","dispatch","useReducer","reducer","getInitialState","useEffect","mqlSmall","QUERIES","mqlMedium","mqlLarge","mqlXLarge","listenerSmall","matches","listenerMedium","listenerLarge","listenerXLarge"],"mappings":";;;AAKO,SAASA,EAAW,EAAE,QAAAC,GAAQ,WAAAC,KAAwD;AAC3F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAWC,GAAS,EAAE,QAAAL,GAAQ,WAAAC,EAAA,GAAaK,CAAe;AAEpF,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,OAAO,WAAWC,EAAQ,KAAK,GAC1CC,IAAY,OAAO,WAAWD,EAAQ,MAAM,GAC5CE,IAAW,OAAO,WAAWF,EAAQ,KAAK,GAC1CG,IAAY,OAAO,WAAWH,EAAQ,MAAM,GAE5CI,IAAgB,CAAC,EAAE,SAAAC,QAAgD;AACvE,MAAAX,EAAS,EAAE,MAAM,SAAS,SAASW,GAAS;AAAA,IAC9C,GACMC,IAAiB,CAAC,EAAE,SAAAD,QAAgD;AACxE,MAAAX,EAAS,EAAE,MAAM,UAAU,SAASW,GAAS;AAAA,IAC/C,GACME,IAAgB,CAAC,EAAE,SAAAF,QAAgD;AACvE,MAAAX,EAAS,EAAE,MAAM,SAAS,SAASW,GAAS;AAAA,IAC9C,GACMG,IAAiB,CAAC,EAAE,SAAAH,QAAgD;AACxE,MAAAX,EAAS,EAAE,MAAM,UAAU,SAASW,GAAS;AAAA,IAC/C;AAEA,WAAAN,EAAS,iBAAiB,UAAUK,GAAe,EAAE,SAAS,IAAM,GACpEH,EAAU,iBAAiB,UAAUK,GAAgB,EAAE,SAAS,IAAM,GACtEJ,EAAS,iBAAiB,UAAUK,GAAe,EAAE,SAAS,IAAM,GACpEJ,EAAU,iBAAiB,UAAUK,GAAgB,EAAE,SAAS,IAAM,GAE/D,MAAM;AACX,MAAAT,EAAS,oBAAoB,UAAUK,CAAa,GACpDH,EAAU,oBAAoB,UAAUK,CAAc,GACtDJ,EAAS,oBAAoB,UAAUK,CAAa,GACpDJ,EAAU,oBAAoB,UAAUK,CAAc;AAAA,IACxD;AAAA,EACF,GAAG,CAAA,CAAE,GACEf;AACT;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { Direction } from '../../../types/Direction';
|
|
2
|
+
import { type Devices } from '../../../types/Devices';
|
|
3
|
+
export interface DeviceState {
|
|
4
|
+
all: boolean;
|
|
5
|
+
small: boolean;
|
|
6
|
+
medium: boolean;
|
|
7
|
+
large: boolean;
|
|
8
|
+
xlarge: boolean;
|
|
9
|
+
direction: Direction;
|
|
10
|
+
}
|
|
11
|
+
export declare const reducer: (state: DeviceState, action: {
|
|
12
|
+
type: string;
|
|
13
|
+
payload: boolean;
|
|
14
|
+
}) => DeviceState;
|
|
15
|
+
export declare const getInitialState: ({ device, direction, }: {
|
|
16
|
+
device: Devices;
|
|
17
|
+
direction: Direction;
|
|
18
|
+
}) => {
|
|
19
|
+
direction: Direction;
|
|
20
|
+
all: boolean;
|
|
21
|
+
small: boolean;
|
|
22
|
+
medium: boolean;
|
|
23
|
+
large: boolean;
|
|
24
|
+
xlarge: boolean;
|
|
25
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { QUERIES as r } from "../../../types/Devices.js";
|
|
2
|
+
const m = (a, l) => {
|
|
3
|
+
switch (l.type) {
|
|
4
|
+
case "small":
|
|
5
|
+
return {
|
|
6
|
+
...a,
|
|
7
|
+
small: l.payload
|
|
8
|
+
};
|
|
9
|
+
case "medium":
|
|
10
|
+
return {
|
|
11
|
+
...a,
|
|
12
|
+
medium: l.payload
|
|
13
|
+
};
|
|
14
|
+
case "large":
|
|
15
|
+
return {
|
|
16
|
+
...a,
|
|
17
|
+
large: l.payload
|
|
18
|
+
};
|
|
19
|
+
case "xlarge":
|
|
20
|
+
return {
|
|
21
|
+
...a,
|
|
22
|
+
xlarge: l.payload
|
|
23
|
+
};
|
|
24
|
+
case "all":
|
|
25
|
+
default:
|
|
26
|
+
return a;
|
|
27
|
+
}
|
|
28
|
+
}, u = ({
|
|
29
|
+
device: a,
|
|
30
|
+
direction: l
|
|
31
|
+
}) => typeof window < "u" ? {
|
|
32
|
+
direction: l,
|
|
33
|
+
all: !0,
|
|
34
|
+
small: window.matchMedia(r.SMALL).matches,
|
|
35
|
+
medium: window.matchMedia(r.MEDIUM).matches,
|
|
36
|
+
large: window.matchMedia(r.LARGE).matches,
|
|
37
|
+
xlarge: window.matchMedia(r.XLARGE).matches
|
|
38
|
+
} : {
|
|
39
|
+
direction: l,
|
|
40
|
+
all: !0,
|
|
41
|
+
small: a === "small" || a === "medium" || a === "large" || a === "xlarge",
|
|
42
|
+
medium: a === "medium" || a === "large" || a === "xlarge",
|
|
43
|
+
large: a === "large" || a === "xlarge",
|
|
44
|
+
xlarge: a === "xlarge"
|
|
45
|
+
};
|
|
46
|
+
export {
|
|
47
|
+
u as getInitialState,
|
|
48
|
+
m as reducer
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=reducer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reducer.js","sources":["../../../../lib/contexts/Devices/reducers/reducer.ts"],"sourcesContent":["import type { Direction } from '@/types/Direction';\nimport { type Devices, QUERIES } from '@/types/Devices';\n\nexport interface DeviceState {\n all: boolean;\n small: boolean;\n medium: boolean;\n large: boolean;\n xlarge: boolean;\n direction: Direction;\n}\n\nexport const reducer = (state: DeviceState, action: { type: string; payload: boolean }) => {\n switch (action.type) {\n case 'small':\n return {\n ...state,\n small: action.payload,\n };\n case 'medium':\n return {\n ...state,\n medium: action.payload,\n };\n case 'large':\n return {\n ...state,\n large: action.payload,\n };\n case 'xlarge':\n return {\n ...state,\n xlarge: action.payload,\n };\n case 'all':\n default:\n return state;\n }\n};\n\nexport const getInitialState = ({\n device,\n direction,\n}: {\n device: Devices;\n direction: Direction;\n}) => {\n if (typeof window !== 'undefined') {\n return {\n direction,\n all: true,\n small: window.matchMedia(QUERIES.SMALL).matches,\n medium: window.matchMedia(QUERIES.MEDIUM).matches,\n large: window.matchMedia(QUERIES.LARGE).matches,\n xlarge: window.matchMedia(QUERIES.XLARGE).matches,\n };\n }\n\n return {\n direction,\n all: true,\n small: device === 'small' || device === 'medium' || device === 'large' || device === 'xlarge',\n medium: device === 'medium' || device === 'large' || device === 'xlarge',\n large: device === 'large' || device === 'xlarge',\n xlarge: device === 'xlarge',\n };\n};\n"],"names":["reducer","state","action","getInitialState","device","direction","QUERIES"],"mappings":";AAYO,MAAMA,IAAU,CAACC,GAAoBC,MAA+C;AACzF,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,OAAOC,EAAO;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,QAAQC,EAAO;AAAA,MAAA;AAAA,IAEnB,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,OAAOC,EAAO;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,QAAQC,EAAO;AAAA,MAAA;AAAA,IAEnB,KAAK;AAAA,IACL;AACE,aAAOD;AAAA,EAAA;AAEb,GAEaE,IAAkB,CAAC;AAAA,EAC9B,QAAAC;AAAA,EACA,WAAAC;AACF,MAIM,OAAO,SAAW,MACb;AAAA,EACL,WAAAA;AAAA,EACA,KAAK;AAAA,EACL,OAAO,OAAO,WAAWC,EAAQ,KAAK,EAAE;AAAA,EACxC,QAAQ,OAAO,WAAWA,EAAQ,MAAM,EAAE;AAAA,EAC1C,OAAO,OAAO,WAAWA,EAAQ,KAAK,EAAE;AAAA,EACxC,QAAQ,OAAO,WAAWA,EAAQ,MAAM,EAAE;AAAA,IAIvC;AAAA,EACL,WAAAD;AAAA,EACA,KAAK;AAAA,EACL,OAAOD,MAAW,WAAWA,MAAW,YAAYA,MAAW,WAAWA,MAAW;AAAA,EACrF,QAAQA,MAAW,YAAYA,MAAW,WAAWA,MAAW;AAAA,EAChE,OAAOA,MAAW,WAAWA,MAAW;AAAA,EACxC,QAAQA,MAAW;AAAA;"}
|