@formkit/pro 0.109.0-eb2057e

package/LICENSE.md

@@ -0,0 +1,52 @@
+# License
+
+This license is a legal agreement between you and FormKit, Inc. (the "Company") for the use of the FormKit Pro Software (the “Software”). By downloading the Software you agree to be bound by the terms of this license and the Terms of Service found at https://formkit.com/terms. The Company reserves the right to alter this agreement at any time, for any reason, without notice.
+
+## 1. Permitted use
+
+This license grants you the right to copy and distribute the Software, provided the Software is without modification and this license is included in all copies.
+
+This license grants you the right to use the Software on unlimited development projects when a valid Project Key is installed. This license grants you the right to use the Software on unlimited production sites when a valid Project Key is installed and your corresponding project and Company account is in good standing with no outstanding invoices.
+
+## 2. Restrictions
+
+Except as otherwise expressly authorized in these Terms, you will not,
+and will ensure your employees, contractors, and other persons
+associated with your account (“Authorized Users”) do not, and will not
+encourage or assist third parties to:
+
+1. Reverse engineer, decompile, disassemble, or otherwise attempt to discover the source code, object code, underlying structure, ideas, know-how, or algorithms of our Paid Services.
+2. Provide, sell, resell, transfer, sublicense, lend, rent, or otherwise allow others to access or use our Paid Services.
+3. Modify, create derivative works of, or remove proprietary notices from the Services.
+4. Use the Software in violation of any United States or international law or regulation.
+5. Use the Software without agreeing to the Terms of Service provided at https://formkit.com/terms.
+
+## 3. Intellectual Property
+
+You understand and agree that FormKit, its Services, features, and functionality, including, but not limited to, all software, websites, code, text, displays, graphics, photographs, video, audio, design, are owned by us, our licensors, or other providers of such material and are protected in all forms by intellectual property laws including without limitation, copyright, trademark, patent, trade secret, and any other proprietary rights. Our name, logo, trademarks, and all related names, logos, Service names, designs, images, and slogans are our trademarks, affiliates, or licensors. You must not use such marks without our prior written permission.
+
+FormKit respects the intellectual property of others and asks that you do the same.
+
+## 4. Indemnification
+
+You agree to indemnify and hold harmless FormKit and its officers, directors, employees, and agents from any third-party claims, actions, or suits, as well as any related expenses, liabilities, damages, settlements, or fees arising from your use or misuse of the Services, or a violation of any of the Terms.
+
+## 5. Disclaimer of Warranty
+
+THIS SOFTWARE IS PROVIDED “AS IS”, “AS AVAILABLE” AND WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE, AND ANY WARRANTIES IMPLIED BY ANY COURSE OF PERFORMANCE OR USAGE OF TRADE, ALL OF WHICH ARE EXPRESSLY DISCLAIMED. WE AND OUR DIRECTORS, EMPLOYEES, AGENTS, SUPPLIERS, PARTNERS, AND CONTENT PROVIDERS DO NOT WARRANT THAT:
+
+  1. THE SOFTWARE WILL BE SECURE OR AVAILABLE AT ANY PARTICULAR TIME OR LOCATION;
+  2. ANY DEFECTS OR ERRORS WILL BE CORRECTED;
+  3. ANY CONTENT OR SOFTWARE AVAILABLE AT OR THROUGH THE SOFTWARE IS FREE OF VIRUSES OR OTHER HARMFUL COMPONENTS;
+  4. THE SOFTWARE WILL ALWAYS BE AVAILABLE;
+  5. THE RESULTS OF USING THE SOFTWARE WILL MEET YOUR REQUIREMENTS.
+
+YOUR USE OF THE SOFTWARE IS AT YOUR OWN RISK ONLY.
+
+## 6. Limitation of Liability
+
+EXCEPT WHERE SUCH EXCLUSIONS ARE PROHIBITED BY LAW, UNDER NO CIRCUMSTANCE WILL FORMKIT NOR ITS PARENT, SUBSIDIARIES, AFFILIATES OR THEIR RESPECTIVE DIRECTORS, OFFICERS, EMPLOYEES, AGENTS, SERVICE PROVIDERS, CONTRACTORS, LICENSORS, LICENSEES, SUPPLIERS, OR SUCCESSORS BE LIABLE FOR NEGLIGENCE, GROSS NEGLIGENCE, NEGLIGENT MISREPRESENTATION, FUNDAMENTAL BREACH, DAMAGES OF ANY KIND, UNDER ANY LEGAL THEORY, INCLUDING ANY DIRECT, INDIRECT, SPECIAL, INCIDENTAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, INCLUDING, BUT NOT LIMITED TO, PERSONAL INJURY, PAIN AND SUFFERING, EMOTIONAL DISTRESS, LOSS OF REVENUE, LOSS OF PROFITS, LOSS OF BUSINESS OR ANTICIPATED SAVINGS, LOSS OF USE, LOSS OF GOODWILL, LOSS OF DATA, AND WHETHER CAUSED BY TORT (INCLUDING NEGLIGENCE), BREACH OF CONTRACT, BREACH OF PRIVACY, OR OTHERWISE, EVEN IF THE PARTY WAS ALLEGEDLY ADVISED OR HAD REASON TO KNOW, ARISING OUT OF OR IN CONNECTION WITH YOUR USE, OR INABILITY TO USE, OR RELIANCE ON, THE SERVICES, ANY SERVICES OR ITEMS FOUND OR ATTAINED THROUGH THE SERVICES, ANY INFORMATION YOU INTENTIONALLY OR INADVERTENTLY PROVIDE US, ANY LINKED WEBSITES OR SUCH OTHER THIRD-PARTY WEBSITES, NOR ANY WEBSITE CONTENT, MATERIALS, POSTING, OR INFORMATION THEREON EVEN IF THE PARTY WAS ALLEGEDLY ADVISED OR HAD REASON TO KNOW.
+
+IN NO EVENT WILL FORMKIT’S TOTAL LIABILITY ARISING OUT OF OR IN CONNECTION WITH THESE TERMS OR FROM THE USE OF OR INABILITY TO USE THE SERVICES EXCEED THE AMOUNTS YOU HAVE PAID TO FORMKIT IN THE PRECEDING TWELVE MONTHS FOR THE SERVICES. IF YOU HAVE NOT HAD ANY SUCH PAYMENT OBLIGATIONS, FORMKIT’S TOTAL LIABILITY WILL NOT EXCEED ONE HUNDRED UNITED STATES DOLLARS ($100).
+
+

package/README.md

@@ -0,0 +1,49 @@
+# FormKit Pro
+
+FormKit Pro is a first party library of professional grade "synthetic" inputs for the FormKit form building framework. This growing list of inputs currently includes:
+
+- Toggle
+- Rating
+- Repeater
+- Dropdown
+- Autocomplete
+- Taglist
+- Mask
+- Transfer List
+
+## Usage
+
+To use FormKit Pro follow these steps:
+
+1. Register for a free account at: https://formkit.com/pro
+2. Create a new project and copy the project key.
+3. Follow installation instructions for the pro package.
+
+### Installation
+
+FormKit Pro is a FormKit plugin that is installed just like any other plugin. To configure FormKit Pro, import the `createProPlugin` from the `@formkit/pro` library. This function takes 2 arguments, your project key, and any pro inputs you want to use.
+
+```js
+// main.js
+import { createApp } from 'vue'
+import { plugin, defaultConfig } from '@formkit/vue'
+import { createProPlugin, autocomplete } from '@formkit/pro'
+import App from 'App.vue'
+
+const pro = createProPlugin('{your-project-key}', {
+  autocomplete
+})
+
+const app = createApp(App)
+
+app.use(plugin, defaultConfig({
+  plugins: [pro]
+}))
+```
+
+## License
+
+Although using FormKit Pro in production requires a paid license, you may use these these inputs for free during your entire development process. You will not be charged until after your project goes into production. For pricing details, please visit [formkit.com/pro](https://formkit.com/pro).
+
+By using this software, you agree to the abide by the [included license](./LICENSE).
+

package/autocomplete/autocomplete.ts

@@ -0,0 +1,119 @@
+import { default as dropdownFeature } from '../features/dropdown'
+import { default as autocompleteFeature } from '../features/autocompletes'
+import { default as taglistFeature } from '../features/taglist'
+import {
+  dropdownKeyHandler,
+  dropdownDisplayHandler,
+  getSelections,
+  setSelectedOption,
+} from '../features/dropdownFeatures'
+import { options, defaultIcon, localize } from '@formkit/inputs'
+import { FormKitProInput } from '@formkit/pro'
+import {
+  outer,
+  wrapper,
+  inner,
+  label,
+  prefix,
+  selection,
+  option,
+  optionLoading,
+  suffix,
+  help,
+  messages,
+  message,
+  listbox,
+  icon,
+  input,
+  listboxButton,
+  removeSelection,
+  selections,
+} from '../sections/autocompleteSections'
+import { $if } from '../compose'
+
+/**
+ * Input definition for a autocomplete input.
+ * @public
+ */
+export const autocomplete: FormKitProInput = {
+  /**
+   * The actual schema of the input, or a function that returns the schema.
+   */
+  schema: outer(
+    wrapper(
+      label('$label'),
+      inner(
+        icon('prefix'),
+        prefix(),
+        input(),
+        $if(
+          '$multiple !== true && $selectionAppearance === option',
+          selections(
+            selection(
+              option(
+                $if(
+                  '$state.loading',
+                  optionLoading('$ui.isLoading.value'),
+                  '$option.label'
+                )
+              ),
+              removeSelection(icon('close'))
+            )
+          )
+        ),
+        $if('$state.loading', icon('loader')),
+        listboxButton(icon('select')),
+        listbox(),
+        suffix(),
+        icon('suffix')
+      ),
+      $if(
+        '$multiple && $selectionAppearance === option',
+        selections(
+          selection(
+            option(
+              $if(
+                '$state.loading',
+                optionLoading('$ui.isLoading.value'),
+                '$option.label'
+              )
+            ),
+            removeSelection(icon('close'))
+          )
+        )
+      )
+    ),
+    help('$help'),
+    messages(message('$message.value'))
+  ),
+  /**
+   * The type of node, can be a list, group, or input.
+   */
+  type: 'input',
+  /**
+   * In the dropdown family of inputs.
+   */
+  family: 'dropdown',
+  /**
+   * An array of extra props to accept for this input.
+   */
+  props: [],
+  /**
+   * Additional features that make this input work.
+   */
+  features: [
+    options,
+    taglistFeature,
+    dropdownFeature(
+      dropdownKeyHandler,
+      dropdownDisplayHandler(getSelections, setSelectedOption)
+    ),
+    autocompleteFeature(getSelections),
+    defaultIcon('select', 'select'),
+    defaultIcon('close', 'close'),
+    defaultIcon('selected', 'check'),
+    defaultIcon('loader', 'spinner'),
+    localize('isLoading'),
+    localize('loadMore'),
+  ],
+}

package/autocomplete/index.mjs

@@ -0,0 +1 @@
+import{$if as e,createSectionFactory as t,createBaseSections as o}from"../index.mjs";import{icon as i}from"@formkit/inputs";const a=(e,t)=>()=>i(e,t),n=t("ac"),{outer:d,wrapper:l,inner:s,icon:r,label:$,prefix:p,suffix:c,help:u,messages:v,message:x}=o(n),h=n("input",(()=>({$el:"input",bind:"$attrs",attrs:{id:"$id",type:"text",onClick:"$handlers.click",onBlur:"$handlers.blur",onKeydown:"$handlers.keydown",onInput:"$handlers.input",value:"$inputText",placeholder:"$isLoadingOption && $ui.isLoading.value || $placeholder || undefined",tabindex:"0",role:"combobox",autocomplete:"off",autocapitalize:"none",readonly:"$attrs.readonly || $isLoadingOption || $multiple && $max && $value && $value.length >= $max && $hasHighlightedRange !== true || undefined","data-selection-appearance":"$selectionAppearance",disabled:"$disabled || undefined",onTouchmove:"$handlers.touchmove",onTouchstart:"$handlers.touchmove",onTouchend:"$handlers.touchend",onFocus:"$handlers.focus",onFocusout:"$handlers.focusOut","aria-autocomplete":"list","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy","aria-activedescendant":"$expanded && $activeDescendant || undefined"}}))),b=n("listboxButton",(()=>({$el:"button",attrs:{style:"$visibilityStyles",id:'$id + "_listbox_button"',type:"button",onClick:"$handlers.toggleListbox",tabindex:"-1","aria-haspopup":"true","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined'}}))),f=n("selection",(()=>({for:["option","index","$selections"],$el:"div",attrs:{key:"$option.value","data-value":"$option.value",tabindex:"0",onClick:"$handlers.selectTag($option)",onFocus:"$handlers.selectTag($option)"}}))),m=n("selections",(()=>({$el:"div",attrs:{"aria-live":"polite",id:'$id + "_selections"',onKeydown:"$handlers.keydown"}}))),y=n("removeSelection",(()=>({$el:"button",if:"$_value !== undefined",attrs:{id:'$id + "_remove_selection_" + $index',tabindex:"-1",type:"button",onClick:"$disabled !== true && $handlers.removeSelection($option)","aria-controls":"$id"}}))),g=n("optionLoading","span"),_=n("option",(()=>({$el:"div",if:"$_value !== undefined"}))),k=function(t){const o=t("dropdownWrapper",(()=>({$el:"div",attrs:{id:'$id + "_dropdown_wrapper"',"data-is-wrapper":!0,style:"$dropdownWrapperStyles",onScroll:"$handlers.scroll"}}))),i=t("listbox",(()=>({$el:"ul",if:"$expanded || $forceExpanded",attrs:{style:"$listboxStyles",id:'$id + "_listbox"',role:"listbox","aria-activedescendant":"$activeDescendant"}}))),n=t("listitem",(()=>({$el:"li",for:["option","index","$options"],bind:"$option.attrs",attrs:{id:'$id + "_listitem_" + $index',"data-disabled":"$option.attrs.disabled","data-value":"$option.value",key:"$option.value",onClick:"$handlers.selectOption($option)",role:"option","aria-selected":"$fns.isSelected($option)","data-is-active":"$fns.isActive($option)"}}))),d=t("loadMore",(()=>({$el:"li",if:"$state.loading || $state.hasNextPage",attrs:{id:'$id + "_load_more"',key:"loadMore",role:"option",onClick:"$handlers.loadMoreSelected","aria-selected":"false","data-is-active":"$fns.isActive($loadMoreOption)"}}))),l=t("loadMoreInner","span"),s=t("emptyMessage",(()=>({$el:"li",if:"$showEmptyMessage && $state.loading !== true",attrs:{id:'$id + "_empty_message"',key:"$emptyMessage",role:"presentation"}}))),r=t("emptyMessageInner","span"),$=t("option",(()=>({$el:"div",attrs:{"data-checked":"$fns.isSelected($option)"}})));return()=>o(i(s(r("$emptyMessage")),n(e("$fns.isSelected($option)",a("selected")),$("$option.label")),d(l(e("$state.loading",a("loader")),"$state.loading && $ui.isLoading.value || $ui.loadMore.value"))))}(n);export{n as createSection,u as help,r as icon,s as inner,h as input,$ as label,k as listbox,b as listboxButton,x as message,v as messages,_ as option,g as optionLoading,d as outer,p as prefix,y as removeSelection,f as selection,m as selections,c as suffix,l as wrapper};

package/datepicker/datepicker.ts

@@ -0,0 +1,148 @@
+import { FormKitProInput } from '@formkit/pro'
+import {
+  outer,
+  wrapper,
+  inner,
+  label,
+  prefix,
+  suffix,
+  help,
+  messages,
+  message,
+  icon,
+  input,
+  panelWrapper,
+  panel,
+  calendar,
+  months,
+  month,
+  week,
+  day,
+  next,
+  prev,
+  weekDay,
+  prevLabel,
+  nextLabel,
+  openButton,
+  years,
+  year,
+  panelHeader,
+  yearsHeader,
+  monthsHeader,
+  calendarHeader,
+  calendarWeeks,
+  daysHeader,
+  timeHeader,
+  yearButton,
+  monthButton,
+  dayButton,
+  time,
+  timeInput,
+  weekDays,
+  overlay,
+  overlayParts,
+  overlayPlaceholder,
+  overlayLiteral,
+  overlayChar,
+  overlayEnum,
+  overlayInner,
+} from '../sections/datepickerSections'
+import { useCalendar } from '../features/calendar'
+import { defaultIcon, localize } from '@formkit/inputs'
+import maskOverlay from '../features/maskOverlay'
+
+/**
+ * Input definition for a datepicker input.
+ * @public
+ */
+export const datepicker: FormKitProInput = {
+  /**
+   * The actual schema of the input, or a function that returns the schema.
+   */
+  schema: outer(
+    wrapper(
+      label('$label'),
+      inner(
+        icon('prefix'),
+        prefix(),
+        overlay(
+          overlayInner(
+            overlayParts(
+              overlayPlaceholder('$part.value'),
+              overlayLiteral('$part.value'),
+              overlayChar('$part.value'),
+              overlayEnum('$part.value')
+            )
+          )
+        ),
+        input(),
+        panelWrapper(
+          panelHeader(
+            prev(prevLabel('$ui.prev.value'), icon('prev')),
+            yearsHeader('$decade'),
+            monthsHeader(yearButton()),
+            daysHeader(monthButton(), yearButton()),
+            timeHeader(monthButton(), dayButton(), yearButton()),
+            next(nextLabel('$ui.next.value'), icon('next'))
+          ),
+          panel(
+            years(year('$fns.format($year, $yearFormat)')),
+            months(month('$fns.format($month, $monthFormat)')),
+            calendar(
+              calendarHeader(
+                weekDays(weekDay('$fns.format($day, $weekdayFormat)'))
+              ),
+              calendarWeeks(week(day('$fns.format($day, $dateFormat)')))
+            ),
+            time(timeInput())
+          )
+        ),
+        openButton(icon('calendar')),
+        suffix(),
+        icon('suffix')
+      )
+    ),
+    help('$help'),
+    messages(message('$message.value'))
+  ),
+  /**
+   * The type of node, can be a list, group, or input.
+   */
+  type: 'input',
+  /**
+   * In the datepicker family of inputs.
+   */
+  family: 'date',
+  /**
+   * An array of extra props to accept for this input.
+   */
+  props: [
+    'dateFormat',
+    'dayButtonFormat',
+    'format',
+    'monthButtonFormat',
+    'monthFormat',
+    'showMonths',
+    'showPagination',
+    'weekStart',
+    'weekdayFormat',
+    'yearFormat',
+    'years',
+    'pickerOnly',
+    'overlay',
+  ],
+  /**
+   * Additional features that make this input work.
+   */
+  features: [
+    maskOverlay,
+    useCalendar,
+    localize('next'),
+    localize('prev'),
+    localize('changeDate'),
+    localize('chooseDate'),
+    defaultIcon('next', 'right'),
+    defaultIcon('prev', 'left'),
+    defaultIcon('calendar', 'date'),
+  ],
+}

package/datepicker/index.mjs

@@ -0,0 +1 @@
+import{createSectionFactory as e,createBaseSections as a,createMaskOverlaySections as n}from"../index.mjs";const t=e("dp"),{outer:o,wrapper:r,inner:l,icon:d,label:$,prefix:s,suffix:i,help:y,messages:h,message:u}=a(t),m=t("input",(()=>({$el:"input",bind:"$attrs",attrs:{id:"$id",onKeydown:"$handlers.inputKeydown",value:"$inputText",onInput:"$handlers.dateInput",onClick:"$pickerOnly && $handlers.open",onBlur:"$handlers._blur",onFocus:"$handlers.focus",readonly:"$pickerOnly"}}))),p=t("panelWrapper",(()=>({$el:"div",if:"$expanded",attrs:{id:"$id + _panels",role:"dialog","aria-modal":"true","aria-label":"Choose date"}}))),f=t("next",(()=>({$el:"button",if:"$showPagination",attrs:{id:"$id + _next_button",type:"button",onClick:"$handlers.next"}}))),b=t("nextLabel","span"),c=t("prev",(()=>({$el:"button",if:"$showPagination",attrs:{id:"$id + _prev_button",type:"button",onClick:"$handlers.prev"}}))),v=t("prevLabel","span"),k=t("calendar",(()=>({if:'$panel === "day"',$el:"table",for:["month","$calendar"],attrs:{key:'$fns.format($month.monthDay, "YYYY-MM")'}}))),x=t("calendarWeeks",(()=>({$el:"tbody"}))),D=t("calendarHeader",(()=>({$el:"thead"}))),w=t("weekDays",(()=>({$el:"tr"}))),_=t("weekDay",(()=>({$el:"th",for:["day","$month.weeks.0"],attrs:{"aria-label":'$fns.format($day, "dddd")'}}))),C=t("week",(()=>({$el:"tr",for:["week","$month.weeks"]}))),M=t("day",(()=>({$el:"td",for:["day","$week"],attrs:{key:'$: "day" + $fns.format($day, "D")',onClick:"$handlers.setDate($day)",onKeydown:"$handlers.keyDown",onMouseenter:"$handlers.mouseEnter($day)",onMouseleave:"$handlers.mouseLeave",tabindex:'$fns.sameDay($day) && "0" || "-1"',"data-is-extra":"$fns.notInMonth($month.monthDay, $day)","data-disabled":"$fns.isDisabled($day)","aria-selected":"$fns.isSelected($day)","aria-label":'$fns.format($day, "long")'}}))),Y=t("openButton",(()=>({$el:"button",attrs:{style:"$visibilityStyles",id:'$id + "_listbox_button"',type:"button",onClick:"$handlers.open",tabIndex:'$pickerOnly && "-1" || "0"',"aria-label":'$value && ($ui.changeDate.value + ", " + $inputText) || $ui.chooseDate.value',"aria-haspopup":"true","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined'}}))),g=t("years",(()=>({if:'$panel === "year"',$el:"ul"}))),B=t("year",(()=>({for:["year","$years"],$el:"li",attrs:{key:'$: "year" + $fns.format($year, "YYYY")',onClick:"$handlers.setDate($year)",onKeydown:"$handlers.keyDown",onMouseenter:"$handlers.mouseEnter($year)",onMouseleave:"$handlers.mouseLeave",tabindex:'$fns.sameYear($year) && "0" || "-1"',"aria-selected":"$fns.isSelected($year)","data-disabled":"$fns.isDisabledYear($year)"}}))),I=t("months",(()=>({if:'$panel === "month"',$el:"ul"}))),T=t("month",(()=>({$el:"li",for:["month","$months"],attrs:{key:'$: "month" + $fns.format($month, "M")',onClick:"$handlers.setDate($month)",onKeydown:"$handlers.keyDown",onMouseenter:"$handlers.mouseEnter($month)",onMouseleave:"$handlers.mouseLeave",tabindex:'$fns.sameMonth($month) && "0" || "-1"',"aria-selected":"$fns.isSelected($month)","data-disabled":"$fns.isDisabledMonth($month)"}}))),H=t("panelHeader",(()=>({$el:"header",attrs:{"aria-live":"polite"}}))),K=t("yearsHeader",(()=>({$el:"div",if:'$panel === "year"'}))),L=t("monthsHeader",(()=>({$el:"div",if:'$panel === "month"'}))),E=t("daysHeader",(()=>({$el:"div",if:'$panel === "day"'}))),F=t("timeHeader",(()=>({$el:"div",if:'$panel === "time"'}))),P=t("yearButton",(()=>({$el:"button",attrs:{id:"$id + _year_button",onClick:"$handlers.jumpTo(year)"},children:"$fns.format($renderedDate, $yearFormat)"}))),S=t("monthButton",(()=>({$el:"button",attrs:{id:"$id + _month_button",onClick:"$handlers.jumpTo(month)"},children:"$fns.format($renderedDate, $monthButtonFormat)"}))),j=t("dayButton",(()=>({$el:"button",attrs:{id:"$id + _day_button",onClick:"$handlers.jumpTo(day)",tabindex:"2"},children:"$fns.format($renderedDate, $dayButtonFormat)"}))),O=t("time",(()=>({$el:"div",if:'$panel === "time"'}))),W=t("timeInput",(()=>({$el:"input",attrs:{type:"time",value:"$localTime",onInput:"$handlers.localTime",onKeydown:"$handlers.keyDown",spellcheck:"false"}}))),{overlayPlaceholder:q,overlayLiteral:z,overlayChar:A,overlayEnum:G,overlay:J,overlayParts:N,overlayInner:Q}=n(t),R=t("panel","div");export{k as calendar,D as calendarHeader,x as calendarWeeks,t as createSection,M as day,j as dayButton,E as daysHeader,y as help,d as icon,l as inner,m as input,$ as label,u as message,h as messages,T as month,S as monthButton,I as months,L as monthsHeader,f as next,b as nextLabel,Y as openButton,o as outer,J as overlay,A as overlayChar,G as overlayEnum,Q as overlayInner,z as overlayLiteral,N as overlayParts,q as overlayPlaceholder,R as panel,H as panelHeader,p as panelWrapper,s as prefix,c as prev,v as prevLabel,i as suffix,O as time,F as timeHeader,W as timeInput,C as week,_ as weekDay,w as weekDays,r as wrapper,B as year,P as yearButton,g as years,K as yearsHeader};

package/dropdown/dropdown.ts

@@ -0,0 +1,104 @@
+import { default as dropdownFeature } from '../features/dropdown'
+import {
+  dropdownOpener,
+  singleSelector,
+  dropdownKeyHandler,
+  dropdownDisplayHandler,
+  dropdownSearch,
+  getSelections,
+  setSelectedOption,
+} from '../features/dropdownFeatures'
+import { options, defaultIcon, localize } from '@formkit/inputs'
+import { FormKitProInput } from '@formkit/pro'
+import {
+  outer,
+  wrapper,
+  inner,
+  label,
+  prefix,
+  selector,
+  selection,
+  option,
+  optionLoading,
+  suffix,
+  help,
+  messages,
+  message,
+  listbox,
+  placeholder,
+  icon,
+} from '../sections/dropdownSections'
+import { $if } from '../compose'
+import overscroll from '../features/overscroll'
+
+/**
+ * Input definition for a dropdown input.
+ * @public
+ */
+export const dropdown: FormKitProInput = {
+  /**
+   * The actual schema of the input, or a function that returns the schema.
+   */
+  schema: outer(
+    wrapper(
+      label('$label'),
+      inner(
+        icon('prefix'),
+        prefix(),
+        selector(
+          $if(
+            '$option.isPlaceholder && $state.loading !== true',
+            placeholder('$option.label'),
+            selection(
+              option(
+                $if(
+                  '$state.loading',
+                  optionLoading('$ui.isLoading.value'),
+                  '$option.label'
+                )
+              )
+            )
+          ),
+          $if('$state.loading', icon('loader')),
+          icon('select')
+        ),
+        listbox(),
+        suffix(),
+        icon('suffix')
+      )
+    ),
+    help('$help'),
+    messages(message('$message.value'))
+  ),
+  /**
+   * The type of node, can be a list, group, or input.
+   */
+  type: 'input',
+  /**
+   * In the dropdown family of inputs.
+   */
+  family: 'dropdown',
+  /**
+   * An array of extra props to accept for this input.
+   */
+  props: [],
+  /**
+   * Additional features that make this input work.
+   */
+  features: [
+    options,
+    dropdownFeature(
+      singleSelector,
+      dropdownOpener,
+      dropdownKeyHandler,
+      dropdownDisplayHandler(getSelections, setSelectedOption),
+      dropdownSearch
+    ),
+    overscroll,
+    defaultIcon('select', 'select'),
+    defaultIcon('selected', 'check'),
+    defaultIcon('loader', 'spinner'),
+    localize('isLoading'),
+    localize('loadMore'),
+  ],
+}

package/dropdown/index.mjs

@@ -0,0 +1 @@
+import{$if as e,createSectionFactory as t,createBaseSections as a}from"../index.mjs";import{icon as o}from"@formkit/inputs";const i=(e,t)=>()=>o(e,t),d=t("dd"),{outer:s,wrapper:l,inner:n,icon:r,label:p,prefix:$,suffix:c,help:u,messages:f,message:y}=a(d),b=d("selector",(()=>({$el:"button",bind:"$attrs",attrs:{id:"$id",type:"button",onClick:"$handlers.click",onBlur:"$handlers.blur",onKeydown:"$handlers.keydown",tabindex:"0","aria-has-popup":"listbox","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy"}}))),m=d("selection","div"),x=d("placeholder",(()=>({$el:"div",attrs:{key:"placeholder","data-is-placeholder":"true"}}))),h=d("optionLoading","span"),v=d("option",(()=>({$el:"div",attrs:{"data-is-placeholder":"$option.isPlaceholder || undefined"}}))),g=function(t){const a=t("dropdownWrapper",(()=>({$el:"div",attrs:{id:'$id + "_dropdown_wrapper"',"data-is-wrapper":!0,style:"$dropdownWrapperStyles",onScroll:"$handlers.scroll"}}))),o=t("listbox",(()=>({$el:"ul",if:"$expanded || $forceExpanded",attrs:{style:"$listboxStyles",id:'$id + "_listbox"',role:"listbox","aria-activedescendant":"$activeDescendant"}}))),d=t("listitem",(()=>({$el:"li",for:["option","index","$options"],bind:"$option.attrs",attrs:{id:'$id + "_listitem_" + $index',"data-disabled":"$option.attrs.disabled","data-value":"$option.value",key:"$option.value",onClick:"$handlers.selectOption($option)",role:"option","aria-selected":"$fns.isSelected($option)","data-is-active":"$fns.isActive($option)"}}))),s=t("loadMore",(()=>({$el:"li",if:"$state.loading || $state.hasNextPage",attrs:{id:'$id + "_load_more"',key:"loadMore",role:"option",onClick:"$handlers.loadMoreSelected","aria-selected":"false","data-is-active":"$fns.isActive($loadMoreOption)"}}))),l=t("loadMoreInner","span"),n=t("emptyMessage",(()=>({$el:"li",if:"$showEmptyMessage && $state.loading !== true",attrs:{id:'$id + "_empty_message"',key:"$emptyMessage",role:"presentation"}}))),r=t("emptyMessageInner","span"),p=t("option",(()=>({$el:"div",attrs:{"data-checked":"$fns.isSelected($option)"}})));return()=>a(o(n(r("$emptyMessage")),d(e("$fns.isSelected($option)",i("selected")),p("$option.label")),s(l(e("$state.loading",i("loader")),"$state.loading && $ui.isLoading.value || $ui.loadMore.value"))))}(d);export{d as createSection,u as help,r as icon,n as inner,p as label,g as listbox,y as message,f as messages,v as option,h as optionLoading,s as outer,x as placeholder,$ as prefix,m as selection,b as selector,c as suffix,l as wrapper};

package/genesis.css

@@ -0,0 +1 @@
+:root{--fk-nested-border-color:#e2e2e2;--fk-controls-bg:#fcfcfc;--fk-controls-active-bg:#fff;--fk-controls-color:#555555;--fk-selection-bg:#f4f4f4;--fk-active-selection-color:#fff;--fk-color-placeholder-light:#a4a4a4;--fk-dropdown-bg:#fff;--fk-dropdown-margin:.5em;--fk-dropdown-active-bg:rgba(0,0,0,.15);--fk-dropdown-shadow:0 0 1.25em rgba(0,0,0,.25);--fk-dropdown-load-more-bg:rgba(0,0,0,.07);--fk-repeater-border-color:var(--fk-nested-border-color);--fk-repeater-controls-bg:#f6f6f6;--fk-repeater-controls-color:var(--fk-controls-color);--fk-toggle-width:48px;--fk-toggle-track-color:rgba(0,0,0,.1);--fk-toggle-thumb-color:var(--fk-color-button);--fk-toggle-thumb-shadow:0 0 .25em var(--fk-toggle-track-color);--fk-toggle-margin-ratio:0.0833333;--fk-rating-on-color:#ffd700;--fk-rating-off-color:var(--fk-color-border);--fk-day-bg:#ececec;--fk-day-bg-hover:white;--fk-day-color-hover:white;--fk-day-bg-selected:var(--fk-color-primary);--fk-transfer-list-item-bg:#fff;--fk-transfer-list-header-bg:#f6f6f6;--fk-transfer-list-bg:#fdfdfd;--fk-transfer-list-shadow:rgba(0,0,0,0.1) 0px 4px 8px -2px,rgba(0,0,0,0.1) 0px 0px 0px 1px}[data-type="toggle"] .formkit-inner{box-shadow:none;display:inline-block;vertical-align:middle}[data-type="toggle"] .formkit-track{display:block;min-width:var(--fk-toggle-width);border-radius:var(--fk-toggle-width);background-color:var(--fk-color-border);transition:all .2s;overflow:hidden}[data-type="toggle"] input{position:absolute;left:-9999px;opacity:0}[data-type="toggle"] input:focus{outline:0}[data-type="toggle"] .formkit-thumb{aspect-ratio:1;background-color:var(--fk-toggle-thumb-color);background-color:white;background-image:var(--fk-bg-decorator);border-radius:calc(var(--fk-toggle-width) / 2);box-shadow:var(--fk-toggle-thumb-shadow);box-sizing:border-box;left:0;margin:calc(var(--fk-toggle-width) / 2 * var(--fk-toggle-margin-ratio));position:relative;transition:all .2s;width:calc(var(--fk-toggle-width) / 2 * (1 - var(--fk-toggle-margin-ratio) * 2));z-index:2;display:flex;align-items:center;justify-content:center}[data-type="toggle"] input:checked~.formkit-track{background-color:var(--fk-color-primary)}[data-type="toggle"] input:checked~.formkit-track .formkit-thumb{left:calc(100% - var(--fk-toggle-width) * var(--fk-toggle-margin-ratio));transform:translateX(-100%)}[data-type="toggle"]:focus-within input:checked~.formkit-track{box-shadow:0 0 .5em var(--fk-color-primary)}[data-type="toggle"]:focus-within .formkit-track{box-shadow:0 0 .5em var(--fk-color-border)}[data-type="toggle"] .formkit-wrapper{align-items:center}[data-type="toggle"] .formkit-label,.formkit-alt-label,.formkit-value-label{font-family:var(--fk-font-family-label);font-size:var(--fk-font-size-label);font-weight:var(--fk-font-weight-label);line-height:var(--fk-line-height-label);padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}[data-type="toggle"] .formkit-label,.formkit-value-label{display:inline-block;margin-left:0.5em}.formkit-alt-label{display:block;padding-bottom:0.5em}.formkit-inner-label{position:absolute;right:.5em;font-size:.5em;top:50%;transform:translateY(-50%);font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}[data-type="toggle"] input:checked~.formkit-track .formkit-inner-label{right:auto;left:.5em}[data-type="toggle"] .formkit-thumb .formkit-icon{width:calc(100% - .25em);align-items:center;justify-content:center}[data-type="toggle"] .formkit-thumb .formkit-icon svg{max-width:none;max-height:none;width:100%;aspect-ratio:1}[data-type="toggle"] .formkit-thumb img{width:calc(100% - .25em);height:auto;display:block}[data-type="rating"] .formkit-inner .formkit-rating-icon{width:100%}[data-type="rating"] .formkit-inner .formkit-off-item-wrapper img,[data-type="rating"] .formkit-inner .formkit-on-item-wrapper img{width:100%}[data-type="rating"] .formkit-inner{width:9em;box-shadow:none}[data-type="rating"] .formkit-inner .formkit-on-item-wrapper svg,[data-type="rating"] .formkit-inner .formkit-off-item-wrapper svg{width:100%;height:auto;max-width:none;max-height:none}[data-type="rating"] .formkit-on-items{color:var(--fk-rating-on-color)}[data-type="rating"] .formkit-off-items{color:var(--fk-rating-off-color)}.formkit-selector{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-color:transparent;border:0;color:black;display:flex;flex-grow:1;font-size:inherit;font-size:var(--fk-font-size-input);justify-content:space-between;line-height:1.1;margin:0;padding:0;text-align:inherit}.formkit-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:black;border:0;padding:0;width:100%;text-align:inherit;background-color:transparent;font-size:inherit;line-height:1.1}.formkit-selector:focus{outline:0}.formkit-listbox:focus{outline:0}.formkit-selection{flex-grow:1}[data-family="dropdown"] .formkit-option:empty::before{content:'\00a0'}[data-family="dropdown"] .formkit-option,.formkit-placeholder{padding:var(--fk-padding-input);font-family:var(--fk-font-family-input);font-size:var(--fk-font-size-input);font-weight:var(--fk-font-weight-input);line-height:var(--fk-line-height-input)}.formkit-listitem .formkit-option{padding-left:0}[data-family="dropdown"] .formkit-placeholder,.formkit-option-loading{color:var(--fk-color-placeholder)}.formkit-outer:not([data-overscroll]) .formkit-dropdown-wrapper{box-shadow:var(--fk-dropdown-shadow);background-color:white;border-radius:var(--fk-border-radius);margin:var(--fk-dropdown-margin) 0;-ms-overflow-style:none;scrollbar-width:none}[data-overscroll] .formkit-dropdown-wrapper{border-radius:var(--fk-border-radius);background-color:transparent;margin:0}.formkit-dropdown-wrapper::-webkit-scrollbar{display:none}.formkit-listbox{background-color:white;border-radius:var(--fk-border-radius);left:0;list-style-type:none;margin:0;opacity:1;outline:0;overflow:hidden;padding:0}.formkit-listbox:empty{display:none}.formkit-listitem{position:relative;padding-left:1.75em}[data-disabled="true"]{opacity:.5}[data-disabled="true"] .formkit-selector{background-color:var(--fk-bg-disabled)}.formkit-listbox .formkit-listitem .formkit-selected-icon{display:block;position:absolute;width:.8em;top:50%;left:.5em;transform:translateY(-50%);color:white}.formkit-selected-icon svg{width:100%}.formkit-listitem[data-is-active]{background-color:var(--fk-dropdown-active-bg)}.formkit-listitem[aria-selected="true"]{background-color:var(--fk-color-primary);color:white}[data-overscroll] .formkit-listbox{overflow:hidden;border-radius:var(--fk-border-radius);background-color:var(--fk-dropdown-bg);box-shadow:var(--fk-dropdown-shadow)}.formkit-outer .formkit-inner .formkit-loader-icon{width:1em}.formkit-outer .formkit-selector .formkit-loader-icon{margin-left:auto}.formkit-outer .formkit-inner .formkit-loader-icon svg{min-width:none;max-width:none;width:15px;height:15px}.formkit-load-more,.formkit-empty-message{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;padding:0;margin:0;cursor:pointer;text-align:center;color:var(--fk-color-primary)}.formkit-empty-message{color:var(--fk-color-placeholder);font-style:italic}.formkit-load-more:first-child,.formkit-outer[data-loading] .formkit-load-more{color:var(--fk-color-placeholder)}.formkit-load-more:hover,.formkit-load-more:focus,.formkit-load-more[data-is-active]{background-color:var(--fk-dropdown-active-bg)}.formkit-load-more-inner,.formkit-empty-message-inner{display:flex;align-items:center;justify-content:center;padding:calc(var(--fk-padding-base) * 3);font-size:.875em}.formkit-load-more-inner .formkit-loader-icon{margin-right:var(--fk-margin-base)}.formkit-listbox-button,.formkit-remove-selection,.formkit-open-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;display:flex;align-self:stretch;padding:0;cursor:pointer;font-size:1em}[data-type="autocomplete"] .formkit-selection{display:flex;background-color:var(--fk-selection-bg);border-radius:var(--fk-border-radius);margin-top:var(--fk-margin-base)}[data-type="autocomplete"][data-disabled="true"] .formkit-inner{background-color:var(--fk-bg-disabled)}[data-type="autocomplete"][data-disabled="true"] .formkit-listbox-button{background-color:var(--fk-bg-disabled);cursor:not-allowed}[data-type="autocomplete"] .formkit-inner .formkit-selection{position:absolute;left:0;top:0;right:0;bottom:0;margin-top:0}[data-type="autocomplete"] .formkit-selection .formkit-option{flex-grow:1;max-width:100%;text-overflow:ellipsis;overflow:hidden}[data-type="autocomplete"] .formkit-selection:empty{display:none}.formkit-selection:focus{background-color:var(--fk-color-primary);color:white}.formkit-selection:focus .formkit-remove-selection{color:white}[data-is-max="true"] .formkit-input:not([data-selection-appearance="text-input"]),[data-is-max="true"] .formkit-listbox-button{cursor:not-allowed}[data-is-max="true"] .formkit-input:focus{outline:none}[data-type="repeater"]>.formkit-fieldset{max-width:none;padding:1.25em}[data-type="repeater"][data-invalid]>.formkit-fieldset{border-color:var(--fk-color-error)}[data-type="repeater"]>.formkit-fieldset>.formkit-outer{margin-bottom:0}[data-type="repeater"]>.formkit-fieldset:focus-within{border:1px solid var(--fk-color-border)}[data-type="repeater"]>.formkit-fieldset>.formkit-inner{box-shadow:none;display:block}.formkit-items{padding:0;margin:0;list-style-type:none}.formkit-item{border:1px solid var(--fk-repeater-border-color);border-radius:var(--fk-border-radius);margin-bottom:var(--fk-margin-base);display:flex}.formkit-content{flex-grow:1;padding:var(--fk-padding-input);display:flex;flex-direction:column;justify-content:center}.formkit-controls{position:relative;list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:var(--fk-padding-input);background-color:var(--fk-repeater-controls-bg);border-radius:0 var(--fk-border-radius-tr) var(--fk-border-radius-br) 0}.formkit-controls>li{flex:0 0 1.25em;width:1.25em;margin:.5em 0;display:flex;align-items:center;justify-content:center}.formkit-controls>li>button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;display:flex;font-size:1em;justify-content:center;padding:0;color:var(--fk-repeater-controls-color)}.formkit-controls>li>button:hover{color:var(--fk-color-primary)}.formkit-controls>li .formkit-icon{display:flex;align-items:center;justify-content:center;width:100%}.formkit-controls>li>button:disabled{color:var(--fk-color-disabled);cursor:default}.formkit-controls>li .formkit-icon svg{max-width:1.5em;max-height:1.5em}.formkit-control-label{position:absolute;left:-999px}[data-type="taglist"] .formkit-inner{background-color:transparent}[data-type="taglist"] .formkit-tags{display:flex;align-items:center;flex-wrap:wrap;width:100%;padding:0.5em}.formkit-tag-wrapper{background-color:inherit}[data-type="taglist"] .formkit-tag{display:flex;align-items:center;color:white;max-width:calc(100% - 0.25em);border-radius:2em;padding:0.4em 0.5em;font-size:0.8em;cursor:default;background-color:var(--fk-repeater-border-color);color:black;margin:0.25em 0}[data-type="taglist"] .formkit-tag-label{padding:0 0.5em;white-space:pre}[data-type="taglist"] .formkit-remove-selection{width:1em;height:1em;align-self:center;color:black}[data-type="taglist"] .formkit-remove-selection .formkit-icon{width:100%;height:100%}[data-type="taglist"][data-disabled="true"] .formkit-inner{background-color:var(--fk-bg-disabled)}[data-type="taglist"] .formkit-input:disabled{background-color:transparent}[data-type="taglist"] .formkit-remove-selection .formkit-icon{display:inline-block}[data-type="taglist"] .formkit-remove-selection .formkit-icon svg{width:100%;height:100%}[data-type="taglist"] .formkit-input{width:0%;flex-grow:1;padding:0.25em}[data-type="taglist"] .formkit-inner{display:flex;align-items:center;justify-content:space-between;width:100%}[data-type="taglist"] .formkit-selection:empty{display:none}#dropZone{opacity:0.999}.dropZone .formkit-tag-label{visibility:hidden}.dropZone .formkit-remove-selection{visibility:hidden}.dropZone .formkit-tag{background-color:var(--fk-color-primary)}.dropZone.formkit-selection{background-color:var(--fk-color-primary)}.dropZone .formkit-option{color:transparent}.formkit-tag-wrapper:focus .formkit-tag{background-color:var(--fk-color-primary);color:white}.formkit-tag-wrapper:focus .formkit-tag .formkit-remove-selection{color:white}.formkit-tag-wrapper:focus{outline:none}[data-type="transferlist"].formkit-outer{container-type:inline-size}[data-type="transferlist"] .formkit-fieldset{padding:0;max-width:700px;border:none}[data-type="transferlist"] .formkit-legend{padding:0;margin-bottom:0.5rem}[data-type="transferlist"] .formkit-fieldset:focus-within{border:none}[data-type="transferlist"] .formkit-wrapper{display:flex;justify-content:space-between;width:100%;max-width:none;max-height:350px}@container (max-width:450px){[data-type="transferlist"] .formkit-wrapper{flex-direction:column;max-height:none}}[data-type="transferlist"] .formkit-transferlist{display:flex;flex-direction:column;width:45%;box-shadow:var(--fk-transfer-list-shadow);max-width:350px;border-radius:var(--fk-border-radius);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}@container (max-width:450px){[data-type="transferlist"] .formkit-transferlist{width:100%;max-width:none;min-height:350px;max-height:350px}[data-type="transferlist"] .formkit-transferlist:first-child{margin-bottom:0.75em}}[data-type="transferlist"] .formkit-transferlist-header{display:flex;background:var(--fk-transfer-list-header-bg);justify-content:space-between;align-items:center;border-bottom:1px solid var(--fk-nested-border-color);padding:0.75em}[data-type="transferlist"] .formkit-transferlist-header-label{font-size:0.9rem;color:var(--fk-color-input)}[data-type="transferlist"] .formkit-transferlist-header-item-count{font-size:0.85rem;color:var(--fk-color-placeholder);margin-left:auto}[data-type="transferlist"] .formkit-transferlist-controls{padding:0.5rem 0.75rem;border-bottom:1px solid var(--fk-nested-border-color)}[data-type="transferlist"] .formkit-transferlist-search{display:none;display:flex;border:1px solid var(--fk-nested-border-color);border-radius:var(--fk-border-radius);align-items:center}[data-type="transferlist"] .formkit-transferlist-search:focus-within{border-color:var(--fk-color-primary);background:var(--fk-transfer-list-item-bg)}[data-type="transferlist"] .formkit-transferlist-search-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;display:flex;align-self:stretch;padding:0;cursor:pointer;font-size:1em}[data-type="transferlist"] .formkit-transferlist-search-input{border:none;padding:0.5em;width:100%;background-color:transparent;outline:none}[data-type="transferlist"] .formkit-transferlist-list-items{list-style:none;padding:0;margin:0;min-height:200px;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--fk-transfer-list-bg);outline:none}[data-type="transferlist"] .formkit-transferlist-list-item{padding:0.66rem 0.5rem 0.66rem 0.75rem;position:relative;display:flex;border-bottom:1px solid var(--fk-nested-border-color);background:var(--fk-transfer-list-item-bg)}[data-type="transferlist"] .formkit-transferlist-list-items[aria-multiselectable="true"] .formkit-transferlist-list-item{padding-left:1.75em}[data-type="transferlist"][data-multi-select="true"] .formkit-transferlist-list-item{padding-left:1.75rem}[data-type="transferlist"] .formkit-transferlist-list-item[data-disabled="true"]{cursor:not-allowed}[data-type="transferlist"] .formkit-transferlist-list-item:first-child{margin-top:-1px;border-top:1px solid var(--fk-nested-border-color)}[data-type="transferlist"] .formkit-transferlist-list-item[data-is-active]{background-color:var(--fk-selection-bg);color:var(--fk-color-primary)}[data-type="transferlist"] .formkit-transferlist-list-item[aria-selected="true"]{background-color:var(--fk-color-primary);color:var(--fk-active-selection-color);border-color:var(--fk-color-primary)}[data-type="transferlist"] .formkit-transferlist-list-item[aria-selected="true"][data-is-active="true"]{color:white;background-color:rgb(2,70,255)}[data-type="transferlist"] #dragging.formkit-transferlist-list-item[aria-selected="true"][data-is-active="true"]{background-color:var(--fk-color-primary);color:var(--fk-active-selection-color);border-color:var(--fk-color-primary)}[data-type="transferlist"] #dragging.formkit-transferlist-list-item[aria-selected="true"][data-is-active="true"] .formkit-selected-icon{color:var(--fk-active-selection-color)}[data-type="transferlist"] .formkit-transferlist-list-item .formkit-selected-icon{display:block;position:absolute;width:.8em;top:50%;left:.5em;transform:translateY(-50%);color:white}[data-type="transferlist"] .formkit-transferlist-option{font-size:0.9rem}[data-type="transferlist"] .formkit-transfer-controls{display:flex;flex-direction:column;justify-content:center;margin:auto 0.5em;border:1px solid var(--fk-nested-border-color);border-radius:var(--fk-border-radius)}@container (max-width:450px){[data-type="transferlist"] .formkit-transfer-controls{margin:0 auto 0.75em auto;flex-direction:row;width:auto}}[data-type="transferlist"] .formkit-transferlist-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0.25rem;margin:0;cursor:pointer;height:2rem;border:none;border-radius:0;font-size:1em;background:var(--fk-controls-bg)}@container (max-width:450px){[data-type="transferlist"] .formkit-transferlist-button .formkit-icon{transform:rotate(90deg)}}[data-type="transferlist"] .formkit-transferlist-button[disabled]{cursor:not-allowed;background:var(--fk-bg-disabled);color:var(--fk-color-placeholder)}[data-type="transferlist"] .formkit-transferlist-button:first-child{border-top-left-radius:var(--fk-border-radius-tl);border-top-right-radius:var(--fk-border-radius-tr)}@container (max-width:450px){[data-type="transferlist"] .formkit-transferlist-button:first-child{border-top-left-radius:var(--fk-border-radius-tl);border-bottom-left-radius:var(--fk-border-radius-bl);border-top-right-radius:0}}[data-type="transferlist"] .formkit-transferlist-button:last-child{border-bottom-right-radius:var(--fk-border-radius-br);border-bottom-left-radius:var(--fk-border-radius-bl)}@container (max-width:450px){[data-type="transferlist"] .formkit-transferlist-button:last-child{border-top-right-radius:var(--fk-border-radius-tr);border-bottom-right-radius:var(--fk-border-radius-br);border-bottom-left-radius:0}}[data-type="transferlist"] .formkit-transferlist-button:hover{z-index:2;outline:1px solid var(--fk-color-border);color:var(--fk-color-primary)}[data-type="transferlist"] .formkit-transferlist-button[disabled]:hover{outline:none;color:var(--fk-color-placeholder)}[data-type="transferlist"] .dnd-dragging{width:100% !important;padding-left:0 !important;display:flex;flex-direction:column;padding:0 !important;border:none !important}[data-type="transferlist"] .dnd-placeholder{background-color:var(--fk-color-primary)}[data-type="transferlist"] .dnd-placeholder div{color:transparent}[data-type="transferlist"] .formkit-source-empty-message,.formkit-target-empty-message{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;padding:0;margin:0;cursor:pointer;text-align:center;color:var(--fk-color-placeholder);font-style:italic}[data-type="transferlist"] .formkit-empty-message-inner{display:flex;align-items:center;justify-content:center;padding:calc(var(--fk-padding-base) * 3);font-size:.875em}[data-type="transferlist"][data-is-max="true"] .formkit-source-list-items{cursor:not-allowed;opacity:0.5}[data-has-overlay] .formkit-inner{position:relative}[data-has-overlay] input{font-kerning:none}.formkit-overlay{font-kerning:none}.formkit-overlay-placeholder{color:var(--fk-color-placeholder)}[data-type="datepicker"] .formkit-open-button:focus-visible{outline:none;box-shadow:inset 2px 0 0 0 var(--fk-color-border-focus);color:#fff;background:var(--fk-color-border-focus)}.formkit-panel-wrapper{position:absolute;top:calc(100% + .5em);box-shadow:var(--fk-dropdown-shadow);border-radius:.5em;padding:1.25em;background-color:white;z-index:10}.formkit-panel-header{display:grid;grid-template-columns:2.5em 1fr 2.5em;align-items:center;justify-content:center;border-bottom:2px solid var(--fk-day-bg);margin-bottom:1em;padding-bottom:1em}.formkit-panel-header>*:not(.formkit-prev):not(.formkit-next){display:flex;align-items:center;justify-content:center;grid-column:2}.formkit-panel{grid-column:2}.formkit-months{display:flex;flex-wrap:wrap;padding:0;margin:0}.formkit-month{width:calc(33% - 1em);margin:.5em 0}.formkit-year,.formkit-day,.formkit-month{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:var(--fk-day-bg);padding:.5em;border-radius:.5em;margin:.5em;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}.formkit-month-button,.formkit-day-button,.formkit-year-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:16px;padding:.5em 1em;background-color:transparent;border:2px solid var(--fk-day-bg);margin:0 .25em;border-radius:.5em}.formkit-month-button:hover,.formkit-day-button:hover,.formkit-year-button:hover{border-color:var(--fk-color-primary)}.formkit-week,.formkit-week-days{display:flex}.formkit-day,.formkit-week-day{width:2.25em;height:2.25em;display:flex;align-items:center;justify-content:center;margin:.25em;border-radius:.5em;background-color:var(--fk-day-bg);cursor:pointer;border:2px solid var(--fk-day-bg)}.formkit-week-day{background-color:transparent;font-weight:500;text-transform:lowercase;height:1em;cursor:default;border:0}.formkit-month-header{font-weight:bold;margin-bottom:.5em;text-align:center}.formkit-day[data-is-extra]{opacity:.2;cursor:default}.formkit-day[data-disabled="true"],.formkit-month[data-disabled="true"],.formkit-year[data-disabled="true"]{cursor:default;pointer-events:none}.formkit-prev,.formkit-next{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background-color:transparent;position:relative;overflow:hidden;width:2.5em;height:2.5em;border-radius:.5em;display:flex;align-items:center;justify-content:center;grid-row:1}.formkit-prev{grid-column:1}.formkit-next{grid-column:3;justify-self:end}.formkit-calendar{margin:0;border-collapse:collapse}.formkit-prev:hover,.formkit-next:hover{background-color:var(--fk-day-bg)}.formkit-prev-label,.formkit-next-label{position:absolute;left:-9999px}[data-type="datepicker"] .formkit-prev .formkit-icon,[data-type="datepicker"] .formkit-next .formkit-icon,[data-type="datepicker"] .formkit-prev .formkit-icon svg,[data-type="datepicker"] .formkit-next .formkit-icon svg{width:1.5em;height:auto;flex:0 1em;max-width:none;max-height:none}.formkit-years{display:flex;flex-wrap:wrap;margin:0;list-style-type:none;max-width:35em;padding:0}.formkit-year{width:calc(20% - 1em)}.formkit-day:focus,.formkit-month:focus,.formkit-year:focus{outline:2px solid var(--fk-color-primary);outline-offset:2px;background-color:var(--fk-day-bg-hover);border-color:var(--fk-day-bg-hover)}.formkit-day[aria-selected="true"],.formkit-month[aria-selected="true"],.formkit-year[aria-selected="true"]{background-color:var(--fk-day-bg-selected);border-color:var(--fk-day-bg-selected);color:white}.formkit-time{margin-left:auto;margin-right:auto;max-width:15em}.formkit-time-input{box-sizing:border-box;width:100%;font-size:18px;border:2px solid var(--fk-day-bg);border-radius:.25em;padding:.5em;margin:2em 0}:root{--fk-icon-spinner:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNy41NiwxMy44OGMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNWMyLjk2LDAsNS4zOC0yLjQxLDUuMzgtNS4zOFMxMC41MywyLjEyLDcuNTYsMi4xMmMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNWMzLjUyLDAsNi4zOCwyLjg2LDYuMzgsNi4zOHMtMi44Niw2LjM4LTYuMzgsNi4zOFoiLz48L3N2Zz4=;--fk-icon-star:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTEuNDEsOC40MWgwbDEuMTQtLjkzLDEuMTQtLjkzYy40OC0uMzksLjM3LS43NC0uMjUtLjc3bC0xLjU4LS4wOS0yLjUtLjE0LS40MS0xLjA1czAsMCwwLDBsLS41My0xLjM4LS41My0xLjM4Yy0uMjItLjU4LS41OS0uNTgtLjgxLDBsLTEuMDcsMi43NXMwLDAsMCwwbC0uNDEsMS4wNS0yLjUsLjE0LTEuNTgsLjA5Yy0uNjIsLjAzLS43MywuMzgtLjI1LC43N2wxLjE0LC45MywxLjE0LC45M2gwbC44NywuNzEtLjU3LDIuMTUtLjQ3LDEuNzljLS4xNiwuNiwuMTQsLjgxLC42NiwuNDhsMi40OC0xLjZoMHMuOTQtLjYxLC45NC0uNjFsLjk0LC42MWgwczEuMjQsLjgsMS4yNCwuOGwxLjI0LC44Yy41MiwuMzMsLjgyLC4xMiwuNjYtLjQ4bC0uNDctMS43OS0uNTctMi4xNSwuODctLjcxWiIvPjwvc3ZnPg==;--fk-icon-trash:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjUsNEgxLjVjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVIMTQuNWMuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0xMS4wMiwzLjgxbC0uNDQtMS40NmMtLjA2LS4yMS0uMjYtLjM2LS40OC0uMzZINS45Yy0uMjIsMC0uNDEsLjE0LS40OCwuMzZsLS40NCwxLjQ2LS45Ni0uMjksLjQ0LTEuNDZjLjE5LS42NCwuNzctMS4wNywxLjQ0LTEuMDdoNC4yYy42NywwLDEuMjQsLjQzLDEuNDQsMS4wN2wuNDQsMS40Ni0uOTYsLjI5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PHBhdGggZD0iTTExLjUzLDE1SDQuNDdjLS44MSwwLTEuNDctLjY0LTEuNS0xLjQ1bC0uMzQtOS44NywxLS4wMywuMzQsOS44N2MwLC4yNywuMjMsLjQ4LC41LC40OGg3LjA3Yy4yNywwLC40OS0uMjEsLjUtLjQ4bC4zNC05Ljg3LDEsLjAzLS4zNCw5Ljg3Yy0uMDMsLjgxLS42OSwxLjQ1LTEuNSwxLjQ1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PHBhdGggZD0iTTYuNSwxMS42MmMtLjI4LDAtLjUtLjIyLS41LS41VjcuMTJjMC0uMjgsLjIyLS41LC41LS41cy41LC4yMiwuNSwuNXY0YzAsLjI4LS4yMiwuNS0uNSwuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik05LjUsMTEuNjJjLS4yOCwwLS41LS4yMi0uNS0uNVY3LjEyYzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjV2NGMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-add:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTgsMTVjLTMuODYsMC03LTMuMTQtNy03UzQuMTQsMSw4LDFzNywzLjE0LDcsNy0zLjE0LDctNyw3Wm0wLTEzYy0zLjMxLDAtNiwyLjY5LTYsNnMyLjY5LDYsNiw2LDYtMi42OSw2LTYtMi42OS02LTYtNloiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik04LDExLjVjLS4yOCwwLS41LS4yMi0uNS0uNVY1YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjV2NmMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNMTEsOC41SDVjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoNmMuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==;--fk-icon-arrowUp:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5IDE2Ij48cGF0aCBkPSJNNC41LDE0Yy0uMjgsMC0uNS0uMjItLjUtLjVWNC41YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjVWMTMuNWMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNOCw3LjVjLS4xMywwLS4yNi0uMDUtLjM1LS4xNWwtMy4xNS0zLjE1TDEuMzUsNy4zNWMtLjIsLjItLjUxLC4yLS43MSwwLS4yLS4yLS4yLS41MSwwLS43MWwzLjUtMy41Yy4yLS4yLC41MS0uMiwuNzEsMGwzLjUsMy41Yy4yLC4yLC4yLC41MSwwLC43MS0uMSwuMS0uMjMsLjE1LS4zNSwuMTVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-arrowDown:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5IDE2Ij48cGF0aCBkPSJNNC41LDEzYy0uMjgsMC0uNS0uMjItLjUtLjVWMy41YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjVWMTIuNWMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNNC41LDE0Yy0uMTMsMC0uMjYtLjA1LS4zNS0uMTVMLjY1LDEwLjM1Yy0uMi0uMi0uMi0uNTEsMC0uNzEsLjItLjIsLjUxLS4yLC43MSwwbDMuMTUsMy4xNSwzLjE1LTMuMTVjLjItLjIsLjUxLS4yLC43MSwwLC4yLC4yLC4yLC41MSwwLC43MWwtMy41LDMuNWMtLjEsLjEtLjIzLC4xNS0uMzUsLjE1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+;--fk-icon-right:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDE2Ij48cGF0aCBkPSJNMS41LDEzYy0uMTMsMC0uMjYtLjA1LS4zNS0uMTUtLjItLjItLjItLjUxLDAtLjcxbDQuMTUtNC4xNUwxLjE1LDMuODVjLS4yLS4yLS4yLS41MSwwLS43MSwuMi0uMiwuNTEtLjIsLjcxLDBMNi4zNSw3LjY1Yy4yLC4yLC4yLC41MSwwLC43MUwxLjg1LDEyLjg1Yy0uMSwuMS0uMjMsLjE1LS4zNSwuMTVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-left:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDE2Ij48cGF0aCBkPSJNNS41LDEzYy0uMTMsMC0uMjYtLjA1LS4zNS0uMTVMLjY1LDguMzVjLS4yLS4yLS4yLS41MSwwLS43MUw1LjE1LDMuMTVjLjItLjIsLjUxLS4yLC43MSwwLC4yLC4yLC4yLC41MSwwLC43MUwxLjcxLDhsNC4xNSw0LjE1Yy4yLC4yLC4yLC41MSwwLC43MS0uMSwuMS0uMjMsLjE1LS4zNSwuMTVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-date:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0LjUsMTZIMS41Yy0uODMsMC0xLjUtLjY3LTEuNS0xLjVWMi41YzAtLjgzLC42Ny0xLjUsMS41LTEuNUgxNC41Yy44MywwLDEuNSwuNjcsMS41LDEuNVYxNC41YzAsLjgzLS42NywxLjUtMS41LDEuNVpNMS41LDJjLS4yOCwwLS41LC4yMi0uNSwuNVYxNC41YzAsLjI4LC4yMiwuNSwuNSwuNUgxNC41Yy4yOCwwLC41LS4yMiwuNS0uNVYyLjVjMC0uMjgtLjIyLS41LS41LS41SDEuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik00LjUsNGMtLjI4LDAtLjUtLjIyLS41LS41Vi41YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjVWMy41YzAsLjI4LS4yMiwuNS0uNSwuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0xMS41LDRjLS4yOCwwLS41LS4yMi0uNS0uNVYuNWMwLS4yOCwuMjItLjUsLjUtLjVzLjUsLjIyLC41LC41VjMuNWMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNMTUuNSw2SC41Yy0uMjgsMC0uNS0uMjItLjUtLjVzLjIyLS41LC41LS41SDE1LjVjLjI4LDAsLjUsLjIyLC41LC41cy0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-fastForward:PHN2ZyBpZD0idGVzdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTYgMTIiPjxwYXRoIGQ9Ik0zLjA5LDExLjAxYy0uMTgsMC0uMzYtLjA1LS41My0uMTQtLjM1LS4xOS0uNTctLjU2LS41Ny0uOTZWMi4wOWMwLS40LC4yMi0uNzcsLjU3LS45NiwuMzUtLjE5LC43OC0uMTgsMS4xMiwuMDNsMy4wMywxLjkyYy4yMywuMTUsLjMsLjQ2LC4xNSwuNjktLjE1LC4yMy0uNDYsLjMtLjY5LC4xNWwtMy4wMy0xLjkycy0uMDctLjAyLS4xLDAtLjA1LC4wNS0uMDUsLjA5djcuODJzLjAyLC4wNywuMDUsLjA5Yy4wMywuMDIsLjA3LC4wMiwuMSwwbDMuMDMtMS45MmMuMjMtLjE1LC41NC0uMDgsLjY5LC4xNSwuMTUsLjIzLC4wOCwuNTQtLjE1LC42OWwtMy4wMywxLjkyYy0uMTgsLjExLS4zOCwuMTctLjU5LC4xN1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik03LjA0LDEwLjk4Yy0uMTgsMC0uMzYtLjA0LS41Mi0uMTMtLjM2LS4xOS0uNTgtLjU2LS41OC0uOTdWMi4xMWMwLS40MSwuMjItLjc4LC41OC0uOTcsLjM2LS4xOSwuNzktLjE3LDEuMTMsLjA1bDUuODcsMy44OWMuMzEsLjIsLjQ5LC41NSwuNDksLjkyLDAsLjM3LS4xOCwuNzEtLjQ5LC45MmwtNS44NywzLjg5Yy0uMTgsLjEyLS4zOSwuMTgtLjYxLC4xOFptMC04Ljk3cy0uMDMsMC0uMDUsLjAxYy0uMDMsLjAyLS4wNSwuMDUtLjA1LC4wOXY3Ljc3cy4wMiwuMDcsLjA1LC4wOWMuMDMsLjAyLC4wNywuMDIsLjEsMGw1Ljg3LTMuODksLjI4LS41OC0uMjgsLjQyTDcuMDksMi4wM3MtLjA0LS4wMi0uMDUtLjAyWiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+;--fk-icon-rewind:PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTIiIGlkPSJ0ZXN0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuOTEsMTEuMDFjLS4yLDAtLjQxLS4wNi0uNTktLjE3bC0zLjAzLTEuOTJjLS4yMy0uMTUtLjMtLjQ2LS4xNS0uNjksLjE1LS4yMywuNDYtLjMsLjY5LS4xNWwzLjAzLDEuOTJzLjA3LC4wMiwuMSwwLC4wNS0uMDUsLjA1LS4wOVYyLjA5cy0uMDItLjA3LS4wNS0uMDljLS4wMy0uMDItLjA3LS4wMi0uMSwwbC0zLjAzLDEuOTJjLS4yMywuMTUtLjU0LC4wOC0uNjktLjE1LS4xNS0uMjMtLjA4LS41NCwuMTUtLjY5bDMuMDMtMS45MmMuMzQtLjIxLC43Ny0uMjMsMS4xMi0uMDMsLjM1LC4xOSwuNTcsLjU2LC41NywuOTZ2Ny44MmMwLC40LS4yMiwuNzctLjU3LC45Ni0uMTcsLjA5LS4zNSwuMTQtLjUzLC4xNFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik04Ljk2LDEwLjk4Yy0uMjEsMC0uNDItLjA2LS42MS0uMThMMi40OSw2LjkyYy0uMzEtLjItLjQ5LS41NS0uNDktLjkyLDAtLjM3LC4xOC0uNzEsLjQ5LS45Mkw4LjM2LDEuMmMuMzQtLjIyLC43Ny0uMjQsMS4xMy0uMDUsLjM2LC4xOSwuNTgsLjU2LC41OCwuOTd2Ny43N2MwLC40MS0uMjIsLjc4LS41OCwuOTctLjE2LC4wOS0uMzQsLjEzLS41MiwuMTNaTTIuNzYsNS41bC4yOCwuNDJzLS4wNCwuMDYtLjA0LC4wOGw1LjkyLDMuOTdzLjA3LC4wMiwuMSwwYy4wMy0uMDIsLjA1LS4wNSwuMDUtLjA5VjIuMTFzLS4wMi0uMDctLjA1LS4wOWMtLjAzLS4wMi0uMDctLjAyLS4xLDBMMy4wNCw1LjkybC0uMjgtLjQyWiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.formkit-loader-icon svg{animation:spin .5s infinite linear}