plume-ui-react 0.2.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/components/form/checkbox/checkbox.mjs +1 -0
- package/dist/components/form/checkbox/index.mjs +1 -0
- package/dist/components/form/datepicker/calendar.mjs +1 -1
- package/dist/components/form/datepicker/datepicker-input.mjs +1 -1
- package/dist/components/form/datepicker/datepicker.mjs +1 -1
- package/dist/components/form/field/field-context.mjs +1 -0
- package/dist/components/form/field/field.mjs +1 -1
- package/dist/components/form/input/input.mjs +2 -2
- 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/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/styles.css +1 -1
- package/dist/theme/config.mjs +1 -1
- package/package.json +1 -1
- package/dist/chunk-XCMY6VPH.mjs +0 -1
package/README.md
CHANGED
|
@@ -38,7 +38,7 @@ export function App() {
|
|
|
38
38
|
|
|
39
39
|
## Components
|
|
40
40
|
|
|
41
|
-
`Button`, `DatePicker`, `Field`, `Input`, `
|
|
41
|
+
`Button`, `Checkbox`, `DatePicker`, `Field`, `Input`, `Radio`, `RadioGroup`, `Spinner`, `Tabs` (with `TabList`, `Tab`, `TabPanels` and `TabPanel`), `Textarea` and `Toggle`.
|
|
42
42
|
|
|
43
43
|
The [documentation site](https://darioegb.github.io/plume-ui-react/) has a live playground, props and examples for each one, plus the color palette, design tokens and framework integration guides.
|
|
44
44
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e={"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"};export{e as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{forwardRef as y,useEffect as S,useImperativeHandle as E,useRef as P}from"react";var e={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"};import{jsx as u,jsxs as M}from"react/jsx-runtime";var j=(o,l)=>({"--checkbox-solid":`var(--plume-color-${o}-solid)`,"--checkbox-contrast":`var(--plume-color-${o}-solid-contrast)`,"--checkbox-text":`var(--plume-color-${o}-text)`,...l}),I=y(({children:o,className:l="",colorScheme:b="primary",disabled:s=!1,onChange:c,indeterminate:d=!1,readOnly:r=!1,size:m="md",style:k,variant:p="solid",...i},_)=>{let t=P(null),n=p!=="unstyled",f=i["aria-invalid"]===!0||i["aria-invalid"]==="true";E(_,()=>t.current),S(()=>{t.current&&(t.current.indeterminate=d)},[d]);let h=[n&&e.root,n&&e[m],s&&e.disabled,l].filter(Boolean).join(" "),C=n?[e.checkbox,e[p],f&&e.invalid].filter(Boolean).join(" "):void 0,x=a=>{r&&a.preventDefault()},v=a=>{r||c?.(a)};return M("label",{className:h,style:j(f?"error":b,k),children:[u("input",{"aria-readonly":r||void 0,className:C,disabled:s,onChange:c?v:void 0,onClick:x,ref:t,type:"checkbox",...i}),o?u("span",{className:n?e.label:void 0,children:o}):null]})});I.displayName="Checkbox";export{I as Checkbox};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Checkbox as p}from"./checkbox.mjs";export{p as Checkbox};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{a as t}from"../../../chunk-
|
|
1
|
+
"use client";import{a as t}from"../../../chunk-JMACSFO3.mjs";import{useEffect as le,useRef as _,useState as P}from"react";import{formatDate as q,getDateFromDateString as ce,getDaysOfWeekByLanguage as de,getMonthsByLanguage as ie}from"../../../utils/dates.mjs";import{Button as f}from"../../interaction/button/index.mjs";import{useDatePicker as ue}from"./use-datepicker.mjs";import{Fragment as ve,jsx as a,jsxs as H}from"react/jsx-runtime";var C="yyyy-mm-dd",M=(e,d)=>new Date(e.getFullYear(),e.getMonth(),e.getDate()+d),G=(e,d)=>{let l=new Date(e.getFullYear(),e.getMonth()+d+1,0).getDate();return new Date(e.getFullYear(),e.getMonth()+d,Math.min(e.getDate(),l))},I=e=>(e.getDay()+6)%7,me={ArrowLeft:e=>M(e,-1),ArrowRight:e=>M(e,1),ArrowUp:e=>M(e,-7),ArrowDown:e=>M(e,7),Home:e=>M(e,-I(e)),End:e=>M(e,6-I(e)),PageUp:e=>G(e,-1),PageDown:e=>G(e,1)},T=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime();function ge({day:e}){return a("span",{className:t.dayOfWeek,children:e})}function ye({selectedMonth:e,months:d,onChange:l}){let D=i=>{l(i)};return a("div",{className:t.monthSelectorGrid,children:d.map((i,c)=>a(f,{"aria-pressed":c===e,className:`${c===e?t.selected:""} ${t.month}`,label:i,onClick:()=>{D(c)},variant:"unstyled"},i))})}function he({selectedYear:e,startYear:d,onChange:l}){let D=c=>{l(c)},i=()=>{let c=[];for(let y=d;y<d+20;y++)c.push(a(f,{"aria-pressed":e===y,className:`${e===y?t.selected:""} ${t.year}`,onClick:()=>{D(y)},variant:"unstyled",children:y},y));return c};return a("div",{className:t.yearSelectorGrid,children:i()})}function ke({language:e,isRange:d,isSecondCalendar:l,minDate:D,maxDate:i,onMonthChange:c,onSelectDate:y,onYearChange:U}){let{state:n}=ue(),[k,B]=P("day"),[L,O]=P(l?n.secondYear:n.year),[A,z]=P(null),R=_(!1),E=_(null),x=l?n.secondYear:n.year,N=l?n.secondMonth:n.month,J=ae(),W=ie(e);le(()=>{!R.current||!A||(R.current=!1,E.current?.querySelector(`[data-date="${q(A,C)}"]:enabled`)?.focus())});let V=s=>{let w=E.current?.closest('[role="dialog"]')??document,p=w.querySelectorAll(`.${t.day}:enabled`),u=Array.from(p).findIndex(g=>g.dataset.date===s),b=w.querySelector(`.${t.day}.${t.selected}`),m=d&&n.tempValue.startDate&&!n.tempValue.endDate&&b;p.forEach((g,S)=>{let Y=g.classList.contains(t.selected),o=S===u;if(m){let r=Array.from(p).indexOf(b),[h,v]=[Math.min(r,u),Math.max(r,u)];g.classList.toggle(t.rangeItem,S>=h&&S<=v),g.classList.toggle(t.selectedHover,o)}else g.classList.toggle(t.selectedHover,Y&&o),g.classList.toggle(t.hovered,!Y&&o)})},Q=()=>k==="month"?a(ye,{months:W,onChange:X,selectedMonth:l?n.secondMonth:n.month}):k==="year"?a(he,{onChange:j,selectedYear:l?n.secondYear:n.year,startYear:L}):H(ve,{children:[a("div",{className:t.daysOfWeek,children:de(e).map(s=>a(ge,{day:s},s))}),a("div",{className:t.calendarGrid,children:J})]}),X=s=>{c(s),B("day")},j=s=>{U(s),B("day")},Z=s=>{B(k!=="day"&&k===s?"day":s)},ee=()=>{O(L-20)},te=()=>{O(L+20)};function ae(){let s=I(new Date(x,N,1)),w=D?T(D):-1/0,p=i?T(i):1/0,u=new Date().toDateString(),b=new Intl.DateTimeFormat(e,{dateStyle:"full"}),m=(o,r)=>o?.toDateString()===r.toDateString(),g=Array.from({length:42},(o,r)=>{let h=new Date(x,N,r-s+1),v=h.getMonth()===N,$=!v||h.getTime()<w||h.getTime()>p;return{date:h,isCurrentMonth:v,isDisabled:$}}),S=g.filter(({isDisabled:o})=>!o).map(({date:o})=>o),Y=[A,n.tempValue.startDate,new Date].map(o=>S.find(r=>m(o,r))).find(Boolean)??S[0];return g.map(({date:o,isCurrentMonth:r,isDisabled:h})=>{let v=q(o,C),$=r&&m(n.tempValue.startDate,o),oe=r&&m(n.tempValue.endDate,o),F=$||oe,re=n.rangeDays.some(se=>m(se,o)),K=r&&o.toDateString()===u;return a(f,{"aria-current":K?"date":void 0,"aria-hidden":r?void 0:!0,"aria-label":b.format(o),"aria-pressed":r?F:void 0,className:`${t.day} ${r?"":t.disabledDay} ${F?t.selected:""} ${re&&!F&&r?t.rangeItem:""} ${r&&h?t.outOfRangeDay:""} ${K?t.today:""}`,"data-date":v,disabled:h,onClick:()=>{r&&y(o.getDate(),l)},onFocus:()=>{r&&V(v)},onKeyDown:ne,onMouseEnter:()=>{r&&V(v)},tabIndex:Y&&m(Y,o)?0:-1,variant:"unstyled",children:a("span",{className:t.dayText,children:o.getDate()})},v)})}function ne(s){let w=s.currentTarget.dataset.date,p=me[s.key];if(!w||!p)return;s.preventDefault();let u=p(ce(w,C)),b=u.getTime();if(D&&b<T(D)||i&&b>T(i))return;let m=(u.getFullYear()-x)*12+u.getMonth()-N;m!==0&&c(N+m),R.current=!0,z(u)}return H("div",{className:t.calendar,ref:E,children:[a("div",{className:t.calendarHeader,children:H("div",{className:t.monthYearSelectors,children:[k!=="year"?a(f,{"aria-label":"Previous month",onClick:()=>{c((l?n.secondMonth:n.month)-1)},variant:"icon",children:a("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:a("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"})})}):a(f,{"aria-label":"Previous years",onClick:ee,variant:"icon",children:a("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:a("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"})})}),a(f,{className:t.monthSelector,label:W[l?n.secondMonth:n.month],onClick:()=>{Z("month")},variant:"unstyled"}),a("strong",{children:"/"}),a(f,{className:t.yearSelector,label:`${l?n.secondYear:n.year}`,onClick:()=>{Z("year")},variant:"unstyled"}),k!=="year"?a(f,{"aria-label":"Next month",onClick:()=>{c((l?n.secondMonth:n.month)+1)},variant:"icon",children:a("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:a("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"})})}):a(f,{"aria-label":"Next years",onClick:te,variant:"icon",children:a("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:a("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"})})})]})}),Q()]})}export{ke as Calendar};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{a as m}from"../../../chunk-
|
|
1
|
+
"use client";import{a as m}from"../../../chunk-JMACSFO3.mjs";import{useCallback as Z,useEffect as B,useRef as q,useState as C}from"react";import{Button as x}from"../../interaction/button/index.mjs";import{Input as N}from"../input/index.mjs";import{getDateFormatByLanguage as E,getDateFromDateString as v,getDateStringByLanguage as T,validateFormatDate as f}from"../../../utils/dates.mjs";import{useDebounce as O}from"../../../hooks/use-debounce.mjs";import{useDatePicker as R}from"./use-datepicker.mjs";import{Fragment as U,jsx as c,jsxs as _}from"react/jsx-runtime";function X({disabled:D,displayFormat:t,inputRef:i,isRange:r,language:e,onClick:b,onBlur:w,readOnly:d,...y}){let{state:{modalOpen:L,value:{startDate:a,endDate:s}},dispatch:u}=R(),[h,k]=C(T({displayFormat:t,isRange:r,...a&&{startDate:a},...s&&{endDate:s},language:e})),[P,I]=C(!0),n=O({value:h,delay:500}),g=q(null),S=Z(o=>{g.current=o,typeof i=="function"?i(o):i&&(i.current=o)},[i]);B(()=>{if(![10,23].includes(n.length)||P)return;let o=t??E(e);if(n.length===10&&!r&&f(n,e,t)){let l=v(n,o);u({type:"SET_VALUE",payload:{startDate:l,endDate:null}})}else if(n.length===23&&f(n.split(" - ")[0],e,t)&&f(n.split(" - ")[1],e,t)){let[l,V]=n.split(" - ");u({type:"SET_VALUE",payload:{startDate:v(l,o),endDate:v(V,o)}})}},[n,u,t,P,r,e]),B(()=>{k(T({displayFormat:t,isRange:r,...a&&{startDate:a},...s&&{endDate:s},language:e}))},[a,s,t,r,e]);let H=()=>{I(!0),g.current?.focus(),b()},M=o=>{I(!1),k(o.target.value)},p=(t??E(e)).replace(/[a-zA-Z]/g,"#"),A=r?`${p} - ${p}`:p;return _(U,{children:[c(N,{disabled:D,inputMode:"numeric",mask:A,onBlur:()=>{w?.({startDate:a,endDate:s})},onChange:M,readOnly:d,ref:S,type:"text",value:h,variant:"unstyled",...y}),c(x,{"aria-expanded":L,"aria-haspopup":"dialog","aria-label":"Open calendar",className:m.inputButton,disabled:D||d,onClick:H,shape:"pill",variant:"icon",children:c("svg",{className:m.inputButtonIcon,viewBox:"0 -960 960 960",xmlns:"http://www.w3.org/2000/svg",children:c("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"})})})]})}export{X as DatePickerInput};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{a as l}from"../../../chunk-
|
|
1
|
+
"use client";import{a as l}from"../../../chunk-JMACSFO3.mjs";import{forwardRef as ae,useEffect as A,useRef as oe,useReducer as ne}from"react";import{getDateFormatByLanguage as re}from"../../../utils/dates.mjs";import{Button as $}from"../../interaction/button/index.mjs";import{useClickOutside as le}from"../../../hooks/use-click-outside.mjs";import{DatePickerContext as se}from"./use-datepicker.mjs";import{DEFAULT_DATE_PICKER_VALUE as ie,DATE_PICKER_INITIAL_STATE as w,datePickerReducer as I}from"./datepicker-reducer.mjs";import{Calendar as H}from"./calendar.mjs";import{DatePickerInput as ce}from"./datepicker-input.mjs";import{jsx as D,jsxs as L}from"react/jsx-runtime";var de="en",Y={apply:"Apply",cancel:"Cancel"},pe=(n,d)=>({"--datepicker-scheme":`var(--plume-color-${n}-text)`,"--datepicker-solid":`var(--plume-color-${n}-solid)`,"--datepicker-contrast":`var(--plume-color-${n}-solid-contrast)`,"--datepicker-range-item-color":`var(--plume-color-${n}-200)`,"--datepicker-range-item-text":`var(--plume-color-${n}-900)`,"--datepicker-hover-color":`var(--plume-color-${n}-100)`,"--datepicker-selected-hover-color":`var(--plume-color-${n}-solid-hover)`,...d??{}});function ue({colorScheme:n,labels:{cancel:d,apply:y},onApply:s,onCancel:p}){return L("div",{className:l.footerActions,children:[D($,{className:l.footerButton,label:d,onClick:p,variant:"ghost"}),D($,{className:l.footerButtonApply,colorScheme:n,label:y,onClick:s})]})}var me=(n,d,y,s,p,u)=>{let h=u&&(u!=="md"||s==="unstyled")?l[u]:"",v=p&&(p!=="rounded"||s==="unstyled")?l[p]:"",k=s!=="unstyled"?l[s]:"",f=d?l.disabled:"",g=y&&s!=="unstyled"?l.invalid:"";return`${h} ${v} ${k}
|
|
2
2
|
${f} ${g} ${n}`.trim()},De=ae(({onChange:n,onBlur:d,inputRef:y,displayFormat:s,style:p,showFooter:u,minDate:h,maxDate:v,placeholder:k,value:f,disabled:g=!1,className:B="",colorScheme:R="secondary",variant:T="outline",config:M,isCalendar:E=!1,isRange:i=!1,...C},b)=>{let S=M?.language??de,U={apply:M?.footer?.apply??Y.apply,cancel:M?.footer?.cancel??Y.cancel},[t,o]=ne(I,f,e=>e?I(w,{type:"SET_VALUE",payload:e}):w),O=oe(!0),m=le({callback:()=>{o({type:"CLOSE_MODAL"})}}),G=e=>{m.current=e,typeof b=="function"?b(e):b&&(b.current=e)},{size:q=T!=="unstyled"?"md":void 0,shape:z=T!=="unstyled"?"rounded":void 0}=C,K=me(B,g,C["aria-invalid"]===!0||C["aria-invalid"]==="true",T,z,q);A(()=>{if(t.modalOpen)if(i&&t.tempValue.startDate&&t.tempValue.endDate){let e=[],a=new Date(t.tempValue.startDate);for(;a<=t.tempValue.endDate;)e.push(new Date(a)),a.setDate(a.getDate()+1);o({type:"SET_RANGE_DAYS",payload:e})}else o({type:"SET_RANGE_DAYS",payload:[]})},[i,t.tempValue,t.modalOpen]),A(()=>{if(O.current){O.current=!1;return}o({type:"SET_VALUE",payload:f??ie})},[f]),A(()=>{t.modalOpen&&m.current?.querySelector('[role="dialog"] [data-date][tabindex="0"]')?.focus()},[t.modalOpen,m]);let J=()=>{o({type:"TOGGLE_MODAL"})},_=()=>{E||(o({type:"CLOSE_MODAL"}),m.current?.querySelector("input")?.focus())};A(()=>{if(!t.modalOpen||E)return;let e=a=>{a.key!=="Escape"||!m.current?.contains(a.target)||(o({type:"CLOSE_MODAL"}),m.current.querySelector("input")?.focus())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[t.modalOpen,E,m]);let Q=e=>{let a=e.relatedTarget;a&&!e.currentTarget.contains(a)&&o({type:"CLOSE_MODAL"})},P=(e,a)=>e*12+a,F=(e,a)=>{o({type:"SET_YEAR",payload:Math.floor(e/12)}),o({type:"SET_MONTH",payload:e%12}),o({type:"SET_SECOND_YEAR",payload:Math.floor(a/12)}),o({type:"SET_SECOND_MONTH",payload:a%12})},N=(e,a)=>{let c=P(e,a);F(c,Math.max(P(t.secondYear,t.secondMonth),c+1))},V=(e,a)=>{let c=P(e,a);F(Math.min(P(t.year,t.month),c-1),c)},W=e=>{N(e,t.month)},X=e=>{N(t.year,e)},Z=e=>{V(e,t.secondMonth)},j=e=>{V(t.secondYear,e)},ee=()=>{o({type:"SET_VALUE",payload:t.tempValue}),t.tempValue.startDate&&n({startDate:t.tempValue.startDate,endDate:t.tempValue.endDate}),_()},x=(e,a)=>{let c=new Date(a?t.secondYear:t.year,a?t.secondMonth:t.month,e),r={...t.tempValue};u||!i||!r.startDate||r.endDate?(r.startDate=c,r.endDate=null):c<r.startDate?(r.endDate=r.startDate,r.startDate=c):r.endDate=c,o({type:"SET_TEMP_VALUE",payload:r}),!u&&(!i||r.endDate)&&(n({startDate:r.startDate,endDate:r.endDate}),o({type:"SET_VALUE",payload:r}),_())},te=()=>{let e=s??re(S);return i?`${e} - ${e}`:e};return D(se.Provider,{value:{state:t,dispatch:o},children:L("div",{className:l.datePicker,onBlur:Q,ref:G,style:pe(R,p),children:[!E&&D(ce,{className:K,disabled:g,displayFormat:s,inputRef:y,isRange:i,language:S,onBlur:d,onClick:J,placeholder:k??te(),...C}),E||t.modalOpen?L("div",{"aria-label":"Calendar",className:l.datePickerModal,role:"dialog",children:[L("div",{className:i?l.calendarContainerDouble:l.calendarContainer,children:[D(H,{isRange:i,language:S,maxDate:v,minDate:h,onMonthChange:X,onSelectDate:x,onYearChange:W}),i?D(H,{isRange:i,isSecondCalendar:!0,language:S,maxDate:v,minDate:h,onMonthChange:j,onSelectDate:x,onYearChange:Z}):null]}),u?D(ue,{colorScheme:R,labels:U,onApply:ee,onCancel:_}):null]}):null]})})});De.displayName="DatePicker";export{De as DatePicker};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{createContext as e,useContext as t}from"react";var n=e(void 0),o=()=>t(n);export{n as FieldContext,o as useFieldContext};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Children as
|
|
1
|
+
"use client";import{Children as I,cloneElement as O,forwardRef as T,useId as C,useMemo as $}from"react";import{FieldContext as E}from"./field-context.mjs";var e={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"};import{jsx as o,jsxs as j}from"react/jsx-runtime";var q=T(({children:F,className:w="",disabled:s=!1,errorText:d,helperText:i,invalid:c=!!d,label:t,optionalText:p,orientation:y="vertical",readOnly:x=!1,required:a=!1,style:v},h)=>{let r=C(),_=I.only(F),l=_.props,b=l.id??`${r}-control`,n=t?`${r}-label`:void 0,m=`${r}-helper`,f=`${r}-error`,u=c&&!!d,N=[l["aria-describedby"],u?f:null,i?m:null].filter(Boolean).join(" ")||void 0,P=$(()=>({labelId:n}),[n]),R=`${e.field} ${e[y]} ${s?e.disabled:""} ${w}`.trim();return o(E.Provider,{value:P,children:j("div",{className:R,ref:h,style:v,children:[t?j("label",{className:e.label,htmlFor:b,id:n,children:[t,a?o("span",{"aria-hidden":"true",className:e.requiredIndicator,children:"*"}):null,!a&&p?o("span",{className:e.optionalText,children:p}):null]}):null,O(_,{id:b,"aria-describedby":N,"aria-invalid":c||l["aria-invalid"]||void 0,disabled:s||l.disabled,readOnly:x||l.readOnly,required:a||l.required}),i?o("p",{className:e.helperText,id:m,children:i}):null,u?o("p",{className:e.errorText,id:f,children:d}):null]})})});q.displayName="Field";export{q as Field};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{forwardRef as $}from"react";import{useMask as L}from"../../../hooks/use-mask.mjs";var e={"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:"
|
|
2
|
-
${
|
|
1
|
+
"use client";import{forwardRef as $}from"react";import{useMask as L}from"../../../hooks/use-mask.mjs";var e={"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"};import{jsx as r,jsxs as H}from"react/jsx-runtime";var M=(t,o,s,n,d,_,m)=>{let p=o?e.disabled:"",i=s&&n?e.invalid:"",c=n?e[d]:"",f=n?e[_]:"",l=n?e[m]:"";return`${e.base} ${f} ${c} ${l}
|
|
2
|
+
${p} ${i} ${t}`.trim()},w=t=>({"--input-color":`var(--plume-color-${t}-text)`}),z=$(({addonBefore:t,addonAfter:o,elementBefore:s,elementAfter:n,style:d,className:_="",colorScheme:m="secondary",disabled:p=!1,readOnly:i=!1,shape:c="rounded",size:f="md",type:l="text",variant:g="outline",mask:b,value:v,defaultValue:C,onChange:P,...u},I)=>{let a=g!=="unstyled",h=u["aria-invalid"]===!0||u["aria-invalid"]==="true",y=M(_,p,h,a,c,f,g),S={...w(h?"error":m),...d},R=t||o||s||n,{value:O,onChange:x}=L({mask:b,value:typeof v=="string"?v:void 0,defaultValue:typeof C=="string"?C:void 0,onChange:P}),N={onChange:x,value:b?O:v,defaultValue:b?void 0:C};return R?H("div",{className:a?e.inputGroup:"",style:S,children:[t?r("span",{className:a?e.addOn:"",children:t}):null,s?r("span",{className:a?e.element:"",children:s}):null,r("input",{className:y,disabled:p,readOnly:i,ref:I,type:l,...N,...u}),o?r("span",{className:a?e.addOn:"",children:o}):null,n?r("span",{className:a?e.element:"",children:n}):null]}):r("input",{className:y,disabled:p,readOnly:i,ref:I,style:S,type:l,...N,...u})});z.displayName="Input";export{z as Input};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Radio as r}from"./radio.mjs";import{RadioGroup as d}from"./radio-group.mjs";export{r as Radio,d as RadioGroup};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{createContext as e,useContext as o}from"react";var n=e(void 0),i=()=>o(n);export{n as RadioGroupContext,i as useRadioGroupContext};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{forwardRef as T,useCallback as I,useId as V,useMemo as w,useState as z}from"react";import{useFieldContext as S}from"../field/field-context.mjs";import{RadioGroupContext as A}from"./radio-group-context.mjs";var t={group:"_group_1yg36_1",vertical:"_vertical_1yg36_6",horizontal:"_horizontal_1yg36_11"};import{jsx as R}from"react/jsx-runtime";var O=T(({children:y,className:g="",colorScheme:n,defaultValue:G,disabled:o=!1,name:l,onChange:d,orientation:C="vertical",readOnly:a=!1,required:r=!1,size:p,style:h,value:u,variant:s,...e},P)=>{let m=V(),_=S(),[x,E]=z(G),i=u!==void 0,c=i?u:x,f=e["aria-invalid"]===!0||e["aria-invalid"]==="true",M=e["aria-labelledby"]??(e["aria-label"]?void 0:_?.labelId),v=I((b,L)=>{i||E(b),d?.(b,L)},[i,d]),H=w(()=>({colorScheme:n,disabled:o,invalid:f,name:l??m,readOnly:a,required:r,select:v,size:p,value:c,variant:s}),[n,c,o,m,f,l,a,r,v,p,s]);return R(A.Provider,{value:H,children:R("div",{...e,"aria-disabled":o||void 0,"aria-labelledby":M,"aria-readonly":a||void 0,"aria-required":r||void 0,className:`${t.group} ${t[C]} ${g}`.trim(),ref:P,role:"radiogroup",style:h,children:y})})});O.displayName="RadioGroup";export{O as RadioGroup};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{forwardRef as T}from"react";import{useRadioGroupContext as B}from"./radio-group-context.mjs";var o={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"};import{jsx as _,jsxs as z}from"react/jsx-runtime";var k=(a,t)=>({"--radio-solid":`var(--plume-color-${a}-solid)`,"--radio-contrast":`var(--plume-color-${a}-solid-contrast)`,"--radio-text":`var(--plume-color-${a}-text)`,...t}),w=T(({checked:a,children:t,className:f="",colorScheme:v,defaultChecked:b,disabled:C=!1,name:g,onChange:d,readOnly:y=!1,required:s=!1,size:R,style:S,value:n,variant:h,...l},P)=>{let e=B(),p=h??e?.variant??"solid",i=p!=="unstyled",m=l["aria-invalid"]===!0||l["aria-invalid"]==="true"||!!e?.invalid,u=C||!!e?.disabled,c=y||!!e?.readOnly,E=R??e?.size??"md",M=v??e?.colorScheme??"primary",x=[i&&o.root,i&&o[E],u&&o.disabled,f].filter(Boolean).join(" "),I=i?[o.radio,o[p],m&&o.invalid].filter(Boolean).join(" "):void 0,H=r=>{c&&r.preventDefault()},L=r=>{c||(d?.(r),e?.select(String(n??""),r))},O=e?{checked:e.value===String(n??""),name:e.name,required:e.required||s}:{checked:a,defaultChecked:b,name:g,required:s};return z("label",{className:x,style:k(m?"error":M,S),children:[_("input",{className:I,disabled:u,onChange:d||e?L:void 0,onClick:H,ref:P,type:"radio",value:n,...O,...l}),t?_("span",{className:i?o.label:void 0,children:t}):null]})});w.displayName="Radio";export{w as Radio};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Textarea as a}from"./textarea.mjs";export{a as Textarea};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{forwardRef as u}from"react";var e={"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"};import{jsx as T}from"react/jsx-runtime";var c=(r,a)=>({"--textarea-color":`var(--plume-color-${r}-text)`,...a}),b=u(({className:r="",colorScheme:a="secondary",disabled:o=!1,resize:d="vertical",rows:s=3,shape:_="rounded",size:p="md",style:x,variant:i="outline",...t},h)=>{let l=i!=="unstyled",n=t["aria-invalid"]===!0||t["aria-invalid"]==="true",m=`${l?`${e.base} ${e[i]} ${e[p]} ${e[_]} ${e[d]}`:""} ${n&&l?e.invalid:""} ${o?e.disabled:""} ${r}`.replace(/\s+/g," ").trim();return T("textarea",{className:m,disabled:o,ref:h,rows:s,style:c(n?"error":a,x),...t})});b.displayName="Textarea";export{b as Textarea};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Toggle as g}from"./toggle.mjs";export{g as Toggle};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{forwardRef as y}from"react";var e={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"};import{jsx as g,jsxs as h}from"react/jsx-runtime";var C=(o,l)=>({"--toggle-solid":`var(--plume-color-${o}-solid)`,"--toggle-contrast":`var(--plume-color-${o}-solid-contrast)`,"--toggle-text":`var(--plume-color-${o}-text)`,...l}),S=y(({children:o,className:l="",colorScheme:u="primary",disabled:s=!1,onChange:a,readOnly:i=!1,size:_="md",style:m,variant:d="solid",...r},c)=>{let t=d!=="unstyled",p=r["aria-invalid"]===!0||r["aria-invalid"]==="true",f=[t&&e.root,t&&e[_],s&&e.disabled,l].filter(Boolean).join(" "),b=t?[e.toggle,e[d],p&&e.invalid].filter(Boolean).join(" "):void 0,v=n=>{i&&n.preventDefault()},T=n=>{i||a?.(n)};return h("label",{className:f,style:C(p?"error":u,m),children:[g("input",{"aria-readonly":i||void 0,className:b,disabled:s,onChange:a?T:void 0,onClick:v,ref:c,role:"switch",type:"checkbox",...r}),o?g("span",{className:t?e.label:void 0,children:o}):null]})});S.displayName="Toggle";export{S as Toggle};
|
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { CSSProperties, ReactNode, RefObject, ChangeEvent, LazyExoticComponent, ButtonHTMLAttributes, InputHTMLAttributes, Ref, ReactElement, HtmlHTMLAttributes,
|
|
2
|
+
import { CSSProperties, ReactNode, RefObject, ChangeEvent, LazyExoticComponent, ButtonHTMLAttributes, InputHTMLAttributes, Ref, ReactElement, HTMLAttributes, HtmlHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
3
3
|
|
|
4
4
|
type RadiusValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'full';
|
|
5
5
|
type SizeValue = 'max' | 'min' | 'full';
|
|
@@ -98,6 +98,7 @@ interface SemanticColors {
|
|
|
98
98
|
foreground: string;
|
|
99
99
|
muted: string;
|
|
100
100
|
border: string;
|
|
101
|
+
borderStrong: string;
|
|
101
102
|
}
|
|
102
103
|
interface Theme {
|
|
103
104
|
colors: ColorPalette;
|
|
@@ -247,6 +248,18 @@ type ButtonRootAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-
|
|
|
247
248
|
type ButtonProps = ComponentProps & ButtonRootAttributes & ButtonOwnProps;
|
|
248
249
|
declare const Button: react.ForwardRefExoticComponent<ComponentProps & ButtonRootAttributes & ButtonOwnProps & react.RefAttributes<HTMLButtonElement>>;
|
|
249
250
|
|
|
251
|
+
interface CheckboxOwnProps {
|
|
252
|
+
colorScheme?: ColorScheme;
|
|
253
|
+
indeterminate?: boolean;
|
|
254
|
+
readOnly?: boolean;
|
|
255
|
+
size?: Size;
|
|
256
|
+
variant?: CheckboxVariant;
|
|
257
|
+
}
|
|
258
|
+
type CheckboxVariant = 'solid' | 'outline' | 'unstyled';
|
|
259
|
+
type CheckboxRootAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'checked' | 'children' | 'defaultChecked' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'required' | 'value'>;
|
|
260
|
+
type CheckboxProps = Omit<ComponentProps, 'index'> & CheckboxRootAttributes & CheckboxOwnProps;
|
|
261
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & CheckboxRootAttributes & CheckboxOwnProps & react.RefAttributes<HTMLInputElement>>;
|
|
262
|
+
|
|
250
263
|
interface DatePickerOwnProps {
|
|
251
264
|
colorScheme?: ColorScheme;
|
|
252
265
|
config?: DatePickerConfig;
|
|
@@ -323,6 +336,35 @@ type InputVariant = 'outline' | 'filled' | 'underline' | 'unstyled';
|
|
|
323
336
|
type InputProps = ComponentProps & InputRootAttributes & InputOwnProps;
|
|
324
337
|
declare const Input: react.ForwardRefExoticComponent<ComponentProps & InputRootAttributes & InputOwnProps & react.RefAttributes<HTMLInputElement>>;
|
|
325
338
|
|
|
339
|
+
interface RadioOwnProps {
|
|
340
|
+
colorScheme?: ColorScheme;
|
|
341
|
+
readOnly?: boolean;
|
|
342
|
+
size?: Size;
|
|
343
|
+
variant?: RadioVariant;
|
|
344
|
+
}
|
|
345
|
+
type RadioVariant = 'solid' | 'outline' | 'unstyled';
|
|
346
|
+
type RadioRootAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'checked' | 'children' | 'defaultChecked' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'required' | 'value'>;
|
|
347
|
+
type RadioProps = Omit<ComponentProps, 'index'> & RadioRootAttributes & RadioOwnProps;
|
|
348
|
+
declare const Radio: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & RadioRootAttributes & RadioOwnProps & react.RefAttributes<HTMLInputElement>>;
|
|
349
|
+
|
|
350
|
+
interface RadioGroupOwnProps {
|
|
351
|
+
colorScheme?: ColorScheme;
|
|
352
|
+
defaultValue?: string;
|
|
353
|
+
disabled?: boolean;
|
|
354
|
+
name?: string;
|
|
355
|
+
onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
|
|
356
|
+
orientation?: RadioGroupOrientation;
|
|
357
|
+
readOnly?: boolean;
|
|
358
|
+
required?: boolean;
|
|
359
|
+
size?: Size;
|
|
360
|
+
value?: string;
|
|
361
|
+
variant?: RadioVariant;
|
|
362
|
+
}
|
|
363
|
+
type RadioGroupOrientation = 'vertical' | 'horizontal';
|
|
364
|
+
type RadioGroupRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'children' | 'id'>;
|
|
365
|
+
type RadioGroupProps = Omit<ComponentProps, 'index'> & RadioGroupRootAttributes & RadioGroupOwnProps;
|
|
366
|
+
declare const RadioGroup: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & RadioGroupRootAttributes & RadioGroupOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
367
|
+
|
|
326
368
|
interface SpinnerOwnProps {
|
|
327
369
|
color?: ColorShade;
|
|
328
370
|
size?: Size;
|
|
@@ -371,4 +413,28 @@ declare const TabPanels: react.ForwardRefExoticComponent<TabPanelsProps & react.
|
|
|
371
413
|
type TabPanelProps = Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & Pick<ComponentProps, 'index'>;
|
|
372
414
|
declare const TabPanel: react.ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "children" | "className"> & Pick<ComponentProps, "index"> & react.RefAttributes<HTMLDivElement>>;
|
|
373
415
|
|
|
374
|
-
|
|
416
|
+
interface TextareaOwnProps {
|
|
417
|
+
colorScheme?: ColorScheme;
|
|
418
|
+
resize?: TextareaResize;
|
|
419
|
+
shape?: Shape;
|
|
420
|
+
size?: Size;
|
|
421
|
+
variant?: TextareaVariant;
|
|
422
|
+
}
|
|
423
|
+
type TextareaVariant = 'outline' | 'filled' | 'underline' | 'unstyled';
|
|
424
|
+
type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
425
|
+
type TextareaRootAttributes = Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'cols' | 'defaultValue' | 'disabled' | 'id' | 'maxLength' | 'minLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'readOnly' | 'required' | 'rows' | 'value' | 'wrap'>;
|
|
426
|
+
type TextareaProps = Omit<ComponentProps, 'index'> & TextareaRootAttributes & TextareaOwnProps;
|
|
427
|
+
declare const Textarea: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TextareaRootAttributes & TextareaOwnProps & react.RefAttributes<HTMLTextAreaElement>>;
|
|
428
|
+
|
|
429
|
+
interface ToggleOwnProps {
|
|
430
|
+
colorScheme?: ColorScheme;
|
|
431
|
+
readOnly?: boolean;
|
|
432
|
+
size?: Size;
|
|
433
|
+
variant?: ToggleVariant;
|
|
434
|
+
}
|
|
435
|
+
type ToggleVariant = 'solid' | 'outline' | 'raised' | 'unstyled';
|
|
436
|
+
type ToggleRootAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'checked' | 'children' | 'defaultChecked' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'required' | 'value'>;
|
|
437
|
+
type ToggleProps = Omit<ComponentProps, 'index'> & ToggleRootAttributes & ToggleOwnProps;
|
|
438
|
+
declare const Toggle: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ToggleRootAttributes & ToggleOwnProps & react.RefAttributes<HTMLInputElement>>;
|
|
439
|
+
|
|
440
|
+
export { type Breakpoints, Button, type ButtonProps, Checkbox, type CheckboxProps, type ColorMode, type ColorModeSetting, type ColorPalette, type ColorScheme, type ColorShade, type ComponentProps, DatePicker, type DatePickerConfig, type DatePickerProps, type DateRange, type DeepPartial, Field, type FieldControlProps, type FieldOrientation, type FieldProps, type FontSizes, type FontWeights, Input, type InputProps, type LazyLoadedComponent, type LineHeights, type MaskChangeHandler, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type SemanticColors, type Shade, type ShadeLevel, type Shadows, type Shape, type Size, type Sizes, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type Theme, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, Toggle, type ToggleProps, type Typography, type UseClickOutsideProps, type UseDebounceProps, type UseMaskProps, type UseMaskResult, type ZIndeces, 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.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { CSSProperties, ReactNode, RefObject, ChangeEvent, LazyExoticComponent, ButtonHTMLAttributes, InputHTMLAttributes, Ref, ReactElement, HtmlHTMLAttributes,
|
|
2
|
+
import { CSSProperties, ReactNode, RefObject, ChangeEvent, LazyExoticComponent, ButtonHTMLAttributes, InputHTMLAttributes, Ref, ReactElement, HTMLAttributes, HtmlHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
3
3
|
|
|
4
4
|
type RadiusValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'full';
|
|
5
5
|
type SizeValue = 'max' | 'min' | 'full';
|
|
@@ -98,6 +98,7 @@ interface SemanticColors {
|
|
|
98
98
|
foreground: string;
|
|
99
99
|
muted: string;
|
|
100
100
|
border: string;
|
|
101
|
+
borderStrong: string;
|
|
101
102
|
}
|
|
102
103
|
interface Theme {
|
|
103
104
|
colors: ColorPalette;
|
|
@@ -247,6 +248,18 @@ type ButtonRootAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-
|
|
|
247
248
|
type ButtonProps = ComponentProps & ButtonRootAttributes & ButtonOwnProps;
|
|
248
249
|
declare const Button: react.ForwardRefExoticComponent<ComponentProps & ButtonRootAttributes & ButtonOwnProps & react.RefAttributes<HTMLButtonElement>>;
|
|
249
250
|
|
|
251
|
+
interface CheckboxOwnProps {
|
|
252
|
+
colorScheme?: ColorScheme;
|
|
253
|
+
indeterminate?: boolean;
|
|
254
|
+
readOnly?: boolean;
|
|
255
|
+
size?: Size;
|
|
256
|
+
variant?: CheckboxVariant;
|
|
257
|
+
}
|
|
258
|
+
type CheckboxVariant = 'solid' | 'outline' | 'unstyled';
|
|
259
|
+
type CheckboxRootAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'checked' | 'children' | 'defaultChecked' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'required' | 'value'>;
|
|
260
|
+
type CheckboxProps = Omit<ComponentProps, 'index'> & CheckboxRootAttributes & CheckboxOwnProps;
|
|
261
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & CheckboxRootAttributes & CheckboxOwnProps & react.RefAttributes<HTMLInputElement>>;
|
|
262
|
+
|
|
250
263
|
interface DatePickerOwnProps {
|
|
251
264
|
colorScheme?: ColorScheme;
|
|
252
265
|
config?: DatePickerConfig;
|
|
@@ -323,6 +336,35 @@ type InputVariant = 'outline' | 'filled' | 'underline' | 'unstyled';
|
|
|
323
336
|
type InputProps = ComponentProps & InputRootAttributes & InputOwnProps;
|
|
324
337
|
declare const Input: react.ForwardRefExoticComponent<ComponentProps & InputRootAttributes & InputOwnProps & react.RefAttributes<HTMLInputElement>>;
|
|
325
338
|
|
|
339
|
+
interface RadioOwnProps {
|
|
340
|
+
colorScheme?: ColorScheme;
|
|
341
|
+
readOnly?: boolean;
|
|
342
|
+
size?: Size;
|
|
343
|
+
variant?: RadioVariant;
|
|
344
|
+
}
|
|
345
|
+
type RadioVariant = 'solid' | 'outline' | 'unstyled';
|
|
346
|
+
type RadioRootAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'checked' | 'children' | 'defaultChecked' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'required' | 'value'>;
|
|
347
|
+
type RadioProps = Omit<ComponentProps, 'index'> & RadioRootAttributes & RadioOwnProps;
|
|
348
|
+
declare const Radio: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & RadioRootAttributes & RadioOwnProps & react.RefAttributes<HTMLInputElement>>;
|
|
349
|
+
|
|
350
|
+
interface RadioGroupOwnProps {
|
|
351
|
+
colorScheme?: ColorScheme;
|
|
352
|
+
defaultValue?: string;
|
|
353
|
+
disabled?: boolean;
|
|
354
|
+
name?: string;
|
|
355
|
+
onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
|
|
356
|
+
orientation?: RadioGroupOrientation;
|
|
357
|
+
readOnly?: boolean;
|
|
358
|
+
required?: boolean;
|
|
359
|
+
size?: Size;
|
|
360
|
+
value?: string;
|
|
361
|
+
variant?: RadioVariant;
|
|
362
|
+
}
|
|
363
|
+
type RadioGroupOrientation = 'vertical' | 'horizontal';
|
|
364
|
+
type RadioGroupRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'children' | 'id'>;
|
|
365
|
+
type RadioGroupProps = Omit<ComponentProps, 'index'> & RadioGroupRootAttributes & RadioGroupOwnProps;
|
|
366
|
+
declare const RadioGroup: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & RadioGroupRootAttributes & RadioGroupOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
367
|
+
|
|
326
368
|
interface SpinnerOwnProps {
|
|
327
369
|
color?: ColorShade;
|
|
328
370
|
size?: Size;
|
|
@@ -371,4 +413,28 @@ declare const TabPanels: react.ForwardRefExoticComponent<TabPanelsProps & react.
|
|
|
371
413
|
type TabPanelProps = Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & Pick<ComponentProps, 'index'>;
|
|
372
414
|
declare const TabPanel: react.ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "children" | "className"> & Pick<ComponentProps, "index"> & react.RefAttributes<HTMLDivElement>>;
|
|
373
415
|
|
|
374
|
-
|
|
416
|
+
interface TextareaOwnProps {
|
|
417
|
+
colorScheme?: ColorScheme;
|
|
418
|
+
resize?: TextareaResize;
|
|
419
|
+
shape?: Shape;
|
|
420
|
+
size?: Size;
|
|
421
|
+
variant?: TextareaVariant;
|
|
422
|
+
}
|
|
423
|
+
type TextareaVariant = 'outline' | 'filled' | 'underline' | 'unstyled';
|
|
424
|
+
type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
425
|
+
type TextareaRootAttributes = Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'cols' | 'defaultValue' | 'disabled' | 'id' | 'maxLength' | 'minLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'readOnly' | 'required' | 'rows' | 'value' | 'wrap'>;
|
|
426
|
+
type TextareaProps = Omit<ComponentProps, 'index'> & TextareaRootAttributes & TextareaOwnProps;
|
|
427
|
+
declare const Textarea: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TextareaRootAttributes & TextareaOwnProps & react.RefAttributes<HTMLTextAreaElement>>;
|
|
428
|
+
|
|
429
|
+
interface ToggleOwnProps {
|
|
430
|
+
colorScheme?: ColorScheme;
|
|
431
|
+
readOnly?: boolean;
|
|
432
|
+
size?: Size;
|
|
433
|
+
variant?: ToggleVariant;
|
|
434
|
+
}
|
|
435
|
+
type ToggleVariant = 'solid' | 'outline' | 'raised' | 'unstyled';
|
|
436
|
+
type ToggleRootAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'checked' | 'children' | 'defaultChecked' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'required' | 'value'>;
|
|
437
|
+
type ToggleProps = Omit<ComponentProps, 'index'> & ToggleRootAttributes & ToggleOwnProps;
|
|
438
|
+
declare const Toggle: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ToggleRootAttributes & ToggleOwnProps & react.RefAttributes<HTMLInputElement>>;
|
|
439
|
+
|
|
440
|
+
export { type Breakpoints, Button, type ButtonProps, Checkbox, type CheckboxProps, type ColorMode, type ColorModeSetting, type ColorPalette, type ColorScheme, type ColorShade, type ComponentProps, DatePicker, type DatePickerConfig, type DatePickerProps, type DateRange, type DeepPartial, Field, type FieldControlProps, type FieldOrientation, type FieldProps, type FontSizes, type FontWeights, Input, type InputProps, type LazyLoadedComponent, type LineHeights, type MaskChangeHandler, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type SemanticColors, type Shade, type ShadeLevel, type Shadows, type Shape, type Size, type Sizes, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type Theme, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, Toggle, type ToggleProps, type Typography, type UseClickOutsideProps, type UseDebounceProps, type UseMaskProps, type UseMaskResult, type ZIndeces, 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.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";var Ye=Object.defineProperty;var Yt=Object.getOwnPropertyDescriptor;var Gt=Object.getOwnPropertyNames;var Ut=Object.prototype.hasOwnProperty;var Wt=(e,t)=>{for(var r in t)Ye(e,r,{get:t[r],enumerable:!0})},Kt=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Gt(t))!Ut.call(e,a)&&a!==r&&Ye(e,a,{get:()=>t[a],enumerable:!(o=Yt(t,a))||o.enumerable});return e};var Zt=e=>Kt(Ye({},"__esModule",{value:!0}),e);var xr={};Wt(xr,{Button:()=>R,DatePicker:()=>ut,Field:()=>_t,Input:()=>Ce,Spinner:()=>he,Tab:()=>ht,TabList:()=>ft,TabPanel:()=>yt,TabPanels:()=>gt,Tabs:()=>bt,ThemeProvider:()=>or,applyMask:()=>Re,colorVar:()=>We,deepMerge:()=>ke,defaultDarkTheme:()=>Ue,defaultTheme:()=>Ge,formatDate:()=>se,getContrastColor:()=>Ke,getContrastRatio:()=>ie,getDarkenColor:()=>ge,getDateFormatByLanguage:()=>fe,getDateFromDateString:()=>de,getDateStringByLanguage:()=>Ae,getDaysOfWeekByLanguage:()=>rt,getLightenColor:()=>Pe,getMonthsByLanguage:()=>ot,lazyLoadContent:()=>at,themeToCssVars:()=>Xe,useClickOutside:()=>Qe,useDebounce:()=>et,useMask:()=>tt,useTheme:()=>rr,validateFormatDate:()=>De});module.exports=Zt(xr);var Ge={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"}},Ue={semantic:{background:"#18181b",surface:"#27272a",surfaceMuted:"#3f3f46",foreground:"#fafafa",muted:"#a1a1aa",border:"#3f3f46"}};function We(e){if(e.includes(".")){let[t,r]=e.split(".");return`var(--plume-color-${t}-${r})`}return`var(--plume-color-${e}-500)`}function Se(e){let t=Jt(e)?.groups;return e.startsWith("#")&&t?[parseInt(t.red,16),parseInt(t.green,16),parseInt(t.blue,16)]:Xt(e)?.map(Number)||[]}function Xt(e){return e.match(/\d+/g)}function Jt(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=Se(e);if(t.length<3)return"#000000";let[r,o,a]=t;return(r*299+o*587+a*114)/1e3>140?"#000000":"#ffffff"}function xt(e){let t=Se(e);if(t.length<3)return 0;let[r,o,a]=t.map(n=>{let l=n/255;return l<=.03928?l/12.92:((l+.055)/1.055)**2.4});return .2126*r+.7152*o+.0722*a}function ie(e,t){let r=xt(e),o=xt(t),[a,n]=r>=o?[r,o]:[o,r];return(a+.05)/(n+.05)}function Pe(e,t=10){let r=Se(e);return r.length<3?e:`rgb(${r.map(a=>Math.min(255,a+(255-a)*(t/100))).join(", ")})`}function ge(e,t=10){let r=Se(e);return r.length<3?e:`rgb(${r.map(a=>Math.max(0,a-a*t/100)).join(", ")})`}var E="--plume",ye="#ffffff",Ze="#000000",we=4.5,Tt=e=>ie(ye,e)>=ie(Ze,e);function Qt(e){for(let r of["500","600","700"]){let o=String(e[r]);if(ie(ye,o)>=we)return{bg:o,fg:ye}}let t=String(e[500]);if(ie(Ze,t)>=we)return{bg:t,fg:Ze};for(let r of["800","900"]){let o=String(e[r]);if(ie(ye,o)>=we)return{bg:o,fg:ye}}return{bg:String(e[900]),fg:ye}}function er(e,t){let r=Tt(t[0]),o=r?["500","400","300","200","100","50"]:["500","600","700","800","900","950"];for(let a of o){let n=String(e[a]);if(t.every(l=>ie(n,l)>=we))return n}return String(e[r?"50":"950"])}function K(e,t,r){for(let[o,a]of Object.entries(t))r[`${e}-${o}`]=String(a)}var tr=e=>e.replace(/(?<lower>[a-z0-9])(?<upper>[A-Z])/g,"$<lower>-$<upper>").toLowerCase();function Xe(e){let t={},{background:r,surface:o,surfaceMuted:a}=e.semantic,n=[r,o,a],l=Tt(r),s=e.colors;for(let[d,u]of Object.entries(s)){K(`${E}-color-${d}`,u,t),t[`${E}-color-${d}-contrast`]=Ke(String(u[500]));let{bg:h,fg:D}=Qt(u);t[`${E}-color-${d}-solid`]=h,t[`${E}-color-${d}-solid-contrast`]=D,t[`${E}-color-${d}-solid-hover`]=ge(h,12),t[`${E}-color-${d}-solid-active`]=ge(h,24);let b=er(u,n);t[`${E}-color-${d}-text`]=b,t[`${E}-color-${d}-text-hover`]=l?Pe(b,12):ge(b,12),t[`${E}-color-${d}-text-active`]=l?Pe(b,24):ge(b,24),t[`${E}-color-${d}-tint`]=String(u[l?"900":"100"]),t[`${E}-color-${d}-tint-strong`]=String(u[l?"800":"200"])}let i=e.semantic;for(let[d,u]of Object.entries(i))t[`${E}-${tr(d)}`]=u;return t[`${E}-font-family`]=e.typography.fontFamily,K(`${E}-font-size`,e.typography.fontSizes,t),K(`${E}-font-weight`,e.typography.fontWeights,t),K(`${E}-line-height`,e.typography.lineHeights,t),K(`${E}-space`,e.spaces,t),K(`${E}-size`,e.sizes,t),K(`${E}-radius`,e.radii,t),K(`${E}-z`,e.zIndeces,t),K(`${E}-shadow`,e.shadows,t),K(`${E}-breakpoint`,e.breakpoints,t),t}var O=require("react");function ke(e,...t){function r(n){return n!==null&&typeof n=="object"&&!Array.isArray(n)}function o(n,l){if(!r(n)||!r(l))return l;let s={...n};for(let i of Object.keys(l))s[i]=i in n?o(n[i],l[i]):l[i];return s}let a=r(e)?{...e}:e;for(let n of t)n!==void 0&&(a=o(a,n));return a}var Je=require("react"),kt=(0,Je.createContext)(void 0);var Ee=require("react/jsx-runtime"),Dt=(0,O.createContext)(null);function rr(){let e=(0,O.useContext)(Dt);if(!e)throw new Error("useTheme must be used within a <ThemeProvider>");return e}function or({children:e,theme:t,darkTheme:r,defaultColorMode:o="light",applyToBody:a=!0,className:n="",style:l}){let s=(0,O.useMemo)(()=>ke(Ge,t??{}),[t]),i=(0,O.useMemo)(()=>ke(ke(s,Ue),r??{}),[s,r]),[d,u]=(0,O.useState)(o),[h,D]=(0,O.useState)(null),[b,C]=(0,O.useState)(o==="system"?"light":o);(0,O.useEffect)(()=>{if(d!=="system"){C(d);return}let T=window.matchMedia("(prefers-color-scheme: dark)"),y=()=>C(T.matches?"dark":"light");return y(),T.addEventListener("change",y),()=>T.removeEventListener("change",y)},[d]);let m=b==="dark"?i:s,v=(0,O.useMemo)(()=>Xe(m),[m]);(0,O.useEffect)(()=>{if(!a||typeof document>"u")return;let{documentElement:T,body:y}=document,L=T.getAttribute("data-plume-color-mode"),p=y.style.backgroundColor,f=y.style.color;return T.setAttribute("data-plume-color-mode",b),y.style.backgroundColor=m.semantic.background,y.style.color=m.semantic.foreground,()=>{L===null?T.removeAttribute("data-plume-color-mode"):T.setAttribute("data-plume-color-mode",L),y.style.backgroundColor=p,y.style.color=f}},[a,b,m]);let x=(0,O.useMemo)(()=>({theme:m,colorMode:b,setColorMode:u}),[m,b]);return(0,Ee.jsx)(Dt.Provider,{value:x,children:(0,Ee.jsx)("div",{className:`plume-root ${n}`.trim(),"data-plume-color-mode":b,ref:D,style:{...v,backgroundColor:"var(--plume-background)",color:"var(--plume-foreground)",...l},children:(0,Ee.jsx)(kt.Provider,{value:h,children:e})})})}var Me=require("react");function Qe({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 ve=require("react");function et({value:e,delay:t}){let[r,o]=(0,ve.useState)(e),a=(0,ve.useRef)(null);return(0,ve.useEffect)(()=>(a.current&&clearTimeout(a.current),a.current=setTimeout(()=>{o(e)},t),()=>{a.current&&clearTimeout(a.current)}),[e,t]),r}var St=require("react"),Ct={"#":/^[0-9]$/,A:/^\p{L}$/u,"*":/^[\p{L}0-9]$/u};function ar(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 Ct?t.push({slot:Ct[o]}):t.push({literal:o})}return t}function Re(e,t){if(!t)return e;let r="",o="",a=0;for(let n of ar(t)){if(a>=e.length)break;if("literal"in n){o+=n.literal,e[a]===n.literal&&(a+=1);continue}for(;a<e.length&&!n.slot.test(e[a]);)a+=1;if(a>=e.length)break;r+=o+e[a],o="",a+=1}return r}function tt({mask:e,value:t,defaultValue:r="",onChange:o}){let a=t!==void 0,[n,l]=(0,St.useState)(()=>Re(r,e??"")),s=i=>{if(e){let d=Re(i.target.value,e);i.target.value=d,a||l(d)}o?.(i)};return e?{value:a?Re(t,e):n,onChange:s}:{value:t,onChange:s}}function Le(e){if(e){if(e.length===2)return`${e}-${e.toUpperCase()}`}else return navigator.language;return e}function nr(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 fe(e){let t=Le(e),o=new Intl.DateTimeFormat(t,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date),a=o.map(s=>s.type),n={year:"yyyy",month:"MM",day:"dd"};return a.map((s,i)=>n[s]||o[i].value).join("").toLocaleLowerCase()}function rt(e){let t=Le(e),r=[],o=new Intl.DateTimeFormat(t,{weekday:"short",timeZone:"UTC"});for(let a=0;a<7;a++){let n=new Date(Date.UTC(2024,0,1+a)),l=o.format(n).replace(/^\w/,s=>s.toUpperCase());r.push(l)}return r}function ot(e){let t=Le(e),r=new Intl.DateTimeFormat(t,{month:"long"});return Array.from({length:12},(o,a)=>{let n=new Date;return n.setMonth(a),r.format(n).replace(/^\w/,l=>l.toUpperCase())})}function Ae({displayFormat:e,isRange:t,startDate:r,endDate:o,language:a}){let n={year:"numeric",month:"2-digit",day:"2-digit"};if(e)return t&&r&&o?`${se(r,e)} - ${se(o,e)}`:r?se(r,e):"";let l=Le(a);return t&&r&&o?`${new Intl.DateTimeFormat(l,n).format(r)} - ${new Intl.DateTimeFormat(l,n).format(o)}`:r?new Intl.DateTimeFormat(l,n).format(r):""}function se(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 De(e,t,r){let o=r??fe(t);if(!nr(o).test(e))return!1;let a=de(e,o);return!Number.isNaN(a.getTime())&&se(a,o)===e}function de(e,t="mm/dd/yyyy"){let r=t.toLowerCase(),o=a=>{let n=r.indexOf(a);return n===-1?Number.NaN:Number(e.slice(n,n+a.length))};return new Date(o("yyyy"),o("mm")-1,o("dd"))}var Pt=require("react");function at(e){return(0,Pt.lazy)(()=>new Promise(t=>{t({default:()=>e})}))}var Mt=require("react");var wt=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 Et=require("react/jsx-runtime"),lr=({color:e,style:t,speed:r,thickness:o})=>({"--spinner-scheme":We(e),...o&&{"--spinner-border-width":`${o}px`},"--spinner-animation-duration":r?.length?r:"1s",...t??{}}),he=(0,wt.forwardRef)(({color:e="secondary.900",style:t,speed:r,className:o="",thickness:a=3,variant:n="solid",size:l=n!=="unstyled"?"md":void 0,...s},i)=>{let d=l&&(l!=="md"||n==="unstyled")?nt[l]:"",u=n!=="unstyled"?nt[n]:"",h=`
|
|
2
|
-
${
|
|
3
|
-
${
|
|
4
|
-
${
|
|
5
|
-
`.trim();return(0,
|
|
6
|
-
${l} ${t}`.trim()},dr=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)`}),R=(0,Mt.forwardRef)(({children:e,iconLeft:t,iconRight:r,label:o,style:a,busyText:n="",className:l="",colorScheme:s="secondary",disabled:i=!1,isBusy:d=!1,shape:u="rounded",size:h="md",type:D="button",variant:b="solid",...C},m)=>{let v=sr(b,l,i,d,h,u);return(0,Z.jsxs)("button",{className:v,disabled:i||d,ref:m,style:{...dr(s),...a},type:D,...C,children:[ir(n,d,t,r,b==="unstyled",o),e,d?(0,Z.jsx)(he,{style:{"--spinner-scheme":"var(--button-contrast-color)"},...n&&{className:ee.spinnerMargin},size:"sm"}):null]})});R.displayName="Button";var G=require("react");var Oe=require("react"),lt=(0,Oe.createContext)(void 0),Ne=()=>{let e=(0,Oe.useContext)(lt);if(!e)throw new Error("useDatePicker must be used within a DatePickerProvider");return e};var $e={startDate:null,endDate:null},Rt=new Date(new Date().getFullYear(),new Date().getMonth()+1,1),it={value:$e,tempValue:$e,modalOpen:!1,year:new Date().getFullYear(),secondYear:Rt.getFullYear(),month:new Date().getMonth(),secondMonth:Rt.getMonth(),rangeDays:[]},st=(e,t)=>{switch(t.type){case"SET_VALUE":{let{startDate:r,endDate:o}=t.payload,a=r?.getFullYear()??e.year,n=r?.getMonth()??e.month,l=o?.getFullYear()??e.secondYear,s=o&&(o.getMonth()>e.secondMonth||r&&r.getMonth()===11)?o.getMonth():e.secondMonth;return{...e,value:t.payload,tempValue:t.payload,year:a,month:n,secondYear:l,secondMonth:s}}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 g=require("react/jsx-runtime"),dt="yyyy-mm-dd",xe=(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))},ct=e=>(e.getDay()+6)%7,cr={ArrowLeft:e=>xe(e,-1),ArrowRight:e=>xe(e,1),ArrowUp:e=>xe(e,-7),ArrowDown:e=>xe(e,7),Home:e=>xe(e,-ct(e)),End:e=>xe(e,6-ct(e)),PageUp:e=>Lt(e,-1),PageDown:e=>Lt(e,1)},ze=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime();function pr({day:e}){return(0,g.jsx)("span",{className:c.dayOfWeek,children:e})}function ur({selectedMonth:e,months:t,onChange:r}){let o=a=>{r(a)};return(0,g.jsx)("div",{className:c.monthSelectorGrid,children:t.map((a,n)=>(0,g.jsx)(R,{"aria-pressed":n===e,className:`${n===e?c.selected:""} ${c.month}`,label:a,onClick:()=>{o(n)},variant:"unstyled"},a))})}function _r({selectedYear:e,startYear:t,onChange:r}){let o=n=>{r(n)},a=()=>{let n=[];for(let l=t;l<t+20;l++)n.push((0,g.jsx)(R,{"aria-pressed":e===l,className:`${e===l?c.selected:""} ${c.year}`,onClick:()=>{o(l)},variant:"unstyled",children:l},l));return n};return(0,g.jsx)("div",{className:c.yearSelectorGrid,children:a()})}function pt({language:e,isRange:t,isSecondCalendar:r,minDate:o,maxDate:a,onMonthChange:n,onSelectDate:l,onYearChange:s}){let{state:i}=Ne(),[d,u]=(0,te.useState)("day"),[h,D]=(0,te.useState)(r?i.secondYear:i.year),[b,C]=(0,te.useState)(null),m=(0,te.useRef)(!1),v=(0,te.useRef)(null),x=r?i.secondYear:i.year,T=r?i.secondMonth:i.month,y=qe(),L=ot(e);(0,te.useEffect)(()=>{!m.current||!b||(m.current=!1,v.current?.querySelector(`[data-date="${se(b,dt)}"]:enabled`)?.focus())});let p=M=>{let Q=v.current?.closest('[role="dialog"]')??document,z=Q.querySelectorAll(`.${c.day}:enabled`),I=Array.from(z).findIndex(F=>F.dataset.date===M),W=Q.querySelector(`.${c.day}.${c.selected}`),H=t&&i.tempValue.startDate&&!i.tempValue.endDate&&W;z.forEach((F,le)=>{let be=F.classList.contains(c.selected),S=le===I;if(H){let w=Array.from(z).indexOf(W),[V,Y]=[Math.min(w,I),Math.max(w,I)];F.classList.toggle(c.rangeItem,le>=V&&le<=Y),F.classList.toggle(c.selectedHover,S)}else F.classList.toggle(c.selectedHover,be&&S),F.classList.toggle(c.hovered,!be&&S)})},f=()=>d==="month"?(0,g.jsx)(ur,{months:L,onChange:j,selectedMonth:r?i.secondMonth:i.month}):d==="year"?(0,g.jsx)(_r,{onChange:k,selectedYear:r?i.secondYear:i.year,startYear:h}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:c.daysOfWeek,children:rt(e).map(M=>(0,g.jsx)(pr,{day:M},M))}),(0,g.jsx)("div",{className:c.calendarGrid,children:y})]}),j=M=>{n(M),u("day")},k=M=>{s(M),u("day")},U=M=>{u(d!=="day"&&d===M?"day":M)},ne=()=>{D(h-20)},Ve=()=>{D(h+20)};function qe(){let M=ct(new Date(x,T,1)),Q=o?ze(o):-1/0,z=a?ze(a):1/0,I=new Date().toDateString(),W=new Intl.DateTimeFormat(e,{dateStyle:"full"}),H=(S,w)=>S?.toDateString()===w.toDateString(),F=Array.from({length:42},(S,w)=>{let V=new Date(x,T,w-M+1),Y=V.getMonth()===T,_=!Y||V.getTime()<Q||V.getTime()>z;return{date:V,isCurrentMonth:Y,isDisabled:_}}),le=F.filter(({isDisabled:S})=>!S).map(({date:S})=>S),be=[b,i.tempValue.startDate,new Date].map(S=>le.find(w=>H(S,w))).find(Boolean)??le[0];return F.map(({date:S,isCurrentMonth:w,isDisabled:V})=>{let Y=se(S,dt),_=w&&H(i.tempValue.startDate,S),P=w&&H(i.tempValue.endDate,S),N=_||P,A=i.rangeDays.some(jt=>H(jt,S)),vt=w&&S.toDateString()===I;return(0,g.jsx)(R,{"aria-current":vt?"date":void 0,"aria-hidden":w?void 0:!0,"aria-label":W.format(S),"aria-pressed":w?N:void 0,className:`${c.day} ${w?"":c.disabledDay} ${N?c.selected:""} ${A&&!N&&w?c.rangeItem:""} ${w&&V?c.outOfRangeDay:""} ${vt?c.today:""}`,"data-date":Y,disabled:V,onClick:()=>{w&&l(S.getDate(),r)},onFocus:()=>{w&&p(Y)},onKeyDown:je,onMouseEnter:()=>{w&&p(Y)},tabIndex:be&&H(be,S)?0:-1,variant:"unstyled",children:(0,g.jsx)("span",{className:c.dayText,children:S.getDate()})},Y)})}function je(M){let Q=M.currentTarget.dataset.date,z=cr[M.key];if(!Q||!z)return;M.preventDefault();let I=z(de(Q,dt)),W=I.getTime();if(o&&W<ze(o)||a&&W>ze(a))return;let H=(I.getFullYear()-x)*12+I.getMonth()-T;H!==0&&n(T+H),m.current=!0,C(I)}return(0,g.jsxs)("div",{className:c.calendar,ref:v,children:[(0,g.jsx)("div",{className:c.calendarHeader,children:(0,g.jsxs)("div",{className:c.monthYearSelectors,children:[d!=="year"?(0,g.jsx)(R,{"aria-label":"Previous month",onClick:()=>{n((r?i.secondMonth:i.month)-1)},variant:"icon",children:(0,g.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,g.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,g.jsx)(R,{"aria-label":"Previous years",onClick:ne,variant:"icon",children:(0,g.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,g.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,g.jsx)(R,{className:c.monthSelector,label:L[r?i.secondMonth:i.month],onClick:()=>{U("month")},variant:"unstyled"}),(0,g.jsx)("strong",{children:"/"}),(0,g.jsx)(R,{className:c.yearSelector,label:`${r?i.secondYear:i.year}`,onClick:()=>{U("year")},variant:"unstyled"}),d!=="year"?(0,g.jsx)(R,{"aria-label":"Next month",onClick:()=>{n((r?i.secondMonth:i.month)+1)},variant:"icon",children:(0,g.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,g.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,g.jsx)(R,{"aria-label":"Next years",onClick:Ve,variant:"icon",children:(0,g.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,g.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"})})})]})}),f()]})}var X=require("react");var At=require("react");var q={"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"),mr=(e,t,r,o,a,n,l)=>{let s=t?q.disabled:"",i=r&&o?q.invalid:"",d=o?q[a]:"",u=o?q[n]:"",h=o?q[l]:"";return`${q.base} ${u} ${d} ${h}
|
|
7
|
-
${
|
|
8
|
-
${d} ${u} ${e}`.trim()},ut=(0,G.forwardRef)(({onChange:e,onBlur:t,inputRef:r,displayFormat:o,style:a,showFooter:n,minDate:l,maxDate:s,placeholder:i,value:d,disabled:u=!1,className:h="",colorScheme:D="secondary",variant:b="outline",config:C,isCalendar:m=!1,isRange:v=!1,...x},T)=>{let y=C?.language??fr,L={apply:C?.footer?.apply??Nt.apply,cancel:C?.footer?.cancel??Nt.cancel},[p,f]=(0,G.useReducer)(st,d,_=>_?st(it,{type:"SET_VALUE",payload:_}):it),j=(0,G.useRef)(!0),k=Qe({callback:()=>{f({type:"CLOSE_MODAL"})}}),U=_=>{k.current=_,typeof T=="function"?T(_):T&&(T.current=_)},{size:ne=b!=="unstyled"?"md":void 0,shape:Ve=b!=="unstyled"?"rounded":void 0}=x,qe=yr(h,u,x["aria-invalid"]===!0||x["aria-invalid"]==="true",b,Ve,ne);(0,G.useEffect)(()=>{if(p.modalOpen)if(v&&p.tempValue.startDate&&p.tempValue.endDate){let _=[],P=new Date(p.tempValue.startDate);for(;P<=p.tempValue.endDate;)_.push(new Date(P)),P.setDate(P.getDate()+1);f({type:"SET_RANGE_DAYS",payload:_})}else f({type:"SET_RANGE_DAYS",payload:[]})},[v,p.tempValue,p.modalOpen]),(0,G.useEffect)(()=>{if(j.current){j.current=!1;return}f({type:"SET_VALUE",payload:d??$e})},[d]),(0,G.useEffect)(()=>{p.modalOpen&&k.current?.querySelector('[role="dialog"] [data-date][tabindex="0"]')?.focus()},[p.modalOpen,k]);let je=()=>{f({type:"TOGGLE_MODAL"})},M=()=>{m||(f({type:"CLOSE_MODAL"}),k.current?.querySelector("input")?.focus())};(0,G.useEffect)(()=>{if(!p.modalOpen||m)return;let _=P=>{P.key!=="Escape"||!k.current?.contains(P.target)||(f({type:"CLOSE_MODAL"}),k.current.querySelector("input")?.focus())};return document.addEventListener("keydown",_),()=>{document.removeEventListener("keydown",_)}},[p.modalOpen,m,k]);let Q=_=>{let P=_.relatedTarget;P&&!_.currentTarget.contains(P)&&f({type:"CLOSE_MODAL"})},z=(_,P)=>_*12+P,I=(_,P)=>{f({type:"SET_YEAR",payload:Math.floor(_/12)}),f({type:"SET_MONTH",payload:_%12}),f({type:"SET_SECOND_YEAR",payload:Math.floor(P/12)}),f({type:"SET_SECOND_MONTH",payload:P%12})},W=(_,P)=>{let N=z(_,P);I(N,Math.max(z(p.secondYear,p.secondMonth),N+1))},H=(_,P)=>{let N=z(_,P);I(Math.min(z(p.year,p.month),N-1),N)},F=_=>{W(_,p.month)},le=_=>{W(p.year,_)},be=_=>{H(_,p.secondMonth)},S=_=>{H(p.secondYear,_)},w=()=>{f({type:"SET_VALUE",payload:p.tempValue}),p.tempValue.startDate&&e({startDate:p.tempValue.startDate,endDate:p.tempValue.endDate}),M()},V=(_,P)=>{let N=new Date(P?p.secondYear:p.year,P?p.secondMonth:p.month,_),A={...p.tempValue};n||!v||!A.startDate||A.endDate?(A.startDate=N,A.endDate=null):N<A.startDate?(A.endDate=A.startDate,A.startDate=N):A.endDate=N,f({type:"SET_TEMP_VALUE",payload:A}),!n&&(!v||A.endDate)&&(e({startDate:A.startDate,endDate:A.endDate}),f({type:"SET_VALUE",payload:A}),M())},Y=()=>{let _=o??fe(y);return v?`${_} - ${_}`:_};return(0,B.jsx)(lt.Provider,{value:{state:p,dispatch:f},children:(0,B.jsxs)("div",{className:c.datePicker,onBlur:Q,ref:U,style:hr(D,a),children:[!m&&(0,B.jsx)(Ot,{className:qe,disabled:u,displayFormat:o,inputRef:r,isRange:v,language:y,onBlur:t,onClick:je,placeholder:i??Y(),...x}),m||p.modalOpen?(0,B.jsxs)("div",{"aria-label":"Calendar",className:c.datePickerModal,role:"dialog",children:[(0,B.jsxs)("div",{className:v?c.calendarContainerDouble:c.calendarContainer,children:[(0,B.jsx)(pt,{isRange:v,language:y,maxDate:s,minDate:l,onMonthChange:le,onSelectDate:V,onYearChange:F}),v?(0,B.jsx)(pt,{isRange:v,isSecondCalendar:!0,language:y,maxDate:s,minDate:l,onMonthChange:S,onSelectDate:V,onYearChange:be}):null]}),n?(0,B.jsx)(gr,{colorScheme:D,labels:L,onApply:w,onCancel:M}):null]}):null]})})});ut.displayName="DatePicker";var pe=require("react");var ae={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"),_t=(0,pe.forwardRef)(({children:e,className:t="",disabled:r=!1,errorText:o,helperText:a,invalid:n=!!o,label:l,optionalText:s,orientation:i="vertical",readOnly:d=!1,required:u=!1,style:h},D)=>{let b=(0,pe.useId)(),C=pe.Children.only(e),m=C.props,v=m.id??`${b}-control`,x=`${b}-helper`,T=`${b}-error`,y=n&&!!o,L=[m["aria-describedby"],y?T:null,a?x:null].filter(Boolean).join(" ")||void 0,p=`${ae.field} ${ae[i]} ${r?ae.disabled:""} ${t}`.trim();return(0,ce.jsxs)("div",{className:p,ref:D,style:h,children:[l?(0,ce.jsxs)("label",{className:ae.label,htmlFor:v,children:[l,u?(0,ce.jsx)("span",{"aria-hidden":"true",className:ae.requiredIndicator,children:"*"}):null,!u&&s?(0,ce.jsx)("span",{className:ae.optionalText,children:s}):null]}):null,(0,pe.cloneElement)(C,{id:v,"aria-describedby":L,"aria-invalid":n||m["aria-invalid"]||void 0,disabled:r||m.disabled,readOnly:d||m.readOnly,required:u||m.required}),a?(0,ce.jsx)("p",{className:ae.helperText,id:x,children:a}):null,y?(0,ce.jsx)("p",{className:ae.errorText,id:T,children:o}):null]})});_t.displayName="Field";var Be=require("react");var J=require("react");var $t=(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 $={"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 Ht=require("react/jsx-runtime"),zt=(0,J.createContext)(void 0);function It({config:e,children:t}){let[r,o]=(0,J.useReducer)($t,e),a=r.alignment!=="left"||r.isStyled?$[r.alignment]:"",n=r.isStyled?$[r.size]:"",l=r.isStyled?$[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 s=i=>{o({type:"SET_ACTIVE_TAB_INDEX",payload:i})};return(0,Ht.jsx)(zt.Provider,{value:(0,J.useMemo)(()=>({...r,alignmentClass:a,sizeClass:n,variantClass:l,setActiveTabIndex:s}),[a,n,r,l]),children:t})}var Ie=(e,t)=>`${e}-tab-${t}`,He=(e,t)=>`${e}-panel-${t}`,ue=()=>{let e=(0,J.useContext)(zt);if(!e)throw new Error("useTabs must be used within a TabsProvider");return e};var mt=require("react/jsx-runtime"),vr=(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??{}}),bt=(0,Be.forwardRef)(({children:e,style:t,onChange:r,index:o=0,alignment:a="left",className:n="",colorScheme:l="secondary",orientation:s="horizontal",size:i="md",variant:d="underline",isLazy:u=!1,...h},D)=>{let b=(0,Be.useId)(),C=h.id??b,m=d!=="unstyled",v=`${s!=="horizontal"||m?$[s]:""} ${m?$.tabs:""} ${n}`.trim();return(0,mt.jsx)(It,{config:{index:o,alignment:a,baseId:C,colorScheme:l,isLazy:u,isStyled:m,orientation:s,size:i,variant:d,onChange:r},children:(0,mt.jsx)("div",{className:v,ref:D,style:vr(l,t),...h,children:e})})});bt.displayName="Tabs";var _e=require("react");var Bt=require("react/jsx-runtime"),ft=(0,_e.forwardRef)(({children:e,...t},r)=>{let{index:o,alignmentClass:a,isStyled:n,orientation:l,variantClass:s}=ue();return(0,Bt.jsx)("div",{"aria-orientation":l,className:`${n?$.tablist:""} ${s} ${a}`.trim(),ref:r,role:"tablist",...t,children:_e.Children.map(e,(i,d)=>(0,_e.isValidElement)(i)?(0,_e.cloneElement)(i,{index:d,isActive:d===o}):i)})});ft.displayName="TabList";var Ft=require("react");var Vt=require("react/jsx-runtime"),ht=(0,Ft.forwardRef)(({label:e,isActive:t,disabled:r,extraContentLeft:o,extraContentRight:a,index:n=0,children:l,className:s=""},i)=>{let{alignmentClass:d,baseId:u,isStyled:h,orientation:D,sizeClass:b,setActiveTabIndex:C,onChange:m}=ue(),[v,x]=D==="vertical"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],T=()=>{m&&m(n),C(n)},y=L=>{let p=L.currentTarget.closest('[role="tablist"]');if(!p)return;let f=Array.from(p.querySelectorAll('[role="tab"]:enabled')),j=f.indexOf(L.currentTarget),k={[v]:f[(j-1+f.length)%f.length],[x]:f[(j+1)%f.length],Home:f[0],End:f[f.length-1]}[L.key];k&&(L.preventDefault(),k.focus(),k.click())};return(0,Vt.jsx)(R,{"aria-controls":t?He(u,n):void 0,"aria-selected":!!t,className:`${h?$.tab:""} ${d} ${b} ${t&&h?$.active:""} ${s}`.trim(),disabled:r,iconLeft:o,iconRight:a,id:Ie(u,n),label:e??"",onClick:T,onKeyDown:y,ref:i,role:"tab",tabIndex:t?0:-1,variant:"unstyled",children:l})});ht.displayName="Tab";var me=require("react");var qt=require("react/jsx-runtime"),gt=(0,me.forwardRef)(({children:e,...t},r)=>{let{index:o}=ue();return(0,qt.jsx)("div",{ref:r,...t,children:me.Children.map(e,(a,n)=>n!==o?null:(0,me.isValidElement)(a)?(0,me.cloneElement)(a,{index:n}):a)})});gt.displayName="TabPanels";var Te=require("react");var Fe=require("react/jsx-runtime"),yt=(0,Te.forwardRef)(({children:e,className:t="",index:r=0},o)=>{let{baseId:a,colorScheme:n,isLazy:l,isStyled:s}=ue(),i=l?at(e):e;return(0,Fe.jsx)("div",{"aria-labelledby":Ie(a,r),className:`${s?$.panel:""} ${t}`.trim(),id:He(a,r),ref:o,role:"tabpanel",tabIndex:0,children:l?(0,Fe.jsx)(Te.Suspense,{fallback:(0,Fe.jsx)(he,{color:n}),children:(0,Te.createElement)(i)}):i})});yt.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*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/datepicker/index.mjs";export*from"./components/form/field/index.mjs";export*from"./components/form/input/index.mjs";export*from"./components/presentation/spinner/index.mjs";export*from"./components/navigation/tabs/index.mjs";
|
|
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";
|
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}}
|
package/dist/theme/config.mjs
CHANGED
|
@@ -1 +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"},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"}};export{f as defaultDarkTheme,e as defaultTheme};
|
|
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/package.json
CHANGED
package/dist/chunk-XCMY6VPH.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var e={"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"};export{e as a};
|