plume-ui-react 0.1.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/chunk-JMACSFO3.mjs +1 -0
- package/dist/chunk-PZGR7IS5.mjs +1 -0
- package/dist/components/form/checkbox/checkbox.mjs +1 -0
- package/dist/components/form/checkbox/index.mjs +1 -0
- package/dist/components/form/datepicker/calendar.mjs +1 -0
- package/dist/components/form/datepicker/datepicker-input.mjs +1 -0
- package/dist/components/form/datepicker/datepicker-reducer.mjs +1 -0
- package/dist/components/form/datepicker/datepicker.mjs +2 -0
- package/dist/components/form/datepicker/index.mjs +1 -1
- package/dist/components/form/datepicker/use-datepicker.mjs +1 -0
- package/dist/components/form/field/field-context.mjs +1 -0
- package/dist/components/form/field/field.mjs +1 -0
- package/dist/components/form/field/index.mjs +1 -1
- package/dist/components/form/input/index.mjs +1 -1
- package/dist/components/form/input/input.mjs +2 -0
- package/dist/components/form/radio/index.mjs +1 -0
- package/dist/components/form/radio/radio-group-context.mjs +1 -0
- package/dist/components/form/radio/radio-group.mjs +1 -0
- package/dist/components/form/radio/radio.mjs +1 -0
- package/dist/components/form/textarea/index.mjs +1 -0
- package/dist/components/form/textarea/textarea.mjs +1 -0
- package/dist/components/form/toggle/index.mjs +1 -0
- package/dist/components/form/toggle/toggle.mjs +1 -0
- package/dist/components/interaction/button/button.mjs +2 -0
- package/dist/components/interaction/button/index.mjs +1 -1
- package/dist/components/navigation/tabs/index.mjs +1 -1
- package/dist/components/navigation/tabs/tab-list.mjs +1 -0
- package/dist/components/navigation/tabs/tab-panel.mjs +1 -0
- package/dist/components/navigation/tabs/tab-panels.mjs +1 -0
- package/dist/components/navigation/tabs/tab.mjs +1 -0
- package/dist/components/navigation/tabs/tabs-reducer.mjs +1 -0
- package/dist/components/navigation/tabs/tabs.mjs +1 -0
- package/dist/components/navigation/tabs/use-tabs.mjs +1 -0
- package/dist/components/presentation/spinner/index.mjs +1 -1
- package/dist/components/presentation/spinner/spinner.mjs +5 -0
- package/dist/hooks/index.mjs +1 -0
- package/dist/hooks/use-click-outside.mjs +1 -1
- package/dist/hooks/use-debounce.mjs +1 -1
- package/dist/hooks/use-mask.mjs +1 -1
- package/dist/index.d.mts +68 -2
- package/dist/index.d.ts +68 -2
- package/dist/index.js +8 -8
- package/dist/index.mjs +1 -1
- package/dist/overlay/index.mjs +1 -0
- package/dist/overlay/layer.mjs +1 -0
- package/dist/overlay/portal.mjs +1 -0
- package/dist/overlay/position.mjs +1 -0
- package/dist/overlay/use-dismiss.mjs +1 -0
- package/dist/overlay/use-focus-trap.mjs +1 -0
- package/dist/overlay/use-isomorphic-layout-effect.mjs +1 -0
- package/dist/overlay/use-position.mjs +1 -0
- package/dist/overlay/use-scroll-lock.mjs +1 -0
- package/dist/styles.css +1 -1
- package/dist/theme/config.mjs +1 -0
- package/dist/theme/index.mjs +1 -1
- package/dist/theme/shared.types.mjs +0 -0
- package/dist/theme/shared.utils.mjs +1 -0
- package/dist/theme/theme-provider.mjs +1 -0
- package/dist/theme/theme-root.mjs +1 -0
- package/dist/theme/theme-to-css-vars.mjs +1 -0
- package/dist/theme/theme.types.mjs +0 -0
- package/dist/utils/colors.mjs +1 -1
- package/dist/utils/dates.mjs +1 -1
- package/dist/utils/index.mjs +1 -0
- package/dist/utils/lazy.mjs +1 -1
- package/dist/utils/merge.mjs +1 -1
- package/package.json +13 -10
- package/dist/chunk-6RTAEXNN.mjs +0 -1
- package/dist/chunk-A72ZRKNC.mjs +0 -1
- package/dist/chunk-AOJBMSYA.mjs +0 -1
- package/dist/chunk-BOTD5R53.mjs +0 -1
- package/dist/chunk-D237D3H5.mjs +0 -1
- package/dist/chunk-NFXMVNGX.mjs +0 -1
- package/dist/chunk-NNP2MCGD.mjs +0 -2
- package/dist/chunk-PEVXLYX3.mjs +0 -1
- package/dist/chunk-PNXPX444.mjs +0 -2
- package/dist/chunk-QON6DQTA.mjs +0 -1
- package/dist/chunk-TQ7ENVY5.mjs +0 -5
- package/dist/chunk-V5DKNP76.mjs +0 -2
- package/dist/chunk-WM4KUIPD.mjs +0 -1
- package/dist/chunk-ZN4UC4TJ.mjs +0 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";var Kt=Object.create;var xe=Object.defineProperty;var Wt=Object.getOwnPropertyDescriptor;var Zt=Object.getOwnPropertyNames;var Xt=Object.getPrototypeOf,Jt=Object.prototype.hasOwnProperty;var Qt=(e,t)=>{for(var r in t)xe(e,r,{get:t[r],enumerable:!0})},Tt=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Zt(t))!Jt.call(e,n)&&n!==r&&xe(e,n,{get:()=>t[n],enumerable:!(o=Wt(t,n))||o.enumerable});return e};var vt=(e,t,r)=>(r=e!=null?Kt(Xt(e)):{},Tt(t||!e||!e.__esModule?xe(r,"default",{value:e,enumerable:!0}):r,e)),er=e=>Tt(xe({},"__esModule",{value:!0}),e);var Mr={};Qt(Mr,{Button:()=>w,DatePicker:()=>pt,Field:()=>ut,Input:()=>Se,Spinner:()=>ye,Tab:()=>gt,TabList:()=>bt,TabPanel:()=>_t,TabPanels:()=>yt,Tabs:()=>ft,ThemeProvider:()=>lr,applyMask:()=>we,colorVar:()=>je,deepMerge:()=>Ce,defaultDarkTheme:()=>Ge,defaultTheme:()=>Ue,formatDate:()=>ie,getContrastColor:()=>Ke,getContrastRatio:()=>le,getDarkenColor:()=>_e,getDateFormatByLanguage:()=>ge,getDateFromDateString:()=>de,getDateStringByLanguage:()=>Ae,getDaysOfWeekByLanguage:()=>tt,getLightenColor:()=>Ee,getMonthsByLanguage:()=>rt,lazyLoadContent:()=>ot,themeToCssVars:()=>Ze,useClickOutside:()=>Je,useDebounce:()=>Qe,useMask:()=>et,useTheme:()=>sr,validateFormatDate:()=>Pe});module.exports=er(Mr);var Ue={colors:{primary:{50:"#ecf2ff",100:"#dce8ff",200:"#c1d2ff",300:"#9bb4ff",400:"#738bff",500:"#5263ff",600:"#3a3df8",700:"#2727db",800:"#2223b1",900:"#24278b",950:"#151551"},secondary:{50:"#f5f6f6",100:"#e5e7e8",200:"#cdd1d4",300:"#aab0b6",400:"#808990",500:"#6c757d",600:"#565c64",700:"#4a4f54",800:"#414449",900:"#3a3c3f",950:"#242628"},info:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c6fd",400:"#60a6fa",500:"#3b83f6",600:"#2564eb",700:"#1d4fd8",800:"#1e41af",900:"#1e3b8a",950:"#172554"},warning:{50:"#fef9e8",100:"#fef0c3",200:"#fee28a",300:"#fdd147",400:"#fac215",500:"#eab308",600:"#ca9a04",700:"#a17c07",800:"#85680e",900:"#715a12",950:"#423306"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},success:{50:"#f0fdf5",100:"#dcfce8",200:"#bbf7d1",300:"#86efad",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803c",800:"#166533",900:"#14532b",950:"#052e14"},brown:{50:"#f6f3f0",100:"#e9e1d8",200:"#d4c5b4",300:"#bba289",400:"#a78568",500:"#98745a",600:"#825f4c",700:"#6d4c41",800:"#5a3f39",900:"#4f3834",950:"#2c1e1c"},pink:{50:"#fff1f3",100:"#ffe3e7",200:"#ffc0cb",300:"#ffa2b3",400:"#fe6e8b",500:"#f83b66",600:"#e51951",700:"#c20e43",800:"#a20f40",900:"#8a113c",950:"#4d041c"},purple:{50:"#fcf4ff",100:"#f9e6ff",200:"#f3d2ff",300:"#eaaeff",400:"#dd7bff",500:"#d149ff",600:"#c325f8",700:"#ab15db",800:"#8f17b2",900:"#74148f",950:"#680085"},teal:{50:"#eefffc",100:"#c5fffa",200:"#8bfff5",300:"#4afef0",400:"#15ece2",500:"#00d0c9",600:"#00a8a5",700:"#008080",800:"#066769",900:"#0a5757",950:"#003235"},yellow:{50:"#fcffe7",100:"#f5ffc1",200:"#f0ff86",300:"#efff41",400:"#f6ff0d",500:"#f0ec00",600:"#d1bb00",700:"#a68802",800:"#896a0a",900:"#74560f",950:"#442f04"}},semantic:{background:"#ffffff",surface:"#ffffff",surfaceMuted:"#f3f4f6",foreground:"#18181b",muted:"#71717a",border:"#d4d4d8"},typography:{fontFamily:"'Inter', sans-serif",fontSizes:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem"},fontWeights:{thin:100,extralight:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2}},spaces:{0:"0rem",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",13:"3.25rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",68:"17rem",72:"18rem",76:"19rem",80:"20rem",84:"21rem",88:"22rem",92:"23rem",96:"24rem"},sizes:{max:"max-content",min:"min-content",full:"100%"},radii:{0:"0px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",full:"9999px"},zIndeces:{0:0,1:10,2:20,3:30,4:40,5:50,6:60,7:70,8:80,9:90,10:100},shadows:{none:"none",sm:"0 1px 2px rgba(0, 0, 0, 0.05)",md:"0 4px 6px rgba(0, 0, 0, 0.1)",lg:"0 10px 15px rgba(0, 0, 0, 0.15)",xl:"0 20px 25px rgba(0, 0, 0, 0.2)","2xl":"0 25px 50px rgba(0, 0, 0, 0.25)"},breakpoints:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"}},Ge={semantic:{background:"#18181b",surface:"#27272a",surfaceMuted:"#3f3f46",foreground:"#fafafa",muted:"#a1a1aa",border:"#3f3f46"}};function je(e){if(e.includes(".")){let[t,r]=e.split(".");return`var(--plume-color-${t}-${r})`}return`var(--plume-color-${e}-500)`}function ke(e){let t=rr(e)?.groups;return e.startsWith("#")&&t?[parseInt(t.red,16),parseInt(t.green,16),parseInt(t.blue,16)]:tr(e)?.map(Number)||[]}function tr(e){return e.match(/\d+/g)}function rr(e){return/^#?(?<red>[a-f\d]{2})(?<green>[a-f\d]{2})(?<blue>[a-f\d]{2})$/i.exec(e)}function Ke(e){let t=ke(e);if(t.length<3)return"#000000";let[r,o,n]=t;return(r*299+o*587+n*114)/1e3>140?"#000000":"#ffffff"}function Dt(e){let t=ke(e);if(t.length<3)return 0;let[r,o,n]=t.map(a=>{let s=a/255;return s<=.03928?s/12.92:((s+.055)/1.055)**2.4});return .2126*r+.7152*o+.0722*n}function le(e,t){let r=Dt(e),o=Dt(t),[n,a]=r>=o?[r,o]:[o,r];return(n+.05)/(a+.05)}function Ee(e,t=10){let r=ke(e);return r.length<3?e:`rgb(${r.map(n=>Math.min(255,n+(255-n)*(t/100))).join(", ")})`}function _e(e,t=10){let r=ke(e);return r.length<3?e:`rgb(${r.map(n=>Math.max(0,n-n*t/100)).join(", ")})`}var R="--plume",he="#ffffff",We="#000000",Re=4.5,Ct=e=>le(he,e)>=le(We,e);function or(e){for(let r of["500","600","700"]){let o=String(e[r]);if(le(he,o)>=Re)return{bg:o,fg:he}}let t=String(e[500]);if(le(We,t)>=Re)return{bg:t,fg:We};for(let r of["800","900"]){let o=String(e[r]);if(le(he,o)>=Re)return{bg:o,fg:he}}return{bg:String(e[900]),fg:he}}function nr(e,t){let r=Ct(t[0]),o=r?["500","400","300","200","100","50"]:["500","600","700","800","900","950"];for(let n of o){let a=String(e[n]);if(t.every(s=>le(a,s)>=Re))return a}return String(e[r?"50":"950"])}function W(e,t,r){for(let[o,n]of Object.entries(t))r[`${e}-${o}`]=String(n)}var ar=e=>e.replace(/(?<lower>[a-z0-9])(?<upper>[A-Z])/g,"$<lower>-$<upper>").toLowerCase();function Ze(e){let t={},{background:r,surface:o,surfaceMuted:n}=e.semantic,a=[r,o,n],s=Ct(r),i=e.colors;for(let[d,p]of Object.entries(i)){W(`${R}-color-${d}`,p,t),t[`${R}-color-${d}-contrast`]=Ke(String(p[500]));let{bg:f,fg:v}=or(p);t[`${R}-color-${d}-solid`]=f,t[`${R}-color-${d}-solid-contrast`]=v,t[`${R}-color-${d}-solid-hover`]=_e(f,12),t[`${R}-color-${d}-solid-active`]=_e(f,24);let b=nr(p,a);t[`${R}-color-${d}-text`]=b,t[`${R}-color-${d}-text-hover`]=s?Ee(b,12):_e(b,12),t[`${R}-color-${d}-text-active`]=s?Ee(b,24):_e(b,24),t[`${R}-color-${d}-tint`]=String(p[s?"900":"100"]),t[`${R}-color-${d}-tint-strong`]=String(p[s?"800":"200"])}let l=e.semantic;for(let[d,p]of Object.entries(l))t[`${R}-${ar(d)}`]=p;return t[`${R}-font-family`]=e.typography.fontFamily,W(`${R}-font-size`,e.typography.fontSizes,t),W(`${R}-font-weight`,e.typography.fontWeights,t),W(`${R}-line-height`,e.typography.lineHeights,t),W(`${R}-space`,e.spaces,t),W(`${R}-size`,e.sizes,t),W(`${R}-radius`,e.radii,t),W(`${R}-z`,e.zIndeces,t),W(`${R}-shadow`,e.shadows,t),W(`${R}-breakpoint`,e.breakpoints,t),t}var N=require("react");function Ce(e,...t){function r(a){return a!==null&&typeof a=="object"&&!Array.isArray(a)}function o(a,s){if(!r(a)||!r(s))return s;let i={...a};for(let l of Object.keys(s))i[l]=l in a?o(a[l],s[l]):s[l];return i}let n=r(e)?{...e}:e;for(let a of t)a!==void 0&&(n=o(n,a));return n}var Xe=require("react/jsx-runtime"),Pt=(0,N.createContext)(null);function sr(){let e=(0,N.useContext)(Pt);if(!e)throw new Error("useTheme must be used within a <ThemeProvider>");return e}function lr({children:e,theme:t,darkTheme:r,defaultColorMode:o="light",applyToBody:n=!0,className:a="",style:s}){let i=(0,N.useMemo)(()=>Ce(Ue,t??{}),[t]),l=(0,N.useMemo)(()=>Ce(Ce(i,Ge),r??{}),[i,r]),[d,p]=(0,N.useState)(o),[f,v]=(0,N.useState)(o==="system"?"light":o);(0,N.useEffect)(()=>{if(d!=="system"){v(d);return}let y=window.matchMedia("(prefers-color-scheme: dark)"),g=()=>v(y.matches?"dark":"light");return g(),y.addEventListener("change",g),()=>y.removeEventListener("change",g)},[d]);let b=f==="dark"?l:i,D=(0,N.useMemo)(()=>Ze(b),[b]);(0,N.useEffect)(()=>{if(!n||typeof document>"u")return;let{documentElement:y,body:g}=document,P=y.getAttribute("data-plume-color-mode"),k=g.style.backgroundColor,L=g.style.color;return y.setAttribute("data-plume-color-mode",f),g.style.backgroundColor=b.semantic.background,g.style.color=b.semantic.foreground,()=>{P===null?y.removeAttribute("data-plume-color-mode"):y.setAttribute("data-plume-color-mode",P),g.style.backgroundColor=k,g.style.color=L}},[n,f,b]);let T=(0,N.useMemo)(()=>({theme:b,colorMode:f,setColorMode:p}),[b,f]);return(0,Xe.jsx)(Pt.Provider,{value:T,children:(0,Xe.jsx)("div",{className:`plume-root ${a}`.trim(),"data-plume-color-mode":f,style:{...D,backgroundColor:"var(--plume-background)",color:"var(--plume-foreground)",...s},children:e})})}var Me=require("react");function Je({callback:e}){let t=(0,Me.useRef)(null);return(0,Me.useEffect)(()=>{function r(o){t.current&&!t.current.contains(o.target)&&e()}return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[t,e]),t}var Te=require("react");function Qe({value:e,delay:t}){let[r,o]=(0,Te.useState)(e),n=(0,Te.useRef)(null);return(0,Te.useEffect)(()=>(n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{o(e)},t),()=>{n.current&&clearTimeout(n.current)}),[e,t]),r}var xt=require("react"),St={"#":/^[0-9]$/,A:/^\p{L}$/u,"*":/^[\p{L}0-9]$/u};function ir(e){let t=[];for(let r=0;r<e.length;r+=1){let o=e[r];o==="\\"&&r+1<e.length?(r+=1,t.push({literal:e[r]})):o in St?t.push({slot:St[o]}):t.push({literal:o})}return t}function we(e,t){if(!t)return e;let r="",o="",n=0;for(let a of ir(t)){if(n>=e.length)break;if("literal"in a){o+=a.literal,e[n]===a.literal&&(n+=1);continue}for(;n<e.length&&!a.slot.test(e[n]);)n+=1;if(n>=e.length)break;r+=o+e[n],o="",n+=1}return r}function et({mask:e,value:t,defaultValue:r="",onChange:o}){let n=t!==void 0,[a,s]=(0,xt.useState)(()=>we(r,e??"")),i=l=>{if(e){let d=we(l.target.value,e);l.target.value=d,n||s(d)}o?.(l)};return e?{value:n?we(t,e):a,onChange:i}:{value:t,onChange:i}}function Le(e){if(e){if(e.length===2)return`${e}-${e.toUpperCase()}`}else return navigator.language;return e}function dr(e){let t={dd:"\\d{2}",mm:"\\d{2}",yyyy:"\\d{4}"},r=e.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/dd|mm|yyyy/g,o=>t[o]);return new RegExp(`^${r}$`)}function ge(e){let t=Le(e),o=new Intl.DateTimeFormat(t,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date),n=o.map(i=>i.type),a={year:"yyyy",month:"MM",day:"dd"};return n.map((i,l)=>a[i]||o[l].value).join("").toLocaleLowerCase()}function tt(e){let t=Le(e),r=[],o=new Intl.DateTimeFormat(t,{weekday:"short",timeZone:"UTC"});for(let n=0;n<7;n++){let a=new Date(Date.UTC(2024,0,1+n)),s=o.format(a).replace(/^\w/,i=>i.toUpperCase());r.push(s)}return r}function rt(e){let t=Le(e),r=new Intl.DateTimeFormat(t,{month:"long"});return Array.from({length:12},(o,n)=>{let a=new Date;return a.setMonth(n),r.format(a).replace(/^\w/,s=>s.toUpperCase())})}function Ae({displayFormat:e,isRange:t,startDate:r,endDate:o,language:n}){let a={year:"numeric",month:"2-digit",day:"2-digit"};if(e)return t&&r&&o?`${ie(r,e)} - ${ie(o,e)}`:r?ie(r,e):"";let s=Le(n);return t&&r&&o?`${new Intl.DateTimeFormat(s,a).format(r)} - ${new Intl.DateTimeFormat(s,a).format(o)}`:r?new Intl.DateTimeFormat(s,a).format(r):""}function ie(e,t){let r={yyyy:String(e.getFullYear()),mm:String(e.getMonth()+1).padStart(2,"0"),dd:String(e.getDate()).padStart(2,"0")};return t.replace(/yyyy|mm|dd/gi,o=>r[o.toLowerCase()])}function Pe(e,t,r){let o=r??ge(t);if(!dr(o).test(e))return!1;let n=de(e,o);return!Number.isNaN(n.getTime())&&ie(n,o)===e}function de(e,t="mm/dd/yyyy"){let r=t.toLowerCase(),o=n=>{let a=r.indexOf(n);return a===-1?Number.NaN:Number(e.slice(a,a+n.length))};return new Date(o("yyyy"),o("mm")-1,o("dd"))}var kt=require("react");function ot(e){return(0,kt.lazy)(()=>new Promise(t=>{t({default:()=>e})}))}var Mt=require("react");var Et=require("react");var nt={"spinner-border-width":"3px","spinner-border-style":"solid","primary-border-color":"currentColor","border-color":"transparent",spinner:"_spinner_q8rz1_7",spin:"_spin_q8rz1_7",sm:"_sm_q8rz1_18",md:"_md_q8rz1_23",lg:"_lg_q8rz1_28",solid:"_solid_q8rz1_33 _spinner_q8rz1_7",dashed:"_dashed_q8rz1_38 _spinner_q8rz1_7",dotted:"_dotted_q8rz1_43 _spinner_q8rz1_7",double:"_double_q8rz1_48 _spinner_q8rz1_7",loader:"_loader_q8rz1_63",l7:"_l7_q8rz1_1",l5:"_l5_q8rz1_1",l11:"_l11_q8rz1_1",l27:"_l27_q8rz1_1",animloader:"_animloader_q8rz1_1"};var Rt=require("react/jsx-runtime"),cr=({color:e,style:t,speed:r,thickness:o})=>({"--spinner-scheme":je(e),...o&&{"--spinner-border-width":`${o}px`},"--spinner-animation-duration":r?.length?r:"1s",...t??{}}),ye=(0,Et.forwardRef)(({color:e="secondary.900",style:t,speed:r,className:o="",thickness:n=3,variant:a="solid",size:s=a!=="unstyled"?"md":void 0,...i},l)=>{let d=s&&(s!=="md"||a==="unstyled")?nt[s]:"",p=a!=="unstyled"?nt[a]:"",f=`
|
|
2
|
-
${
|
|
3
|
-
${
|
|
4
|
-
${
|
|
5
|
-
`.trim();return(0,
|
|
6
|
-
${s} ${t}`.trim()},mr=e=>({"--button-color":`var(--plume-color-${e}-text)`,"--button-contrast-color":`var(--plume-color-${e}-solid-contrast)`,"--button-solid-bg":`var(--plume-color-${e}-solid)`,"--button-solid-hover":`var(--plume-color-${e}-solid-hover)`,"--button-solid-active":`var(--plume-color-${e}-solid-active)`,"--button-hover-color":`var(--plume-color-${e}-text-hover)`,"--button-focus-color":`var(--plume-color-${e}-text-active)`,"--button-hover-alt-color":`var(--plume-color-${e}-tint)`,"--button-focus-alt-color":`var(--plume-color-${e}-tint-strong)`}),w=(0,Mt.forwardRef)(({children:e,iconLeft:t,iconRight:r,label:o,style:n,busyText:a="",className:s="",colorScheme:i="secondary",disabled:l=!1,isBusy:d=!1,shape:p="rounded",size:f="md",type:v="button",variant:b="solid",...D},T)=>{let y=ur(b,s,l,d,f,p);return(0,Z.jsxs)("button",{className:y,disabled:l||d,ref:T,style:{...mr(i),...n},type:v,...D,children:[pr(a,d,t,r,b==="unstyled",o),e,d?(0,Z.jsx)(ye,{style:{"--spinner-scheme":"var(--button-contrast-color)"},...a&&{className:ee.spinnerMargin},size:"sm"}):null]})});w.displayName="Button";var G=require("react");var Ne=require("react"),at=(0,Ne.createContext)(void 0),$e=()=>{let e=(0,Ne.useContext)(at);if(!e)throw new Error("useDatePicker must be used within a DatePickerProvider");return e};var Ie={startDate:null,endDate:null},wt=new Date(new Date().getFullYear(),new Date().getMonth()+1,1),st={value:Ie,tempValue:Ie,modalOpen:!1,year:new Date().getFullYear(),secondYear:wt.getFullYear(),month:new Date().getMonth(),secondMonth:wt.getMonth(),rangeDays:[]},lt=(e,t)=>{switch(t.type){case"SET_VALUE":{let{startDate:r,endDate:o}=t.payload,n=r?.getFullYear()??e.year,a=r?.getMonth()??e.month,s=o?.getFullYear()??e.secondYear,i=o&&(o.getMonth()>e.secondMonth||r&&r.getMonth()===11)?o.getMonth():e.secondMonth;return{...e,value:t.payload,tempValue:t.payload,year:n,month:a,secondYear:s,secondMonth:i}}case"TOGGLE_MODAL":return{...e,modalOpen:!e.modalOpen};case"CLOSE_MODAL":return e.modalOpen?{...e,modalOpen:!1}:e;case"SET_YEAR":return{...e,year:t.payload};case"SET_SECOND_YEAR":return{...e,secondYear:t.payload};case"SET_MONTH":return{...e,month:t.payload};case"SET_SECOND_MONTH":return{...e,secondMonth:t.payload};case"SET_RANGE_DAYS":return{...e,rangeDays:t.payload};default:return{...e,tempValue:t.payload}}};var te=require("react");var c={"date-picker-padding":"var(--plume-space-4)","date-picker-border-radius":"var(--plume-radius-4)","date-picker-color":"var(--plume-muted)","date-picker-border-color":"var(--plume-border)",datePicker:"_datePicker_87pta_8",datePickerInputText:"_datePickerInputText_87pta_12",inputButton:"_inputButton_87pta_28",inputButtonIcon:"_inputButtonIcon_87pta_40",sm:"_sm_87pta_46",md:"_md_87pta_52",lg:"_lg_87pta_57",rounded:"_rounded_87pta_81",outline:"_outline_87pta_85 _datePickerInputText_87pta_12",pill:"_pill_87pta_85",filled:"_filled_87pta_94 _datePickerInputText_87pta_12",underline:"_underline_87pta_102 _datePickerInputText_87pta_12",invalid:"_invalid_87pta_112",datePickerModal:"_datePickerModal_87pta_136",calendarContainer:"_calendarContainer_87pta_151",calendarContainerDouble:"_calendarContainerDouble_87pta_156",calendar:"_calendar_87pta_151",calendarHeader:"_calendarHeader_87pta_166",day:"_day_87pta_173",year:"_year_87pta_174",month:"_month_87pta_175",monthYearSelectors:"_monthYearSelectors_87pta_176",monthSelector:"_monthSelector_87pta_213",yearSelector:"_yearSelector_87pta_214",yearSelectorGrid:"_yearSelectorGrid_87pta_218",selected:"_selected_87pta_232",monthSelectorGrid:"_monthSelectorGrid_87pta_242",daysOfWeek:"_daysOfWeek_87pta_248",dayOfWeek:"_dayOfWeek_87pta_255",calendarGrid:"_calendarGrid_87pta_264",today:"_today_87pta_281",rangeItem:"_rangeItem_87pta_285",selectedHover:"_selectedHover_87pta_295",hovered:"_hovered_87pta_300",disabledDay:"_disabledDay_87pta_304",outOfRangeDay:"_outOfRangeDay_87pta_309",footerActions:"_footerActions_87pta_313",footerButton:"_footerButton_87pta_320",footerButtonApply:"_footerButtonApply_87pta_324",disabled:"_disabled_87pta_304"};var h=require("react/jsx-runtime"),it="yyyy-mm-dd",ve=(e,t)=>new Date(e.getFullYear(),e.getMonth(),e.getDate()+t),Lt=(e,t)=>{let r=new Date(e.getFullYear(),e.getMonth()+t+1,0).getDate();return new Date(e.getFullYear(),e.getMonth()+t,Math.min(e.getDate(),r))},dt=e=>(e.getDay()+6)%7,fr={ArrowLeft:e=>ve(e,-1),ArrowRight:e=>ve(e,1),ArrowUp:e=>ve(e,-7),ArrowDown:e=>ve(e,7),Home:e=>ve(e,-dt(e)),End:e=>ve(e,6-dt(e)),PageUp:e=>Lt(e,-1),PageDown:e=>Lt(e,1)},Oe=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime();function br({day:e}){return(0,h.jsx)("span",{className:c.dayOfWeek,children:e})}function gr({selectedMonth:e,months:t,onChange:r}){let o=n=>{r(n)};return(0,h.jsx)("div",{className:c.monthSelectorGrid,children:t.map((n,a)=>(0,h.jsx)(w,{"aria-pressed":a===e,className:`${a===e?c.selected:""} ${c.month}`,label:n,onClick:()=>{o(a)},variant:"unstyled"},n))})}function yr({selectedYear:e,startYear:t,onChange:r}){let o=a=>{r(a)},n=()=>{let a=[];for(let s=t;s<t+20;s++)a.push((0,h.jsx)(w,{"aria-pressed":e===s,className:`${e===s?c.selected:""} ${c.year}`,onClick:()=>{o(s)},variant:"unstyled",children:s},s));return a};return(0,h.jsx)("div",{className:c.yearSelectorGrid,children:n()})}function ct({language:e,isRange:t,isSecondCalendar:r,minDate:o,maxDate:n,onMonthChange:a,onSelectDate:s,onYearChange:i}){let{state:l}=$e(),[d,p]=(0,te.useState)("day"),[f,v]=(0,te.useState)(r?l.secondYear:l.year),[b,D]=(0,te.useState)(null),T=(0,te.useRef)(!1),y=(0,te.useRef)(null),g=r?l.secondYear:l.year,P=r?l.secondMonth:l.month,k=Ye(),L=rt(e);(0,te.useEffect)(()=>{!T.current||!b||(T.current=!1,y.current?.querySelector(`[data-date="${ie(b,it)}"]:enabled`)?.focus())});let u=M=>{let Q=y.current?.closest('[role="dialog"]')??document,O=Q.querySelectorAll(`.${c.day}:enabled`),H=Array.from(O).findIndex(z=>z.dataset.date===M),K=Q.querySelector(`.${c.day}.${c.selected}`),B=t&&l.tempValue.startDate&&!l.tempValue.endDate&&K;O.forEach((z,se)=>{let be=z.classList.contains(c.selected),S=se===H;if(B){let E=Array.from(O).indexOf(K),[V,U]=[Math.min(E,H),Math.max(E,H)];z.classList.toggle(c.rangeItem,se>=V&&se<=U),z.classList.toggle(c.selectedHover,S)}else z.classList.toggle(c.selectedHover,be&&S),z.classList.toggle(c.hovered,!be&&S)})},_=()=>d==="month"?(0,h.jsx)(gr,{months:L,onChange:q,selectedMonth:r?l.secondMonth:l.month}):d==="year"?(0,h.jsx)(yr,{onChange:C,selectedYear:r?l.secondYear:l.year,startYear:f}):(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:c.daysOfWeek,children:tt(e).map(M=>(0,h.jsx)(br,{day:M},M))}),(0,h.jsx)("div",{className:c.calendarGrid,children:k})]}),q=M=>{a(M),p("day")},C=M=>{i(M),p("day")},j=M=>{p(d!=="day"&&d===M?"day":M)},ae=()=>{v(f-20)},Ve=()=>{v(f+20)};function Ye(){let M=dt(new Date(g,P,1)),Q=o?Oe(o):-1/0,O=n?Oe(n):1/0,H=new Date().toDateString(),K=new Intl.DateTimeFormat(e,{dateStyle:"full"}),B=(S,E)=>S?.toDateString()===E.toDateString(),z=Array.from({length:42},(S,E)=>{let V=new Date(g,P,E-M+1),U=V.getMonth()===P,m=!U||V.getTime()<Q||V.getTime()>O;return{date:V,isCurrentMonth:U,isDisabled:m}}),se=z.filter(({isDisabled:S})=>!S).map(({date:S})=>S),be=[b,l.tempValue.startDate,new Date].map(S=>se.find(E=>B(S,E))).find(Boolean)??se[0];return z.map(({date:S,isCurrentMonth:E,isDisabled:V})=>{let U=ie(S,it),m=E&&B(l.tempValue.startDate,S),x=E&&B(l.tempValue.endDate,S),$=m||x,A=l.rangeDays.some(jt=>B(jt,S)),ht=E&&S.toDateString()===H;return(0,h.jsx)(w,{"aria-current":ht?"date":void 0,"aria-hidden":E?void 0:!0,"aria-label":K.format(S),"aria-pressed":E?$:void 0,className:`${c.day} ${E?"":c.disabledDay} ${$?c.selected:""} ${A&&!$&&E?c.rangeItem:""} ${E&&V?c.outOfRangeDay:""} ${ht?c.today:""}`,"data-date":U,disabled:V,onClick:()=>{E&&s(S.getDate(),r)},onFocus:()=>{E&&u(U)},onKeyDown:qe,onMouseEnter:()=>{E&&u(U)},tabIndex:be&&B(be,S)?0:-1,variant:"unstyled",children:(0,h.jsx)("span",{className:c.dayText,children:S.getDate()})},U)})}function qe(M){let Q=M.currentTarget.dataset.date,O=fr[M.key];if(!Q||!O)return;M.preventDefault();let H=O(de(Q,it)),K=H.getTime();if(o&&K<Oe(o)||n&&K>Oe(n))return;let B=(H.getFullYear()-g)*12+H.getMonth()-P;B!==0&&a(P+B),T.current=!0,D(H)}return(0,h.jsxs)("div",{className:c.calendar,ref:y,children:[(0,h.jsx)("div",{className:c.calendarHeader,children:(0,h.jsxs)("div",{className:c.monthYearSelectors,children:[d!=="year"?(0,h.jsx)(w,{"aria-label":"Previous month",onClick:()=>{a((r?l.secondMonth:l.month)-1)},variant:"icon",children:(0,h.jsx)("svg",{"aria-hidden":"true",fill:"currentColor",height:"16",stroke:"currentColor",strokeWidth:"10",viewBox:"0 0 256 256",width:"16",xmlns:"http://www.w3.org/2000/svg",children:(0,h.jsx)("path",{d:"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"})})}):(0,h.jsx)(w,{"aria-label":"Previous years",onClick:ae,variant:"icon",children:(0,h.jsx)("svg",{"aria-hidden":"true",fill:"currentColor",height:"16",stroke:"currentColor",strokeWidth:"10",viewBox:"0 0 256 256",width:"16",xmlns:"http://www.w3.org/2000/svg",children:(0,h.jsx)("path",{d:"M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z"})})}),(0,h.jsx)(w,{className:c.monthSelector,label:L[r?l.secondMonth:l.month],onClick:()=>{j("month")},variant:"unstyled"}),(0,h.jsx)("strong",{children:"/"}),(0,h.jsx)(w,{className:c.yearSelector,label:`${r?l.secondYear:l.year}`,onClick:()=>{j("year")},variant:"unstyled"}),d!=="year"?(0,h.jsx)(w,{"aria-label":"Next month",onClick:()=>{a((r?l.secondMonth:l.month)+1)},variant:"icon",children:(0,h.jsx)("svg",{"aria-hidden":"true",fill:"currentColor",height:"16",stroke:"currentColor",strokeWidth:"10",viewBox:"0 0 256 256",width:"16",xmlns:"http://www.w3.org/2000/svg",children:(0,h.jsx)("path",{d:"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"})})}):(0,h.jsx)(w,{"aria-label":"Next years",onClick:Ve,variant:"icon",children:(0,h.jsx)("svg",{"aria-hidden":"true",fill:"currentColor",height:"16",stroke:"currentColor",strokeWidth:"10",viewBox:"0 0 256 256",width:"16",xmlns:"http://www.w3.org/2000/svg",children:(0,h.jsx)("path",{d:"M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z"})})})]})}),_()]})}var X=require("react");var At=require("react");var Y={"input-padding":"var(--plume-space-4)","input-border-radius":"var(--plume-radius-4)","input-color":"var(--plume-foreground)","input-border-color":"var(--plume-border)","input-background-color":"var(--plume-surface-muted)",base:"_base_h3ylb_9",input:"_input_h3ylb_16",sm:"_sm_h3ylb_32",md:"_md_h3ylb_38",lg:"_lg_h3ylb_43",rounded:"_rounded_h3ylb_49",outline:"_outline_h3ylb_53 _input_h3ylb_16",pill:"_pill_h3ylb_53",filled:"_filled_h3ylb_62 _input_h3ylb_16",underline:"_underline_h3ylb_70 _input_h3ylb_16",invalid:"_invalid_h3ylb_80",inputGroup:"_inputGroup_h3ylb_89",disabled:"_disabled_h3ylb_101",addOn:"_addOn_h3ylb_120",element:"_element_h3ylb_176"};var re=require("react/jsx-runtime"),_r=(e,t,r,o,n,a,s)=>{let i=t?Y.disabled:"",l=r&&o?Y.invalid:"",d=o?Y[n]:"",p=o?Y[a]:"",f=o?Y[s]:"";return`${Y.base} ${p} ${d} ${f}
|
|
7
|
-
${
|
|
8
|
-
${d} ${p} ${e}`.trim()},pt=(0,G.forwardRef)(({onChange:e,onBlur:t,inputRef:r,displayFormat:o,style:n,showFooter:a,minDate:s,maxDate:i,placeholder:l,value:d,disabled:p=!1,className:f="",colorScheme:v="secondary",variant:b="outline",config:D,isCalendar:T=!1,isRange:y=!1,...g},P)=>{let k=D?.language??Tr,L={apply:D?.footer?.apply??$t.apply,cancel:D?.footer?.cancel??$t.cancel},[u,_]=(0,G.useReducer)(lt,d,m=>m?lt(st,{type:"SET_VALUE",payload:m}):st),q=(0,G.useRef)(!0),C=Je({callback:()=>{_({type:"CLOSE_MODAL"})}}),j=m=>{C.current=m,typeof P=="function"?P(m):P&&(P.current=m)},{size:ae=b!=="unstyled"?"md":void 0,shape:Ve=b!=="unstyled"?"rounded":void 0}=g,Ye=Cr(f,p,g["aria-invalid"]===!0||g["aria-invalid"]==="true",b,Ve,ae);(0,G.useEffect)(()=>{if(u.modalOpen)if(y&&u.tempValue.startDate&&u.tempValue.endDate){let m=[],x=new Date(u.tempValue.startDate);for(;x<=u.tempValue.endDate;)m.push(new Date(x)),x.setDate(x.getDate()+1);_({type:"SET_RANGE_DAYS",payload:m})}else _({type:"SET_RANGE_DAYS",payload:[]})},[y,u.tempValue,u.modalOpen]),(0,G.useEffect)(()=>{if(q.current){q.current=!1;return}_({type:"SET_VALUE",payload:d??Ie})},[d]),(0,G.useEffect)(()=>{u.modalOpen&&C.current?.querySelector('[role="dialog"] [data-date][tabindex="0"]')?.focus()},[u.modalOpen,C]);let qe=()=>{_({type:"TOGGLE_MODAL"})},M=()=>{T||(_({type:"CLOSE_MODAL"}),C.current?.querySelector("input")?.focus())};(0,G.useEffect)(()=>{if(!u.modalOpen||T)return;let m=x=>{x.key!=="Escape"||!C.current?.contains(x.target)||(_({type:"CLOSE_MODAL"}),C.current.querySelector("input")?.focus())};return document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[u.modalOpen,T,C]);let Q=m=>{let x=m.relatedTarget;x&&!m.currentTarget.contains(x)&&_({type:"CLOSE_MODAL"})},O=(m,x)=>m*12+x,H=(m,x)=>{_({type:"SET_YEAR",payload:Math.floor(m/12)}),_({type:"SET_MONTH",payload:m%12}),_({type:"SET_SECOND_YEAR",payload:Math.floor(x/12)}),_({type:"SET_SECOND_MONTH",payload:x%12})},K=(m,x)=>{let $=O(m,x);H($,Math.max(O(u.secondYear,u.secondMonth),$+1))},B=(m,x)=>{let $=O(m,x);H(Math.min(O(u.year,u.month),$-1),$)},z=m=>{K(m,u.month)},se=m=>{K(u.year,m)},be=m=>{B(m,u.secondMonth)},S=m=>{B(u.secondYear,m)},E=()=>{_({type:"SET_VALUE",payload:u.tempValue}),u.tempValue.startDate&&e({startDate:u.tempValue.startDate,endDate:u.tempValue.endDate}),M()},V=(m,x)=>{let $=new Date(x?u.secondYear:u.year,x?u.secondMonth:u.month,m),A={...u.tempValue};a||!y||!A.startDate||A.endDate?(A.startDate=$,A.endDate=null):$<A.startDate?(A.endDate=A.startDate,A.startDate=$):A.endDate=$,_({type:"SET_TEMP_VALUE",payload:A}),!a&&(!y||A.endDate)&&(e({startDate:A.startDate,endDate:A.endDate}),_({type:"SET_VALUE",payload:A}),M())},U=()=>{let m=o??ge(k);return y?`${m} - ${m}`:m};return(0,F.jsx)(at.Provider,{value:{state:u,dispatch:_},children:(0,F.jsxs)("div",{className:c.datePicker,onBlur:Q,ref:j,style:vr(v,n),children:[!T&&(0,F.jsx)(Nt,{className:Ye,disabled:p,displayFormat:o,inputRef:r,isRange:y,language:k,onBlur:t,onClick:qe,placeholder:l??U(),...g}),T||u.modalOpen?(0,F.jsxs)("div",{"aria-label":"Calendar",className:c.datePickerModal,role:"dialog",children:[(0,F.jsxs)("div",{className:y?c.calendarContainerDouble:c.calendarContainer,children:[(0,F.jsx)(ct,{isRange:y,language:k,maxDate:i,minDate:s,onMonthChange:se,onSelectDate:V,onYearChange:z}),y?(0,F.jsx)(ct,{isRange:y,isSecondCalendar:!0,language:k,maxDate:i,minDate:s,onMonthChange:S,onSelectDate:V,onYearChange:be}):null]}),a?(0,F.jsx)(Dr,{colorScheme:v,labels:L,onApply:E,onCancel:M}):null]}):null]})})});pt.displayName="DatePicker";var Ot=vt(require("react")),pe=require("react");var ne={field:"_field_wdljj_3",vertical:"_vertical_wdljj_10 _field_wdljj_3",horizontal:"_horizontal_wdljj_14 _field_wdljj_3",label:"_label_wdljj_22",requiredIndicator:"_requiredIndicator_wdljj_32",optionalText:"_optionalText_wdljj_37",helperText:"_helperText_wdljj_43",errorText:"_errorText_wdljj_44",disabled:"_disabled_wdljj_58"};var ce=require("react/jsx-runtime"),Pr=0,It=Ot.useId;function Sr(){let e=It?It():void 0,[t]=(0,pe.useState)(()=>`plume-field-${++Pr}`);return e??t}var ut=(0,pe.forwardRef)(({children:e,className:t="",disabled:r=!1,errorText:o,helperText:n,invalid:a=!!o,label:s,optionalText:i,orientation:l="vertical",readOnly:d=!1,required:p=!1,style:f},v)=>{let b=Sr(),D=pe.Children.only(e),T=D.props,y=T.id??`${b}-control`,g=`${b}-helper`,P=`${b}-error`,k=a&&!!o,L=[T["aria-describedby"],k?P:null,n?g:null].filter(Boolean).join(" ")||void 0,u=`${ne.field} ${ne[l]} ${r?ne.disabled:""} ${t}`.trim();return(0,ce.jsxs)("div",{className:u,ref:v,style:f,children:[s?(0,ce.jsxs)("label",{className:ne.label,htmlFor:y,children:[s,p?(0,ce.jsx)("span",{"aria-hidden":"true",className:ne.requiredIndicator,children:"*"}):null,!p&&i?(0,ce.jsx)("span",{className:ne.optionalText,children:i}):null]}):null,(0,pe.cloneElement)(D,{id:y,"aria-describedby":L,"aria-invalid":a||T["aria-invalid"]||void 0,disabled:r||T.disabled,readOnly:d||T.readOnly,required:p||T.required}),n?(0,ce.jsx)("p",{className:ne.helperText,id:g,children:n}):null,k?(0,ce.jsx)("p",{className:ne.errorText,id:P,children:o}):null]})});ut.displayName="Field";var Vt=vt(require("react")),Fe=require("react");var J=require("react");var Ht=(e,{type:t,payload:r})=>{switch(t){case"SET_ACTIVE_TAB_INDEX":return{...e,index:r};case"SET_CONFIG":return{...e,...r};default:return e}};var I={"tabs-padding":"var(--plume-space-2) var(--plume-space-3)","tabs-border-width":"2px","tabs-border-radius":"var(--plume-radius-4)",tabs:"_tabs_1ct2b_6",horizontal:"_horizontal_1ct2b_11",vertical:"_vertical_1ct2b_15",left:"_left_1ct2b_19",center:"_center_1ct2b_23",right:"_right_1ct2b_27",sm:"_sm_1ct2b_31",md:"_md_1ct2b_36",lg:"_lg_1ct2b_40",underline:"_underline_1ct2b_45",tablist:"_tablist_1ct2b_55",tab:"_tab_1ct2b_6",rounded:"_rounded_1ct2b_82",segment:"_segment_1ct2b_82",active:"_active_1ct2b_97",enclosed:"_enclosed_1ct2b_115",panel:"_panel_1ct2b_174"};var zt=require("react/jsx-runtime"),Bt=(0,J.createContext)(void 0);function Ft({config:e,children:t}){let[r,o]=(0,J.useReducer)(Ht,e),n=r.alignment!=="left"||r.isStyled?I[r.alignment]:"",a=r.isStyled?I[r.size]:"",s=r.isStyled?I[r.variant]:"";(0,J.useEffect)(()=>{o({type:"SET_CONFIG",payload:e})},[e.alignment,e.baseId,e.colorScheme,e.index,e.isLazy,e.orientation,e.size,e.variant]);let i=l=>{o({type:"SET_ACTIVE_TAB_INDEX",payload:l})};return(0,zt.jsx)(Bt.Provider,{value:(0,J.useMemo)(()=>({...r,alignmentClass:n,sizeClass:a,variantClass:s,setActiveTabIndex:i}),[n,a,r,s]),children:t})}var He=(e,t)=>`${e}-tab-${t}`,Be=(e,t)=>`${e}-panel-${t}`,ue=()=>{let e=(0,J.useContext)(Bt);if(!e)throw new Error("useTabs must be used within a TabsProvider");return e};var mt=require("react/jsx-runtime"),xr=(e,t)=>({"--tabs-scheme":`var(--plume-color-${e}-text)`,"--tabs-solid":`var(--plume-color-${e}-solid)`,"--tabs-solid-active":`var(--plume-color-${e}-solid-active)`,"--tabs-text-color":`var(--plume-color-${e}-solid-contrast)`,...t??{}}),kr=0,Er=Vt.useId??(()=>{});function Rr(e){let t=Er(),[r]=(0,Fe.useState)(()=>`plume-tabs-${++kr}`);return e??t??r}var ft=(0,Fe.forwardRef)(({children:e,style:t,onChange:r,index:o=0,alignment:n="left",className:a="",colorScheme:s="secondary",orientation:i="horizontal",size:l="md",variant:d="underline",isLazy:p=!1,...f},v)=>{let b=Rr(f.id),D=d!=="unstyled",T=`${i!=="horizontal"||D?I[i]:""} ${D?I.tabs:""} ${a}`.trim();return(0,mt.jsx)(Ft,{config:{index:o,alignment:n,baseId:b,colorScheme:s,isLazy:p,isStyled:D,orientation:i,size:l,variant:d,onChange:r},children:(0,mt.jsx)("div",{className:T,ref:v,style:xr(s,t),...f,children:e})})});ft.displayName="Tabs";var me=require("react");var Yt=require("react/jsx-runtime"),bt=(0,me.forwardRef)(({children:e,...t},r)=>{let{index:o,alignmentClass:n,isStyled:a,orientation:s,variantClass:i}=ue();return(0,Yt.jsx)("div",{"aria-orientation":s,className:`${a?I.tablist:""} ${i} ${n}`.trim(),ref:r,role:"tablist",...t,children:me.Children.map(e,(l,d)=>(0,me.isValidElement)(l)?(0,me.cloneElement)(l,{index:d,isActive:d===o}):l)})});bt.displayName="TabList";var qt=require("react");var Ut=require("react/jsx-runtime"),gt=(0,qt.forwardRef)(({label:e,isActive:t,disabled:r,extraContentLeft:o,extraContentRight:n,index:a=0,children:s,className:i=""},l)=>{let{alignmentClass:d,baseId:p,isStyled:f,orientation:v,sizeClass:b,setActiveTabIndex:D,onChange:T}=ue(),[y,g]=v==="vertical"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],P=()=>{T&&T(a),D(a)},k=L=>{let u=L.currentTarget.closest('[role="tablist"]');if(!u)return;let _=Array.from(u.querySelectorAll('[role="tab"]:enabled')),q=_.indexOf(L.currentTarget),C={[y]:_[(q-1+_.length)%_.length],[g]:_[(q+1)%_.length],Home:_[0],End:_[_.length-1]}[L.key];C&&(L.preventDefault(),C.focus(),C.click())};return(0,Ut.jsx)(w,{"aria-controls":t?Be(p,a):void 0,"aria-selected":!!t,className:`${f?I.tab:""} ${d} ${b} ${t&&f?I.active:""} ${i}`.trim(),disabled:r,iconLeft:o,iconRight:n,id:He(p,a),label:e??"",onClick:P,onKeyDown:k,ref:l,role:"tab",tabIndex:t?0:-1,variant:"unstyled",children:s})});gt.displayName="Tab";var fe=require("react");var Gt=require("react/jsx-runtime"),yt=(0,fe.forwardRef)(({children:e,...t},r)=>{let{index:o}=ue();return(0,Gt.jsx)("div",{ref:r,...t,children:fe.Children.map(e,(n,a)=>a!==o?null:(0,fe.isValidElement)(n)?(0,fe.cloneElement)(n,{index:a}):n)})});yt.displayName="TabPanels";var De=require("react");var ze=require("react/jsx-runtime"),_t=(0,De.forwardRef)(({children:e,className:t="",index:r=0},o)=>{let{baseId:n,colorScheme:a,isLazy:s,isStyled:i}=ue(),l=s?ot(e):e;return(0,ze.jsx)("div",{"aria-labelledby":He(n,r),className:`${i?I.panel:""} ${t}`.trim(),id:Be(n,r),ref:o,role:"tabpanel",tabIndex:0,children:s?(0,ze.jsx)(De.Suspense,{fallback:(0,ze.jsx)(ye,{color:a}),children:(0,De.createElement)(l)}):l})});_t.displayName="TabPanel";0&&(module.exports={Button,DatePicker,Field,Input,Spinner,Tab,TabList,TabPanel,TabPanels,Tabs,ThemeProvider,applyMask,colorVar,deepMerge,defaultDarkTheme,defaultTheme,formatDate,getContrastColor,getContrastRatio,getDarkenColor,getDateFormatByLanguage,getDateFromDateString,getDateStringByLanguage,getDaysOfWeekByLanguage,getLightenColor,getMonthsByLanguage,lazyLoadContent,themeToCssVars,useClickOutside,useDebounce,useMask,useTheme,validateFormatDate});
|
|
1
|
+
"use strict";var ot=Object.defineProperty;var ho=Object.getOwnPropertyDescriptor;var vo=Object.getOwnPropertyNames;var xo=Object.prototype.hasOwnProperty;var yo=(e,t)=>{for(var o in t)ot(e,o,{get:t[o],enumerable:!0})},ko=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of vo(t))!xo.call(e,n)&&n!==o&&ot(e,n,{get:()=>t[n],enumerable:!(r=ho(t,n))||r.enumerable});return e};var To=e=>ko(ot({},"__esModule",{value:!0}),e);var Jo={};yo(Jo,{Button:()=>M,Checkbox:()=>gt,DatePicker:()=>Ct,Field:()=>St,Input:()=>Ie,Radio:()=>Dt,RadioGroup:()=>Et,Spinner:()=>ze,Tab:()=>It,TabList:()=>At,TabPanel:()=>$t,TabPanels:()=>Ot,Tabs:()=>Lt,Textarea:()=>Nt,ThemeProvider:()=>Ro,Toggle:()=>jt,applyMask:()=>Fe,colorVar:()=>at,deepMerge:()=>Me,defaultDarkTheme:()=>nt,defaultTheme:()=>rt,formatDate:()=>ue,getContrastColor:()=>it,getContrastRatio:()=>pe,getDarkenColor:()=>Se,getDateFormatByLanguage:()=>Ce,getDateFromDateString:()=>_e,getDateStringByLanguage:()=>Ge,getDaysOfWeekByLanguage:()=>_t,getLightenColor:()=>je,getMonthsByLanguage:()=>mt,lazyLoadContent:()=>bt,themeToCssVars:()=>st,useClickOutside:()=>ct,useDebounce:()=>pt,useMask:()=>ut,useTheme:()=>wo,validateFormatDate:()=>Le});module.exports=To(Jo);var rt={colors:{primary:{50:"#ecf2ff",100:"#dce8ff",200:"#c1d2ff",300:"#9bb4ff",400:"#738bff",500:"#5263ff",600:"#3a3df8",700:"#2727db",800:"#2223b1",900:"#24278b",950:"#151551"},secondary:{50:"#f5f6f6",100:"#e5e7e8",200:"#cdd1d4",300:"#aab0b6",400:"#808990",500:"#6c757d",600:"#565c64",700:"#4a4f54",800:"#414449",900:"#3a3c3f",950:"#242628"},info:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c6fd",400:"#60a6fa",500:"#3b83f6",600:"#2564eb",700:"#1d4fd8",800:"#1e41af",900:"#1e3b8a",950:"#172554"},warning:{50:"#fef9e8",100:"#fef0c3",200:"#fee28a",300:"#fdd147",400:"#fac215",500:"#eab308",600:"#ca9a04",700:"#a17c07",800:"#85680e",900:"#715a12",950:"#423306"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},success:{50:"#f0fdf5",100:"#dcfce8",200:"#bbf7d1",300:"#86efad",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803c",800:"#166533",900:"#14532b",950:"#052e14"},brown:{50:"#f6f3f0",100:"#e9e1d8",200:"#d4c5b4",300:"#bba289",400:"#a78568",500:"#98745a",600:"#825f4c",700:"#6d4c41",800:"#5a3f39",900:"#4f3834",950:"#2c1e1c"},pink:{50:"#fff1f3",100:"#ffe3e7",200:"#ffc0cb",300:"#ffa2b3",400:"#fe6e8b",500:"#f83b66",600:"#e51951",700:"#c20e43",800:"#a20f40",900:"#8a113c",950:"#4d041c"},purple:{50:"#fcf4ff",100:"#f9e6ff",200:"#f3d2ff",300:"#eaaeff",400:"#dd7bff",500:"#d149ff",600:"#c325f8",700:"#ab15db",800:"#8f17b2",900:"#74148f",950:"#680085"},teal:{50:"#eefffc",100:"#c5fffa",200:"#8bfff5",300:"#4afef0",400:"#15ece2",500:"#00d0c9",600:"#00a8a5",700:"#008080",800:"#066769",900:"#0a5757",950:"#003235"},yellow:{50:"#fcffe7",100:"#f5ffc1",200:"#f0ff86",300:"#efff41",400:"#f6ff0d",500:"#f0ec00",600:"#d1bb00",700:"#a68802",800:"#896a0a",900:"#74560f",950:"#442f04"}},semantic:{background:"#ffffff",surface:"#ffffff",surfaceMuted:"#f3f4f6",foreground:"#18181b",muted:"#71717a",border:"#d4d4d8",borderStrong:"#80808a"},typography:{fontFamily:"'Inter', sans-serif",fontSizes:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem"},fontWeights:{thin:100,extralight:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2}},spaces:{0:"0rem",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",13:"3.25rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",68:"17rem",72:"18rem",76:"19rem",80:"20rem",84:"21rem",88:"22rem",92:"23rem",96:"24rem"},sizes:{max:"max-content",min:"min-content",full:"100%"},radii:{0:"0px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",full:"9999px"},zIndeces:{0:0,1:10,2:20,3:30,4:40,5:50,6:60,7:70,8:80,9:90,10:100},shadows:{none:"none",sm:"0 1px 2px rgba(0, 0, 0, 0.05)",md:"0 4px 6px rgba(0, 0, 0, 0.1)",lg:"0 10px 15px rgba(0, 0, 0, 0.15)",xl:"0 20px 25px rgba(0, 0, 0, 0.2)","2xl":"0 25px 50px rgba(0, 0, 0, 0.25)"},breakpoints:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"}},nt={semantic:{background:"#18181b",surface:"#27272a",surfaceMuted:"#3f3f46",foreground:"#fafafa",muted:"#a1a1aa",border:"#3f3f46",borderStrong:"#9a9aa3"}};function at(e){if(e.includes(".")){let[t,o]=e.split(".");return`var(--plume-color-${t}-${o})`}return`var(--plume-color-${e}-500)`}function Ne(e){let t=zo(e)?.groups;return e.startsWith("#")&&t?[parseInt(t.red,16),parseInt(t.green,16),parseInt(t.blue,16)]:Co(e)?.map(Number)||[]}function Co(e){return e.match(/\d+/g)}function zo(e){return/^#?(?<red>[a-f\d]{2})(?<green>[a-f\d]{2})(?<blue>[a-f\d]{2})$/i.exec(e)}function it(e){let t=Ne(e);if(t.length<3)return"#000000";let[o,r,n]=t;return(o*299+r*587+n*114)/1e3>140?"#000000":"#ffffff"}function qt(e){let t=Ne(e);if(t.length<3)return 0;let[o,r,n]=t.map(a=>{let i=a/255;return i<=.03928?i/12.92:((i+.055)/1.055)**2.4});return .2126*o+.7152*r+.0722*n}function pe(e,t){let o=qt(e),r=qt(t),[n,a]=o>=r?[o,r]:[r,o];return(n+.05)/(a+.05)}function je(e,t=10){let o=Ne(e);return o.length<3?e:`rgb(${o.map(n=>Math.min(255,n+(255-n)*(t/100))).join(", ")})`}function Se(e,t=10){let o=Ne(e);return o.length<3?e:`rgb(${o.map(n=>Math.max(0,n-n*t/100)).join(", ")})`}var R="--plume",Pe="#ffffff",lt="#000000",He=4.5,Bt=e=>pe(Pe,e)>=pe(lt,e);function So(e){for(let o of["500","600","700"]){let r=String(e[o]);if(pe(Pe,r)>=He)return{bg:r,fg:Pe}}let t=String(e[500]);if(pe(lt,t)>=He)return{bg:t,fg:lt};for(let o of["800","900"]){let r=String(e[o]);if(pe(Pe,r)>=He)return{bg:r,fg:Pe}}return{bg:String(e[900]),fg:Pe}}function Po(e,t){let o=Bt(t[0]),r=o?["500","400","300","200","100","50"]:["500","600","700","800","900","950"];for(let n of r){let a=String(e[n]);if(t.every(i=>pe(a,i)>=He))return a}return String(e[o?"50":"950"])}function Z(e,t,o){for(let[r,n]of Object.entries(t))o[`${e}-${r}`]=String(n)}var Do=e=>e.replace(/(?<lower>[a-z0-9])(?<upper>[A-Z])/g,"$<lower>-$<upper>").toLowerCase();function st(e){let t={},{background:o,surface:r,surfaceMuted:n}=e.semantic,a=[o,r,n],i=Bt(o),d=e.colors;for(let[s,c]of Object.entries(d)){Z(`${R}-color-${s}`,c,t),t[`${R}-color-${s}-contrast`]=it(String(c[500]));let{bg:m,fg:h}=So(c);t[`${R}-color-${s}-solid`]=m,t[`${R}-color-${s}-solid-contrast`]=h,t[`${R}-color-${s}-solid-hover`]=Se(m,12),t[`${R}-color-${s}-solid-active`]=Se(m,24);let p=Po(c,a);t[`${R}-color-${s}-text`]=p,t[`${R}-color-${s}-text-hover`]=i?je(p,12):Se(p,12),t[`${R}-color-${s}-text-active`]=i?je(p,24):Se(p,24),t[`${R}-color-${s}-tint`]=String(c[i?"900":"100"]),t[`${R}-color-${s}-tint-strong`]=String(c[i?"800":"200"])}let l=e.semantic;for(let[s,c]of Object.entries(l))t[`${R}-${Do(s)}`]=c;return t[`${R}-font-family`]=e.typography.fontFamily,Z(`${R}-font-size`,e.typography.fontSizes,t),Z(`${R}-font-weight`,e.typography.fontWeights,t),Z(`${R}-line-height`,e.typography.lineHeights,t),Z(`${R}-space`,e.spaces,t),Z(`${R}-size`,e.sizes,t),Z(`${R}-radius`,e.radii,t),Z(`${R}-z`,e.zIndeces,t),Z(`${R}-shadow`,e.shadows,t),Z(`${R}-breakpoint`,e.breakpoints,t),t}var I=require("react");function Me(e,...t){function o(a){return a!==null&&typeof a=="object"&&!Array.isArray(a)}function r(a,i){if(!o(a)||!o(i))return i;let d={...a};for(let l of Object.keys(i))d[l]=l in a?r(a[l],i[l]):i[l];return d}let n=o(e)?{...e}:e;for(let a of t)a!==void 0&&(n=r(n,a));return n}var dt=require("react"),Ft=(0,dt.createContext)(void 0);var qe=require("react/jsx-runtime"),Vt=(0,I.createContext)(null);function wo(){let e=(0,I.useContext)(Vt);if(!e)throw new Error("useTheme must be used within a <ThemeProvider>");return e}function Ro({children:e,theme:t,darkTheme:o,defaultColorMode:r="light",applyToBody:n=!0,className:a="",style:i}){let d=(0,I.useMemo)(()=>Me(rt,t??{}),[t]),l=(0,I.useMemo)(()=>Me(Me(d,nt),o??{}),[d,o]),[s,c]=(0,I.useState)(r),[m,h]=(0,I.useState)(null),[p,k]=(0,I.useState)(r==="system"?"light":r);(0,I.useEffect)(()=>{if(s!=="system"){k(s);return}let T=window.matchMedia("(prefers-color-scheme: dark)"),y=()=>k(T.matches?"dark":"light");return y(),T.addEventListener("change",y),()=>T.removeEventListener("change",y)},[s]);let b=p==="dark"?l:d,_=(0,I.useMemo)(()=>st(b),[b]);(0,I.useEffect)(()=>{if(!n||typeof document>"u")return;let{documentElement:T,body:y}=document,S=T.getAttribute("data-plume-color-mode"),u=y.style.backgroundColor,g=y.style.color;return T.setAttribute("data-plume-color-mode",p),y.style.backgroundColor=b.semantic.background,y.style.color=b.semantic.foreground,()=>{S===null?T.removeAttribute("data-plume-color-mode"):T.setAttribute("data-plume-color-mode",S),y.style.backgroundColor=u,y.style.color=g}},[n,p,b]);let v=(0,I.useMemo)(()=>({theme:b,colorMode:p,setColorMode:c}),[b,p]);return(0,qe.jsx)(Vt.Provider,{value:v,children:(0,qe.jsx)("div",{className:`plume-root ${a}`.trim(),"data-plume-color-mode":p,ref:h,style:{..._,backgroundColor:"var(--plume-background)",color:"var(--plume-foreground)",...i},children:(0,qe.jsx)(Ft.Provider,{value:m,children:e})})})}var Be=require("react");function ct({callback:e}){let t=(0,Be.useRef)(null);return(0,Be.useEffect)(()=>{function o(r){t.current&&!t.current.contains(r.target)&&e()}return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[t,e]),t}var De=require("react");function pt({value:e,delay:t}){let[o,r]=(0,De.useState)(e),n=(0,De.useRef)(null);return(0,De.useEffect)(()=>(n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{r(e)},t),()=>{n.current&&clearTimeout(n.current)}),[e,t]),o}var Yt=require("react"),Gt={"#":/^[0-9]$/,A:/^\p{L}$/u,"*":/^[\p{L}0-9]$/u};function Eo(e){let t=[];for(let o=0;o<e.length;o+=1){let r=e[o];r==="\\"&&o+1<e.length?(o+=1,t.push({literal:e[o]})):r in Gt?t.push({slot:Gt[r]}):t.push({literal:r})}return t}function Fe(e,t){if(!t)return e;let o="",r="",n=0;for(let a of Eo(t)){if(n>=e.length)break;if("literal"in a){r+=a.literal,e[n]===a.literal&&(n+=1);continue}for(;n<e.length&&!a.slot.test(e[n]);)n+=1;if(n>=e.length)break;o+=r+e[n],r="",n+=1}return o}function ut({mask:e,value:t,defaultValue:o="",onChange:r}){let n=t!==void 0,[a,i]=(0,Yt.useState)(()=>Fe(o,e??"")),d=l=>{if(e){let s=Fe(l.target.value,e);l.target.value=s,n||i(s)}r?.(l)};return e?{value:n?Fe(t,e):a,onChange:d}:{value:t,onChange:d}}function Ve(e){if(e){if(e.length===2)return`${e}-${e.toUpperCase()}`}else return navigator.language;return e}function Mo(e){let t={dd:"\\d{2}",mm:"\\d{2}",yyyy:"\\d{4}"},o=e.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/dd|mm|yyyy/g,r=>t[r]);return new RegExp(`^${o}$`)}function Ce(e){let t=Ve(e),r=new Intl.DateTimeFormat(t,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date),n=r.map(d=>d.type),a={year:"yyyy",month:"MM",day:"dd"};return n.map((d,l)=>a[d]||r[l].value).join("").toLocaleLowerCase()}function _t(e){let t=Ve(e),o=[],r=new Intl.DateTimeFormat(t,{weekday:"short",timeZone:"UTC"});for(let n=0;n<7;n++){let a=new Date(Date.UTC(2024,0,1+n)),i=r.format(a).replace(/^\w/,d=>d.toUpperCase());o.push(i)}return o}function mt(e){let t=Ve(e),o=new Intl.DateTimeFormat(t,{month:"long"});return Array.from({length:12},(r,n)=>{let a=new Date;return a.setMonth(n),o.format(a).replace(/^\w/,i=>i.toUpperCase())})}function Ge({displayFormat:e,isRange:t,startDate:o,endDate:r,language:n}){let a={year:"numeric",month:"2-digit",day:"2-digit"};if(e)return t&&o&&r?`${ue(o,e)} - ${ue(r,e)}`:o?ue(o,e):"";let i=Ve(n);return t&&o&&r?`${new Intl.DateTimeFormat(i,a).format(o)} - ${new Intl.DateTimeFormat(i,a).format(r)}`:o?new Intl.DateTimeFormat(i,a).format(o):""}function ue(e,t){let o={yyyy:String(e.getFullYear()),mm:String(e.getMonth()+1).padStart(2,"0"),dd:String(e.getDate()).padStart(2,"0")};return t.replace(/yyyy|mm|dd/gi,r=>o[r.toLowerCase()])}function Le(e,t,o){let r=o??Ce(t);if(!Mo(r).test(e))return!1;let n=_e(e,r);return!Number.isNaN(n.getTime())&&ue(n,r)===e}function _e(e,t="mm/dd/yyyy"){let o=t.toLowerCase(),r=n=>{let a=o.indexOf(n);return a===-1?Number.NaN:Number(e.slice(a,a+n.length))};return new Date(r("yyyy"),r("mm")-1,r("dd"))}var Ut=require("react");function bt(e){return(0,Ut.lazy)(()=>new Promise(t=>{t({default:()=>e})}))}var Zt=require("react");var Wt=require("react");var ft={"spinner-border-width":"3px","spinner-border-style":"solid","primary-border-color":"currentColor","border-color":"transparent",spinner:"_spinner_q8rz1_7",spin:"_spin_q8rz1_7",sm:"_sm_q8rz1_18",md:"_md_q8rz1_23",lg:"_lg_q8rz1_28",solid:"_solid_q8rz1_33 _spinner_q8rz1_7",dashed:"_dashed_q8rz1_38 _spinner_q8rz1_7",dotted:"_dotted_q8rz1_43 _spinner_q8rz1_7",double:"_double_q8rz1_48 _spinner_q8rz1_7",loader:"_loader_q8rz1_63",l7:"_l7_q8rz1_1",l5:"_l5_q8rz1_1",l11:"_l11_q8rz1_1",l27:"_l27_q8rz1_1",animloader:"_animloader_q8rz1_1"};var Kt=require("react/jsx-runtime"),Lo=({color:e,style:t,speed:o,thickness:r})=>({"--spinner-scheme":at(e),...r&&{"--spinner-border-width":`${r}px`},"--spinner-animation-duration":o?.length?o:"1s",...t??{}}),ze=(0,Wt.forwardRef)(({color:e="secondary.900",style:t,speed:o,className:r="",thickness:n=3,variant:a="solid",size:i=a!=="unstyled"?"md":void 0,...d},l)=>{let s=i&&(i!=="md"||a==="unstyled")?ft[i]:"",c=a!=="unstyled"?ft[a]:"",m=`
|
|
2
|
+
${s}
|
|
3
|
+
${c}
|
|
4
|
+
${r}
|
|
5
|
+
`.trim();return(0,Kt.jsx)("output",{"aria-label":"loading",className:m,ref:l,style:Lo({color:e,style:t,speed:o,thickness:n}),...d})});ze.displayName="Spinner";var re={button:"_button_1l5be_3",sm:"_sm_1l5be_18",md:"_md_1l5be_24",lg:"_lg_1l5be_29",rounded:"_rounded_1l5be_35",pill:"_pill_1l5be_39",solid:"_solid_1l5be_43 _button_1l5be_3",outline:"_outline_1l5be_49 _button_1l5be_3",ghost:"_ghost_1l5be_55 _button_1l5be_3",link:"_link_1l5be_60 _button_1l5be_3",icon:"_icon_1l5be_67 _button_1l5be_3",disabled:"_disabled_1l5be_111",iconMargin:"_iconMargin_1l5be_116",hidden:"_hidden_1l5be_120",spinnerMargin:"_spinnerMargin_1l5be_124"};var X=require("react/jsx-runtime"),Ao=(e,t,o,r,n,a)=>{let i=n?re.iconMarginNone:re.iconMargin,d=t&&!e?re.hidden:i,l=t&&e?e:a;return(0,X.jsxs)(X.Fragment,{children:[o?(0,X.jsx)("span",{className:i,children:o}):null,l?(0,X.jsx)("span",{className:d,children:l}):null,r?(0,X.jsx)("span",{className:i,children:r}):null]})},Io=(e,t,o,r,n,a)=>{let i=o||r?re.disabled:"",d=e!=="unstyled"?re[a]:"",l=e!=="unstyled"?re[n]:"",s=e!=="unstyled"?re[e]:"";return`${l} ${d} ${s}
|
|
6
|
+
${i} ${t}`.trim()},Oo=e=>({"--button-color":`var(--plume-color-${e}-text)`,"--button-contrast-color":`var(--plume-color-${e}-solid-contrast)`,"--button-solid-bg":`var(--plume-color-${e}-solid)`,"--button-solid-hover":`var(--plume-color-${e}-solid-hover)`,"--button-solid-active":`var(--plume-color-${e}-solid-active)`,"--button-hover-color":`var(--plume-color-${e}-text-hover)`,"--button-focus-color":`var(--plume-color-${e}-text-active)`,"--button-hover-alt-color":`var(--plume-color-${e}-tint)`,"--button-focus-alt-color":`var(--plume-color-${e}-tint-strong)`}),M=(0,Zt.forwardRef)(({children:e,iconLeft:t,iconRight:o,label:r,style:n,busyText:a="",className:i="",colorScheme:d="secondary",disabled:l=!1,isBusy:s=!1,shape:c="rounded",size:m="md",type:h="button",variant:p="solid",...k},b)=>{let _=Io(p,i,l,s,m,c);return(0,X.jsxs)("button",{className:_,disabled:l||s,ref:b,style:{...Oo(d),...n},type:h,...k,children:[Ao(a,s,t,o,p==="unstyled",r),e,s?(0,X.jsx)(ze,{style:{"--spinner-scheme":"var(--button-contrast-color)"},...a&&{className:re.spinnerMargin},size:"sm"}):null]})});M.displayName="Button";var be=require("react");var me={root:"_root_effkj_1",sm:"_sm_effkj_11",md:"_md_effkj_16",lg:"_lg_effkj_21",checkbox:"_checkbox_effkj_26",solid:"_solid_effkj_52",outline:"_outline_effkj_62",invalid:"_invalid_effkj_90",label:"_label_effkj_94",disabled:"_disabled_effkj_98"};var Ae=require("react/jsx-runtime"),$o=(e,t)=>({"--checkbox-solid":`var(--plume-color-${e}-solid)`,"--checkbox-contrast":`var(--plume-color-${e}-solid-contrast)`,"--checkbox-text":`var(--plume-color-${e}-text)`,...t}),gt=(0,be.forwardRef)(({children:e,className:t="",colorScheme:o="primary",disabled:r=!1,onChange:n,indeterminate:a=!1,readOnly:i=!1,size:d="md",style:l,variant:s="solid",...c},m)=>{let h=(0,be.useRef)(null),p=s!=="unstyled",k=c["aria-invalid"]===!0||c["aria-invalid"]==="true";(0,be.useImperativeHandle)(m,()=>h.current),(0,be.useEffect)(()=>{h.current&&(h.current.indeterminate=a)},[a]);let b=[p&&me.root,p&&me[d],r&&me.disabled,t].filter(Boolean).join(" "),_=p?[me.checkbox,me[s],k&&me.invalid].filter(Boolean).join(" "):void 0,v=y=>{i&&y.preventDefault()},T=y=>{i||n?.(y)};return(0,Ae.jsxs)("label",{className:b,style:$o(k?"error":o,l),children:[(0,Ae.jsx)("input",{"aria-readonly":i||void 0,className:_,disabled:r,onChange:n?T:void 0,onClick:v,ref:h,type:"checkbox",...c}),e?(0,Ae.jsx)("span",{className:p?me.label:void 0,children:e}):null]})});gt.displayName="Checkbox";var W=require("react");var Ye=require("react"),ht=(0,Ye.createContext)(void 0),Ue=()=>{let e=(0,Ye.useContext)(ht);if(!e)throw new Error("useDatePicker must be used within a DatePickerProvider");return e};var We={startDate:null,endDate:null},Xt=new Date(new Date().getFullYear(),new Date().getMonth()+1,1),vt={value:We,tempValue:We,modalOpen:!1,year:new Date().getFullYear(),secondYear:Xt.getFullYear(),month:new Date().getMonth(),secondMonth:Xt.getMonth(),rangeDays:[]},xt=(e,t)=>{switch(t.type){case"SET_VALUE":{let{startDate:o,endDate:r}=t.payload,n=o?.getFullYear()??e.year,a=o?.getMonth()??e.month,i=r?.getFullYear()??e.secondYear,d=r&&(r.getMonth()>e.secondMonth||o&&o.getMonth()===11)?r.getMonth():e.secondMonth;return{...e,value:t.payload,tempValue:t.payload,year:n,month:a,secondYear:i,secondMonth:d}}case"TOGGLE_MODAL":return{...e,modalOpen:!e.modalOpen};case"CLOSE_MODAL":return e.modalOpen?{...e,modalOpen:!1}:e;case"SET_YEAR":return{...e,year:t.payload};case"SET_SECOND_YEAR":return{...e,secondYear:t.payload};case"SET_MONTH":return{...e,month:t.payload};case"SET_SECOND_MONTH":return{...e,secondMonth:t.payload};case"SET_RANGE_DAYS":return{...e,rangeDays:t.payload};default:return{...e,tempValue:t.payload}}};var ne=require("react");var f={"date-picker-padding":"var(--plume-space-4)","date-picker-border-radius":"var(--plume-radius-4)","date-picker-color":"var(--plume-muted)","date-picker-border-color":"var(--plume-border)","date-picker-control-border-color":"var(--plume-border-strong)",datePicker:"_datePicker_ez3xe_9",datePickerInputText:"_datePickerInputText_ez3xe_13",inputButton:"_inputButton_ez3xe_29",inputButtonIcon:"_inputButtonIcon_ez3xe_45",sm:"_sm_ez3xe_51",md:"_md_ez3xe_57",lg:"_lg_ez3xe_62",rounded:"_rounded_ez3xe_86",outline:"_outline_ez3xe_90 _datePickerInputText_ez3xe_13",pill:"_pill_ez3xe_90",filled:"_filled_ez3xe_99 _datePickerInputText_ez3xe_13",underline:"_underline_ez3xe_107 _datePickerInputText_ez3xe_13",invalid:"_invalid_ez3xe_117",datePickerModal:"_datePickerModal_ez3xe_141",calendarContainer:"_calendarContainer_ez3xe_156",calendarContainerDouble:"_calendarContainerDouble_ez3xe_161",calendar:"_calendar_ez3xe_156",calendarHeader:"_calendarHeader_ez3xe_171",day:"_day_ez3xe_178",year:"_year_ez3xe_179",month:"_month_ez3xe_180",monthYearSelectors:"_monthYearSelectors_ez3xe_181",monthSelector:"_monthSelector_ez3xe_218",yearSelector:"_yearSelector_ez3xe_219",yearSelectorGrid:"_yearSelectorGrid_ez3xe_223",selected:"_selected_ez3xe_237",monthSelectorGrid:"_monthSelectorGrid_ez3xe_247",daysOfWeek:"_daysOfWeek_ez3xe_253",dayOfWeek:"_dayOfWeek_ez3xe_260",calendarGrid:"_calendarGrid_ez3xe_269",today:"_today_ez3xe_286",rangeItem:"_rangeItem_ez3xe_290",selectedHover:"_selectedHover_ez3xe_300",hovered:"_hovered_ez3xe_305",disabledDay:"_disabledDay_ez3xe_309",outOfRangeDay:"_outOfRangeDay_ez3xe_314",footerActions:"_footerActions_ez3xe_318",footerButton:"_footerButton_ez3xe_325",footerButtonApply:"_footerButtonApply_ez3xe_329",disabled:"_disabled_ez3xe_309"};var C=require("react/jsx-runtime"),yt="yyyy-mm-dd",we=(e,t)=>new Date(e.getFullYear(),e.getMonth(),e.getDate()+t),Jt=(e,t)=>{let o=new Date(e.getFullYear(),e.getMonth()+t+1,0).getDate();return new Date(e.getFullYear(),e.getMonth()+t,Math.min(e.getDate(),o))},kt=e=>(e.getDay()+6)%7,No={ArrowLeft:e=>we(e,-1),ArrowRight:e=>we(e,1),ArrowUp:e=>we(e,-7),ArrowDown:e=>we(e,7),Home:e=>we(e,-kt(e)),End:e=>we(e,6-kt(e)),PageUp:e=>Jt(e,-1),PageDown:e=>Jt(e,1)},Ke=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime();function jo({day:e}){return(0,C.jsx)("span",{className:f.dayOfWeek,children:e})}function Ho({selectedMonth:e,months:t,onChange:o}){let r=n=>{o(n)};return(0,C.jsx)("div",{className:f.monthSelectorGrid,children:t.map((n,a)=>(0,C.jsx)(M,{"aria-pressed":a===e,className:`${a===e?f.selected:""} ${f.month}`,label:n,onClick:()=>{r(a)},variant:"unstyled"},n))})}function qo({selectedYear:e,startYear:t,onChange:o}){let r=a=>{o(a)},n=()=>{let a=[];for(let i=t;i<t+20;i++)a.push((0,C.jsx)(M,{"aria-pressed":e===i,className:`${e===i?f.selected:""} ${f.year}`,onClick:()=>{r(i)},variant:"unstyled",children:i},i));return a};return(0,C.jsx)("div",{className:f.yearSelectorGrid,children:n()})}function Tt({language:e,isRange:t,isSecondCalendar:o,minDate:r,maxDate:n,onMonthChange:a,onSelectDate:i,onYearChange:d}){let{state:l}=Ue(),[s,c]=(0,ne.useState)("day"),[m,h]=(0,ne.useState)(o?l.secondYear:l.year),[p,k]=(0,ne.useState)(null),b=(0,ne.useRef)(!1),_=(0,ne.useRef)(null),v=o?l.secondYear:l.year,T=o?l.secondMonth:l.month,y=Ee(),S=mt(e);(0,ne.useEffect)(()=>{!b.current||!p||(b.current=!1,_.current?.querySelector(`[data-date="${ue(p,yt)}"]:enabled`)?.focus())});let u=E=>{let oe=_.current?.closest('[role="dialog"]')??document,H=oe.querySelectorAll(`.${f.day}:enabled`),q=Array.from(H).findIndex(V=>V.dataset.date===E),K=oe.querySelector(`.${f.day}.${f.selected}`),B=t&&l.tempValue.startDate&&!l.tempValue.endDate&&K;H.forEach((V,ce)=>{let Te=V.classList.contains(f.selected),P=ce===q;if(B){let w=Array.from(H).indexOf(K),[G,U]=[Math.min(w,q),Math.max(w,q)];V.classList.toggle(f.rangeItem,ce>=G&&ce<=U),V.classList.toggle(f.selectedHover,P)}else V.classList.toggle(f.selectedHover,Te&&P),V.classList.toggle(f.hovered,!Te&&P)})},g=()=>s==="month"?(0,C.jsx)(Ho,{months:S,onChange:L,selectedMonth:o?l.secondMonth:l.month}):s==="year"?(0,C.jsx)(qo,{onChange:z,selectedYear:o?l.secondYear:l.year,startYear:m}):(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:f.daysOfWeek,children:_t(e).map(E=>(0,C.jsx)(jo,{day:E},E))}),(0,C.jsx)("div",{className:f.calendarGrid,children:y})]}),L=E=>{a(E),c("day")},z=E=>{d(E),c("day")},O=E=>{c(s!=="day"&&s===E?"day":E)},j=()=>{h(m-20)},ke=()=>{h(m+20)};function Ee(){let E=kt(new Date(v,T,1)),oe=r?Ke(r):-1/0,H=n?Ke(n):1/0,q=new Date().toDateString(),K=new Intl.DateTimeFormat(e,{dateStyle:"full"}),B=(P,w)=>P?.toDateString()===w.toDateString(),V=Array.from({length:42},(P,w)=>{let G=new Date(v,T,w-E+1),U=G.getMonth()===T,x=!U||G.getTime()<oe||G.getTime()>H;return{date:G,isCurrentMonth:U,isDisabled:x}}),ce=V.filter(({isDisabled:P})=>!P).map(({date:P})=>P),Te=[p,l.tempValue.startDate,new Date].map(P=>ce.find(w=>B(P,w))).find(Boolean)??ce[0];return V.map(({date:P,isCurrentMonth:w,isDisabled:G})=>{let U=ue(P,yt),x=w&&B(l.tempValue.startDate,P),D=w&&B(l.tempValue.endDate,P),$=x||D,A=l.rangeDays.some(go=>B(go,P)),Ht=w&&P.toDateString()===q;return(0,C.jsx)(M,{"aria-current":Ht?"date":void 0,"aria-hidden":w?void 0:!0,"aria-label":K.format(P),"aria-pressed":w?$:void 0,className:`${f.day} ${w?"":f.disabledDay} ${$?f.selected:""} ${A&&!$&&w?f.rangeItem:""} ${w&&G?f.outOfRangeDay:""} ${Ht?f.today:""}`,"data-date":U,disabled:G,onClick:()=>{w&&i(P.getDate(),o)},onFocus:()=>{w&&u(U)},onKeyDown:de,onMouseEnter:()=>{w&&u(U)},tabIndex:Te&&B(Te,P)?0:-1,variant:"unstyled",children:(0,C.jsx)("span",{className:f.dayText,children:P.getDate()})},U)})}function de(E){let oe=E.currentTarget.dataset.date,H=No[E.key];if(!oe||!H)return;E.preventDefault();let q=H(_e(oe,yt)),K=q.getTime();if(r&&K<Ke(r)||n&&K>Ke(n))return;let B=(q.getFullYear()-v)*12+q.getMonth()-T;B!==0&&a(T+B),b.current=!0,k(q)}return(0,C.jsxs)("div",{className:f.calendar,ref:_,children:[(0,C.jsx)("div",{className:f.calendarHeader,children:(0,C.jsxs)("div",{className:f.monthYearSelectors,children:[s!=="year"?(0,C.jsx)(M,{"aria-label":"Previous month",onClick:()=>{a((o?l.secondMonth:l.month)-1)},variant:"icon",children:(0,C.jsx)("svg",{"aria-hidden":"true",fill:"currentColor",height:"16",stroke:"currentColor",strokeWidth:"10",viewBox:"0 0 256 256",width:"16",xmlns:"http://www.w3.org/2000/svg",children:(0,C.jsx)("path",{d:"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"})})}):(0,C.jsx)(M,{"aria-label":"Previous years",onClick:j,variant:"icon",children:(0,C.jsx)("svg",{"aria-hidden":"true",fill:"currentColor",height:"16",stroke:"currentColor",strokeWidth:"10",viewBox:"0 0 256 256",width:"16",xmlns:"http://www.w3.org/2000/svg",children:(0,C.jsx)("path",{d:"M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z"})})}),(0,C.jsx)(M,{className:f.monthSelector,label:S[o?l.secondMonth:l.month],onClick:()=>{O("month")},variant:"unstyled"}),(0,C.jsx)("strong",{children:"/"}),(0,C.jsx)(M,{className:f.yearSelector,label:`${o?l.secondYear:l.year}`,onClick:()=>{O("year")},variant:"unstyled"}),s!=="year"?(0,C.jsx)(M,{"aria-label":"Next month",onClick:()=>{a((o?l.secondMonth:l.month)+1)},variant:"icon",children:(0,C.jsx)("svg",{"aria-hidden":"true",fill:"currentColor",height:"16",stroke:"currentColor",strokeWidth:"10",viewBox:"0 0 256 256",width:"16",xmlns:"http://www.w3.org/2000/svg",children:(0,C.jsx)("path",{d:"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"})})}):(0,C.jsx)(M,{"aria-label":"Next years",onClick:ke,variant:"icon",children:(0,C.jsx)("svg",{"aria-hidden":"true",fill:"currentColor",height:"16",stroke:"currentColor",strokeWidth:"10",viewBox:"0 0 256 256",width:"16",xmlns:"http://www.w3.org/2000/svg",children:(0,C.jsx)("path",{d:"M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z"})})})]})}),g()]})}var J=require("react");var Qt=require("react");var Y={"input-padding":"var(--plume-space-4)","input-border-radius":"var(--plume-radius-4)","input-color":"var(--plume-foreground)","input-border-color":"var(--plume-border-strong)","input-background-color":"var(--plume-surface-muted)",base:"_base_162n4_9",input:"_input_162n4_16",sm:"_sm_162n4_32",md:"_md_162n4_38",lg:"_lg_162n4_43",rounded:"_rounded_162n4_49",outline:"_outline_162n4_53 _input_162n4_16",pill:"_pill_162n4_53",filled:"_filled_162n4_62 _input_162n4_16",underline:"_underline_162n4_70 _input_162n4_16",invalid:"_invalid_162n4_80",inputGroup:"_inputGroup_162n4_89",disabled:"_disabled_162n4_101",addOn:"_addOn_162n4_120",element:"_element_162n4_176"};var ae=require("react/jsx-runtime"),Bo=(e,t,o,r,n,a,i)=>{let d=t?Y.disabled:"",l=o&&r?Y.invalid:"",s=r?Y[n]:"",c=r?Y[a]:"",m=r?Y[i]:"";return`${Y.base} ${c} ${s} ${m}
|
|
7
|
+
${d} ${l} ${e}`.trim()},Fo=e=>({"--input-color":`var(--plume-color-${e}-text)`}),Ie=(0,Qt.forwardRef)(({addonBefore:e,addonAfter:t,elementBefore:o,elementAfter:r,style:n,className:a="",colorScheme:i="secondary",disabled:d=!1,readOnly:l=!1,shape:s="rounded",size:c="md",type:m="text",variant:h="outline",mask:p,value:k,defaultValue:b,onChange:_,...v},T)=>{let y=h!=="unstyled",S=v["aria-invalid"]===!0||v["aria-invalid"]==="true",u=Bo(a,d,S,y,s,c,h),g={...Fo(S?"error":i),...n},L=e||t||o||r,{value:z,onChange:O}=ut({mask:p,value:typeof k=="string"?k:void 0,defaultValue:typeof b=="string"?b:void 0,onChange:_}),j={onChange:O,value:p?z:k,defaultValue:p?void 0:b};return L?(0,ae.jsxs)("div",{className:y?Y.inputGroup:"",style:g,children:[e?(0,ae.jsx)("span",{className:y?Y.addOn:"",children:e}):null,o?(0,ae.jsx)("span",{className:y?Y.element:"",children:o}):null,(0,ae.jsx)("input",{className:u,disabled:d,readOnly:l,ref:T,type:m,...j,...v}),t?(0,ae.jsx)("span",{className:y?Y.addOn:"",children:t}):null,r?(0,ae.jsx)("span",{className:y?Y.element:"",children:r}):null]}):(0,ae.jsx)("input",{className:u,disabled:d,readOnly:l,ref:T,style:g,type:m,...j,...v})});Ie.displayName="Input";var ie=require("react/jsx-runtime");function eo({disabled:e,displayFormat:t,inputRef:o,isRange:r,language:n,onClick:a,onBlur:i,readOnly:d,...l}){let{state:{modalOpen:s,value:{startDate:c,endDate:m}},dispatch:h}=Ue(),[p,k]=(0,J.useState)(Ge({displayFormat:t,isRange:r,...c&&{startDate:c},...m&&{endDate:m},language:n})),[b,_]=(0,J.useState)(!0),v=pt({value:p,delay:500}),T=(0,J.useRef)(null),y=(0,J.useCallback)(z=>{T.current=z,typeof o=="function"?o(z):o&&(o.current=z)},[o]);(0,J.useEffect)(()=>{if(![10,23].includes(v.length)||b)return;let z=t??Ce(n);if(v.length===10&&!r&&Le(v,n,t)){let O=_e(v,z);h({type:"SET_VALUE",payload:{startDate:O,endDate:null}})}else if(v.length===23&&Le(v.split(" - ")[0],n,t)&&Le(v.split(" - ")[1],n,t)){let[O,j]=v.split(" - ");h({type:"SET_VALUE",payload:{startDate:_e(O,z),endDate:_e(j,z)}})}},[v,h,t,b,r,n]),(0,J.useEffect)(()=>{k(Ge({displayFormat:t,isRange:r,...c&&{startDate:c},...m&&{endDate:m},language:n}))},[c,m,t,r,n]);let S=()=>{_(!0),T.current?.focus(),a()},u=z=>{_(!1),k(z.target.value)},g=(t??Ce(n)).replace(/[a-zA-Z]/g,"#"),L=r?`${g} - ${g}`:g;return(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(Ie,{disabled:e,inputMode:"numeric",mask:L,onBlur:()=>{i?.({startDate:c,endDate:m})},onChange:u,readOnly:d,ref:y,type:"text",value:p,variant:"unstyled",...l}),(0,ie.jsx)(M,{"aria-expanded":s,"aria-haspopup":"dialog","aria-label":"Open calendar",className:f.inputButton,disabled:e||d,onClick:S,shape:"pill",variant:"icon",children:(0,ie.jsx)("svg",{className:f.inputButtonIcon,viewBox:"0 -960 960 960",xmlns:"http://www.w3.org/2000/svg",children:(0,ie.jsx)("path",{d:"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z"})})})]})}var F=require("react/jsx-runtime"),Vo="en",to={apply:"Apply",cancel:"Cancel"},Go=(e,t)=>({"--datepicker-scheme":`var(--plume-color-${e}-text)`,"--datepicker-solid":`var(--plume-color-${e}-solid)`,"--datepicker-contrast":`var(--plume-color-${e}-solid-contrast)`,"--datepicker-range-item-color":`var(--plume-color-${e}-200)`,"--datepicker-range-item-text":`var(--plume-color-${e}-900)`,"--datepicker-hover-color":`var(--plume-color-${e}-100)`,"--datepicker-selected-hover-color":`var(--plume-color-${e}-solid-hover)`,...t??{}});function Yo({colorScheme:e,labels:{cancel:t,apply:o},onApply:r,onCancel:n}){return(0,F.jsxs)("div",{className:f.footerActions,children:[(0,F.jsx)(M,{className:f.footerButton,label:t,onClick:n,variant:"ghost"}),(0,F.jsx)(M,{className:f.footerButtonApply,colorScheme:e,label:o,onClick:r})]})}var Uo=(e,t,o,r,n,a)=>{let i=a&&(a!=="md"||r==="unstyled")?f[a]:"",d=n&&(n!=="rounded"||r==="unstyled")?f[n]:"",l=r!=="unstyled"?f[r]:"",s=t?f.disabled:"",c=o&&r!=="unstyled"?f.invalid:"";return`${i} ${d} ${l}
|
|
8
|
+
${s} ${c} ${e}`.trim()},Ct=(0,W.forwardRef)(({onChange:e,onBlur:t,inputRef:o,displayFormat:r,style:n,showFooter:a,minDate:i,maxDate:d,placeholder:l,value:s,disabled:c=!1,className:m="",colorScheme:h="secondary",variant:p="outline",config:k,isCalendar:b=!1,isRange:_=!1,...v},T)=>{let y=k?.language??Vo,S={apply:k?.footer?.apply??to.apply,cancel:k?.footer?.cancel??to.cancel},[u,g]=(0,W.useReducer)(xt,s,x=>x?xt(vt,{type:"SET_VALUE",payload:x}):vt),L=(0,W.useRef)(!0),z=ct({callback:()=>{g({type:"CLOSE_MODAL"})}}),O=x=>{z.current=x,typeof T=="function"?T(x):T&&(T.current=x)},{size:j=p!=="unstyled"?"md":void 0,shape:ke=p!=="unstyled"?"rounded":void 0}=v,Ee=Uo(m,c,v["aria-invalid"]===!0||v["aria-invalid"]==="true",p,ke,j);(0,W.useEffect)(()=>{if(u.modalOpen)if(_&&u.tempValue.startDate&&u.tempValue.endDate){let x=[],D=new Date(u.tempValue.startDate);for(;D<=u.tempValue.endDate;)x.push(new Date(D)),D.setDate(D.getDate()+1);g({type:"SET_RANGE_DAYS",payload:x})}else g({type:"SET_RANGE_DAYS",payload:[]})},[_,u.tempValue,u.modalOpen]),(0,W.useEffect)(()=>{if(L.current){L.current=!1;return}g({type:"SET_VALUE",payload:s??We})},[s]),(0,W.useEffect)(()=>{u.modalOpen&&z.current?.querySelector('[role="dialog"] [data-date][tabindex="0"]')?.focus()},[u.modalOpen,z]);let de=()=>{g({type:"TOGGLE_MODAL"})},E=()=>{b||(g({type:"CLOSE_MODAL"}),z.current?.querySelector("input")?.focus())};(0,W.useEffect)(()=>{if(!u.modalOpen||b)return;let x=D=>{D.key!=="Escape"||!z.current?.contains(D.target)||(g({type:"CLOSE_MODAL"}),z.current.querySelector("input")?.focus())};return document.addEventListener("keydown",x),()=>{document.removeEventListener("keydown",x)}},[u.modalOpen,b,z]);let oe=x=>{let D=x.relatedTarget;D&&!x.currentTarget.contains(D)&&g({type:"CLOSE_MODAL"})},H=(x,D)=>x*12+D,q=(x,D)=>{g({type:"SET_YEAR",payload:Math.floor(x/12)}),g({type:"SET_MONTH",payload:x%12}),g({type:"SET_SECOND_YEAR",payload:Math.floor(D/12)}),g({type:"SET_SECOND_MONTH",payload:D%12})},K=(x,D)=>{let $=H(x,D);q($,Math.max(H(u.secondYear,u.secondMonth),$+1))},B=(x,D)=>{let $=H(x,D);q(Math.min(H(u.year,u.month),$-1),$)},V=x=>{K(x,u.month)},ce=x=>{K(u.year,x)},Te=x=>{B(x,u.secondMonth)},P=x=>{B(u.secondYear,x)},w=()=>{g({type:"SET_VALUE",payload:u.tempValue}),u.tempValue.startDate&&e({startDate:u.tempValue.startDate,endDate:u.tempValue.endDate}),E()},G=(x,D)=>{let $=new Date(D?u.secondYear:u.year,D?u.secondMonth:u.month,x),A={...u.tempValue};a||!_||!A.startDate||A.endDate?(A.startDate=$,A.endDate=null):$<A.startDate?(A.endDate=A.startDate,A.startDate=$):A.endDate=$,g({type:"SET_TEMP_VALUE",payload:A}),!a&&(!_||A.endDate)&&(e({startDate:A.startDate,endDate:A.endDate}),g({type:"SET_VALUE",payload:A}),E())},U=()=>{let x=r??Ce(y);return _?`${x} - ${x}`:x};return(0,F.jsx)(ht.Provider,{value:{state:u,dispatch:g},children:(0,F.jsxs)("div",{className:f.datePicker,onBlur:oe,ref:O,style:Go(h,n),children:[!b&&(0,F.jsx)(eo,{className:Ee,disabled:c,displayFormat:r,inputRef:o,isRange:_,language:y,onBlur:t,onClick:de,placeholder:l??U(),...v}),b||u.modalOpen?(0,F.jsxs)("div",{"aria-label":"Calendar",className:f.datePickerModal,role:"dialog",children:[(0,F.jsxs)("div",{className:_?f.calendarContainerDouble:f.calendarContainer,children:[(0,F.jsx)(Tt,{isRange:_,language:y,maxDate:d,minDate:i,onMonthChange:ce,onSelectDate:G,onYearChange:V}),_?(0,F.jsx)(Tt,{isRange:_,isSecondCalendar:!0,language:y,maxDate:d,minDate:i,onMonthChange:P,onSelectDate:G,onYearChange:Te}):null]}),a?(0,F.jsx)(Yo,{colorScheme:h,labels:S,onApply:w,onCancel:E}):null]}):null]})})});Ct.displayName="DatePicker";var Q=require("react");var Ze=require("react"),zt=(0,Ze.createContext)(void 0),oo=()=>(0,Ze.useContext)(zt);var le={field:"_field_wdljj_3",vertical:"_vertical_wdljj_10 _field_wdljj_3",horizontal:"_horizontal_wdljj_14 _field_wdljj_3",label:"_label_wdljj_22",requiredIndicator:"_requiredIndicator_wdljj_32",optionalText:"_optionalText_wdljj_37",helperText:"_helperText_wdljj_43",errorText:"_errorText_wdljj_44",disabled:"_disabled_wdljj_58"};var se=require("react/jsx-runtime"),St=(0,Q.forwardRef)(({children:e,className:t="",disabled:o=!1,errorText:r,helperText:n,invalid:a=!!r,label:i,optionalText:d,orientation:l="vertical",readOnly:s=!1,required:c=!1,style:m},h)=>{let p=(0,Q.useId)(),k=Q.Children.only(e),b=k.props,_=b.id??`${p}-control`,v=i?`${p}-label`:void 0,T=`${p}-helper`,y=`${p}-error`,S=a&&!!r,u=[b["aria-describedby"],S?y:null,n?T:null].filter(Boolean).join(" ")||void 0,g=(0,Q.useMemo)(()=>({labelId:v}),[v]),L=`${le.field} ${le[l]} ${o?le.disabled:""} ${t}`.trim();return(0,se.jsx)(zt.Provider,{value:g,children:(0,se.jsxs)("div",{className:L,ref:h,style:m,children:[i?(0,se.jsxs)("label",{className:le.label,htmlFor:_,id:v,children:[i,c?(0,se.jsx)("span",{"aria-hidden":"true",className:le.requiredIndicator,children:"*"}):null,!c&&d?(0,se.jsx)("span",{className:le.optionalText,children:d}):null]}):null,(0,Q.cloneElement)(k,{id:_,"aria-describedby":u,"aria-invalid":a||b["aria-invalid"]||void 0,disabled:o||b.disabled,readOnly:s||b.readOnly,required:c||b.required}),n?(0,se.jsx)("p",{className:le.helperText,id:T,children:n}):null,S?(0,se.jsx)("p",{className:le.errorText,id:y,children:r}):null]})})});St.displayName="Field";var no=require("react");var Xe=require("react"),Pt=(0,Xe.createContext)(void 0),ro=()=>(0,Xe.useContext)(Pt);var fe={root:"_root_ge9em_1",sm:"_sm_ge9em_11",md:"_md_ge9em_16",lg:"_lg_ge9em_21",radio:"_radio_ge9em_26",solid:"_solid_ge9em_52",outline:"_outline_ge9em_61",invalid:"_invalid_ge9em_82",label:"_label_ge9em_86",disabled:"_disabled_ge9em_90"};var Oe=require("react/jsx-runtime"),Wo=(e,t)=>({"--radio-solid":`var(--plume-color-${e}-solid)`,"--radio-contrast":`var(--plume-color-${e}-solid-contrast)`,"--radio-text":`var(--plume-color-${e}-text)`,...t}),Dt=(0,no.forwardRef)(({checked:e,children:t,className:o="",colorScheme:r,defaultChecked:n,disabled:a=!1,name:i,onChange:d,readOnly:l=!1,required:s=!1,size:c,style:m,value:h,variant:p,...k},b)=>{let _=ro(),v=p??_?.variant??"solid",T=v!=="unstyled",y=k["aria-invalid"]===!0||k["aria-invalid"]==="true"||!!_?.invalid,S=a||!!_?.disabled,u=l||!!_?.readOnly,g=c??_?.size??"md",L=r??_?.colorScheme??"primary",z=[T&&fe.root,T&&fe[g],S&&fe.disabled,o].filter(Boolean).join(" "),O=T?[fe.radio,fe[v],y&&fe.invalid].filter(Boolean).join(" "):void 0,j=de=>{u&&de.preventDefault()},ke=de=>{u||(d?.(de),_?.select(String(h??""),de))},Ee=_?{checked:_.value===String(h??""),name:_.name,required:_.required||s}:{checked:e,defaultChecked:n,name:i,required:s};return(0,Oe.jsxs)("label",{className:z,style:Wo(y?"error":L,m),children:[(0,Oe.jsx)("input",{className:O,disabled:S,onChange:d||_?ke:void 0,onClick:j,ref:b,type:"radio",value:h,...Ee,...k}),t?(0,Oe.jsx)("span",{className:T?fe.label:void 0,children:t}):null]})});Dt.displayName="Radio";var ee=require("react");var wt={group:"_group_1yg36_1",vertical:"_vertical_1yg36_6",horizontal:"_horizontal_1yg36_11"};var Rt=require("react/jsx-runtime"),Et=(0,ee.forwardRef)(({children:e,className:t="",colorScheme:o,defaultValue:r,disabled:n=!1,name:a,onChange:i,orientation:d="vertical",readOnly:l=!1,required:s=!1,size:c,style:m,value:h,variant:p,...k},b)=>{let _=(0,ee.useId)(),v=oo(),[T,y]=(0,ee.useState)(r),S=h!==void 0,u=S?h:T,g=k["aria-invalid"]===!0||k["aria-invalid"]==="true",L=k["aria-labelledby"]??(k["aria-label"]?void 0:v?.labelId),z=(0,ee.useCallback)((j,ke)=>{S||y(j),i?.(j,ke)},[S,i]),O=(0,ee.useMemo)(()=>({colorScheme:o,disabled:n,invalid:g,name:a??_,readOnly:l,required:s,select:z,size:c,value:u,variant:p}),[o,u,n,_,g,a,l,s,z,c,p]);return(0,Rt.jsx)(Pt.Provider,{value:O,children:(0,Rt.jsx)("div",{...k,"aria-disabled":n||void 0,"aria-labelledby":L,"aria-readonly":l||void 0,"aria-required":s||void 0,className:`${wt.group} ${wt[d]} ${t}`.trim(),ref:b,role:"radiogroup",style:m,children:e})})});Et.displayName="RadioGroup";var et=require("react");var te=require("react");var ao=(e,{type:t,payload:o})=>{switch(t){case"SET_ACTIVE_TAB_INDEX":return{...e,index:o};case"SET_CONFIG":return{...e,...o};default:return e}};var N={"tabs-padding":"var(--plume-space-2) var(--plume-space-3)","tabs-border-width":"2px","tabs-border-radius":"var(--plume-radius-4)",tabs:"_tabs_1ct2b_6",horizontal:"_horizontal_1ct2b_11",vertical:"_vertical_1ct2b_15",left:"_left_1ct2b_19",center:"_center_1ct2b_23",right:"_right_1ct2b_27",sm:"_sm_1ct2b_31",md:"_md_1ct2b_36",lg:"_lg_1ct2b_40",underline:"_underline_1ct2b_45",tablist:"_tablist_1ct2b_55",tab:"_tab_1ct2b_6",rounded:"_rounded_1ct2b_82",segment:"_segment_1ct2b_82",active:"_active_1ct2b_97",enclosed:"_enclosed_1ct2b_115",panel:"_panel_1ct2b_174"};var so=require("react/jsx-runtime"),io=(0,te.createContext)(void 0);function lo({config:e,children:t}){let[o,r]=(0,te.useReducer)(ao,e),n=o.alignment!=="left"||o.isStyled?N[o.alignment]:"",a=o.isStyled?N[o.size]:"",i=o.isStyled?N[o.variant]:"";(0,te.useEffect)(()=>{r({type:"SET_CONFIG",payload:e})},[e.alignment,e.baseId,e.colorScheme,e.index,e.isLazy,e.orientation,e.size,e.variant]);let d=l=>{r({type:"SET_ACTIVE_TAB_INDEX",payload:l})};return(0,so.jsx)(io.Provider,{value:(0,te.useMemo)(()=>({...o,alignmentClass:n,sizeClass:a,variantClass:i,setActiveTabIndex:d}),[n,a,o,i]),children:t})}var Je=(e,t)=>`${e}-tab-${t}`,Qe=(e,t)=>`${e}-panel-${t}`,ge=()=>{let e=(0,te.useContext)(io);if(!e)throw new Error("useTabs must be used within a TabsProvider");return e};var Mt=require("react/jsx-runtime"),Ko=(e,t)=>({"--tabs-scheme":`var(--plume-color-${e}-text)`,"--tabs-solid":`var(--plume-color-${e}-solid)`,"--tabs-solid-active":`var(--plume-color-${e}-solid-active)`,"--tabs-text-color":`var(--plume-color-${e}-solid-contrast)`,...t??{}}),Lt=(0,et.forwardRef)(({children:e,style:t,onChange:o,index:r=0,alignment:n="left",className:a="",colorScheme:i="secondary",orientation:d="horizontal",size:l="md",variant:s="underline",isLazy:c=!1,...m},h)=>{let p=(0,et.useId)(),k=m.id??p,b=s!=="unstyled",_=`${d!=="horizontal"||b?N[d]:""} ${b?N.tabs:""} ${a}`.trim();return(0,Mt.jsx)(lo,{config:{index:r,alignment:n,baseId:k,colorScheme:i,isLazy:c,isStyled:b,orientation:d,size:l,variant:s,onChange:o},children:(0,Mt.jsx)("div",{className:_,ref:h,style:Ko(i,t),...m,children:e})})});Lt.displayName="Tabs";var he=require("react");var co=require("react/jsx-runtime"),At=(0,he.forwardRef)(({children:e,...t},o)=>{let{index:r,alignmentClass:n,isStyled:a,orientation:i,variantClass:d}=ge();return(0,co.jsx)("div",{"aria-orientation":i,className:`${a?N.tablist:""} ${d} ${n}`.trim(),ref:o,role:"tablist",...t,children:he.Children.map(e,(l,s)=>(0,he.isValidElement)(l)?(0,he.cloneElement)(l,{index:s,isActive:s===r}):l)})});At.displayName="TabList";var po=require("react");var uo=require("react/jsx-runtime"),It=(0,po.forwardRef)(({label:e,isActive:t,disabled:o,extraContentLeft:r,extraContentRight:n,index:a=0,children:i,className:d=""},l)=>{let{alignmentClass:s,baseId:c,isStyled:m,orientation:h,sizeClass:p,setActiveTabIndex:k,onChange:b}=ge(),[_,v]=h==="vertical"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],T=()=>{b&&b(a),k(a)},y=S=>{let u=S.currentTarget.closest('[role="tablist"]');if(!u)return;let g=Array.from(u.querySelectorAll('[role="tab"]:enabled')),L=g.indexOf(S.currentTarget),z={[_]:g[(L-1+g.length)%g.length],[v]:g[(L+1)%g.length],Home:g[0],End:g[g.length-1]}[S.key];z&&(S.preventDefault(),z.focus(),z.click())};return(0,uo.jsx)(M,{"aria-controls":t?Qe(c,a):void 0,"aria-selected":!!t,className:`${m?N.tab:""} ${s} ${p} ${t&&m?N.active:""} ${d}`.trim(),disabled:o,iconLeft:r,iconRight:n,id:Je(c,a),label:e??"",onClick:T,onKeyDown:y,ref:l,role:"tab",tabIndex:t?0:-1,variant:"unstyled",children:i})});It.displayName="Tab";var ve=require("react");var _o=require("react/jsx-runtime"),Ot=(0,ve.forwardRef)(({children:e,...t},o)=>{let{index:r}=ge();return(0,_o.jsx)("div",{ref:o,...t,children:ve.Children.map(e,(n,a)=>a!==r?null:(0,ve.isValidElement)(n)?(0,ve.cloneElement)(n,{index:a}):n)})});Ot.displayName="TabPanels";var Re=require("react");var tt=require("react/jsx-runtime"),$t=(0,Re.forwardRef)(({children:e,className:t="",index:o=0},r)=>{let{baseId:n,colorScheme:a,isLazy:i,isStyled:d}=ge(),l=i?bt(e):e;return(0,tt.jsx)("div",{"aria-labelledby":Je(n,o),className:`${d?N.panel:""} ${t}`.trim(),id:Qe(n,o),ref:r,role:"tabpanel",tabIndex:0,children:i?(0,tt.jsx)(Re.Suspense,{fallback:(0,tt.jsx)(ze,{color:a}),children:(0,Re.createElement)(l)}):l})});$t.displayName="TabPanel";var mo=require("react");var xe={"textarea-padding":"var(--plume-space-4)","textarea-border-radius":"var(--plume-radius-4)","textarea-border-color":"var(--plume-border-strong)","textarea-background-color":"var(--plume-surface-muted)",base:"_base_1qiho_6",textarea:"_textarea_1qiho_13",sm:"_sm_1qiho_28",md:"_md_1qiho_33",lg:"_lg_1qiho_37",rounded:"_rounded_1qiho_42",outline:"_outline_1qiho_46 _textarea_1qiho_13",pill:"_pill_1qiho_46",filled:"_filled_1qiho_55 _textarea_1qiho_13",underline:"_underline_1qiho_63 _textarea_1qiho_13",none:"_none_1qiho_69",vertical:"_vertical_1qiho_73",horizontal:"_horizontal_1qiho_77",both:"_both_1qiho_81",invalid:"_invalid_1qiho_89",disabled:"_disabled_1qiho_109"};var bo=require("react/jsx-runtime"),Zo=(e,t)=>({"--textarea-color":`var(--plume-color-${e}-text)`,...t}),Nt=(0,mo.forwardRef)(({className:e="",colorScheme:t="secondary",disabled:o=!1,resize:r="vertical",rows:n=3,shape:a="rounded",size:i="md",style:d,variant:l="outline",...s},c)=>{let m=l!=="unstyled",h=s["aria-invalid"]===!0||s["aria-invalid"]==="true",p=`${m?`${xe.base} ${xe[l]} ${xe[i]} ${xe[a]} ${xe[r]}`:""} ${h&&m?xe.invalid:""} ${o?xe.disabled:""} ${e}`.replace(/\s+/g," ").trim();return(0,bo.jsx)("textarea",{className:p,disabled:o,ref:c,rows:n,style:Zo(h?"error":t,d),...s})});Nt.displayName="Textarea";var fo=require("react");var ye={root:"_root_1soij_1",sm:"_sm_1soij_11",md:"_md_1soij_16",lg:"_lg_1soij_21",toggle:"_toggle_1soij_26",solid:"_solid_1soij_62",outline:"_outline_1soij_70",raised:"_raised_1soij_90",invalid:"_invalid_1soij_125",label:"_label_1soij_130",disabled:"_disabled_1soij_134"};var $e=require("react/jsx-runtime"),Xo=(e,t)=>({"--toggle-solid":`var(--plume-color-${e}-solid)`,"--toggle-contrast":`var(--plume-color-${e}-solid-contrast)`,"--toggle-text":`var(--plume-color-${e}-text)`,...t}),jt=(0,fo.forwardRef)(({children:e,className:t="",colorScheme:o="primary",disabled:r=!1,onChange:n,readOnly:a=!1,size:i="md",style:d,variant:l="solid",...s},c)=>{let m=l!=="unstyled",h=s["aria-invalid"]===!0||s["aria-invalid"]==="true",p=[m&&ye.root,m&&ye[i],r&&ye.disabled,t].filter(Boolean).join(" "),k=m?[ye.toggle,ye[l],h&&ye.invalid].filter(Boolean).join(" "):void 0,b=v=>{a&&v.preventDefault()},_=v=>{a||n?.(v)};return(0,$e.jsxs)("label",{className:p,style:Xo(h?"error":o,d),children:[(0,$e.jsx)("input",{"aria-readonly":a||void 0,className:k,disabled:r,onChange:n?_:void 0,onClick:b,ref:c,role:"switch",type:"checkbox",...s}),e?(0,$e.jsx)("span",{className:m?ye.label:void 0,children:e}):null]})});jt.displayName="Toggle";0&&(module.exports={Button,Checkbox,DatePicker,Field,Input,Radio,RadioGroup,Spinner,Tab,TabList,TabPanel,TabPanels,Tabs,Textarea,ThemeProvider,Toggle,applyMask,colorVar,deepMerge,defaultDarkTheme,defaultTheme,formatDate,getContrastColor,getContrastRatio,getDarkenColor,getDateFormatByLanguage,getDateFromDateString,getDateStringByLanguage,getDaysOfWeekByLanguage,getLightenColor,getMonthsByLanguage,lazyLoadContent,themeToCssVars,useClickOutside,useDebounce,useMask,useTheme,validateFormatDate});
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export*from"./theme/index.mjs";export*from"./hooks/index.mjs";export*from"./utils/index.mjs";export*from"./components/interaction/button/index.mjs";export*from"./components/form/checkbox/index.mjs";export*from"./components/form/datepicker/index.mjs";export*from"./components/form/field/index.mjs";export*from"./components/form/input/index.mjs";export*from"./components/form/radio/index.mjs";export*from"./components/presentation/spinner/index.mjs";export*from"./components/navigation/tabs/index.mjs";export*from"./components/form/textarea/index.mjs";export*from"./components/form/toggle/index.mjs";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Portal as o}from"./portal.mjs";import{useLayer as p}from"./layer.mjs";import{useScrollLock as r}from"./use-scroll-lock.mjs";import{useDismiss as n}from"./use-dismiss.mjs";import{getTabbableElements as a,useFocusTrap as l}from"./use-focus-trap.mjs";import{computePosition as P,parsePlacement as c}from"./position.mjs";import{usePosition as x}from"./use-position.mjs";export{o as Portal,P as computePosition,a as getTabbableElements,c as parsePlacement,n as useDismiss,l as useFocusTrap,p as useLayer,x as usePosition,r as useScrollLock};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useCallback as c,useEffect as u,useRef as s}from"react";var e=[];function i(n){let t=s({});return u(()=>{if(!n)return;let o=t.current;return e.push(o),()=>{let r=e.indexOf(o);r!==-1&&e.splice(r,1)}},[n]),c(()=>e[e.length-1]===t.current,[])}export{i as useLayer};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useEffect as c,useState as u}from"react";import{createPortal as l}from"react-dom";import{useThemeRoot as m}from"../theme/theme-root.mjs";function s({children:o,container:r}){let[n,a]=u(!1),e=m();c(()=>{a(!0)},[]);let t=r??(e===void 0?document.body:e);return!n||!t?null:l(o,t)}export{s as Portal};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var f={top:"bottom",bottom:"top",left:"right",right:"left"};function w(i){let[t,e="center"]=i.split("-");return{side:t,align:e}}function c(i,t,e,r,n){let m=i==="top"||i==="bottom",x=()=>t==="start"?e.x:t==="end"?e.x+e.width-r.width:e.x+(e.width-r.width)/2,b=()=>t==="start"?e.y:t==="end"?e.y+e.height-r.height:e.y+(e.height-r.height)/2;return m?{x:x(),y:i==="top"?e.y-r.height-n:e.y+e.height+n}:{x:i==="left"?e.x-r.width-n:e.x+e.width+n,y:b()}}function y(i,t,e,r,n){return i==="top"?Math.max(0,n-t.y):i==="bottom"?Math.max(0,t.y+e.height-(r.height-n)):i==="left"?Math.max(0,n-t.x):Math.max(0,t.x+e.width-(r.width-n))}var d=(i,t,e)=>Math.max(t,Math.min(i,e));function P({anchor:i,floating:t,viewport:e,placement:r="bottom",offset:n=8,padding:m=8,flip:x=!0,shift:b=!0}){let{side:S,align:h}=w(r),o=S,u=c(o,h,i,t,n);if(x){let s=y(o,u,t,e,m);if(s>0){let p=f[o],l=c(p,h,i,t,n);y(p,l,t,e,m)<s&&(o=p,u=l)}}return b&&(u=o==="top"||o==="bottom"?{x:d(u.x,m,e.width-m-t.width),y:u.y}:{x:u.x,y:d(u.y,m,e.height-m-t.height)}),{x:u.x,y:u.y,side:o,placement:h==="center"&&!r.includes("-")?o:`${o}-${h}`}}export{P as computePosition,w as parsePlacement};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useEffect as a,useRef as p}from"react";function D({enabled:t,onDismiss:s,elements:o,isTopmost:i=()=>!0,escapeKey:r=!0,outsidePress:u=!0}){let e=p({onDismiss:s,elements:o,isTopmost:i});a(()=>{e.current={onDismiss:s,elements:o,isTopmost:i}}),a(()=>{if(!t)return;let d=n=>{n.key!=="Escape"||!e.current.isTopmost()||e.current.onDismiss("escape")},c=n=>{if(!e.current.isTopmost())return;let m=n.target;e.current.elements.some(l=>l?.contains(m))||e.current.onDismiss("outside")};return r&&document.addEventListener("keydown",d),u&&document.addEventListener("pointerdown",c),()=>{document.removeEventListener("keydown",d),document.removeEventListener("pointerdown",c)}},[t,r,u])}export{D as useDismiss};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useEffect as m,useRef as T}from"react";var h=["a[href]","area[href]","button","input","select","textarea","summary","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].join(",");function y(e){return Array.from(e.querySelectorAll(h)).filter(n=>{if(n.tabIndex<0||n.disabled||n instanceof HTMLInputElement&&n.type==="hidden"||n.closest("[hidden], [inert]"))return!1;let s=window.getComputedStyle(n);return s.display!=="none"&&s.visibility!=="hidden"})}function v(e,{active:n,initialFocus:s,restoreFocus:l=!0,returnFocus:a,isTopmost:c=()=>!0}){let o=T({initialFocus:s,restoreFocus:l,returnFocus:a,isTopmost:c});m(()=>{o.current={initialFocus:s,restoreFocus:l,returnFocus:a,isTopmost:c}}),m(()=>{if(!n||!e)return;let E=document.activeElement,f=()=>{e.hasAttribute("tabindex")||e.setAttribute("tabindex","-1"),e.focus()},d=o.current.initialFocus??y(e)[0];d?d.focus():f();let b=t=>{if(t.key!=="Tab"||!o.current.isTopmost())return;let r=y(e);if(r.length===0){t.preventDefault(),f();return}let i=r[0],p=r[r.length-1],u=document.activeElement;e.contains(u)?t.shiftKey&&(u===i||u===e)?(t.preventDefault(),p.focus()):!t.shiftKey&&u===p&&(t.preventDefault(),i.focus()):(t.preventDefault(),i.focus())};return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b);let t=o.current.returnFocus??E;o.current.restoreFocus&&t?.isConnected&&t.focus()}},[n,e])}export{y as getTabbableElements,v as useFocusTrap};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useEffect as e,useLayoutEffect as o}from"react";var f=typeof window>"u"?e:o;export{f as useIsomorphicLayoutEffect};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useCallback as w,useEffect as h,useState as b}from"react";import{computePosition as y}from"./position.mjs";import{useIsomorphicLayoutEffect as v}from"./use-isomorphic-layout-effect.mjs";function R({anchor:i,floating:o,enabled:r,placement:d="bottom",offset:c,padding:m,flip:p,shift:a}){let[l,u]=b({x:0,y:0,placement:d,isPositioned:!1}),t=w(()=>{if(!i||!o)return;let e=i.getBoundingClientRect(),f=o.getBoundingClientRect(),{documentElement:P}=document,n=y({anchor:{x:e.left,y:e.top,width:e.width,height:e.height},floating:{width:f.width,height:f.height},viewport:{width:P.clientWidth||window.innerWidth,height:P.clientHeight||window.innerHeight},placement:d,offset:c,padding:m,flip:p,shift:a});u(s=>s.isPositioned&&s.x===n.x&&s.y===n.y&&s.placement===n.placement?s:{x:n.x,y:n.y,placement:n.placement,isPositioned:!0})},[i,o,d,c,m,p,a]);return v(()=>{if(!r)return;t(),window.addEventListener("resize",t),window.addEventListener("scroll",t,!0);let e=typeof ResizeObserver>"u"?void 0:new ResizeObserver(t);return i&&e?.observe(i),o&&e?.observe(o),()=>{window.removeEventListener("resize",t),window.removeEventListener("scroll",t,!0),e?.disconnect()}},[r,t,i,o]),h(()=>{r||u(e=>e.isPositioned?{...e,isPositioned:!1}:e)},[r]),{placement:l.placement,isPositioned:l.isPositioned,style:{position:"fixed",top:l.y,left:l.x}}}export{R as usePosition};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useEffect as l}from"react";var t=0,n;function u(){if(t+=1,t>1)return;let{body:e,documentElement:d}=document,o={overflow:e.style.overflow,paddingRight:e.style.paddingRight},i=window.innerWidth-d.clientWidth;if(i>0){let r=Number.parseFloat(window.getComputedStyle(e).paddingRight)||0;e.style.paddingRight=`${r+i}px`}e.style.overflow="hidden",n=()=>{e.style.overflow=o.overflow,e.style.paddingRight=o.paddingRight}}function c(){t=Math.max(0,t-1),!(t>0)&&(n?.(),n=void 0)}function s(e){l(()=>{if(e)return u(),c},[e])}export{s as useScrollLock};
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._spinner_q8rz1_7{animation:_spin_q8rz1_7 var(--spinner-animation-duration) linear infinite;border-color:var(--spinner-scheme, currentColor);border-radius:50%;border-top-color:transparent;border-width:var(--spinner-border-width, 3px);display:inline-block;width:var(--plume-space-8);height:var(--plume-space-8)}._sm_q8rz1_18{width:var(--plume-space-4);height:var(--plume-space-4)}._md_q8rz1_23{width:var(--plume-space-8);height:var(--plume-space-8)}._lg_q8rz1_28{width:var(--plume-space-12);height:var(--plume-space-12)}._solid_q8rz1_33{border-style:solid}._dashed_q8rz1_38{border-style:dashed}._dotted_q8rz1_43{border-style:dotted}._double_q8rz1_48{border-style:double}@keyframes _spin_q8rz1_7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_q8rz1_63{width:45px;aspect-ratio:.75;--c: no-repeat linear-gradient(#000 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;animation:_l7_q8rz1_1 1s infinite linear alternate}@keyframes _l7_q8rz1_1{0%{background-size:20% 50%,20% 50%,20% 50%}20%{background-size:20% 20%,20% 50%,20% 50%}40%{background-size:20% 100%,20% 20%,20% 50%}60%{background-size:20% 50%,20% 100%,20% 20%}80%{background-size:20% 50%,20% 50%,20% 100%}to{background-size:20% 50%,20% 50%,20% 50%}}._loader_q8rz1_63{width:15px;aspect-ratio:1;border-radius:50%;animation:_l5_q8rz1_1 1s infinite linear alternate}@keyframes _l5_q8rz1_1{0%{box-shadow:20px 0 #000,-20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000,-20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}to{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}._loader_q8rz1_63{display:inline-grid;padding:5px;background:#fff;filter:blur(4px) contrast(12)}._loader_q8rz1_63:before{content:"";height:40px;aspect-ratio:3;--c: #0000 64%, #000 66% 98%, #0000 101%;background:radial-gradient(35% 146% at 50% 159%,var(--c)) 0 0,radial-gradient(35% 146% at 50% -59%,var(--c)) 100% 100%;background-size:calc(200% / 3) 50%;background-repeat:repeat-x;animation:_l11_q8rz1_1 .8s infinite linear}@keyframes _l11_q8rz1_1{to{background-position:-200% 0,-100% 100%}}._loader_q8rz1_63{--d: 22px;width:4px;height:4px;border-radius:50%;color:#25b09b;box-shadow:calc(1 * var(--d)) calc(0 * var(--d)) 0 0,calc(.707 * var(--d)) calc(.707 * var(--d)) 0 1px,calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,calc(-.707 * var(--d)) calc(.707 * var(--d)) 0 3px,calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,calc(-.707 * var(--d)) calc(-.707 * var(--d)) 0 5px,calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;animation:_l27_q8rz1_1 1s infinite steps(8)}@keyframes _l27_q8rz1_1{to{transform:rotate(1turn)}}._loader_q8rz1_63{width:48px;height:48px;background:#fff;display:inline-block;border-radius:50%;box-sizing:border-box;animation:_animloader_q8rz1_1 1s ease-in infinite}@keyframes _animloader_q8rz1_1{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}._button_1l5be_3{align-items:center;background-color:transparent;border:none;border-radius:var(--plume-radius-4);display:inline-flex;font-weight:var(--plume-font-weight-semibold);justify-content:center;padding-inline:var(--plume-space-4);transition:color .3s,background-color .3s;user-select:none}._sm_1l5be_18{font-size:var(--plume-font-size-xs);height:var(--plume-space-8);padding-inline:var(--plume-space-2)}._md_1l5be_24{height:var(--plume-space-10);padding-inline:var(--plume-space-4)}._lg_1l5be_29{font-size:var(--plume-font-size-lg);height:var(--plume-space-12);padding-inline:var(--plume-space-6)}._rounded_1l5be_35{border-radius:var(--plume-radius-4)}._pill_1l5be_39{border-radius:var(--plume-radius-full)}._solid_1l5be_43{background-color:var(--button-solid-bg);color:var(--button-contrast-color)}._outline_1l5be_49{border:1px solid var(--button-color);color:var(--button-color)}._ghost_1l5be_55{color:var(--button-color)}._link_1l5be_60{color:var(--button-color);text-decoration-line:underline;text-underline-offset:var(--plume-space-2)}._icon_1l5be_67{color:var(--button-color);padding:var(--plume-space-2)}:is(._outline_1l5be_49,._ghost_1l5be_55,._icon_1l5be_67):enabled:hover{background-color:var(--button-hover-alt-color)}._link_1l5be_60:enabled:hover{color:var(--button-hover-color);text-decoration-color:var(--button-hover-color)}._solid_1l5be_43:enabled:hover{background-color:var(--button-solid-hover)}._outline_1l5be_49:enabled:hover{border-color:var(--button-hover-color)}._button_1l5be_3:enabled:focus-visible{outline:2px solid var(--button-color);outline-offset:2px}:is(._outline_1l5be_49,._ghost_1l5be_55):enabled:active{background-color:var(--button-focus-alt-color)}:is(._icon_1l5be_67,._link_1l5be_60):enabled:active{color:var(--button-focus-color)}._solid_1l5be_43:enabled:active{background-color:var(--button-solid-active)}._link_1l5be_60:enabled:active{text-decoration-color:var(--button-focus-color)}button._disabled_1l5be_111{opacity:.5;cursor:not-allowed}._iconMargin_1l5be_116{margin:0 var(--plume-space-1)}._hidden_1l5be_120{display:none}._spinnerMargin_1l5be_124{margin-left:var(--plume-space-1)}._datePicker_87pta_8{position:relative}._datePickerInputText_87pta_12{border:none;border-radius:var(--plume-radius-4);box-sizing:border-box;min-width:min(18rem,100%);width:100%;height:var(--plume-space-10);padding:0 var(--plume-space-4);position:relative;display:block;outline:2px solid transparent;outline-offset:2px;color:var(--plume-muted);background:none}._inputButton_87pta_28{position:absolute;top:0;bottom:0;right:0;background-color:transparent;border-color:transparent;margin-right:var(--plume-space-2);margin-block-start:.125rem;margin-block-end:.125rem}._inputButtonIcon_87pta_40{height:var(--plume-space-5);width:var(--plume-space-5);fill:var(--plume-muted)}._sm_87pta_46{font-size:var(--plume-font-size-xs);height:var(--plume-space-8);padding:0 var(--plume-space-2)}._md_87pta_52{height:var(--plume-space-10);padding:0 var(--plume-space-4)}._lg_87pta_57{font-size:var(--plume-font-size-lg);height:var(--plume-space-12);padding:0 var(--plume-space-6)}:is(._datePickerInputText_87pta_12,._sm_87pta_46,._md_87pta_52,._lg_87pta_57){padding-inline-end:3rem}._lg_87pta_57{padding-inline-end:3.25rem}._sm_87pta_46+._inputButton_87pta_28>._inputButtonIcon_87pta_40{height:1.125rem;width:1.125rem}._lg_87pta_57+._inputButton_87pta_28>._inputButtonIcon_87pta_40{height:var(--plume-space-6);width:var(--plume-space-6)}._rounded_87pta_81{border-radius:var(--plume-radius-4)}:is(._outline_87pta_85)._pill_87pta_85{border-radius:var(--plume-radius-full)}._outline_87pta_85{border:1px solid var(--plume-border)}._filled_87pta_94{background-color:var(--plume-surface-muted);border-block-end:1px solid var(--plume-border);border-bottom-left-radius:0;border-bottom-right-radius:0}._underline_87pta_102{border-radius:0;border-block-end:1px solid var(--plume-border)}:is(._outline_87pta_85,._filled_87pta_94,._underline_87pta_102):enabled:hover{border-color:color-mix(in hsl,var(--plume-border),black 10%)}:is(._outline_87pta_85,._filled_87pta_94,._underline_87pta_102)._invalid_87pta_112,:is(._outline_87pta_85,._filled_87pta_94,._underline_87pta_102)._invalid_87pta_112:enabled:hover,:is(._outline_87pta_85,._filled_87pta_94,._underline_87pta_102)._invalid_87pta_112:enabled:focus{border-color:var(--plume-color-error-text)}._outline_87pta_85._invalid_87pta_112:enabled:focus{outline-color:var(--plume-color-error-text)}._filled_87pta_94:enabled:hover{background-color:color-mix(in hsl,var(--plume-surface-muted),black 2%)}._outline_87pta_85:enabled:focus{border-color:var(--datepicker-scheme);outline-color:var(--datepicker-scheme)}:is(._filled_87pta_94,._underline_87pta_102):enabled:focus{border-block-end-color:var(--datepicker-scheme);border-block-end-width:2px}._datePickerModal_87pta_136{margin-top:var(--plume-space-2);display:flex;flex-direction:column;background-color:var(--plume-surface);border:1px solid var(--plume-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:var(--plume-radius-6);overflow:hidden;position:absolute;z-index:var(--plume-z-1)}._calendarContainer_87pta_151{display:flex;width:21rem}._calendarContainerDouble_87pta_156{display:flex;width:42rem}._calendar_87pta_151{width:21rem;padding:var(--plume-space-3)}._calendarHeader_87pta_166{display:flex;justify-content:center;margin-bottom:var(--plume-space-3)}._day_87pta_173,._year_87pta_174,._month_87pta_175,._monthYearSelectors_87pta_176 button{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit}._day_87pta_173:focus-visible,._year_87pta_174:focus-visible,._month_87pta_175:focus-visible,._monthYearSelectors_87pta_176 button:focus-visible{outline:2px solid var(--datepicker-scheme);outline-offset:1px}._monthYearSelectors_87pta_176{display:flex;justify-content:center;align-items:center;column-gap:var(--plume-space-1)}._monthYearSelectors_87pta_176 button:not([class*=icon]){padding:var(--plume-space-2) var(--plume-space-4);border-radius:var(--plume-radius-4)}._monthYearSelectors_87pta_176 button[class*=icon]{padding:var(--plume-space-2);border-radius:var(--plume-radius-full)}._monthYearSelectors_87pta_176 button:hover{background-color:var(--datepicker-hover-color)}._monthSelector_87pta_213,._yearSelector_87pta_214{font-weight:700}._yearSelectorGrid_87pta_218{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--plume-space-2)}._year_87pta_174,._month_87pta_175{display:inline-flex;justify-content:center;padding:var(--plume-space-2) var(--plume-space-4);border-radius:var(--plume-radius-4)}._year_87pta_174:not(._selected_87pta_232):hover,._month_87pta_175:not(._selected_87pta_232):hover{background-color:var(--datepicker-hover-color)}._year_87pta_174:hover,._month_87pta_175:hover{background-color:var(--datepicker-selected-hover-color)}._monthSelectorGrid_87pta_242{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--plume-space-2)}._daysOfWeek_87pta_248{display:flex;justify-content:center;column-gap:var(--plume-space-1);padding-bottom:.375rem}._dayOfWeek_87pta_255{margin:1px;width:var(--plume-space-10);display:block;text-align:center;font-size:var(--plume-font-size-sm);color:var(--plume-muted)}._calendarGrid_87pta_264{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--plume-space-1)}._day_87pta_173{margin-left:1px;margin-right:1px;display:flex;height:var(--plume-space-10);width:var(--plume-space-10);align-items:center;justify-content:center;border-radius:var(--plume-radius-full)}._today_87pta_281{color:var(--datepicker-scheme)}._rangeItem_87pta_285{background-color:var(--datepicker-range-item-color);color:var(--datepicker-range-item-text)}._selected_87pta_232{background-color:var(--datepicker-solid);color:var(--datepicker-contrast)}._selectedHover_87pta_295{background-color:var(--datepicker-selected-hover-color);color:var(--datepicker-contrast)}._hovered_87pta_300{background-color:var(--datepicker-hover-color)}._disabledDay_87pta_304{color:var(--plume-muted);cursor:not-allowed}._outOfRangeDay_87pta_309{text-decoration-line:line-through}._footerActions_87pta_313{display:flex;justify-content:flex-end;padding:var(--plume-space-3);border-top:1px solid var(--plume-border)}button._footerButton_87pta_320{color:var(--plume-foreground)}button._footerButtonApply_87pta_324{color:var(--datepicker-contrast);margin-left:var(--plume-space-2)}._disabled_87pta_304,._disabled_87pta_304+._inputButton_87pta_28{opacity:.5;cursor:not-allowed}:where(._base_h3ylb_9){background:transparent;border:none;outline:2px solid transparent;outline-offset:2px}._input_h3ylb_16{border-radius:var(--plume-radius-4);box-sizing:border-box;color:var(--plume-foreground);display:block;height:var(--plume-space-10);min-width:min(18rem,100%);padding-inline:var(--plume-space-4);position:relative;width:100%}._input_h3ylb_16::placeholder{color:var(--plume-muted)}._sm_h3ylb_32{font-size:var(--plume-font-size-xs);height:var(--plume-space-8);padding-inline:var(--plume-space-2)}._md_h3ylb_38{height:var(--plume-space-10);padding-inline:var(--plume-space-4)}._lg_h3ylb_43{font-size:var(--plume-font-size-lg);height:var(--plume-space-12);padding-inline:var(--plume-space-6)}._rounded_h3ylb_49{border-radius:var(--plume-radius-4)}:is(._outline_h3ylb_53)._pill_h3ylb_53{border-radius:var(--plume-radius-full)}._outline_h3ylb_53{border:1px solid var(--plume-border)}._filled_h3ylb_62{background-color:var(--plume-surface-muted);border-block-end:1px solid var(--plume-border);border-bottom-left-radius:0;border-bottom-right-radius:0}._underline_h3ylb_70{border-radius:0;border-block-end:1px solid var(--plume-border)}:is(._outline_h3ylb_53,._filled_h3ylb_62,._underline_h3ylb_70):enabled:hover{border-color:color-mix(in hsl,var(--plume-border),black 10%)}:is(._outline_h3ylb_53,._filled_h3ylb_62,._underline_h3ylb_70)._invalid_h3ylb_80,:is(._outline_h3ylb_53,._filled_h3ylb_62,._underline_h3ylb_70)._invalid_h3ylb_80:enabled:hover{border-color:var(--input-color)}._filled_h3ylb_62:enabled:hover{background-color:color-mix(in hsl,var(--plume-surface-muted),black 2%)}:not(._inputGroup_h3ylb_89)>._outline_h3ylb_53:enabled:focus,._inputGroup_h3ylb_89:has(._outline_h3ylb_53:enabled):focus-within{border-color:var(--input-color);outline:2px solid var(--input-color);outline-offset:2px}:is(._filled_h3ylb_62,._underline_h3ylb_70):enabled:focus{border-block-end-color:var(--input-color);border-block-end-width:2px}._disabled_h3ylb_101{opacity:.5;cursor:not-allowed}._inputGroup_h3ylb_89{position:relative;display:flex;border-radius:var(--plume-radius-4);min-width:min(18rem,100%)}._inputGroup_h3ylb_89>._input_h3ylb_16{flex:1 1 auto;min-width:0}._inputGroup_h3ylb_89>._addOn_h3ylb_120{flex-shrink:0;white-space:nowrap}._inputGroup_h3ylb_89:has(._outline_h3ylb_53,._filled_h3ylb_62)>._addOn_h3ylb_120{background-color:var(--plume-surface-muted)}._inputGroup_h3ylb_89:has(._outline_h3ylb_53)>._addOn_h3ylb_120{border:1px solid var(--plume-border)}._inputGroup_h3ylb_89:has(._filled_h3ylb_62)>._addOn_h3ylb_120{border-block-end:1px solid var(--plume-border)}._inputGroup_h3ylb_89:has(._outline_h3ylb_53,._filled_h3ylb_62)>._addOn_h3ylb_120:first-child{border-top-left-radius:var(--plume-radius-4)}._inputGroup_h3ylb_89:has(._outline_h3ylb_53)>._addOn_h3ylb_120:first-child{border-bottom-left-radius:var(--plume-radius-4)}._inputGroup_h3ylb_89:has(._outline_h3ylb_53,._filled_h3ylb_62)>._addOn_h3ylb_120:first-child+._input_h3ylb_16{border-top-left-radius:0;border-top-right-radius:var(--plume-radius-4)}._inputGroup_h3ylb_89:has(._outline_h3ylb_53)>._addOn_h3ylb_120:first-child+._input_h3ylb_16{border-bottom-left-radius:0;border-bottom-right-radius:var(--plume-radius-4)}._inputGroup_h3ylb_89:has(._addOn_h3ylb_120)>._input_h3ylb_16:is(._outline_h3ylb_53,._filled_h3ylb_62){border-top-right-radius:0}._inputGroup_h3ylb_89:has(._addOn_h3ylb_120)>._input_h3ylb_16:is(._outline_h3ylb_53){border-bottom-right-radius:0}._inputGroup_h3ylb_89:has(._outline_h3ylb_53,._filled_h3ylb_62)>._addOn_h3ylb_120:last-child{border-top-right-radius:var(--plume-radius-4);border-inline-start:0}._inputGroup_h3ylb_89:has(._outline_h3ylb_53)>._addOn_h3ylb_120:last-child{border-bottom-right-radius:var(--plume-radius-4)}._inputGroup_h3ylb_89:has(._underline_h3ylb_70)>._addOn_h3ylb_120{border-block-end:1px solid var(--plume-border)}._inputGroup_h3ylb_89:has(._element_h3ylb_176:first-child)>._input_h3ylb_16{padding-inline-start:2.5rem}._inputGroup_h3ylb_89:has(._element_h3ylb_176:last-child)>._input_h3ylb_16{padding-inline-end:2.5rem}._element_h3ylb_176,._addOn_h3ylb_120{display:flex;align-items:center;justify-content:center}._element_h3ylb_176:first-child{left:0}._element_h3ylb_176:last-child{right:0}._element_h3ylb_176{position:absolute;top:0;height:2.5rem;width:2.5rem;z-index:2}._addOn_h3ylb_120{padding:0 .75rem}._field_wdljj_3{color:var(--plume-foreground);display:flex;flex-direction:column;gap:var(--plume-space-1)}._horizontal_wdljj_14{align-items:center;column-gap:var(--plume-space-4);display:grid;grid-template-columns:var(--field-label-width, 8rem) minmax(0,1fr)}._horizontal_wdljj_14>:not(._label_wdljj_22){grid-column:2}._label_wdljj_22{font-size:var(--plume-font-size-sm);font-weight:var(--plume-font-weight-medium);line-height:var(--plume-line-height-snug)}._requiredIndicator_wdljj_32{color:var(--plume-color-error-text);margin-inline-start:var(--plume-space-1)}._optionalText_wdljj_37{color:var(--plume-muted);font-weight:var(--plume-font-weight-normal);margin-inline-start:var(--plume-space-1)}._helperText_wdljj_43,._errorText_wdljj_44{font-size:var(--plume-font-size-sm);line-height:var(--plume-line-height-snug);margin:0}._helperText_wdljj_43{color:var(--plume-muted)}._errorText_wdljj_44{color:var(--plume-color-error-text)}._disabled_wdljj_58 ._label_wdljj_22{opacity:.5}._tabs_1ct2b_6{display:flex;flex-direction:column}._horizontal_1ct2b_11{flex-direction:column}._vertical_1ct2b_15{flex-direction:row}._left_1ct2b_19{justify-content:flex-start}._center_1ct2b_23{justify-content:center}._right_1ct2b_27{justify-content:flex-end}._sm_1ct2b_31{padding:var(--plume-space-1) var(--plume-space-2);font-size:small}._md_1ct2b_36{padding:var(--plume-space-2) var(--plume-space-3)}._lg_1ct2b_40{padding:var(--plume-space-3) var(--plume-space-4);font-size:large}._vertical_1ct2b_15 ._underline_1ct2b_45{border-inline-end:solid 1px var(--plume-border);border-block-end:none}._underline_1ct2b_45{gap:var(--plume-space-4);border-block-end:solid 1px var(--plume-border)}._vertical_1ct2b_15 ._tablist_1ct2b_55{flex-direction:column;align-items:stretch}._tablist_1ct2b_55{width:inherit;display:flex;flex-direction:row;align-items:center}._tab_1ct2b_6{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;display:inline-flex;justify-content:center;align-items:center;gap:var(--plume-space-2);outline:2px solid transparent;outline-offset:2px}:is(._rounded_1ct2b_82,._segment_1ct2b_82) ._tab_1ct2b_6{border-radius:var(--plume-radius-4)}._vertical_1ct2b_15 ._underline_1ct2b_45 ._tab_1ct2b_6{border-inline-end:2px solid transparent;border-block-end:none;transition:border-inline-end .2s}._underline_1ct2b_45 ._tab_1ct2b_6{border-block-end:2px solid transparent;transition:border-block-end .2s}._vertical_1ct2b_15 ._underline_1ct2b_45 ._tab_1ct2b_6._active_1ct2b_97{border-inline-end:2px solid var(--tabs-scheme);border-block-end:none}._underline_1ct2b_45 ._tab_1ct2b_6._active_1ct2b_97{border-block-end:2px solid var(--tabs-scheme);color:var(--tabs-scheme);transition:color .2s}._rounded_1ct2b_82 ._tab_1ct2b_6._active_1ct2b_97{background-color:var(--tabs-solid);color:var(--tabs-text-color);border-radius:var(--plume-radius-4);transition:color .2s}._vertical_1ct2b_15 ._enclosed_1ct2b_115{border-inline-end:1px solid var(--tabs-scheme);border-block-end:none}._enclosed_1ct2b_115{border-block-end:1px solid var(--tabs-scheme)}._vertical_1ct2b_15 ._enclosed_1ct2b_115 ._tab_1ct2b_6._active_1ct2b_97{border:1px solid var(--tabs-scheme);border-radius:var(--plume-radius-4);border-inline-end:none;border-end-end-radius:0;border-start-end-radius:0;margin-inline-end:-1px;transition:color .2s}._enclosed_1ct2b_115 ._tab_1ct2b_6._active_1ct2b_97{border:1px solid var(--tabs-scheme);border-radius:var(--plume-radius-4);background:var(--plume-surface);border-block-end:none;border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--tabs-scheme);margin-block-end:-1px;transition:color .2s}._segment_1ct2b_82{background-color:var(--tabs-solid);color:var(--tabs-text-color);gap:var(--plume-space-1);padding:var(--plume-space-3) var(--plume-space-4);transition:background-color .2s;border-radius:var(--plume-radius-4)}._segment_1ct2b_82 ._tab_1ct2b_6._active_1ct2b_97{background-color:var(--tabs-solid-active);color:var(--tabs-text-color);border-radius:var(--plume-radius-4);transition:color .2s}._tab_1ct2b_6:not(._active_1ct2b_97,:disabled):hover{color:color-mix(in hsl,var(--tabs-scheme),black 10%)}._tab_1ct2b_6:focus-visible{outline-color:var(--tabs-scheme)}._segment_1ct2b_82 ._tab_1ct2b_6:focus-visible{outline-color:var(--tabs-text-color)}._panel_1ct2b_174:focus-visible{outline:2px solid var(--tabs-scheme);outline-offset:2px}._vertical_1ct2b_15 ._panel_1ct2b_174{padding:var(--plume-space-2) var(--plume-space-4)}._panel_1ct2b_174{padding:var(--plume-space-4) var(--plume-space-2);border:none}
|
|
1
|
+
._spinner_q8rz1_7{animation:_spin_q8rz1_7 var(--spinner-animation-duration) linear infinite;border-color:var(--spinner-scheme, currentColor);border-radius:50%;border-top-color:transparent;border-width:var(--spinner-border-width, 3px);display:inline-block;width:var(--plume-space-8);height:var(--plume-space-8)}._sm_q8rz1_18{width:var(--plume-space-4);height:var(--plume-space-4)}._md_q8rz1_23{width:var(--plume-space-8);height:var(--plume-space-8)}._lg_q8rz1_28{width:var(--plume-space-12);height:var(--plume-space-12)}._solid_q8rz1_33{border-style:solid}._dashed_q8rz1_38{border-style:dashed}._dotted_q8rz1_43{border-style:dotted}._double_q8rz1_48{border-style:double}@keyframes _spin_q8rz1_7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_q8rz1_63{width:45px;aspect-ratio:.75;--c: no-repeat linear-gradient(#000 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;animation:_l7_q8rz1_1 1s infinite linear alternate}@keyframes _l7_q8rz1_1{0%{background-size:20% 50%,20% 50%,20% 50%}20%{background-size:20% 20%,20% 50%,20% 50%}40%{background-size:20% 100%,20% 20%,20% 50%}60%{background-size:20% 50%,20% 100%,20% 20%}80%{background-size:20% 50%,20% 50%,20% 100%}to{background-size:20% 50%,20% 50%,20% 50%}}._loader_q8rz1_63{width:15px;aspect-ratio:1;border-radius:50%;animation:_l5_q8rz1_1 1s infinite linear alternate}@keyframes _l5_q8rz1_1{0%{box-shadow:20px 0 #000,-20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000,-20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}to{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}._loader_q8rz1_63{display:inline-grid;padding:5px;background:#fff;filter:blur(4px) contrast(12)}._loader_q8rz1_63:before{content:"";height:40px;aspect-ratio:3;--c: #0000 64%, #000 66% 98%, #0000 101%;background:radial-gradient(35% 146% at 50% 159%,var(--c)) 0 0,radial-gradient(35% 146% at 50% -59%,var(--c)) 100% 100%;background-size:calc(200% / 3) 50%;background-repeat:repeat-x;animation:_l11_q8rz1_1 .8s infinite linear}@keyframes _l11_q8rz1_1{to{background-position:-200% 0,-100% 100%}}._loader_q8rz1_63{--d: 22px;width:4px;height:4px;border-radius:50%;color:#25b09b;box-shadow:calc(1 * var(--d)) calc(0 * var(--d)) 0 0,calc(.707 * var(--d)) calc(.707 * var(--d)) 0 1px,calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,calc(-.707 * var(--d)) calc(.707 * var(--d)) 0 3px,calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,calc(-.707 * var(--d)) calc(-.707 * var(--d)) 0 5px,calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;animation:_l27_q8rz1_1 1s infinite steps(8)}@keyframes _l27_q8rz1_1{to{transform:rotate(1turn)}}._loader_q8rz1_63{width:48px;height:48px;background:#fff;display:inline-block;border-radius:50%;box-sizing:border-box;animation:_animloader_q8rz1_1 1s ease-in infinite}@keyframes _animloader_q8rz1_1{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}._button_1l5be_3{align-items:center;background-color:transparent;border:none;border-radius:var(--plume-radius-4);display:inline-flex;font-weight:var(--plume-font-weight-semibold);justify-content:center;padding-inline:var(--plume-space-4);transition:color .3s,background-color .3s;user-select:none}._sm_1l5be_18{font-size:var(--plume-font-size-xs);height:var(--plume-space-8);padding-inline:var(--plume-space-2)}._md_1l5be_24{height:var(--plume-space-10);padding-inline:var(--plume-space-4)}._lg_1l5be_29{font-size:var(--plume-font-size-lg);height:var(--plume-space-12);padding-inline:var(--plume-space-6)}._rounded_1l5be_35{border-radius:var(--plume-radius-4)}._pill_1l5be_39{border-radius:var(--plume-radius-full)}._solid_1l5be_43{background-color:var(--button-solid-bg);color:var(--button-contrast-color)}._outline_1l5be_49{border:1px solid var(--button-color);color:var(--button-color)}._ghost_1l5be_55{color:var(--button-color)}._link_1l5be_60{color:var(--button-color);text-decoration-line:underline;text-underline-offset:var(--plume-space-2)}._icon_1l5be_67{color:var(--button-color);padding:var(--plume-space-2)}:is(._outline_1l5be_49,._ghost_1l5be_55,._icon_1l5be_67):enabled:hover{background-color:var(--button-hover-alt-color)}._link_1l5be_60:enabled:hover{color:var(--button-hover-color);text-decoration-color:var(--button-hover-color)}._solid_1l5be_43:enabled:hover{background-color:var(--button-solid-hover)}._outline_1l5be_49:enabled:hover{border-color:var(--button-hover-color)}._button_1l5be_3:enabled:focus-visible{outline:2px solid var(--button-color);outline-offset:2px}:is(._outline_1l5be_49,._ghost_1l5be_55):enabled:active{background-color:var(--button-focus-alt-color)}:is(._icon_1l5be_67,._link_1l5be_60):enabled:active{color:var(--button-focus-color)}._solid_1l5be_43:enabled:active{background-color:var(--button-solid-active)}._link_1l5be_60:enabled:active{text-decoration-color:var(--button-focus-color)}button._disabled_1l5be_111{opacity:.5;cursor:not-allowed}._iconMargin_1l5be_116{margin:0 var(--plume-space-1)}._hidden_1l5be_120{display:none}._spinnerMargin_1l5be_124{margin-left:var(--plume-space-1)}._root_effkj_1{align-items:center;color:var(--plume-foreground);cursor:pointer;display:inline-flex;font-family:var(--plume-font-family);gap:var(--plume-space-2);vertical-align:middle}._sm_effkj_11{--checkbox-size: var(--plume-space-4);font-size:var(--plume-font-size-xs)}._md_effkj_16{--checkbox-size: var(--plume-space-5);font-size:var(--plume-font-size-base)}._lg_effkj_21{--checkbox-size: var(--plume-space-6);font-size:var(--plume-font-size-lg)}._checkbox_effkj_26{appearance:none;background-color:var(--plume-surface);border:2px solid var(--plume-border-strong);border-radius:var(--plume-radius-2);box-sizing:border-box;cursor:inherit;flex:none;height:var(--checkbox-size);margin:0;position:relative;transition:background-color .15s,border-color .15s;width:var(--checkbox-size)}._checkbox_effkj_26:before{clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);content:"";inset:17%;position:absolute;transform:scale(0);transition:transform .12s}._solid_effkj_52:before{background-color:var(--checkbox-contrast)}._solid_effkj_52:checked,._solid_effkj_52:indeterminate{background-color:var(--checkbox-solid);border-color:var(--checkbox-solid)}._outline_effkj_62:before{background-color:var(--checkbox-text)}._outline_effkj_62:checked,._outline_effkj_62:indeterminate{border-color:var(--checkbox-text)}._checkbox_effkj_26:checked:before{transform:scale(1)}._checkbox_effkj_26:indeterminate:before{clip-path:none;inset:calc(50% - 1px) 20%;transform:scale(1)}._checkbox_effkj_26:enabled:hover:not(:checked,:indeterminate){border-color:var(--checkbox-text)}._checkbox_effkj_26:focus-visible{outline:2px solid var(--checkbox-text);outline-offset:2px}._invalid_effkj_90:not(:checked,:indeterminate){border-color:var(--checkbox-text)}._label_effkj_94{line-height:var(--plume-line-height-normal)}._disabled_effkj_98{cursor:not-allowed;opacity:.5}@media(prefers-reduced-motion:reduce){._checkbox_effkj_26,._checkbox_effkj_26:before{transition:none}}@media(forced-colors:active){._checkbox_effkj_26{border-color:CanvasText;forced-color-adjust:none}._solid_effkj_52:checked,._solid_effkj_52:indeterminate{background-color:Highlight;border-color:Highlight}._solid_effkj_52:before{background-color:HighlightText}._outline_effkj_62:checked,._outline_effkj_62:indeterminate{border-color:Highlight}._outline_effkj_62:before{background-color:Highlight}}._datePicker_ez3xe_9{position:relative}._datePickerInputText_ez3xe_13{border:none;border-radius:var(--plume-radius-4);box-sizing:border-box;min-width:min(18rem,100%);width:100%;height:var(--plume-space-10);padding:0 var(--plume-space-4);position:relative;display:block;outline:2px solid transparent;outline-offset:2px;color:var(--plume-muted);background:none}._inputButton_ez3xe_29{position:absolute;top:0;bottom:0;right:0;background-color:transparent;border-color:transparent;margin-right:var(--plume-space-2);margin-block-start:.125rem;margin-block-end:.125rem}input+._inputButton_ez3xe_29{height:auto}._inputButtonIcon_ez3xe_45{height:var(--plume-space-5);width:var(--plume-space-5);fill:var(--plume-muted)}._sm_ez3xe_51{font-size:var(--plume-font-size-xs);height:var(--plume-space-8);padding:0 var(--plume-space-2)}._md_ez3xe_57{height:var(--plume-space-10);padding:0 var(--plume-space-4)}._lg_ez3xe_62{font-size:var(--plume-font-size-lg);height:var(--plume-space-12);padding:0 var(--plume-space-6)}:is(._datePickerInputText_ez3xe_13,._sm_ez3xe_51,._md_ez3xe_57,._lg_ez3xe_62){padding-inline-end:3rem}._lg_ez3xe_62{padding-inline-end:3.25rem}._sm_ez3xe_51+._inputButton_ez3xe_29>._inputButtonIcon_ez3xe_45{height:1.125rem;width:1.125rem}._lg_ez3xe_62+._inputButton_ez3xe_29>._inputButtonIcon_ez3xe_45{height:var(--plume-space-6);width:var(--plume-space-6)}._rounded_ez3xe_86{border-radius:var(--plume-radius-4)}:is(._outline_ez3xe_90)._pill_ez3xe_90{border-radius:var(--plume-radius-full)}._outline_ez3xe_90{border:1px solid var(--plume-border-strong)}._filled_ez3xe_99{background-color:var(--plume-surface-muted);border-block-end:1px solid var(--plume-border-strong);border-bottom-left-radius:0;border-bottom-right-radius:0}._underline_ez3xe_107{border-radius:0;border-block-end:1px solid var(--plume-border-strong)}:is(._outline_ez3xe_90,._filled_ez3xe_99,._underline_ez3xe_107):enabled:hover{border-color:color-mix(in hsl,var(--plume-border-strong),black 10%)}:is(._outline_ez3xe_90,._filled_ez3xe_99,._underline_ez3xe_107)._invalid_ez3xe_117,:is(._outline_ez3xe_90,._filled_ez3xe_99,._underline_ez3xe_107)._invalid_ez3xe_117:enabled:hover,:is(._outline_ez3xe_90,._filled_ez3xe_99,._underline_ez3xe_107)._invalid_ez3xe_117:enabled:focus{border-color:var(--plume-color-error-text)}._outline_ez3xe_90._invalid_ez3xe_117:enabled:focus{outline-color:var(--plume-color-error-text)}._filled_ez3xe_99:enabled:hover{background-color:color-mix(in hsl,var(--plume-surface-muted),black 2%)}._outline_ez3xe_90:enabled:focus{border-color:var(--datepicker-scheme);outline-color:var(--datepicker-scheme)}:is(._filled_ez3xe_99,._underline_ez3xe_107):enabled:focus{border-block-end-color:var(--datepicker-scheme);border-block-end-width:2px}._datePickerModal_ez3xe_141{margin-top:var(--plume-space-2);display:flex;flex-direction:column;background-color:var(--plume-surface);border:1px solid var(--plume-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:var(--plume-radius-6);overflow:hidden;position:absolute;z-index:var(--plume-z-1)}._calendarContainer_ez3xe_156{display:flex;width:21rem}._calendarContainerDouble_ez3xe_161{display:flex;width:42rem}._calendar_ez3xe_156{width:21rem;padding:var(--plume-space-3)}._calendarHeader_ez3xe_171{display:flex;justify-content:center;margin-bottom:var(--plume-space-3)}._day_ez3xe_178,._year_ez3xe_179,._month_ez3xe_180,._monthYearSelectors_ez3xe_181 button{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit}._day_ez3xe_178:focus-visible,._year_ez3xe_179:focus-visible,._month_ez3xe_180:focus-visible,._monthYearSelectors_ez3xe_181 button:focus-visible{outline:2px solid var(--datepicker-scheme);outline-offset:1px}._monthYearSelectors_ez3xe_181{display:flex;justify-content:center;align-items:center;column-gap:var(--plume-space-1)}._monthYearSelectors_ez3xe_181 button:not([class*=icon]){padding:var(--plume-space-2) var(--plume-space-4);border-radius:var(--plume-radius-4)}._monthYearSelectors_ez3xe_181 button[class*=icon]{padding:var(--plume-space-2);border-radius:var(--plume-radius-full)}._monthYearSelectors_ez3xe_181 button:hover{background-color:var(--datepicker-hover-color)}._monthSelector_ez3xe_218,._yearSelector_ez3xe_219{font-weight:700}._yearSelectorGrid_ez3xe_223{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--plume-space-2)}._year_ez3xe_179,._month_ez3xe_180{display:inline-flex;justify-content:center;padding:var(--plume-space-2) var(--plume-space-4);border-radius:var(--plume-radius-4)}._year_ez3xe_179:not(._selected_ez3xe_237):hover,._month_ez3xe_180:not(._selected_ez3xe_237):hover{background-color:var(--datepicker-hover-color)}._year_ez3xe_179:hover,._month_ez3xe_180:hover{background-color:var(--datepicker-selected-hover-color)}._monthSelectorGrid_ez3xe_247{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--plume-space-2)}._daysOfWeek_ez3xe_253{display:flex;justify-content:center;column-gap:var(--plume-space-1);padding-bottom:.375rem}._dayOfWeek_ez3xe_260{margin:1px;width:var(--plume-space-10);display:block;text-align:center;font-size:var(--plume-font-size-sm);color:var(--plume-muted)}._calendarGrid_ez3xe_269{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--plume-space-1)}._day_ez3xe_178{margin-left:1px;margin-right:1px;display:flex;height:var(--plume-space-10);width:var(--plume-space-10);align-items:center;justify-content:center;border-radius:var(--plume-radius-full)}._today_ez3xe_286{color:var(--datepicker-scheme)}._rangeItem_ez3xe_290{background-color:var(--datepicker-range-item-color);color:var(--datepicker-range-item-text)}._selected_ez3xe_237{background-color:var(--datepicker-solid);color:var(--datepicker-contrast)}._selectedHover_ez3xe_300{background-color:var(--datepicker-selected-hover-color);color:var(--datepicker-contrast)}._hovered_ez3xe_305{background-color:var(--datepicker-hover-color)}._disabledDay_ez3xe_309{color:var(--plume-muted);cursor:not-allowed}._outOfRangeDay_ez3xe_314{text-decoration-line:line-through}._footerActions_ez3xe_318{display:flex;justify-content:flex-end;padding:var(--plume-space-3);border-top:1px solid var(--plume-border)}button._footerButton_ez3xe_325{color:var(--plume-foreground)}button._footerButtonApply_ez3xe_329{color:var(--datepicker-contrast);margin-left:var(--plume-space-2)}._disabled_ez3xe_309,._disabled_ez3xe_309+._inputButton_ez3xe_29{opacity:.5;cursor:not-allowed}:where(._base_162n4_9){background:transparent;border:none;outline:2px solid transparent;outline-offset:2px}._input_162n4_16{border-radius:var(--plume-radius-4);box-sizing:border-box;color:var(--plume-foreground);display:block;height:var(--plume-space-10);min-width:min(18rem,100%);padding-inline:var(--plume-space-4);position:relative;width:100%}._input_162n4_16::placeholder{color:var(--plume-muted)}._sm_162n4_32{font-size:var(--plume-font-size-xs);height:var(--plume-space-8);padding-inline:var(--plume-space-2)}._md_162n4_38{height:var(--plume-space-10);padding-inline:var(--plume-space-4)}._lg_162n4_43{font-size:var(--plume-font-size-lg);height:var(--plume-space-12);padding-inline:var(--plume-space-6)}._rounded_162n4_49{border-radius:var(--plume-radius-4)}:is(._outline_162n4_53)._pill_162n4_53{border-radius:var(--plume-radius-full)}._outline_162n4_53{border:1px solid var(--plume-border-strong)}._filled_162n4_62{background-color:var(--plume-surface-muted);border-block-end:1px solid var(--plume-border-strong);border-bottom-left-radius:0;border-bottom-right-radius:0}._underline_162n4_70{border-radius:0;border-block-end:1px solid var(--plume-border-strong)}:is(._outline_162n4_53,._filled_162n4_62,._underline_162n4_70):enabled:hover{border-color:color-mix(in hsl,var(--plume-border-strong),black 10%)}:is(._outline_162n4_53,._filled_162n4_62,._underline_162n4_70)._invalid_162n4_80,:is(._outline_162n4_53,._filled_162n4_62,._underline_162n4_70)._invalid_162n4_80:enabled:hover{border-color:var(--input-color)}._filled_162n4_62:enabled:hover{background-color:color-mix(in hsl,var(--plume-surface-muted),black 2%)}:not(._inputGroup_162n4_89)>._outline_162n4_53:enabled:focus,._inputGroup_162n4_89:has(._outline_162n4_53:enabled):focus-within{border-color:var(--input-color);outline:2px solid var(--input-color);outline-offset:2px}:is(._filled_162n4_62,._underline_162n4_70):enabled:focus{border-block-end-color:var(--input-color);border-block-end-width:2px}._disabled_162n4_101{opacity:.5;cursor:not-allowed}._inputGroup_162n4_89{position:relative;display:flex;border-radius:var(--plume-radius-4);min-width:min(18rem,100%)}._inputGroup_162n4_89>._input_162n4_16{flex:1 1 auto;min-width:0}._inputGroup_162n4_89>._addOn_162n4_120{flex-shrink:0;white-space:nowrap}._inputGroup_162n4_89:has(._outline_162n4_53,._filled_162n4_62)>._addOn_162n4_120{background-color:var(--plume-surface-muted)}._inputGroup_162n4_89:has(._outline_162n4_53)>._addOn_162n4_120{border:1px solid var(--plume-border-strong)}._inputGroup_162n4_89:has(._filled_162n4_62)>._addOn_162n4_120{border-block-end:1px solid var(--plume-border-strong)}._inputGroup_162n4_89:has(._outline_162n4_53,._filled_162n4_62)>._addOn_162n4_120:first-child{border-top-left-radius:var(--plume-radius-4)}._inputGroup_162n4_89:has(._outline_162n4_53)>._addOn_162n4_120:first-child{border-bottom-left-radius:var(--plume-radius-4)}._inputGroup_162n4_89:has(._outline_162n4_53,._filled_162n4_62)>._addOn_162n4_120:first-child+._input_162n4_16{border-top-left-radius:0;border-top-right-radius:var(--plume-radius-4)}._inputGroup_162n4_89:has(._outline_162n4_53)>._addOn_162n4_120:first-child+._input_162n4_16{border-bottom-left-radius:0;border-bottom-right-radius:var(--plume-radius-4)}._inputGroup_162n4_89:has(._addOn_162n4_120)>._input_162n4_16:is(._outline_162n4_53,._filled_162n4_62){border-top-right-radius:0}._inputGroup_162n4_89:has(._addOn_162n4_120)>._input_162n4_16:is(._outline_162n4_53){border-bottom-right-radius:0}._inputGroup_162n4_89:has(._outline_162n4_53,._filled_162n4_62)>._addOn_162n4_120:last-child{border-top-right-radius:var(--plume-radius-4);border-inline-start:0}._inputGroup_162n4_89:has(._outline_162n4_53)>._addOn_162n4_120:last-child{border-bottom-right-radius:var(--plume-radius-4)}._inputGroup_162n4_89:has(._underline_162n4_70)>._addOn_162n4_120{border-block-end:1px solid var(--plume-border-strong)}._inputGroup_162n4_89:has(._element_162n4_176:first-child)>._input_162n4_16{padding-inline-start:2.5rem}._inputGroup_162n4_89:has(._element_162n4_176:last-child)>._input_162n4_16{padding-inline-end:2.5rem}._element_162n4_176,._addOn_162n4_120{display:flex;align-items:center;justify-content:center}._element_162n4_176:first-child{left:0}._element_162n4_176:last-child{right:0}._element_162n4_176{position:absolute;top:0;height:2.5rem;width:2.5rem;z-index:2}._addOn_162n4_120{padding:0 .75rem}._field_wdljj_3{color:var(--plume-foreground);display:flex;flex-direction:column;gap:var(--plume-space-1)}._horizontal_wdljj_14{align-items:center;column-gap:var(--plume-space-4);display:grid;grid-template-columns:var(--field-label-width, 8rem) minmax(0,1fr)}._horizontal_wdljj_14>:not(._label_wdljj_22){grid-column:2}._label_wdljj_22{font-size:var(--plume-font-size-sm);font-weight:var(--plume-font-weight-medium);line-height:var(--plume-line-height-snug)}._requiredIndicator_wdljj_32{color:var(--plume-color-error-text);margin-inline-start:var(--plume-space-1)}._optionalText_wdljj_37{color:var(--plume-muted);font-weight:var(--plume-font-weight-normal);margin-inline-start:var(--plume-space-1)}._helperText_wdljj_43,._errorText_wdljj_44{font-size:var(--plume-font-size-sm);line-height:var(--plume-line-height-snug);margin:0}._helperText_wdljj_43{color:var(--plume-muted)}._errorText_wdljj_44{color:var(--plume-color-error-text)}._disabled_wdljj_58 ._label_wdljj_22{opacity:.5}._root_ge9em_1{align-items:center;color:var(--plume-foreground);cursor:pointer;display:inline-flex;font-family:var(--plume-font-family);gap:var(--plume-space-2);vertical-align:middle}._sm_ge9em_11{--radio-size: var(--plume-space-4);font-size:var(--plume-font-size-xs)}._md_ge9em_16{--radio-size: var(--plume-space-5);font-size:var(--plume-font-size-base)}._lg_ge9em_21{--radio-size: var(--plume-space-6);font-size:var(--plume-font-size-lg)}._radio_ge9em_26{appearance:none;background-color:var(--plume-surface);border:2px solid var(--plume-border-strong);border-radius:var(--plume-radius-full);box-sizing:border-box;cursor:inherit;flex:none;height:var(--radio-size);margin:0;position:relative;transition:background-color .15s,border-color .15s;width:var(--radio-size)}._radio_ge9em_26:before{border-radius:var(--plume-radius-full);content:"";inset:27.5%;position:absolute;transform:scale(0);transition:transform .12s}._solid_ge9em_52:before{background-color:var(--radio-contrast)}._solid_ge9em_52:checked{background-color:var(--radio-solid);border-color:var(--radio-solid)}._outline_ge9em_61:before{background-color:var(--radio-text)}._outline_ge9em_61:checked{border-color:var(--radio-text)}._radio_ge9em_26:checked:before{transform:scale(1)}._radio_ge9em_26:enabled:hover:not(:checked){border-color:var(--radio-text)}._radio_ge9em_26:focus-visible{outline:2px solid var(--radio-text);outline-offset:2px}._invalid_ge9em_82:not(:checked){border-color:var(--radio-text)}._label_ge9em_86{line-height:var(--plume-line-height-normal)}._disabled_ge9em_90{cursor:not-allowed;opacity:.5}@media(prefers-reduced-motion:reduce){._radio_ge9em_26,._radio_ge9em_26:before{transition:none}}@media(forced-colors:active){._radio_ge9em_26{border-color:CanvasText;forced-color-adjust:none}._solid_ge9em_52:checked{background-color:Highlight;border-color:Highlight}._solid_ge9em_52:before{background-color:HighlightText}._outline_ge9em_61:checked{border-color:Highlight}._outline_ge9em_61:before{background-color:Highlight}}._group_1yg36_1{display:flex;font-family:var(--plume-font-family)}._vertical_1yg36_6{flex-direction:column;gap:var(--plume-space-2)}._horizontal_1yg36_11{flex-direction:row;flex-wrap:wrap;gap:var(--plume-space-2) var(--plume-space-4)}._tabs_1ct2b_6{display:flex;flex-direction:column}._horizontal_1ct2b_11{flex-direction:column}._vertical_1ct2b_15{flex-direction:row}._left_1ct2b_19{justify-content:flex-start}._center_1ct2b_23{justify-content:center}._right_1ct2b_27{justify-content:flex-end}._sm_1ct2b_31{padding:var(--plume-space-1) var(--plume-space-2);font-size:small}._md_1ct2b_36{padding:var(--plume-space-2) var(--plume-space-3)}._lg_1ct2b_40{padding:var(--plume-space-3) var(--plume-space-4);font-size:large}._vertical_1ct2b_15 ._underline_1ct2b_45{border-inline-end:solid 1px var(--plume-border);border-block-end:none}._underline_1ct2b_45{gap:var(--plume-space-4);border-block-end:solid 1px var(--plume-border)}._vertical_1ct2b_15 ._tablist_1ct2b_55{flex-direction:column;align-items:stretch}._tablist_1ct2b_55{width:inherit;display:flex;flex-direction:row;align-items:center}._tab_1ct2b_6{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;display:inline-flex;justify-content:center;align-items:center;gap:var(--plume-space-2);outline:2px solid transparent;outline-offset:2px}:is(._rounded_1ct2b_82,._segment_1ct2b_82) ._tab_1ct2b_6{border-radius:var(--plume-radius-4)}._vertical_1ct2b_15 ._underline_1ct2b_45 ._tab_1ct2b_6{border-inline-end:2px solid transparent;border-block-end:none;transition:border-inline-end .2s}._underline_1ct2b_45 ._tab_1ct2b_6{border-block-end:2px solid transparent;transition:border-block-end .2s}._vertical_1ct2b_15 ._underline_1ct2b_45 ._tab_1ct2b_6._active_1ct2b_97{border-inline-end:2px solid var(--tabs-scheme);border-block-end:none}._underline_1ct2b_45 ._tab_1ct2b_6._active_1ct2b_97{border-block-end:2px solid var(--tabs-scheme);color:var(--tabs-scheme);transition:color .2s}._rounded_1ct2b_82 ._tab_1ct2b_6._active_1ct2b_97{background-color:var(--tabs-solid);color:var(--tabs-text-color);border-radius:var(--plume-radius-4);transition:color .2s}._vertical_1ct2b_15 ._enclosed_1ct2b_115{border-inline-end:1px solid var(--tabs-scheme);border-block-end:none}._enclosed_1ct2b_115{border-block-end:1px solid var(--tabs-scheme)}._vertical_1ct2b_15 ._enclosed_1ct2b_115 ._tab_1ct2b_6._active_1ct2b_97{border:1px solid var(--tabs-scheme);border-radius:var(--plume-radius-4);border-inline-end:none;border-end-end-radius:0;border-start-end-radius:0;margin-inline-end:-1px;transition:color .2s}._enclosed_1ct2b_115 ._tab_1ct2b_6._active_1ct2b_97{border:1px solid var(--tabs-scheme);border-radius:var(--plume-radius-4);background:var(--plume-surface);border-block-end:none;border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--tabs-scheme);margin-block-end:-1px;transition:color .2s}._segment_1ct2b_82{background-color:var(--tabs-solid);color:var(--tabs-text-color);gap:var(--plume-space-1);padding:var(--plume-space-3) var(--plume-space-4);transition:background-color .2s;border-radius:var(--plume-radius-4)}._segment_1ct2b_82 ._tab_1ct2b_6._active_1ct2b_97{background-color:var(--tabs-solid-active);color:var(--tabs-text-color);border-radius:var(--plume-radius-4);transition:color .2s}._tab_1ct2b_6:not(._active_1ct2b_97,:disabled):hover{color:color-mix(in hsl,var(--tabs-scheme),black 10%)}._tab_1ct2b_6:focus-visible{outline-color:var(--tabs-scheme)}._segment_1ct2b_82 ._tab_1ct2b_6:focus-visible{outline-color:var(--tabs-text-color)}._panel_1ct2b_174:focus-visible{outline:2px solid var(--tabs-scheme);outline-offset:2px}._vertical_1ct2b_15 ._panel_1ct2b_174{padding:var(--plume-space-2) var(--plume-space-4)}._panel_1ct2b_174{padding:var(--plume-space-4) var(--plume-space-2);border:none}:where(._base_1qiho_6){background:transparent;border:none;outline:2px solid transparent;outline-offset:2px}._textarea_1qiho_13{border-radius:var(--plume-radius-4);box-sizing:border-box;color:var(--plume-foreground);display:block;font-family:var(--plume-font-family);min-width:min(18rem,100%);padding:var(--plume-space-2) var(--plume-space-4);width:100%}._textarea_1qiho_13::placeholder{color:var(--plume-muted)}._sm_1qiho_28{font-size:var(--plume-font-size-xs);padding:var(--plume-space-1) var(--plume-space-2)}._md_1qiho_33{font-size:var(--plume-font-size-base)}._lg_1qiho_37{font-size:var(--plume-font-size-lg);padding:var(--plume-space-3) var(--plume-space-6)}._rounded_1qiho_42{border-radius:var(--plume-radius-4)}:is(._outline_1qiho_46)._pill_1qiho_46{border-radius:var(--plume-radius-6)}._outline_1qiho_46{border:1px solid var(--plume-border-strong)}._filled_1qiho_55{background-color:var(--plume-surface-muted);border-block-end:1px solid var(--plume-border-strong);border-bottom-left-radius:0;border-bottom-right-radius:0}._underline_1qiho_63{border-radius:0;border-block-end:1px solid var(--plume-border-strong)}._none_1qiho_69{resize:none}._vertical_1qiho_73{resize:vertical}._horizontal_1qiho_77{resize:horizontal}._both_1qiho_81{resize:both}:is(._outline_1qiho_46,._filled_1qiho_55,._underline_1qiho_63):enabled:hover{border-color:color-mix(in hsl,var(--plume-border-strong),black 10%)}:is(._outline_1qiho_46,._filled_1qiho_55,._underline_1qiho_63)._invalid_1qiho_89,:is(._outline_1qiho_46,._filled_1qiho_55,._underline_1qiho_63)._invalid_1qiho_89:enabled:hover{border-color:var(--textarea-color)}._filled_1qiho_55:enabled:hover{background-color:color-mix(in hsl,var(--plume-surface-muted),black 2%)}._outline_1qiho_46:enabled:focus{border-color:var(--textarea-color);outline:2px solid var(--textarea-color);outline-offset:2px}:is(._filled_1qiho_55,._underline_1qiho_63):enabled:focus{border-block-end-color:var(--textarea-color);border-block-end-width:2px}._disabled_1qiho_109{cursor:not-allowed;opacity:.5}._root_1soij_1{align-items:center;color:var(--plume-foreground);cursor:pointer;display:inline-flex;font-family:var(--plume-font-family);gap:var(--plume-space-2);vertical-align:middle}._sm_1soij_11{--toggle-height: var(--plume-space-5);font-size:var(--plume-font-size-xs)}._md_1soij_16{--toggle-height: var(--plume-space-6);font-size:var(--plume-font-size-base)}._lg_1soij_21{--toggle-height: var(--plume-space-8);font-size:var(--plume-font-size-lg)}._toggle_1soij_26{--toggle-border: 0px;--toggle-gap: 3px;--toggle-thumb: calc(var(--toggle-height) - (var(--toggle-border) + var(--toggle-gap)) * 2);appearance:none;background-color:var(--plume-border-strong);border:0;border-radius:var(--plume-radius-full);box-sizing:border-box;cursor:inherit;flex:none;height:var(--toggle-height);margin:0;position:relative;transition:background-color .15s;width:calc(var(--toggle-height) * 1.8)}._toggle_1soij_26:before{background-color:var(--plume-surface);border-radius:var(--plume-radius-full);content:"";height:var(--toggle-thumb);inset-block-start:var(--toggle-gap);inset-inline-start:var(--toggle-gap);position:absolute;transition:inset-inline-start .15s,background-color .15s;width:var(--toggle-thumb)}._toggle_1soij_26:checked:before{inset-inline-start:calc(100% - var(--toggle-thumb) - var(--toggle-gap))}._solid_1soij_62:checked{background-color:var(--toggle-solid)}._solid_1soij_62:checked:before{background-color:var(--toggle-contrast)}._outline_1soij_70{--toggle-border: 2px;--toggle-gap: 2px;background-color:var(--plume-surface);border:var(--toggle-border) solid var(--plume-border-strong)}._outline_1soij_70:before{background-color:var(--plume-border-strong)}._outline_1soij_70:checked{background-color:var(--plume-surface);border-color:var(--toggle-text)}._outline_1soij_70:checked:before{background-color:var(--toggle-text)}._raised_1soij_90{--toggle-border: 0px;--toggle-gap: 0px;background-color:transparent}._raised_1soij_90:before{background-color:var(--plume-surface);box-shadow:var(--plume-shadow-md);z-index:1}._raised_1soij_90:after{background-color:var(--plume-border-strong);border-radius:var(--plume-radius-full);content:"";inset-block:calc(var(--toggle-height) * .2);inset-inline:calc(var(--toggle-height) * .25);position:absolute;transition:background-color .15s}._raised_1soij_90:checked:before{background-color:var(--toggle-solid)}._raised_1soij_90:checked:after{background-color:color-mix(in srgb,var(--toggle-solid) 45%,transparent)}._toggle_1soij_26:focus-visible{outline:2px solid var(--toggle-text);outline-offset:2px}._invalid_1soij_125:not(:checked){outline:2px solid var(--toggle-text);outline-offset:1px}._label_1soij_130{line-height:var(--plume-line-height-normal)}._disabled_1soij_134{cursor:not-allowed;opacity:.5}@media(prefers-reduced-motion:reduce){._toggle_1soij_26,._toggle_1soij_26:before,._toggle_1soij_26:after{transition:none}}@media(forced-colors:active){._toggle_1soij_26{--toggle-border: 2px;border:2px solid CanvasText;forced-color-adjust:none}._toggle_1soij_26:checked{background-color:Highlight;border-color:Highlight}._toggle_1soij_26:before{background-color:CanvasText}._toggle_1soij_26:checked:before{background-color:HighlightText}._outline_1soij_70:checked{background-color:Canvas}._outline_1soij_70:checked:before{background-color:Highlight}._raised_1soij_90{--toggle-border: 0px;border:0}._raised_1soij_90:before{background-color:Canvas;border:2px solid CanvasText;box-sizing:border-box}._raised_1soij_90:after{background-color:CanvasText}._raised_1soij_90:checked:before{background-color:Canvas;border-color:Highlight}._raised_1soij_90:checked:after{background-color:Highlight}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e={colors:{primary:{50:"#ecf2ff",100:"#dce8ff",200:"#c1d2ff",300:"#9bb4ff",400:"#738bff",500:"#5263ff",600:"#3a3df8",700:"#2727db",800:"#2223b1",900:"#24278b",950:"#151551"},secondary:{50:"#f5f6f6",100:"#e5e7e8",200:"#cdd1d4",300:"#aab0b6",400:"#808990",500:"#6c757d",600:"#565c64",700:"#4a4f54",800:"#414449",900:"#3a3c3f",950:"#242628"},info:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c6fd",400:"#60a6fa",500:"#3b83f6",600:"#2564eb",700:"#1d4fd8",800:"#1e41af",900:"#1e3b8a",950:"#172554"},warning:{50:"#fef9e8",100:"#fef0c3",200:"#fee28a",300:"#fdd147",400:"#fac215",500:"#eab308",600:"#ca9a04",700:"#a17c07",800:"#85680e",900:"#715a12",950:"#423306"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},success:{50:"#f0fdf5",100:"#dcfce8",200:"#bbf7d1",300:"#86efad",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803c",800:"#166533",900:"#14532b",950:"#052e14"},brown:{50:"#f6f3f0",100:"#e9e1d8",200:"#d4c5b4",300:"#bba289",400:"#a78568",500:"#98745a",600:"#825f4c",700:"#6d4c41",800:"#5a3f39",900:"#4f3834",950:"#2c1e1c"},pink:{50:"#fff1f3",100:"#ffe3e7",200:"#ffc0cb",300:"#ffa2b3",400:"#fe6e8b",500:"#f83b66",600:"#e51951",700:"#c20e43",800:"#a20f40",900:"#8a113c",950:"#4d041c"},purple:{50:"#fcf4ff",100:"#f9e6ff",200:"#f3d2ff",300:"#eaaeff",400:"#dd7bff",500:"#d149ff",600:"#c325f8",700:"#ab15db",800:"#8f17b2",900:"#74148f",950:"#680085"},teal:{50:"#eefffc",100:"#c5fffa",200:"#8bfff5",300:"#4afef0",400:"#15ece2",500:"#00d0c9",600:"#00a8a5",700:"#008080",800:"#066769",900:"#0a5757",950:"#003235"},yellow:{50:"#fcffe7",100:"#f5ffc1",200:"#f0ff86",300:"#efff41",400:"#f6ff0d",500:"#f0ec00",600:"#d1bb00",700:"#a68802",800:"#896a0a",900:"#74560f",950:"#442f04"}},semantic:{background:"#ffffff",surface:"#ffffff",surfaceMuted:"#f3f4f6",foreground:"#18181b",muted:"#71717a",border:"#d4d4d8",borderStrong:"#80808a"},typography:{fontFamily:"'Inter', sans-serif",fontSizes:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem"},fontWeights:{thin:100,extralight:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2}},spaces:{0:"0rem",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",13:"3.25rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",68:"17rem",72:"18rem",76:"19rem",80:"20rem",84:"21rem",88:"22rem",92:"23rem",96:"24rem"},sizes:{max:"max-content",min:"min-content",full:"100%"},radii:{0:"0px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",full:"9999px"},zIndeces:{0:0,1:10,2:20,3:30,4:40,5:50,6:60,7:70,8:80,9:90,10:100},shadows:{none:"none",sm:"0 1px 2px rgba(0, 0, 0, 0.05)",md:"0 4px 6px rgba(0, 0, 0, 0.1)",lg:"0 10px 15px rgba(0, 0, 0, 0.15)",xl:"0 20px 25px rgba(0, 0, 0, 0.2)","2xl":"0 25px 50px rgba(0, 0, 0, 0.25)"},breakpoints:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"}},f={semantic:{background:"#18181b",surface:"#27272a",surfaceMuted:"#3f3f46",foreground:"#fafafa",muted:"#a1a1aa",border:"#3f3f46",borderStrong:"#9a9aa3"}};export{f as defaultDarkTheme,e as defaultTheme};
|
package/dist/theme/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export*from"./config.mjs";export*from"./shared.types.mjs";export*from"./shared.utils.mjs";export*from"./theme.types.mjs";export*from"./theme-to-css-vars.mjs";export*from"./theme-provider.mjs";
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function t(r){if(r.includes(".")){let[e,o]=r.split(".");return`var(--plume-color-${e}-${o})`}return`var(--plume-color-${r}-500)`}export{t as colorVar};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{createContext as E,useContext as V,useEffect as C,useMemo as n,useState as a}from"react";import{deepMerge as c}from"../utils/merge.mjs";import{defaultDarkTheme as w,defaultTheme as N}from"./config.mjs";import{ThemeRootContext as A}from"./theme-root.mjs";import{themeToCssVars as L}from"./theme-to-css-vars.mjs";import{jsx as i}from"react/jsx-runtime";var g=E(null);function F(){let m=V(g);if(!m)throw new Error("useTheme must be used within a <ThemeProvider>");return m}function G({children:m,theme:u,darkTheme:h,defaultColorMode:l="light",applyToBody:p=!0,className:f="",style:y}){let s=n(()=>c(N,u??{}),[u]),M=n(()=>c(c(s,w),h??{}),[s,h]),[d,x]=a(l),[P,b]=a(null),[r,T]=a(l==="system"?"light":l);C(()=>{if(d!=="system"){T(d);return}let o=window.matchMedia("(prefers-color-scheme: dark)"),e=()=>T(o.matches?"dark":"light");return e(),o.addEventListener("change",e),()=>o.removeEventListener("change",e)},[d]);let t=r==="dark"?M:s,k=n(()=>L(t),[t]);C(()=>{if(!p||typeof document>"u")return;let{documentElement:o,body:e}=document,v=o.getAttribute("data-plume-color-mode"),R=e.style.backgroundColor,D=e.style.color;return o.setAttribute("data-plume-color-mode",r),e.style.backgroundColor=t.semantic.background,e.style.color=t.semantic.foreground,()=>{v===null?o.removeAttribute("data-plume-color-mode"):o.setAttribute("data-plume-color-mode",v),e.style.backgroundColor=R,e.style.color=D}},[p,r,t]);let S=n(()=>({theme:t,colorMode:r,setColorMode:x}),[t,r]);return i(g.Provider,{value:S,children:i("div",{className:`plume-root ${f}`.trim(),"data-plume-color-mode":r,ref:b,style:{...k,backgroundColor:"var(--plume-background)",color:"var(--plume-foreground)",...y},children:i(A.Provider,{value:P,children:m})})})}export{G as ThemeProvider,F as useTheme};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{createContext as e,useContext as t}from"react";var n=e(void 0),u=()=>t(n);export{n as ThemeRootContext,u as useThemeRoot};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{getContrastColor as v,getContrastRatio as f,getDarkenColor as k,getLightenColor as R}from"../utils/colors.mjs";var r="--plume",a="#ffffff",y="#000000",u=4.5,b=n=>f(a,n)>=f(y,n);function C(n){for(let s of["500","600","700"]){let e=String(n[s]);if(f(a,e)>=u)return{bg:e,fg:a}}let o=String(n[500]);if(f(y,o)>=u)return{bg:o,fg:y};for(let s of["800","900"]){let e=String(n[s]);if(f(a,e)>=u)return{bg:e,fg:a}}return{bg:String(n[900]),fg:a}}function z(n,o){let s=b(o[0]),e=s?["500","400","300","200","100","50"]:["500","600","700","800","900","950"];for(let l of e){let d=String(n[l]);if(o.every(g=>f(d,g)>=u))return d}return String(n[s?"50":"950"])}function c(n,o,s){for(let[e,l]of Object.entries(o))s[`${n}-${e}`]=String(l)}var x=n=>n.replace(/(?<lower>[a-z0-9])(?<upper>[A-Z])/g,"$<lower>-$<upper>").toLowerCase();function O(n){let o={},{background:s,surface:e,surfaceMuted:l}=n.semantic,d=[s,e,l],g=b(s),T=n.colors;for(let[t,i]of Object.entries(T)){c(`${r}-color-${t}`,i,o),o[`${r}-color-${t}-contrast`]=v(String(i[500]));let{bg:p,fg:w}=C(i);o[`${r}-color-${t}-solid`]=p,o[`${r}-color-${t}-solid-contrast`]=w,o[`${r}-color-${t}-solid-hover`]=k(p,12),o[`${r}-color-${t}-solid-active`]=k(p,24);let $=z(i,d);o[`${r}-color-${t}-text`]=$,o[`${r}-color-${t}-text-hover`]=g?R($,12):k($,12),o[`${r}-color-${t}-text-active`]=g?R($,24):k($,24),o[`${r}-color-${t}-tint`]=String(i[g?"900":"100"]),o[`${r}-color-${t}-tint-strong`]=String(i[g?"800":"200"])}let S=n.semantic;for(let[t,i]of Object.entries(S))o[`${r}-${x(t)}`]=i;return o[`${r}-font-family`]=n.typography.fontFamily,c(`${r}-font-size`,n.typography.fontSizes,o),c(`${r}-font-weight`,n.typography.fontWeights,o),c(`${r}-line-height`,n.typography.lineHeights,o),c(`${r}-space`,n.spaces,o),c(`${r}-size`,n.sizes,o),c(`${r}-radius`,n.radii,o),c(`${r}-z`,n.zIndeces,o),c(`${r}-shadow`,n.shadows,o),c(`${r}-breakpoint`,n.breakpoints,o),o}export{O as themeToCssVars};
|
|
File without changes
|
package/dist/utils/colors.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
function i(t){let n=c(t)?.groups;return t.startsWith("#")&&n?[parseInt(n.red,16),parseInt(n.green,16),parseInt(n.blue,16)]:u(t)?.map(Number)||[]}function u(t){return t.match(/\d+/g)}function c(t){return/^#?(?<red>[a-f\d]{2})(?<green>[a-f\d]{2})(?<blue>[a-f\d]{2})$/i.exec(t)}function b(t){let n=i(t);if(n.length<3)return"#000000";let[r,g,e]=n;return(r*299+g*587+e*114)/1e3>140?"#000000":"#ffffff"}function a(t){let n=i(t);if(n.length<3)return 0;let[r,g,e]=n.map(s=>{let o=s/255;return o<=.03928?o/12.92:((o+.055)/1.055)**2.4});return .2126*r+.7152*g+.0722*e}function f(t,n){let r=a(t),g=a(n),[e,s]=r>=g?[r,g]:[g,r];return(e+.05)/(s+.05)}function d(t,n=10){let r=i(t);return r.length<3?t:`rgb(${r.map(e=>Math.min(255,e+(255-e)*(n/100))).join(", ")})`}function h(t,n=10){let r=i(t);return r.length<3?t:`rgb(${r.map(e=>Math.max(0,e-e*n/100)).join(", ")})`}export{b as getContrastColor,f as getContrastRatio,h as getDarkenColor,d as getLightenColor};
|
package/dist/utils/dates.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
function g(t){if(t){if(t.length===2)return`${t}-${t.toUpperCase()}`}else return navigator.language;return t}function y(t){let n={dd:"\\d{2}",mm:"\\d{2}",yyyy:"\\d{4}"},e=t.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/dd|mm|yyyy/g,r=>n[r]);return new RegExp(`^${e}$`)}function f(t){let n=g(t),r=new Intl.DateTimeFormat(n,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date),o=r.map(s=>s.type),a={year:"yyyy",month:"MM",day:"dd"};return o.map((s,c)=>a[s]||r[c].value).join("").toLocaleLowerCase()}function d(t){let n=g(t),e=[],r=new Intl.DateTimeFormat(n,{weekday:"short",timeZone:"UTC"});for(let o=0;o<7;o++){let a=new Date(Date.UTC(2024,0,1+o)),i=r.format(a).replace(/^\w/,s=>s.toUpperCase());e.push(i)}return e}function l(t){let n=g(t),e=new Intl.DateTimeFormat(n,{month:"long"});return Array.from({length:12},(r,o)=>{let a=new Date;return a.setMonth(o),e.format(a).replace(/^\w/,i=>i.toUpperCase())})}function p({displayFormat:t,isRange:n,startDate:e,endDate:r,language:o}){let a={year:"numeric",month:"2-digit",day:"2-digit"};if(t)return n&&e&&r?`${m(e,t)} - ${m(r,t)}`:e?m(e,t):"";let i=g(o);return n&&e&&r?`${new Intl.DateTimeFormat(i,a).format(e)} - ${new Intl.DateTimeFormat(i,a).format(r)}`:e?new Intl.DateTimeFormat(i,a).format(e):""}function m(t,n){let e={yyyy:String(t.getFullYear()),mm:String(t.getMonth()+1).padStart(2,"0"),dd:String(t.getDate()).padStart(2,"0")};return n.replace(/yyyy|mm|dd/gi,r=>e[r.toLowerCase()])}function w(t,n,e){let r=e??f(n);if(!y(r).test(t))return!1;let o=u(t,r);return!Number.isNaN(o.getTime())&&m(o,r)===t}function u(t,n="mm/dd/yyyy"){let e=n.toLowerCase(),r=o=>{let a=e.indexOf(o);return a===-1?Number.NaN:Number(t.slice(a,a+o.length))};return new Date(r("yyyy"),r("mm")-1,r("dd"))}export{m as formatDate,f as getDateFormatByLanguage,u as getDateFromDateString,p as getDateStringByLanguage,d as getDaysOfWeekByLanguage,l as getMonthsByLanguage,w as validateFormatDate};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export*from"./colors.mjs";export*from"./dates.mjs";export*from"./lazy.mjs";export*from"./merge.mjs";
|
package/dist/utils/lazy.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
import{lazy as t}from"react";function n(e){return t(()=>new Promise(o=>{o({default:()=>e})}))}export{n as lazyLoadContent};
|
package/dist/utils/merge.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
function i(t,...s){function r(n){return n!==null&&typeof n=="object"&&!Array.isArray(n)}function c(n,u){if(!r(n)||!r(u))return u;let f={...n};for(let o of Object.keys(u))f[o]=o in n?c(n[o],u[o]):u[o];return f}let e=r(t)?{...t}:t;for(let n of s)n!==void 0&&(e=c(e,n));return e}export{i as deepMerge};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "plume-ui-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "A lightweight TypeScript React UI component library, themed with CSS variables.",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -48,14 +48,16 @@
|
|
|
48
48
|
"plume-ui-react"
|
|
49
49
|
],
|
|
50
50
|
"author": "Dario E Gonzalez B <darioegb@gmail.com>",
|
|
51
|
-
"jest": {
|
|
52
|
-
"preset": "jest-preset"
|
|
53
|
-
},
|
|
54
51
|
"devDependencies": {
|
|
52
|
+
"@testing-library/dom": "^10.4.2",
|
|
53
|
+
"@testing-library/jest-dom": "^7.0.1",
|
|
54
|
+
"@testing-library/react": "^16.3.3",
|
|
55
|
+
"@testing-library/user-event": "^14.6.8",
|
|
55
56
|
"@types/react": "^19.3.0",
|
|
56
57
|
"@types/react-dom": "^19.3.0",
|
|
58
|
+
"@vitest/coverage-v8": "^5.0.5",
|
|
57
59
|
"eslint-config-custom": "0.0.1",
|
|
58
|
-
"
|
|
60
|
+
"jsdom": "^30.1.3",
|
|
59
61
|
"postcss": "^8.4.29",
|
|
60
62
|
"postcss-modules": "^6.0.0",
|
|
61
63
|
"prettier-config": "0.0.2",
|
|
@@ -64,7 +66,8 @@
|
|
|
64
66
|
"react-hook-form": "7.89.0",
|
|
65
67
|
"tsconfig": "0.0.1",
|
|
66
68
|
"tsup": "^8.5.1",
|
|
67
|
-
"typescript": "^5.2.2"
|
|
69
|
+
"typescript": "^5.2.2",
|
|
70
|
+
"vitest": "^5.0.5"
|
|
68
71
|
},
|
|
69
72
|
"peerDependencies": {
|
|
70
73
|
"react": ">=18",
|
|
@@ -74,13 +77,13 @@
|
|
|
74
77
|
"access": "public"
|
|
75
78
|
},
|
|
76
79
|
"scripts": {
|
|
77
|
-
"build": "rm -rf dist && tsup",
|
|
80
|
+
"build": "rm -rf dist && tsup && node scripts/check-client-directives.mjs",
|
|
78
81
|
"dev": "tsup --watch",
|
|
79
82
|
"lint": "eslint src/",
|
|
80
83
|
"lint:fix": "eslint src/ --fix",
|
|
81
84
|
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
|
|
82
|
-
"test": "
|
|
83
|
-
"test:coverage": "
|
|
84
|
-
"test:watch": "
|
|
85
|
+
"test": "vitest run",
|
|
86
|
+
"test:coverage": "vitest run --coverage",
|
|
87
|
+
"test:watch": "vitest"
|
|
85
88
|
}
|
|
86
89
|
}
|