@clubmed/trident-ui 1.2.0 → 1.3.0-beta.10

package/README.md

@@ -31,10 +31,20 @@ React UI components is a library of reusable components for building web applica
 ## Installation
 
 ```sh
-npm install --save @clubmed/trident-ui react react-dom @react-spring/web
+npm install --save @clubmed/trident-icons @clubmed/trident-ui react react-dom @react-spring/web
 npm install --save-dev tailwindcss postcss autoprefixer
 ```
 
+```sh
+yarn add @clubmed/trident-icons @clubmed/trident-ui react react-dom @react-spring/web
+yarn add -D tailwindcss postcss autoprefixer
+```
+
+```sh
+pnpm add @clubmed/trident-icons @clubmed/trident-ui react react-dom @react-spring/web
+pnpm add -D tailwindcss postcss autoprefixer
+```
+
 ## Tailwind configuration
 
 This package exports a `tailwind.preset` file that you can use to extend your own configuration.

package/assets/style.css

@@ -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%))}
+.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%))}

package/atoms/Clickable/Clickable.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface ClickableProps extends ComponentPropsWithoutRef<'div'> {
+    onClick: () => void;
+}
+export declare const Clickable: import("react").ForwardRefExoticComponent<ClickableProps & import("react").RefAttributes<HTMLDivElement>>;

package/atoms/Clickable/Clickable.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { KEY as n, CODE as t } from "../../hooks/keyboard.constants.js";
+const y = c(function({ children: r, onClick: e, ...a }, i) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ...a,
+      "data-name": "Clickable",
+      onClick: e,
+      onKeyDown: (o) => {
+        (o.key === n.ENTER || o.key === n.SPACE || o.code === t.ENTER || o.code === t.SPACE) && e();
+      },
+      ref: i,
+      role: "button",
+      tabIndex: 0,
+      children: r
+    }
+  );
+});
+export {
+  y as Clickable
+};
+//# sourceMappingURL=Clickable.js.map

package/atoms/Clickable/Clickable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clickable.js","sources":["../../../lib/atoms/Clickable/Clickable.tsx"],"sourcesContent":["'use client';\nimport { type ComponentPropsWithoutRef, forwardRef, type KeyboardEvent } from 'react';\nimport { CODE, KEY } from '@/hooks/keyboard.constants';\n\nexport interface ClickableProps extends ComponentPropsWithoutRef<'div'> {\n  onClick: () => void;\n}\n\nexport const Clickable = forwardRef<HTMLDivElement, ClickableProps>(function Clickable(\n  { children, onClick, ...attrs },\n  ref,\n) {\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (\n      e.key === KEY.ENTER ||\n      e.key === KEY.SPACE ||\n      e.code === CODE.ENTER ||\n      e.code === CODE.SPACE\n    ) {\n      onClick();\n    }\n  };\n\n  return (\n    <div\n      {...attrs}\n      data-name=\"Clickable\"\n      onClick={onClick}\n      onKeyDown={handleKeyDown}\n      ref={ref}\n      role=\"button\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["Clickable","forwardRef","children","onClick","attrs","ref","jsx","e","KEY","CODE"],"mappings":";;;;AAQO,MAAMA,IAAYC,EAA2C,SAClE,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAA,GACxBC,GACA;AAYA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,aAAU;AAAA,MACV,SAAAD;AAAA,MACA,WAhBkB,CAACI,MAAqC;AAC1D,SACEA,EAAE,QAAQC,EAAI,SACdD,EAAE,QAAQC,EAAI,SACdD,EAAE,SAASE,EAAK,SAChBF,EAAE,SAASE,EAAK,UAEhBN,EAAA;AAAA,MAEJ;AAAA,MAQI,KAAAE;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/atoms/Heading/Heading.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+export interface HeadingProps extends ComponentPropsWithoutRef<'h1'> {
+    asDiv?: boolean;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+export declare const Heading: FunctionComponent<HeadingProps>;

package/atoms/Heading/Heading.js

@@ -0,0 +1,14 @@
+import { jsx as o } from "react/jsx-runtime";
+const i = (a) => Math.min(Math.max(a, 1), 6), c = ({
+  asDiv: a = !1,
+  children: e,
+  level: r = 2,
+  ...n
+}) => {
+  const t = a ? "div" : `h${i(r)}`;
+  return /* @__PURE__ */ o(t, { ...n, ...a ? { "aria-level": r, role: "heading" } : null, children: e });
+};
+export {
+  c as Heading
+};
+//# sourceMappingURL=Heading.js.map

package/atoms/Heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../lib/atoms/Heading/Heading.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, FunctionComponent } from 'react';\n\nexport interface HeadingProps extends ComponentPropsWithoutRef<'h1'> {\n  asDiv?: boolean;\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nconst clampLevel = (level: number) => {\n  return Math.min(Math.max(level, 1), 6);\n};\n\nexport const Heading: FunctionComponent<HeadingProps> = ({\n  asDiv = false,\n  children,\n  level = 2,\n  ...attrs\n}) => {\n  const TagName = asDiv ? 'div' : `h${clampLevel(level)}`;\n\n  const aria = asDiv ? { 'aria-level': level, role: 'heading' } : null;\n\n  return (\n    <TagName {...attrs} {...aria}>\n      {children}\n    </TagName>\n  );\n};\n"],"names":["clampLevel","level","Heading","asDiv","children","attrs","TagName"],"mappings":";AAOA,MAAMA,IAAa,CAACC,MACX,KAAK,IAAI,KAAK,IAAIA,GAAO,CAAC,GAAG,CAAC,GAG1BC,IAA2C,CAAC;AAAA,EACvD,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,OAAAH,IAAQ;AAAA,EACR,GAAGI;AACL,MAAM;AACJ,QAAMC,IAAUH,IAAQ,QAAQ,IAAIH,EAAWC,CAAK,CAAC;AAIrD,2BACGK,GAAA,EAAS,GAAGD,GAAQ,GAHVF,IAAQ,EAAE,cAAcF,GAAO,MAAM,cAAc,MAI3D,UAAAG,GACH;AAEJ;"}

package/atoms/Heading/HeadingGroup.d.ts

@@ -0,0 +1,7 @@
+import { type HeadingProps } from './Heading';
+import type { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+export interface HeadingGroupProps extends ComponentPropsWithoutRef<'hgroup'> {
+    level: HeadingProps['level'];
+    subtitle?: string | null;
+}
+export declare const HeadingGroup: FunctionComponent<HeadingGroupProps>;

package/atoms/Heading/HeadingGroup.js

@@ -0,0 +1,15 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { Heading as s } from "./Heading.js";
+import { Prose as a } from "../Prose/Prose.js";
+const x = ({
+  level: e,
+  children: t,
+  subtitle: o
+}) => /* @__PURE__ */ m("hgroup", { children: [
+  /* @__PURE__ */ r(s, { className: "text-b2 font-semibold", level: e, children: t }),
+  !!o && /* @__PURE__ */ r(a, { className: "text-b3", text: o })
+] });
+export {
+  x as HeadingGroup
+};
+//# sourceMappingURL=HeadingGroup.js.map

package/atoms/Heading/HeadingGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingGroup.js","sources":["../../../lib/atoms/Heading/HeadingGroup.tsx"],"sourcesContent":["import { Heading, type HeadingProps } from '@/atoms/Heading/Heading';\nimport { Prose } from '@/atoms/Prose/Prose';\nimport type { ComponentPropsWithoutRef, FunctionComponent } from 'react';\n\nexport interface HeadingGroupProps extends ComponentPropsWithoutRef<'hgroup'> {\n  level: HeadingProps['level'];\n  subtitle?: string | null;\n}\n\nexport const HeadingGroup: FunctionComponent<HeadingGroupProps> = ({\n  level,\n  children,\n  subtitle,\n}) => {\n  return (\n    <hgroup>\n      <Heading className=\"text-b2 font-semibold\" level={level}>\n        {children}\n      </Heading>\n      {!!subtitle && <Prose className=\"text-b3\" text={subtitle} />}\n    </hgroup>\n  );\n};\n"],"names":["HeadingGroup","level","children","subtitle","jsx","Heading","Prose"],"mappings":";;;AASO,MAAMA,IAAqD,CAAC;AAAA,EACjE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,wBAEK,UAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,WAAU,yBAAwB,OAAAJ,GACxC,UAAAC,GACH;AAAA,EACC,CAAC,CAACC,KAAY,gBAAAC,EAACE,KAAM,WAAU,WAAU,MAAMH,EAAA,CAAU;AAAA,GAC5D;"}

package/atoms/Image/Image.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef, FunctionComponent, SourceHTMLAttributes } from 'react';
+export interface ImageProps extends ComponentPropsWithoutRef<'img'> {
+    lazyLoad?: boolean;
+    src: string;
+    sources?: SourceHTMLAttributes<HTMLSourceElement>[];
+}
+export declare const Image: FunctionComponent<ImageProps>;

package/atoms/Image/Image.js

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+const f = ({
+  alt: a = "",
+  lazyLoad: t = !0,
+  sizes: i,
+  sources: n,
+  ...r
+}) => {
+  const g = /* @__PURE__ */ e("img", { ...r, alt: a, decoding: t ? "async" : "auto", draggable: "false", loading: t ? "lazy" : "eager" });
+  return n != null && n.length ? /* @__PURE__ */ l("picture", { children: [
+    n.map((d, o) => /* @__PURE__ */ e("source", { sizes: i, ...d }, o)),
+    g
+  ] }) : g;
+};
+export {
+  f as Image
+};
+//# sourceMappingURL=Image.js.map

package/atoms/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../lib/atoms/Image/Image.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, FunctionComponent, SourceHTMLAttributes } from 'react';\n\nexport interface ImageProps extends ComponentPropsWithoutRef<'img'> {\n  lazyLoad?: boolean;\n  src: string;\n  sources?: SourceHTMLAttributes<HTMLSourceElement>[];\n}\n\nexport const Image: FunctionComponent<ImageProps> = ({\n  alt = '',\n  lazyLoad = true,\n  sizes,\n  sources,\n  ...attrs\n}) => {\n  const loading = lazyLoad ? 'lazy' : 'eager';\n  const decoding = lazyLoad ? 'async' : 'auto';\n  const Img = <img {...attrs} alt={alt} decoding={decoding} draggable=\"false\" loading={loading} />;\n\n  if (!sources?.length) {\n    return Img;\n  }\n\n  return (\n    <picture>\n      {sources.map((source, index) => (\n        <source key={index} sizes={sizes} {...source} />\n      ))}\n      {Img}\n    </picture>\n  );\n};\n"],"names":["Image","alt","lazyLoad","sizes","sources","attrs","Img","source","index","jsx"],"mappings":";AAQO,MAAMA,IAAuC,CAAC;AAAA,EACnD,KAAAC,IAAM;AAAA,EACN,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AAGJ,QAAMC,sBAAO,OAAA,EAAK,GAAGD,GAAO,KAAAJ,GAAU,UADrBC,IAAW,UAAU,QACoB,WAAU,SAAQ,SAF5DA,IAAW,SAAS,QAEwC,CAAkB;AAE9F,SAAKE,KAAA,QAAAA,EAAS,2BAKX,WAAA,EACE,UAAA;AAAA,IAAAA,EAAQ,IAAI,CAACG,GAAQC,MACpB,gBAAAC,EAAC,YAAmB,OAAAN,GAAe,GAAGI,EAAA,GAAzBC,CAAiC,CAC/C;AAAA,IACAF;AAAA,EAAA,GACH,IATOA;AAWX;"}

package/atoms/Prose/Prose.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface ProseProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    text: string;
+}
+export declare const Prose: import("react").ForwardRefExoticComponent<ProseProps & import("react").RefAttributes<HTMLDivElement>>;

package/atoms/Prose/Prose.js

@@ -0,0 +1,18 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as m } from "../../chunks/index.js";
+import { forwardRef as t } from "react";
+const c = t(function({ className: o, text: r, ...s }, e) {
+  return r ? /* @__PURE__ */ n(
+    "div",
+    {
+      ...s,
+      className: m(o, "prose"),
+      dangerouslySetInnerHTML: { __html: r },
+      ref: e
+    }
+  ) : null;
+});
+export {
+  c as Prose
+};
+//# sourceMappingURL=Prose.js.map

package/atoms/Prose/Prose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.js","sources":["../../../lib/atoms/Prose/Prose.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nexport interface ProseProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  text: string;\n}\n\nexport const Prose = forwardRef<HTMLDivElement, ProseProps>(function Prose(\n  { className, text, ...attrs },\n  ref,\n) {\n  if (!text) {\n    return null;\n  }\n\n  return (\n    <div\n      {...attrs}\n      className={classnames(className, 'prose')}\n      dangerouslySetInnerHTML={{ __html: text }}\n      ref={ref}\n    />\n  );\n});\n"],"names":["Prose","forwardRef","className","text","attrs","ref","jsx","classnames"],"mappings":";;;AAOO,MAAMA,IAAQC,EAAuC,SAC1D,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GACtBC,GACA;AACA,SAAKF,IAKH,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAWG,EAAWL,GAAW,OAAO;AAAA,MACxC,yBAAyB,EAAE,QAAQC,EAAA;AAAA,MACnC,KAAAE;AAAA,IAAA;AAAA,EAAA,IARK;AAWX,CAAC;"}

package/chunks/ResizeObserver.js

@@ -0,0 +1,287 @@
+var c = [], ne = function() {
+  return c.some(function(e) {
+    return e.activeTargets.length > 0;
+  });
+}, oe = function() {
+  return c.some(function(e) {
+    return e.skippedTargets.length > 0;
+  });
+}, P = "ResizeObserver loop completed with undelivered notifications.", se = function() {
+  var e;
+  typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
+    message: P
+  }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = P), window.dispatchEvent(e);
+}, b;
+(function(e) {
+  e.BORDER_BOX = "border-box", e.CONTENT_BOX = "content-box", e.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
+})(b || (b = {}));
+var u = function(e) {
+  return Object.freeze(e);
+}, ae = /* @__PURE__ */ function() {
+  function e(t, r) {
+    this.inlineSize = t, this.blockSize = r, u(this);
+  }
+  return e;
+}(), q = function() {
+  function e(t, r, i, n) {
+    return this.x = t, this.y = r, this.width = i, this.height = n, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, u(this);
+  }
+  return e.prototype.toJSON = function() {
+    var t = this, r = t.x, i = t.y, n = t.top, s = t.right, o = t.bottom, h = t.left, d = t.width, v = t.height;
+    return { x: r, y: i, top: n, right: s, bottom: o, left: h, width: d, height: v };
+  }, e.fromRect = function(t) {
+    return new e(t.x, t.y, t.width, t.height);
+  }, e;
+}(), C = function(e) {
+  return e instanceof SVGElement && "getBBox" in e;
+}, G = function(e) {
+  if (C(e)) {
+    var t = e.getBBox(), r = t.width, i = t.height;
+    return !r && !i;
+  }
+  var n = e, s = n.offsetWidth, o = n.offsetHeight;
+  return !(s || o || e.getClientRects().length);
+}, I = function(e) {
+  var t;
+  if (e instanceof Element)
+    return !0;
+  var r = (t = e == null ? void 0 : e.ownerDocument) === null || t === void 0 ? void 0 : t.defaultView;
+  return !!(r && e instanceof r.Element);
+}, ve = function(e) {
+  switch (e.tagName) {
+    case "INPUT":
+      if (e.type !== "image")
+        break;
+    case "VIDEO":
+    case "AUDIO":
+    case "EMBED":
+    case "OBJECT":
+    case "CANVAS":
+    case "IFRAME":
+    case "IMG":
+      return !0;
+  }
+  return !1;
+}, p = typeof window < "u" ? window : {}, z = /* @__PURE__ */ new WeakMap(), _ = /auto|scroll/, ce = /^tb|vertical/, ue = /msie|trident/i.test(p.navigator && p.navigator.userAgent), a = function(e) {
+  return parseFloat(e || "0");
+}, f = function(e, t, r) {
+  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new ae((r ? t : e) || 0, (r ? e : t) || 0);
+}, W = u({
+  devicePixelContentBoxSize: f(),
+  borderBoxSize: f(),
+  contentBoxSize: f(),
+  contentRect: new q(0, 0, 0, 0)
+}), J = function(e, t) {
+  if (t === void 0 && (t = !1), z.has(e) && !t)
+    return z.get(e);
+  if (G(e))
+    return z.set(e, W), W;
+  var r = getComputedStyle(e), i = C(e) && e.ownerSVGElement && e.getBBox(), n = !ue && r.boxSizing === "border-box", s = ce.test(r.writingMode || ""), o = !i && _.test(r.overflowY || ""), h = !i && _.test(r.overflowX || ""), d = i ? 0 : a(r.paddingTop), v = i ? 0 : a(r.paddingRight), R = i ? 0 : a(r.paddingBottom), l = i ? 0 : a(r.paddingLeft), Q = i ? 0 : a(r.borderTopWidth), Z = i ? 0 : a(r.borderRightWidth), $ = i ? 0 : a(r.borderBottomWidth), j = i ? 0 : a(r.borderLeftWidth), D = l + v, k = d + R, y = j + Z, T = Q + $, N = h ? e.offsetHeight - T - e.clientHeight : 0, A = o ? e.offsetWidth - y - e.clientWidth : 0, ee = n ? D + y : 0, te = n ? k + T : 0, g = i ? i.width : a(r.width) - ee - A, x = i ? i.height : a(r.height) - te - N, re = g + D + A + y, ie = x + k + N + T, M = u({
+    devicePixelContentBoxSize: f(Math.round(g * devicePixelRatio), Math.round(x * devicePixelRatio), s),
+    borderBoxSize: f(re, ie, s),
+    contentBoxSize: f(g, x, s),
+    contentRect: new q(l, d, g, x)
+  });
+  return z.set(e, M), M;
+}, U = function(e, t, r) {
+  var i = J(e, r), n = i.borderBoxSize, s = i.contentBoxSize, o = i.devicePixelContentBoxSize;
+  switch (t) {
+    case b.DEVICE_PIXEL_CONTENT_BOX:
+      return o;
+    case b.BORDER_BOX:
+      return n;
+    default:
+      return s;
+  }
+}, he = /* @__PURE__ */ function() {
+  function e(t) {
+    var r = J(t);
+    this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = u([r.borderBoxSize]), this.contentBoxSize = u([r.contentBoxSize]), this.devicePixelContentBoxSize = u([r.devicePixelContentBoxSize]);
+  }
+  return e;
+}(), Y = function(e) {
+  if (G(e))
+    return 1 / 0;
+  for (var t = 0, r = e.parentNode; r; )
+    t += 1, r = r.parentNode;
+  return t;
+}, de = function() {
+  var e = 1 / 0, t = [];
+  c.forEach(function(o) {
+    if (o.activeTargets.length !== 0) {
+      var h = [];
+      o.activeTargets.forEach(function(v) {
+        var R = new he(v.target), l = Y(v.target);
+        h.push(R), v.lastReportedSize = U(v.target, v.observedBox), l < e && (e = l);
+      }), t.push(function() {
+        o.callback.call(o.observer, h, o.observer);
+      }), o.activeTargets.splice(0, o.activeTargets.length);
+    }
+  });
+  for (var r = 0, i = t; r < i.length; r++) {
+    var n = i[r];
+    n();
+  }
+  return e;
+}, L = function(e) {
+  c.forEach(function(r) {
+    r.activeTargets.splice(0, r.activeTargets.length), r.skippedTargets.splice(0, r.skippedTargets.length), r.observationTargets.forEach(function(n) {
+      n.isActive() && (Y(n.target) > e ? r.activeTargets.push(n) : r.skippedTargets.push(n));
+    });
+  });
+}, fe = function() {
+  var e = 0;
+  for (L(e); ne(); )
+    e = de(), L(e);
+  return oe() && se(), e > 0;
+}, m, K = [], le = function() {
+  return K.splice(0).forEach(function(e) {
+    return e();
+  });
+}, pe = function(e) {
+  if (!m) {
+    var t = 0, r = document.createTextNode(""), i = { characterData: !0 };
+    new MutationObserver(function() {
+      return le();
+    }).observe(r, i), m = function() {
+      r.textContent = "".concat(t ? t-- : t++);
+    };
+  }
+  K.push(e), m();
+}, be = function(e) {
+  pe(function() {
+    requestAnimationFrame(e);
+  });
+}, w = 0, ge = function() {
+  return !!w;
+}, xe = 250, ze = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, F = [
+  "resize",
+  "load",
+  "transitionend",
+  "animationend",
+  "animationstart",
+  "animationiteration",
+  "keyup",
+  "keydown",
+  "mouseup",
+  "mousedown",
+  "mouseover",
+  "mouseout",
+  "blur",
+  "focus"
+], H = function(e) {
+  return e === void 0 && (e = 0), Date.now() + e;
+}, B = !1, Ee = function() {
+  function e() {
+    var t = this;
+    this.stopped = !0, this.listener = function() {
+      return t.schedule();
+    };
+  }
+  return e.prototype.run = function(t) {
+    var r = this;
+    if (t === void 0 && (t = xe), !B) {
+      B = !0;
+      var i = H(t);
+      be(function() {
+        var n = !1;
+        try {
+          n = fe();
+        } finally {
+          if (B = !1, t = i - H(), !ge())
+            return;
+          n ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
+        }
+      });
+    }
+  }, e.prototype.schedule = function() {
+    this.stop(), this.run();
+  }, e.prototype.observe = function() {
+    var t = this, r = function() {
+      return t.observer && t.observer.observe(document.body, ze);
+    };
+    document.body ? r() : p.addEventListener("DOMContentLoaded", r);
+  }, e.prototype.start = function() {
+    var t = this;
+    this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), F.forEach(function(r) {
+      return p.addEventListener(r, t.listener, !0);
+    }));
+  }, e.prototype.stop = function() {
+    var t = this;
+    this.stopped || (this.observer && this.observer.disconnect(), F.forEach(function(r) {
+      return p.removeEventListener(r, t.listener, !0);
+    }), this.stopped = !0);
+  }, e;
+}(), S = new Ee(), V = function(e) {
+  !w && e > 0 && S.start(), w += e, !w && S.stop();
+}, Oe = function(e) {
+  return !C(e) && !ve(e) && getComputedStyle(e).display === "inline";
+}, we = function() {
+  function e(t, r) {
+    this.target = t, this.observedBox = r || b.CONTENT_BOX, this.lastReportedSize = {
+      inlineSize: 0,
+      blockSize: 0
+    };
+  }
+  return e.prototype.isActive = function() {
+    var t = U(this.target, this.observedBox, !0);
+    return Oe(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
+  }, e;
+}(), Re = /* @__PURE__ */ function() {
+  function e(t, r) {
+    this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t, this.callback = r;
+  }
+  return e;
+}(), E = /* @__PURE__ */ new WeakMap(), X = function(e, t) {
+  for (var r = 0; r < e.length; r += 1)
+    if (e[r].target === t)
+      return r;
+  return -1;
+}, O = function() {
+  function e() {
+  }
+  return e.connect = function(t, r) {
+    var i = new Re(t, r);
+    E.set(t, i);
+  }, e.observe = function(t, r, i) {
+    var n = E.get(t), s = n.observationTargets.length === 0;
+    X(n.observationTargets, r) < 0 && (s && c.push(n), n.observationTargets.push(new we(r, i && i.box)), V(1), S.schedule());
+  }, e.unobserve = function(t, r) {
+    var i = E.get(t), n = X(i.observationTargets, r), s = i.observationTargets.length === 1;
+    n >= 0 && (s && c.splice(c.indexOf(i), 1), i.observationTargets.splice(n, 1), V(-1));
+  }, e.disconnect = function(t) {
+    var r = this, i = E.get(t);
+    i.observationTargets.slice().forEach(function(n) {
+      return r.unobserve(t, n.target);
+    }), i.activeTargets.splice(0, i.activeTargets.length);
+  }, e;
+}(), ye = function() {
+  function e(t) {
+    if (arguments.length === 0)
+      throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
+    if (typeof t != "function")
+      throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
+    O.connect(this, t);
+  }
+  return e.prototype.observe = function(t, r) {
+    if (arguments.length === 0)
+      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
+    if (!I(t))
+      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
+    O.observe(this, t, r);
+  }, e.prototype.unobserve = function(t) {
+    if (arguments.length === 0)
+      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
+    if (!I(t))
+      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
+    O.unobserve(this, t);
+  }, e.prototype.disconnect = function() {
+    O.disconnect(this);
+  }, e.toString = function() {
+    return "function ResizeObserver () { [polyfill code] }";
+  }, e;
+}();
+export {
+  ye as R
+};
+//# sourceMappingURL=ResizeObserver.js.map