freemium-ui 2.0.90 → 2.1.0-alpha.0

package/lib/index-D8E8s0tV.js

@@ -0,0 +1,60 @@
+import{u as n,_ as t,f as e}from"./styled-components.browser.esm-Bq2p-e5F.js"
+;import{a as o,_ as i}from"./index-ByHJlnsx.js"
+;import{forwardRef as r,createElement as a}from"react"
+;import{h as l,Z as f}from"./index-BnDw8kbT.js"
+;import{b as c,a as h}from"./keyframes-PnzFl0I5.js"
+;var m,u,d,s,p,g,y,x,b,z,w,k,v,j=n(r(((n,t)=>a(o.label,i({},n,{ref:t,
+onMouseDown:t=>{var e
+;null===(e=n.onMouseDown)||void 0===e||e.call(n,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault()
+}
+})))))(m||(m=t(["\n  color: ",";\n  font-family: ",";\n  direction: ",";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px;\n  display: flex;\n  margin-bottom: 4px;\n"],["\n  color: ",";\n  font-family: ",";\n  direction: ",";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px;\n  display: flex;\n  margin-bottom: 4px;\n"])),(function(n){
+return n.theme.colors.text.secondary}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){return n.theme.direction
+})),F=n.label(u||(u=t(["\n  font-family: ",";\n  color: ",";\n  margin: 0 8px;\n  display: inline-flex;\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  display: flex;\n"],["\n  font-family: ",";\n  color: ",";\n  margin: 0 8px;\n  display: inline-flex;\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  display: flex;\n"])),(function(n){
+return n.theme.typography.fontFamily}),(function(n){var t=n.theme
+;return n.disabled?t.colors.text.disabled:t.colors.text.primary}),(function(n){
+return n.theme.typography.fontWeight.regular}),(function(n){
+return n.theme.typography.secondary.fontSize}),(function(n){
+return n.theme.typography.secondary.lineHeight
+})),S=n.div(d||(d=t(["\n  color: ",";\n  margin-left: ",";\n  margin-right: ",";\n"],["\n  color: ",";\n  margin-left: ",";\n  margin-right: ",";\n"])),(function(n){
+var t=n.theme;return"dark"===t.mode?t.colors.text.primary:t.colors.text.error
+}),(function(n){return"ltr"===n.theme.direction?"2px":"unset"}),(function(n){
+return"rtl"===n.theme.direction?"2px":"unset"
+})),H=n.button(s||(s=t(["\n  margin: 0;\n  padding: 0;\n  width: 20px;\n  height: 20px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin: 0;\n  padding: 0;\n  width: 20px;\n  height: 20px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),W=n.a(p||(p=t(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  font-family: ",";\n  text-decoration: unset;\n  :hover {\n    text-decoration: underline;\n  }\n"],["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  font-family: ",";\n  text-decoration: unset;\n  :hover {\n    text-decoration: underline;\n  }\n"])),(function(n){
+return n.theme.typography.fontWeight["semi-bold"]}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.theme.typography.primary.lineHeight}),(function(n){
+return n.theme.colors.text.link}),(function(n){
+return n.theme.typography.fontFamily
+})),I=n.div(g||(g=t(["\n  flex: 1;\n  padding: 32px;\n  height: 100%;\n  cursor: default;\n"],["\n  flex: 1;\n  padding: 32px;\n  height: 100%;\n  cursor: default;\n"]))),D=n.div(y||(y=t(["\n  background-color: ",";\n  display: flex;\n  padding: 16px;\n  gap: 12px;\n  justify-content: flex-end;\n"],["\n  background-color: ",";\n  display: flex;\n  padding: 16px;\n  gap: 12px;\n  justify-content: flex-end;\n"])),(function(n){
+var t=n.theme;return"dark"===t.mode?t.colors.fill.medium:t.colors.fill.base
+})),M=n.h1(x||(x=t(["\n  color: ",";\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0 0 12px 0;\n"],["\n  color: ",";\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0 0 12px 0;\n"])),(function(n){
+return n.theme.colors.text.primary}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.typography.heading3.fontSize}),(function(n){
+return n.theme.typography.fontWeight["semi-bold"]}),(function(n){
+return n.theme.typography.heading3.lineHeight
+})),T=n.div(b||(b=t(["\n  color: ",";\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0 0 16px 0;\n"],["\n  color: ",";\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0 0 16px 0;\n"])),(function(n){
+return n.theme.colors.text.primary}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.typography.heading.fontSize}),(function(n){
+return n.theme.typography.fontWeight.regular}),(function(n){
+return n.theme.typography.heading.lineHeight
+})),_=n.div(z||(z=t(["\n  color: ",";\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  color: ",";\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),(function(n){
+return n.theme.colors.text.primary}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.theme.typography.fontWeight.regular}),(function(n){
+return n.theme.typography.primary.lineHeight})),B=n.button.attrs((function(n){
+return{"aria-label":n["aria-label"]||"Trigger Button"}
+}))(w||(w=t(["\n  border: none;\n  padding: 0;\n  margin: 0;\n  width: fit-content;\n  background: inherit;\n  color: inherit;\n  cursor: pointer;\n  display: grid;\n  place-content: center;\n"],["\n  border: none;\n  padding: 0;\n  margin: 0;\n  width: fit-content;\n  background: inherit;\n  color: inherit;\n  cursor: pointer;\n  display: grid;\n  place-content: center;\n"]))),C=e(k||(k=t(["\n  background-color: ",";\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"],["\n  background-color: ",";\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(function(n){
+var t=n.theme
+;return"dark"===t.mode?l(t.colors.scrim,.5):l(t.colors.common.black,.25)
+}),(function(n){return(n.theme.zIndex.modal||f.modal)-1}),(function(n){
+return n.theme.transitions.duration.standard}),(function(n){
+return n.theme.transitions.easing.easeIn
+}),c,h),P=e(v||(v=t(["\n  position: fixed;\n  background: ",";\n  box-shadow: ",";\n  outline: none;\n  z-index: ",";\n"],["\n  position: fixed;\n  background: ",";\n  box-shadow: ",";\n  outline: none;\n  z-index: ",";\n"])),(function(n){
+return n.theme.colors.fill.surface}),(function(n){var t=n.theme
+;return"".concat("dark"===t.mode?"0 0 4px 0":"0 2px 18px 0"," ").concat(l(t.colors.shadow,.2))
+}),(function(n){return n.theme.zIndex.modal||f.modal}))
+;export{I as C,W as F,F as I,S as R,j as S,B as T,H as a,D as b,M as c,T as d,_ as e,C as f,P as g};

package/lib/index-DtILdK5l.js

@@ -0,0 +1,48 @@
+import{a as o,_ as e,$ as t}from"./index-ByHJlnsx.js"
+;import{forwardRef as r,useEffect as n,createElement as s,useRef as i,useState as a,useCallback as u}from"react"
+;import{$ as c,a as f}from"./index-CeIB4COQ.js"
+;import{$ as p}from"./index-Cjkk7z9c.js"
+;import{$ as l,b as d}from"./index-BdTXfGkV.js"
+;import{$ as m}from"./index-BxNZ3C71.js";import{$ as v}from"./index-BY9lf-do.js"
+;const b="rovingFocusGroup.onEntryFocus",g={bubbles:!1,cancelable:!0
+},w="RovingFocusGroup",[F,I,A]=p(w),[x,T]=l(w,[A]),[h,R]=x(w),D=r(((o,t)=>s(F.Provider,{
+scope:o.__scopeRovingFocusGroup},s(F.Slot,{scope:o.__scopeRovingFocusGroup
+},s(S,e({},o,{ref:t})))))),S=r(((r,p)=>{
+const{__scopeRovingFocusGroup:l,orientation:m,loop:w=!1,dir:F,currentTabStopId:A,defaultCurrentTabStopId:x,onCurrentTabStopIdChange:T,onEntryFocus:R,...D}=r,S=i(null),y=t(p,S),E=v(F),[G=null,$]=f({
+prop:A,defaultProp:x,onChange:T}),[j,L]=a(!1),C=d(R),P=I(l),M=i(!1),[B,K]=a(0)
+;return n((()=>{const o=S.current
+;if(o)return o.addEventListener(b,C),()=>o.removeEventListener(b,C)}),[C]),s(h,{
+scope:l,orientation:m,dir:E,loop:w,currentTabStopId:G,
+onItemFocus:u((o=>$(o)),[$]),onItemShiftTab:u((()=>L(!0)),[]),
+onFocusableItemAdd:u((()=>K((o=>o+1))),[]),
+onFocusableItemRemove:u((()=>K((o=>o-1))),[])},s(o.div,e({
+tabIndex:j||0===B?-1:0,"data-orientation":m},D,{ref:y,style:{outline:"none",
+...r.style},onMouseDown:c(r.onMouseDown,(()=>{M.current=!0})),
+onFocus:c(r.onFocus,(o=>{const e=!M.current
+;if(o.target===o.currentTarget&&e&&!j){const e=new CustomEvent(b,g)
+;if(o.currentTarget.dispatchEvent(e),!e.defaultPrevented){
+const o=P().filter((o=>o.focusable))
+;_([o.find((o=>o.active)),o.find((o=>o.id===G)),...o].filter(Boolean).map((o=>o.ref.current)))
+}}M.current=!1})),onBlur:c(r.onBlur,(()=>L(!1)))})))})),y=r(((t,r)=>{
+const{__scopeRovingFocusGroup:i,focusable:a=!0,active:u=!1,tabStopId:f,...p}=t,l=m(),d=f||l,v=R("RovingFocusGroupItem",i),b=v.currentTabStopId===d,g=I(i),{onFocusableItemAdd:w,onFocusableItemRemove:A}=v
+;return n((()=>{if(a)return w(),()=>A()}),[a,w,A]),s(F.ItemSlot,{scope:i,id:d,
+focusable:a,active:u},s(o.span,e({tabIndex:b?0:-1,
+"data-orientation":v.orientation},p,{ref:r,onMouseDown:c(t.onMouseDown,(o=>{
+a?v.onItemFocus(d):o.preventDefault()})),
+onFocus:c(t.onFocus,(()=>v.onItemFocus(d))),onKeyDown:c(t.onKeyDown,(o=>{
+if("Tab"===o.key&&o.shiftKey)return void v.onItemShiftTab()
+;if(o.target!==o.currentTarget)return;const e=function(o,e,t){
+const r=function(o,e){
+return"rtl"!==e?o:"ArrowLeft"===o?"ArrowRight":"ArrowRight"===o?"ArrowLeft":o
+}(o.key,t)
+;return"vertical"===e&&["ArrowLeft","ArrowRight"].includes(r)||"horizontal"===e&&["ArrowUp","ArrowDown"].includes(r)?void 0:E[r]
+}(o,v.orientation,v.dir);if(void 0!==e){o.preventDefault()
+;let n=g().filter((o=>o.focusable)).map((o=>o.ref.current))
+;if("last"===e)n.reverse();else if("prev"===e||"next"===e){
+"prev"===e&&n.reverse();const s=n.indexOf(o.currentTarget)
+;n=v.loop?(r=s+1,(t=n).map(((o,e)=>t[(r+e)%t.length]))):n.slice(s+1)}
+setTimeout((()=>_(n)))}var t,r}))})))})),E={ArrowLeft:"prev",ArrowUp:"prev",
+ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",
+End:"last"};function _(o){const e=document.activeElement;for(const t of o){
+if(t===e)return;if(t.focus(),document.activeElement!==e)return}}const G=D,$=y
+;export{T as $,G as a,$ as b};

package/lib/index-DtzckyT3.js

@@ -0,0 +1,4 @@
+import{useRef as r,useMemo as e}from"react";function u(u){const t=r({value:u,
+previous:u})
+;return e((()=>(t.current.value!==u&&(t.current.previous=t.current.value,
+t.current.value=u),t.current.previous)),[u])}export{u as $};

package/lib/index-Dy5ztCxm.js

@@ -0,0 +1,27 @@
+import{Children as n,cloneElement as e,useState as t,useRef as r,useEffect as o,useCallback as u,useReducer as i}from"react"
+;import{flushSync as s}from"react-dom";import{$ as m}from"./index-ByHJlnsx.js"
+;import{c as a}from"./index-BdTXfGkV.js";const c=c=>{
+const{present:N,children:f}=c,l=function(n){
+const[e,m]=t(),c=r({}),N=r(n),f=r("none"),l=n?"mounted":"unmounted",[p,O]=function(n,e){
+return i(((n,t)=>{const r=e[n][t];return null!=r?r:n}),n)}(l,{mounted:{
+UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{
+MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}})
+;return o((()=>{const n=d(c.current);f.current="mounted"===p?n:"none"
+}),[p]),a((()=>{const e=c.current,t=N.current;if(t!==n){const r=f.current,o=d(e)
+;if(n)O("MOUNT");else if("none"===o||"none"===(null==e?void 0:e.display))O("UNMOUNT");else{
+O(t&&r!==o?"ANIMATION_OUT":"UNMOUNT")}N.current=n}}),[n,O]),a((()=>{if(e){
+const n=n=>{const t=d(c.current).includes(n.animationName)
+;n.target===e&&t&&s((()=>O("ANIMATION_END")))},t=n=>{
+n.target===e&&(f.current=d(c.current))}
+;return e.addEventListener("animationstart",t),
+e.addEventListener("animationcancel",n),
+e.addEventListener("animationend",n),()=>{
+e.removeEventListener("animationstart",t),
+e.removeEventListener("animationcancel",n),
+e.removeEventListener("animationend",n)}}O("ANIMATION_END")}),[e,O]),{
+isPresent:["mounted","unmountSuspended"].includes(p),ref:u((n=>{
+n&&(c.current=getComputedStyle(n)),m(n)}),[])}}(N),p="function"==typeof f?f({
+present:l.isPresent}):n.only(f),O=m(l.ref,p.ref)
+;return"function"==typeof f||l.isPresent?e(p,{ref:O}):null};function d(n){
+return(null==n?void 0:n.animationName)||"none"}c.displayName="Presence"
+;export{c as $};