freemium-ui 2.1.0-alpha.2 → 2.1.0-alpha.4

package/lib/Calendar-tmPfKbba.js

@@ -0,0 +1,40 @@
+import{u as e,j as o}from"./styled-components.browser.esm-8fYqm7jD.js";const r=e.div`
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: ${({theme:e})=>"rtl"===e.direction?"row-reverse":"row"};
+  gap: 10px;
+  margin: 0;
+  padding: 0;
+`,t=e.button`
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  font-size: ${({theme:e})=>e.typography.primary.fontSize};
+  font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
+  color: ${({$isSelected:e,theme:o})=>e?o.colors.text.inverse:o.colors.text.primary};
+  background-color: ${({theme:e,$isSelected:o,disabled:r})=>o?r?e.colors.border.disabled:e.colors.common.accent:e.colors.fill.surface};
+  border: 1px solid
+    ${({theme:e,disabled:o,$isSelected:r})=>o?e.components.button.secondary.disabledBorderColor:r?e.colors.border.active:e.colors.border.normal};
+  color: ${({disabled:e,theme:o})=>e?o.colors.fill.dark:""};
+  pointer-events: ${({disabled:e})=>e?"none":""};
+  min-width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+  user-select: none;
+  transition:
+    background-color,
+    color 0.2s ease-in-out;
+  cursor: pointer;
+  &:hover,
+  &:focus {
+    border-color: ${({theme:e})=>e.colors.border.hover};
+    box-shadow: 0 0 0 3px
+      ${({$isSelected:e,theme:o})=>e?o.colors.border.hover:""}40;
+  }
+  &[disabled] {
+    outline: unset;
+    box-shadow: none;
+    border-color: ${({theme:e})=>e.components.button.secondary.disabledBorderColor};
+  }
+`,s=({value:e={},items:s,onChange:n,idAccessor:d="id",nameAccessor:l="name",disabled:i})=>{const a=o=>{if(i)return;const r={...e};r[o]=!r[o],n?.(r)};return o.jsx(r,{role:"group",children:s.map(((r,s)=>o.jsx(t,{id:r?.[d],"aria-label":r?.[l],value:r?.[d],tabIndex:0,type:"button","aria-disabled":!!r?.disabled||i,disabled:!!r?.disabled||i,"aria-pressed":!!e?.[r?.[d]],$isSelected:!!e?.[r?.[d]],onKeyDown:e=>{console.log("onKeyDown",{event:e,key:e.key})," "!==e.key&&"Enter"!==e.key||(a(r?.[d]),e.preventDefault())},onClick:()=>a(r?.[d]),children:r?.[l]},s)))})};export{s as C};

package/lib/Calendar.d.ts

@@ -22,4 +22,4 @@ interface CalendarProps extends DefaultMenuItemProps {
 
 declare const Calendar: React.FC<CalendarProps>;
 
-export { Calendar, type CalendarProps, type DayProps };
+export { type CalendarProps, type DayProps, Calendar as default };

package/lib/Calendar.js

@@ -1 +1 @@
-export{C as Calendar}from"./Calendar-DXLwGw8x.js";import"./styled-components.browser.esm-89g2oVoD.js";import"react";
+export{C as default}from"./Calendar-tmPfKbba.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";

package/lib/Checkbox-U3_actBa.js

@@ -0,0 +1,51 @@
+import{u as e,a as t,j as o,e as r}from"./styled-components.browser.esm-8fYqm7jD.js";import{I as a,R as n}from"./index-B3ttnEEs.js";import{$ as i,a as s,_ as d}from"./index-CMYH5FSo.js";import c,{forwardRef as l,useState as m,useRef as h,useEffect as p,createElement as b}from"react";import{$ as u}from"./index-BCBGGtXO.js";import{a as x,$ as k}from"./index-D4pfkNFk.js";import{$ as f}from"./index-DZzFKxNs.js";import{$ as g}from"./index-Bj96NGNJ.js";import{$ as v}from"./index-BrmsftDQ.js";import{T as y}from"./TickIcon-D8ryFR8A.js";const w="Checkbox",[j,C]=u(w),[$,E]=j(w),q=l(((e,t)=>{const{__scopeCheckbox:o,name:r,checked:a,defaultChecked:n,required:c,disabled:l,value:u="on",onCheckedChange:f,...g}=e,[v,y]=m(null),w=i(t,(e=>y(e))),j=h(!1),C=!v||!!v.closest("form"),[E=!1,q]=x({prop:a,defaultProp:n,onChange:f}),D=h(E);return p((()=>{const e=null==v?void 0:v.form;if(e){const t=()=>q(D.current);return e.addEventListener("reset",t),()=>e.removeEventListener("reset",t)}}),[v,q]),b($,{scope:o,state:E,disabled:l},b(s.button,d({type:"button",role:"checkbox","aria-checked":N(E)?"mixed":E,"aria-required":c,"data-state":_(E),"data-disabled":l?"":void 0,disabled:l,value:u},g,{ref:w,onKeyDown:k(e.onKeyDown,(e=>{"Enter"===e.key&&e.preventDefault()})),onClick:k(e.onClick,(e=>{q((e=>!!N(e)||!e)),C&&(j.current=e.isPropagationStopped(),j.current||e.stopPropagation())}))})),C&&b(I,{control:v,bubbles:!j.current,name:r,value:u,checked:E,required:c,disabled:l,style:{transform:"translateX(-100%)"}}))})),I=e=>{const{control:t,checked:o,bubbles:r=!0,...a}=e,n=h(null),i=f(o),s=g(t);return p((()=>{const e=n.current,t=window.HTMLInputElement.prototype,a=Object.getOwnPropertyDescriptor(t,"checked").set;if(i!==o&&a){const t=new Event("click",{bubbles:r});e.indeterminate=N(o),a.call(e,!N(o)&&o),e.dispatchEvent(t)}}),[i,o,r]),b("input",d({type:"checkbox","aria-hidden":!0,defaultChecked:!N(o)&&o},a,{tabIndex:-1,ref:n,style:{...e.style,...s,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function N(e){return"indeterminate"===e}function _(e){return N(e)?"indeterminate":e?"checked":"unchecked"}const D=q,L=e(l(((e,t)=>{const{__scopeCheckbox:o,forceMount:r,...a}=e,n=E("CheckboxIndicator",o);return b(v,{present:r||N(n.state)||!0===n.state},b(s.span,d({"data-state":_(n.state),"data-disabled":n.disabled?"":void 0},a,{ref:t,style:{pointerEvents:"none",...e.style}})))})))`
+  display: grid;
+  place-content: center;
+
+  &[data-state='unchecked'] {
+    svg.toggle-on {
+      display: none;
+    }
+  }
+`,P=e.div`
+  display: flex;
+  align-items: center;
+  direction: ${({theme:e})=>e.direction};
+`,R=e(D)`
+  margin: 0;
+  padding: 0;
+  width: 14px;
+  height: 14px;
+  border-radius: 2px;
+  display: grid;
+  place-content: center;
+  border: 1px solid;
+  outline-offset: 3px;
+  direction: ${({theme:e})=>e.direction};
+  box-shadow: 0px 1px 2px 0px ${({theme:e})=>e.colors.border.hover}05
+    inset;
+  &[data-disabled] {
+    opacity: 0.5;
+  }
+  &[data-state='checked'],
+  &[data-state='indeterminate'] {
+    background-color: ${({theme:e})=>e.colors.common.accent};
+    border-color: ${({theme:e})=>e.colors.common.accent};
+  }
+  &[data-state='unchecked'] {
+    background-color: unset;
+    border-color: ${({theme:e})=>e.colors.border.hover};
+  }
+  &:not([data-disabled]) {
+    &:hover {
+      box-shadow: 0 0 0 3px ${({theme:e})=>e.colors.border.hover}30;
+    }
+  }
+
+  ${({theme:e})=>"dark"===e.mode&&t`
+      &[data-state='indeterminate'] {
+        background-color: ${({theme:e})=>e.colors.text.primary};
+        border-color: ${({theme:e})=>e.colors.text.primary};
+      }
+    `}
+`,O=c.forwardRef(((e,t)=>o.jsx("svg",{width:"24",height:"7",viewBox:"0 0 24 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:t,children:o.jsx("rect",{y:"0.25",width:"24",height:"6",rx:"3",fill:e.fill||"currentcolor"})}))),T=({isRequired:e,isErrored:t,className:i,readOnly:s,label:d,...c})=>{const l=r();return o.jsxs(P,{children:[o.jsx(R,{className:("CheckboxRoot "+(i??"")).trim(),required:e,"aria-invalid":t,"aria-label":d||"Checkbox","aria-required":e,"aria-readonly":s,"aria-disabled":c.disabled,dir:l.direction,...c,children:o.jsx(L,{className:"CheckboxIndicator",children:"indeterminate"===c.checked?o.jsx(O,{className:"toggle-indeterminate",width:8,height:6,fill:"dark"===l.mode?l.colors.common.black:l.colors.common.white}):o.jsx(y,{className:"toggle-on",width:8,height:6,fill:"dark"===l.mode?l.colors.common.black:l.colors.common.white})})}),d&&o.jsxs(a,{className:"CheckboxLabel",htmlFor:c.id,children:[d,d&&e&&o.jsx(n,{children:"*"})]})]})};export{T as C};

package/lib/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
 
 interface CheckboxProps extends CheckboxProps$1 {
@@ -23,6 +23,6 @@ interface CheckboxProps extends CheckboxProps$1 {
 /**
  * Checkbox displays a check box on the user interface and enables assigning a state (selected or deselected) to it. In the selected state, the check box displayed on the UI is highlighted and contains a check mark.
  */
-declare const Checkbox: ({ isRequired, isErrored, className, readOnly, label, ...rest }: CheckboxProps) => React.JSX.Element;
+declare const Checkbox: ({ isRequired, isErrored, className, readOnly, label, ...rest }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
-export { Checkbox, type CheckboxProps };
+export { type CheckboxProps, Checkbox as default };

package/lib/Checkbox.js

@@ -1 +1 @@
-export{C as Checkbox}from"./Checkbox-CmvqP6CF.js";import"./styled-components.browser.esm-89g2oVoD.js";import"react";import"./index-C9JIXGfH.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-DnaNxNje.js";import"./keyframes-CyBRv3OJ.js";import"./index-BCBGGtXO.js";import"./index-D4pfkNFk.js";import"./index-DZzFKxNs.js";import"./index-Bj96NGNJ.js";import"./index-BrmsftDQ.js";import"./TickIcon-Bf575C6Y.js";
+export{C as default}from"./Checkbox-U3_actBa.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";import"./index-B3ttnEEs.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-Bw1WW_qt.js";import"./keyframes-0CSXUjw0.js";import"./index-BCBGGtXO.js";import"./index-D4pfkNFk.js";import"./index-DZzFKxNs.js";import"./index-Bj96NGNJ.js";import"./index-BrmsftDQ.js";import"./TickIcon-D8ryFR8A.js";

package/lib/ChevronUp-D_QXlMGy.js

@@ -0,0 +1 @@
+import{j as o}from"./styled-components.browser.esm-8fYqm7jD.js";import r from"react";const s=r.forwardRef(((r,s)=>o.jsx("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,ref:s,children:o.jsx("path",{d:"M0.696495 5.3465C0.882365 5.34499 1.06086 5.27359 1.19649 5.1465L3.99649 2.3365L6.79649 5.1465C7.07264 5.42264 7.52035 5.42264 7.79649 5.1465C8.07264 4.87035 8.07264 4.42264 7.79649 4.1465L4.49649 0.856495C4.36483 0.722118 4.18462 0.646393 3.99649 0.646393C3.80837 0.646393 3.62816 0.722118 3.49649 0.856495L0.206495 4.1465C0.00332102 4.34556 -0.0591904 4.64778 0.0483378 4.91112C0.155867 5.17445 0.412052 5.34654 0.696495 5.3465Z",fill:r.fill})})));export{s as C};

package/lib/Combination-DRFSmqCF.js

@@ -0,0 +1 @@
+import*as e from"react";import{useEffect as n,forwardRef as t,useState as r,useRef as o,useCallback as a,createElement as c}from"react";import{$ as i,a as u,_ as l}from"./index-CMYH5FSo.js";import{b as s}from"./index-BCBGGtXO.js";import{c as d,f,g as v}from"./styled-components.browser.esm-8fYqm7jD.js";let m=0;function p(){n((()=>{var e,n;const t=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",null!==(e=t[0])&&void 0!==e?e:h()),document.body.insertAdjacentElement("beforeend",null!==(n=t[1])&&void 0!==n?n:h()),m++,()=>{1===m&&document.querySelectorAll("[data-radix-focus-guard]").forEach((e=>e.remove())),m--}}),[])}function h(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",e}const g="focusScope.autoFocusOnMount",y="focusScope.autoFocusOnUnmount",E={bubbles:!1,cancelable:!0},b=t(((e,t)=>{const{loop:d=!1,trapped:f=!1,onMountAutoFocus:v,onUnmountAutoFocus:m,...p}=e,[h,b]=r(null),S=s(v),L=s(m),x=o(null),A=i(t,(e=>b(e))),N=o({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;n((()=>{if(f){function e(e){if(N.paused||!h)return;const n=e.target;h.contains(n)?x.current=n:k(x.current,{select:!0})}function n(e){if(N.paused||!h)return;const n=e.relatedTarget;null!==n&&(h.contains(n)||k(x.current,{select:!0}))}function t(e){if(document.activeElement===document.body)for(const n of e)n.removedNodes.length>0&&k(h)}document.addEventListener("focusin",e),document.addEventListener("focusout",n);const r=new MutationObserver(t);return h&&r.observe(h,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",e),document.removeEventListener("focusout",n),r.disconnect()}}}),[f,h,N.paused]),n((()=>{if(h){T.add(N);const e=document.activeElement;if(!h.contains(e)){const n=new CustomEvent(g,E);h.addEventListener(g,S),h.dispatchEvent(n),n.defaultPrevented||(function(e,{select:n=!1}={}){const t=document.activeElement;for(const r of e)if(k(r,{select:n}),document.activeElement!==t)return}(w(h).filter((e=>"A"!==e.tagName)),{select:!0}),document.activeElement===e&&k(h))}return()=>{h.removeEventListener(g,S),setTimeout((()=>{const n=new CustomEvent(y,E);h.addEventListener(y,L),h.dispatchEvent(n),n.defaultPrevented||k(null!=e?e:document.body,{select:!0}),h.removeEventListener(y,L),T.remove(N)}),0)}}}),[h,S,L,N]);const M=a((e=>{if(!d&&!f)return;if(N.paused)return;const n=document.activeElement;if("Tab"===e.key&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&n){const t=e.currentTarget,[r,o]=function(e){const n=w(e);return[C(n,e),C(n.reverse(),e)]}(t);r&&o?e.shiftKey||n!==o?e.shiftKey&&n===r&&(e.preventDefault(),d&&k(o,{select:!0})):(e.preventDefault(),d&&k(r,{select:!0})):n===t&&e.preventDefault()}}),[d,f,N.paused]);return c(u.div,l({tabIndex:-1},p,{ref:A,onKeyDown:M}))}));function w(e){const n=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e.disabled||e.hidden||"INPUT"===e.tagName&&"hidden"===e.type||0>e.tabIndex?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT});for(;t.nextNode();)n.push(t.currentNode);return n}function C(e,n){for(const t of e)if(!S(t,{upTo:n}))return t}function S(e,{upTo:n}){if("hidden"===getComputedStyle(e).visibility)return!0;for(;e;){if(void 0!==n&&e===n)return!1;if("none"===getComputedStyle(e).display)return!0;e=e.parentElement}return!1}function k(e,{select:n=!1}={}){if(e&&e.focus){const t=document.activeElement;e.focus({preventScroll:!0}),e!==t&&function(e){return e instanceof HTMLInputElement&&"select"in e}(e)&&n&&e.select()}}const T=function(){let e=[];return{add(n){const t=e[0];n!==t&&(null==t||t.pause()),e=L(e,n),e.unshift(n)},remove(n){var t;e=L(e,n),null===(t=e[0])||void 0===t||t.resume()}}}();function L(e,n){const t=[...e],r=t.indexOf(n);return-1!==r&&t.splice(r,1),t}var x=new WeakMap,A=new WeakMap,N={},M=0,R=function(e){return e&&(e.host||R(e.parentNode))},W=function(e,n,t){void 0===t&&(t="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),o=function(e){return"undefined"==typeof document?null:(Array.isArray(e)?e[0]:e).ownerDocument.body}(e);return o?(r.push.apply(r,Array.from(o.querySelectorAll("[aria-live]"))),function(e,n,t,r){var o=function(e,n){return n.map((function(n){if(e.contains(n))return n;var t=R(n);return t&&e.contains(t)?t:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)})).filter((function(e){return!!e}))}(n,Array.isArray(e)?e:[e]);N[t]||(N[t]=new WeakMap);var a=N[t],c=[],i=new Set,u=new Set(o),l=function(e){e&&!i.has(e)&&(i.add(e),l(e.parentNode))};o.forEach(l);var s=function(e){e&&!u.has(e)&&Array.prototype.forEach.call(e.children,(function(e){if(i.has(e))s(e);else{var n=e.getAttribute(r),o=null!==n&&"false"!==n,u=(x.get(e)||0)+1,l=(a.get(e)||0)+1;x.set(e,u),a.set(e,l),c.push(e),1===u&&o&&A.set(e,!0),1===l&&e.setAttribute(t,"true"),o||e.setAttribute(r,"true")}}))};return s(n),i.clear(),M++,function(){c.forEach((function(e){var n=x.get(e)-1,o=a.get(e)-1;x.set(e,n),a.set(e,o),n||(A.has(e)||e.removeAttribute(r),A.delete(e)),o||e.removeAttribute(t)})),--M||(x=new WeakMap,x=new WeakMap,A=new WeakMap,N={})}}(r,o,t,"aria-hidden")):function(){return null}},I="right-scroll-bar-position",P="width-before-scroll-bar";function _(e){return e}var F=function(n){var t=n.sideCar,r=f(n,["sideCar"]);if(!t)throw Error("Sidecar: please provide `sideCar` property to import the right car");var o=t.read();if(!o)throw Error("Sidecar medium not found");return e.createElement(o,d({},r))};F.isSideCarExport=!0;var B=function(e){void 0===e&&(e={});var n=function(e,n){void 0===n&&(n=_);var t=[],r=!1;return{read:function(){if(r)throw Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return t.length?t[t.length-1]:null},useMedium:function(e){var o=n(e,r);return t.push(o),function(){t=t.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;t.length;){var n=t;t=[],n.forEach(e)}t={push:function(n){return e(n)},filter:function(){return t}}},assignMedium:function(e){r=!0;var n=[];if(t.length){var o=t;t=[],o.forEach(e),n=t}var a=function(){var t=n;n=[],t.forEach(e)},c=function(){return Promise.resolve().then(a)};c(),t={push:function(e){n.push(e),c()},filter:function(e){return n=n.filter(e),t}}}}}();return n.options=d({async:!0,ssr:!1},e),n}(),D=function(){},j=e.forwardRef((function(n,t){var o=e.useRef(null),a=e.useState({onScrollCapture:D,onWheelCapture:D,onTouchMoveCapture:D}),c=a[0],i=a[1],u=n.forwardProps,l=n.children,s=n.className,v=n.removeScrollBar,m=n.enabled,p=n.shards,h=n.sideCar,g=n.noIsolation,y=n.inert,E=n.allowPinchZoom,b=n.as,w=void 0===b?"div":b,C=f(n,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),S=h,k=function(e,n){return t=function(n){return e.forEach((function(e){return function(e,n){return"function"==typeof e?e(n):e&&(e.current=n),e}(e,n)}))},(o=r((function(){return{value:null,callback:t,facade:{get current(){return o.value},set current(e){var n=o.value;n!==e&&(o.value=e,o.callback(e,n))}}}}))[0]).callback=t,o.facade;var t,o}([o,t]),T=d(d({},C),c);return e.createElement(e.Fragment,null,m&&e.createElement(S,{sideCar:B,removeScrollBar:v,shards:p,noIsolation:g,inert:y,setCallbacks:i,allowPinchZoom:!!E,lockRef:o}),u?e.cloneElement(e.Children.only(l),d(d({},T),{ref:k})):e.createElement(w,d({},T,{className:s,ref:k}),l))}));j.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},j.classNames={fullWidth:P,zeroRight:I};var K=function(){var e=0,n=null;return{add:function(t){var r,o;0==e&&(n=function(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var n=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return n&&e.setAttribute("nonce",n),e}())&&(o=t,(r=n).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(n)),e++},remove:function(){! --e&&n&&(n.parentNode&&n.parentNode.removeChild(n),n=null)}}},X=function(){var n,t=(n=K(),function(t,r){e.useEffect((function(){return n.add(t),function(){n.remove()}}),[t&&r])});return function(e){return t(e.styles,e.dynamic),null}},Y={left:0,top:0,right:0,gap:0},O=function(e){return parseInt(e||"",10)||0},H=X(),Z=function(e,n,t,r){var o=e.left,a=e.top,c=e.right,i=e.gap;return void 0===t&&(t="margin"),"\n  .with-scroll-bars-hidden {\n   overflow: hidden ".concat(r,";\n   padding-right: ").concat(i,"px ").concat(r,";\n  }\n  body {\n    overflow: hidden ").concat(r,";\n    overscroll-behavior: contain;\n    ").concat([n&&"position: relative ".concat(r,";"),"margin"===t&&"\n    padding-left: ".concat(o,"px;\n    padding-top: ").concat(a,"px;\n    padding-right: ").concat(c,"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(i,"px ").concat(r,";\n    "),"padding"===t&&"padding-right: ".concat(i,"px ").concat(r,";")].filter(Boolean).join(""),"\n  }\n  \n  .").concat(I," {\n    right: ").concat(i,"px ").concat(r,";\n  }\n  \n  .").concat(P," {\n    margin-right: ").concat(i,"px ").concat(r,";\n  }\n  \n  .").concat(I," .").concat(I," {\n    right: 0 ").concat(r,";\n  }\n  \n  .").concat(P," .").concat(P," {\n    margin-right: 0 ").concat(r,";\n  }\n  \n  body {\n    ").concat("--removed-body-scroll-bar-size",": ").concat(i,"px;\n  }\n")},q=function(n){var t=n.noRelative,r=n.noImportant,o=n.gapMode,a=void 0===o?"margin":o,c=e.useMemo((function(){return function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return Y;var n=function(e){var n=window.getComputedStyle(document.body),t=n["padding"===e?"paddingTop":"marginTop"],r=n["padding"===e?"paddingRight":"marginRight"];return[O(n["padding"===e?"paddingLeft":"marginLeft"]),O(t),O(r)]}(e),t=document.documentElement.clientWidth,r=window.innerWidth;return{left:n[0],top:n[1],right:n[2],gap:Math.max(0,r-t+n[2]-n[0])}}(a)}),[a]);return e.createElement(H,{styles:Z(c,!t,a,r?"":"!important")})},U=!1;if("undefined"!=typeof window)try{var z=Object.defineProperty({},"passive",{get:function(){return U=!0,!0}});window.addEventListener("test",z,z),window.removeEventListener("test",z,z)}catch(e){U=!1}var $,G=!!U&&{passive:!1},J=function(e,n){var t=window.getComputedStyle(e);return"hidden"!==t[n]&&!(t.overflowY===t.overflowX&&!function(e){return"TEXTAREA"===e.tagName}(e)&&"visible"===t[n])},Q=function(e,n){var t=n;do{if("undefined"!=typeof ShadowRoot&&t instanceof ShadowRoot&&(t=t.host),V(e,t)){var r=ee(e,t);if(r[1]>r[2])return!0}t=t.parentNode}while(t&&t!==document.body);return!1},V=function(e,n){return"v"===e?function(e){return J(e,"overflowY")}(n):function(e){return J(e,"overflowX")}(n)},ee=function(e,n){return"v"===e?[(t=n).scrollTop,t.scrollHeight,t.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(n);var t},ne=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},te=function(e){return[e.deltaX,e.deltaY]},re=function(e){return e&&"current"in e?e.current:e},oe=function(e){return"\n  .block-interactivity-".concat(e," {pointer-events: none;}\n  .allow-interactivity-").concat(e," {pointer-events: all;}\n")},ae=0,ce=[],ie=($=function(n){var t=e.useRef([]),r=e.useRef([0,0]),o=e.useRef(),a=e.useState(ae++)[0],c=e.useState((function(){return X()}))[0],i=e.useRef(n);e.useEffect((function(){i.current=n}),[n]),e.useEffect((function(){if(n.inert){document.body.classList.add("block-interactivity-".concat(a));var e=v([n.lockRef.current],(n.shards||[]).map(re),!0).filter(Boolean);return e.forEach((function(e){return e.classList.add("allow-interactivity-".concat(a))})),function(){document.body.classList.remove("block-interactivity-".concat(a)),e.forEach((function(e){return e.classList.remove("allow-interactivity-".concat(a))}))}}}),[n.inert,n.lockRef.current,n.shards]);var u=e.useCallback((function(e,n){if("touches"in e&&2===e.touches.length)return!i.current.allowPinchZoom;var t,a=ne(e),c=r.current,u="deltaX"in e?e.deltaX:c[0]-a[0],l="deltaY"in e?e.deltaY:c[1]-a[1],s=e.target,d=Math.abs(u)>Math.abs(l)?"h":"v";if("touches"in e&&"h"===d&&"range"===s.type)return!1;var f=Q(d,s);if(!f)return!0;if(f?t=d:(t="v"===d?"h":"v",f=Q(d,s)),!f)return!1;if(!o.current&&"changedTouches"in e&&(u||l)&&(o.current=t),!t)return!0;var v=o.current||t;return function(e,n,t,r,o){var a=function(e,n){return"h"===e&&"rtl"===n?-1:1}(e,window.getComputedStyle(n).direction),c=a*r,i=t.target,u=n.contains(i),l=!1,s=c>0,d=0,f=0;do{var v=ee(e,i),m=v[0],p=v[1]-v[2]-a*m;(m||p)&&V(e,i)&&(d+=p,f+=m),i=i.parentNode}while(!u&&i!==document.body||u&&(n.contains(i)||n===i));return(!s||0!==d&&true)&&(s||0!==f&&true)||(l=!0),l}(v,n,e,"h"===v?u:l)}),[]),l=e.useCallback((function(e){var n=e;if(ce.length&&ce[ce.length-1]===c){var r="deltaY"in n?te(n):ne(n),o=t.current.filter((function(e){return e.name===n.type&&e.target===n.target&&(t=e.delta)[0]===(o=r)[0]&&t[1]===o[1];var t,o}))[0];if(o&&o.should)n.cancelable&&n.preventDefault();else if(!o){var a=(i.current.shards||[]).map(re).filter(Boolean).filter((function(e){return e.contains(n.target)}));(a.length>0?u(n,a[0]):!i.current.noIsolation)&&n.cancelable&&n.preventDefault()}}}),[]),s=e.useCallback((function(e,n,r,o){var a={name:e,delta:n,target:r,should:o};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),d=e.useCallback((function(e){r.current=ne(e),o.current=void 0}),[]),f=e.useCallback((function(e){s(e.type,te(e),e.target,u(e,n.lockRef.current))}),[]),m=e.useCallback((function(e){s(e.type,ne(e),e.target,u(e,n.lockRef.current))}),[]);e.useEffect((function(){return ce.push(c),n.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:m}),document.addEventListener("wheel",l,G),document.addEventListener("touchmove",l,G),document.addEventListener("touchstart",d,G),function(){ce=ce.filter((function(e){return e!==c})),document.removeEventListener("wheel",l,G),document.removeEventListener("touchmove",l,G),document.removeEventListener("touchstart",d,G)}}),[]);var p=n.removeScrollBar;return e.createElement(e.Fragment,null,n.inert?e.createElement(c,{styles:oe(a)}):null,p?e.createElement(q,{gapMode:"margin"}):null)},B.useMedium($),F),ue=e.forwardRef((function(n,t){return e.createElement(j,d({},n,{ref:t,sideCar:ie}))}));ue.classNames=j.classNames;export{p as $,ue as R,b as a,W as h};

package/lib/Confirmation-BhQHgouL.js

@@ -0,0 +1,60 @@
+import{u as e,a as t,e as o,j as r}from"./styled-components.browser.esm-8fYqm7jD.js";import{_ as i,$ as a,c as n}from"./index-CMYH5FSo.js";import{createElement as s,forwardRef as l,useRef as c}from"react";import{$ as p}from"./index-BCBGGtXO.js";import{$ as d,a as m,b as h,c as g,d as f,e as u,f as x,g as y,h as $}from"./index-DYTeP_YW.js";import{$ as b}from"./index-D4pfkNFk.js";import{f as D,g as j}from"./index-B3ttnEEs.js";import{c as A,d as _}from"./keyframes-0CSXUjw0.js";import{B as v}from"./Button-38TrTrqS.js";const[C,w]=p("AlertDialog",[d]),O=d(),k=l(((e,t)=>{const{__scopeAlertDialog:o,...r}=e,a=O(o);return s(g,i({},a,r,{ref:t}))})),S="AlertDialogContent",[B,F]=C(S),N=l(((e,t)=>{const{__scopeAlertDialog:o,children:r,...l}=e,p=O(o),d=c(null),m=a(t,d),h=c(null);return s(f,{contentName:S,titleName:T,docsSlug:"alert-dialog"},s(B,{scope:o,cancelRef:h},s(u,i({role:"alertdialog"},p,l,{ref:m,onOpenAutoFocus:b(l.onOpenAutoFocus,(e=>{var t;e.preventDefault(),null===(t=h.current)||void 0===t||t.focus({preventScroll:!0})})),onPointerDownOutside:e=>e.preventDefault(),onInteractOutside:e=>e.preventDefault()}),s(n,null,r),!1)))})),T="AlertDialogTitle",z=l(((e,t)=>{const{__scopeAlertDialog:o,...r}=e,a=O(o);return s(x,i({},a,r,{ref:t}))})),H=l(((e,t)=>{const{__scopeAlertDialog:o,...r}=e,a=O(o);return s(y,i({},a,r,{ref:t}))})),I=k,M=N,R=l(((e,t)=>{const{__scopeAlertDialog:o,...r}=e,a=O(o);return s($,i({},a,r,{ref:t}))})),W=l(((e,t)=>{const{__scopeAlertDialog:o,...r}=e,{cancelRef:n}=F("AlertDialogCancel",o),l=O(o),c=a(t,n);return s($,i({},l,r,{ref:c}))})),E=z,P=H,q=e((e=>{const{__scopeAlertDialog:t,...o}=e,r=O(t);return s(m,i({},r,o,{modal:!0}))}))``,G=e((e=>{const{__scopeAlertDialog:t,...o}=e,r=O(t);return s(h,i({},r,o))}))``,J=e(W)``,K=e(R)``,L=e(I)`
+  ${D}
+`,Q=e(M)`
+  ${j}
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, 0);
+  min-width: 500px;
+  max-width: 540px;
+  max-height: 85vh;
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  animation-duration: ${({theme:e})=>e.transitions.duration.standard};
+  animation-timing-function: ${({theme:e})=>e.transitions.easing.easeIn};
+  color: ${({theme:e})=>e.colors.text.primary};
+  &:focus {
+    outline: none;
+  }
+  &[data-state='open'] {
+    animation-name: ${A};
+  }
+  &[data-state='closed'] {
+    animation-name: ${_};
+  }
+`,U=e(E)`
+  color: ${({theme:e})=>e.colors.text.primary};
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  font-size: ${({theme:e})=>e.typography.heading4.fontSize};
+  line-height: ${({theme:e})=>e.typography.heading4.lineHeight};
+  font-weight: ${({theme:e})=>e.typography.fontWeight["semi-bold"]};
+  direction: ${({theme:e})=>e.direction};
+  margin: 0;
+  letter-spacing: unset;
+  padding: 32px 32px
+    ${({$hasdescription:e})=>e?"0px":"16px"} 32px;
+`,V=e(P)`
+  color: ${({theme:e})=>e.colors.text.primary};
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  font-size: ${({theme:e})=>e.typography.primary.fontSize};
+  font-weight: ${({theme:e})=>e.typography.fontWeight.regular};
+  line-height: ${({theme:e})=>e.typography.primary.lineHeight};
+  direction: ${({theme:e})=>e.direction};
+  letter-spacing: 0px;
+  padding: 0 32px 0px 32px;
+  letter-spacing: unset;
+  margin: 10px 0px 24px !important;
+`,X=e.div`
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  border-top: 1px solid ${({theme:e})=>e.colors.border.light};
+  background-color: ${({theme:e})=>e.colors.fill.base};
+  display: flex;
+  padding: 16px;
+  gap: 12px;
+  justify-content: flex-end;
+
+  ${({theme:e})=>"dark"===e.mode&&t`
+      border-top: 1px solid ${e.colors.fill.base};
+    `}
+`,Y=({isOpen:e,title:t,description:i,onConfirm:a,onDismiss:n,cancelButtonText:s,children:l,cancelButtonDisabled:c,confirmButtonDisabled:p,confirmButtonText:d,clickOutToClose:m=!1,bodyStyles:h,contentStyles:g,footerStyles:f,width:u="520px"})=>{const x=o();return r.jsx(q,{open:e,onOpenChange:e=>{e||n?.("root")},children:r.jsxs(G,{children:[r.jsx(L,{forceMount:!0,style:h,className:"AlertDialogOverlay",onClick:e=>{m&&n?.("overlay",e)}}),r.jsxs(Q,{forceMount:!0,className:"AlertDialogContent",style:{...g,width:u},dir:x.direction,children:[t&&r.jsx(U,{$hasdescription:!!i,className:"AlertDialogTitle",children:t}),i&&r.jsx(V,{$hasChildren:!!l,className:"AlertDialogDescription",children:i}),l?r.jsx(r.Fragment,{children:l}):null,r.jsxs(X,{style:f,children:[s&&r.jsx(J,{asChild:!0,children:r.jsx(v,{variant:"secondary",autoFocus:!0,"aria-disabled":c,disabled:c,onClick:e=>{e.preventDefault(),n?.("button",e)},"aria-label":s,children:s})}),d&&r.jsx(K,{asChild:!0,children:r.jsx(v,{variant:"primary","aria-disabled":p,disabled:p,onClick:e=>{e.preventDefault(),a?.(e)},"aria-label":d,children:d})})]})]})]})})};export{Y as C};

package/lib/Confirmation.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import React$1 from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ConfirmationProps {
     /**
@@ -67,6 +67,6 @@ interface ConfirmationProps {
 /**
  * Confirmation component is used to show a confirmation dialog to the user. It is used to confirm an action before it is executed.
  */
-declare const Confirmation: ({ isOpen, title, description, onConfirm, onDismiss, cancelButtonText, children, cancelButtonDisabled, confirmButtonDisabled, confirmButtonText, clickOutToClose, bodyStyles, contentStyles, footerStyles, width, }: ConfirmationProps) => React$1.JSX.Element;
+declare const Confirmation: ({ isOpen, title, description, onConfirm, onDismiss, cancelButtonText, children, cancelButtonDisabled, confirmButtonDisabled, confirmButtonText, clickOutToClose, bodyStyles, contentStyles, footerStyles, width, }: ConfirmationProps) => react_jsx_runtime.JSX.Element;
 
-export { Confirmation, type ConfirmationProps };
+export { type ConfirmationProps, Confirmation as default };

package/lib/Confirmation.js

@@ -1 +1 @@
-export{C as Confirmation}from"./Confirmation-DrgDPGEA.js";import"./styled-components.browser.esm-89g2oVoD.js";import"react";import"./index-CMYH5FSo.js";import"react-dom";import"./index-BCBGGtXO.js";import"./index-M1OtTK_a.js";import"./index-D4pfkNFk.js";import"./index-DE6Djr2P.js";import"./index-CGIN8I3H.js";import"./Combination-BnXRbEZN.js";import"./index-BrmsftDQ.js";import"./index-C9JIXGfH.js";import"./index-DnaNxNje.js";import"./keyframes-CyBRv3OJ.js";import"./Button-C2GQK5Zh.js";
+export{C as default}from"./Confirmation-BhQHgouL.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";import"./index-CMYH5FSo.js";import"react-dom";import"./index-BCBGGtXO.js";import"./index-DYTeP_YW.js";import"./index-D4pfkNFk.js";import"./index-DE6Djr2P.js";import"./index-CGIN8I3H.js";import"./Combination-DRFSmqCF.js";import"./index-BrmsftDQ.js";import"./index-B3ttnEEs.js";import"./index-Bw1WW_qt.js";import"./keyframes-0CSXUjw0.js";import"./Button-38TrTrqS.js";

package/lib/Cross-CgQhiy9a.js

@@ -0,0 +1 @@
+import{j as C}from"./styled-components.browser.esm-8fYqm7jD.js";import o from"react";const r=o.forwardRef(((o,r)=>C.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,ref:r,children:C.jsx("path",{d:"M5.29058 3.96971L7.72863 1.59934C8.09046 1.23484 8.09046 0.646977 7.72863 0.28247C7.55697 0.102105 7.31879 0 7.0697 0C6.8206 0 6.58242 0.102105 6.41076 0.28247L3.97271 2.65284L1.60055 0.295638C1.42889 0.115274 1.19071 0.0131687 0.941616 0.0131687C0.692525 0.0131687 0.454339 0.115274 0.282683 0.295638C0.102182 0.467165 0 0.705171 0 0.954075C0 1.20298 0.102182 1.44098 0.282683 1.61251L2.65484 3.96971L0.295861 6.4191C0.115361 6.59062 0.0131787 6.82863 0.0131787 7.07753C0.0131787 7.32644 0.115361 7.56444 0.295861 7.73597C0.468326 7.90482 0.700166 7.99938 0.941616 7.99934C1.18657 7.99736 1.4218 7.90334 1.60055 7.73597L3.97271 5.28659L6.42394 7.7228C6.59641 7.89165 6.82825 7.98621 7.0697 7.98618C7.31465 7.98419 7.54988 7.89017 7.72863 7.7228C8.09046 7.35829 8.09046 6.77044 7.72863 6.40593L5.29058 3.96971Z",fill:o.fill})})));export{r as C};