@formkit/pro 0.122.6-9cf4a5d → 0.122.7-f73947e

package/mask/index.mjs

@@ -1 +1 @@
-import{createSectionFactory as e,createBaseSections as r,createMaskOverlaySections as a}from"../index.mjs";const l=e("mk"),{outer:o,wrapper:s,inner:d,label:i,prefix:n,suffix:t,help:p,messages:y,message:m,icon:$}=r(l),{overlayPlaceholder:u,overlayLiteral:b,overlayChar:c,overlayEnum:v,overlay:h,overlayParts:f,overlayInner:x}=a(l),g=l("input",(()=>({$el:"input",bind:"$attrs",attrs:{type:"$type",disabled:"$disabled",name:"$node.name",onBlur:"$handlers.blur",value:"$_maskValue",placeholder:"$placeholder",id:"$id","aria-describedby":"$describedBy"}})));export{l as createSection,p as help,$ as icon,d as inner,i as label,g as maskInput,m as message,y as messages,o as outer,h as overlay,c as overlayChar,v as overlayEnum,x as overlayInner,b as overlayLiteral,f as overlayParts,u as overlayPlaceholder,n as prefix,t as suffix,s as wrapper};
+import{createSectionFactory as e,createBaseSections as r,createMaskOverlaySections as a}from"../index.mjs";const l=e("mk"),{outer:o,wrapper:s,inner:i,label:n,prefix:d,suffix:t,help:p,messages:y,message:m,icon:u}=r(l),{overlayPlaceholder:$,overlayLiteral:b,overlayChar:v,overlayEnum:c,overlay:f,overlayParts:h,overlayInner:x}=a(l),g=l("input",(()=>({$el:"input",bind:"$attrs",attrs:{type:"$type",disabled:"$disabled",name:"$node.name",onBlur:"$handlers.blur",value:"$_maskValue",id:"$id","aria-describedby":"$describedBy"}})));export{l as createSection,p as help,u as icon,i as inner,n as label,g as maskInput,m as message,y as messages,o as outer,f as overlay,v as overlayChar,c as overlayEnum,x as overlayInner,b as overlayLiteral,h as overlayParts,$ as overlayPlaceholder,d as prefix,t as suffix,s as wrapper};

package/mask/mask.ts

@@ -19,8 +19,7 @@ import {
   overlayPlaceholder,
   overlayInner,
 } from '../sections/maskSections'
-import useMask from '../features/mask'
-import maskOverlay from '../features/maskOverlay'
+import { useMask, maskOverlay } from '../features/index'
 
 /**
  * Input definition for a mask input.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formkit/pro",
-  "version": "0.122.6-9cf4a5d",
+  "version": "0.122.7-f73947e",
   "description": "FormKit Pro — Form inputs and tools for high quality forms.",
   "main": "index.cjs",
   "module": "index.mjs",
@@ -9,6 +9,54 @@
   "author": "FormKit <info@formkit.com>",
   "license": "SEE LICENSE IN LICENSE.md",
   "exports": {
+    "./autocomplete": {
+      "import": "./autocomplete/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./colorpicker": {
+      "import": "./colorpicker/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./datepicker": {
+      "import": "./datepicker/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./dropdown": {
+      "import": "./dropdown/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./mask": {
+      "import": "./mask/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./rating": {
+      "import": "./rating/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./repeater": {
+      "import": "./repeater/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./slider": {
+      "import": "./slider/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./taglist": {
+      "import": "./taglist/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./toggle": {
+      "import": "./toggle/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./togglebuttons": {
+      "import": "./togglebuttons/index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./transferlist": {
+      "import": "./transferlist/index.mjs",
+      "types": "./index.d.ts"
+    },
     ".": {
       "import": "./index.mjs",
       "require": "./index.cjs",

package/rating/rating.ts

@@ -1,5 +1,4 @@
 import { defaultIcon } from '@formkit/inputs'
-import rate from '../features/rate'
 import { FormKitProInput } from '@formkit/pro'
 import {
   outer,
@@ -20,6 +19,8 @@ import {
   suffix,
 } from '../sections/ratingSections'
 
+import { rate } from '../features/index'
+
 /**
  * Input definition for a rating input.
  * @public

package/repeater/repeater.ts

@@ -29,10 +29,10 @@ import {
   dragHandleWrapper,
   dragHandle,
 } from '../sections/repeaterSections'
-import repeats from '../features/repeats'
 import { localize, defaultIcon } from '@formkit/inputs'
 import { $if } from '../compose'
 import { disablesChildren } from '@formkit/inputs'
+import { repeats } from '../features/index'
 
 /**
  * Input definition for a repeater input.

package/slider/index.mjs

@@ -1 +1 @@
-import{createSectionFactory as a,createBaseSections as e}from"../index.mjs";const l=a("sl"),{outer:t,wrapper:s,inner:$,icon:n,label:i,prefix:r,suffix:d,help:o,messages:u,message:c}=e(l),h=l("chart",(()=>({$el:"div",if:"$chart"}))),p=l("chartBar",(()=>({$el:"div",for:["bar","index","$chart"],attrs:{"data-active":{if:"$isMulti",then:{if:"$_value.0 < $_value.1",then:"$bar.at >= $_value.0 && $bar.at <= $_value.1",else:"$bar.at >= $_value.1 && $bar.at <= $_value.0"},else:"$bar.at <= $_value"},style:{left:'$bar.at / ($max - $min) * 100 + "%"',width:'$: "calc(" + (100 / $chart.length) + "% - 2px)"',height:{if:"$largestBar",then:'$bar.value / $largestBar * 100 + "%"'}}}}))),v=l("sliderInner",(()=>({$el:"div",attrs:{"data-has-mark-labels":"$markLabels && $marks.length > 0"}}))),m=l("track",(()=>({$el:"div",attrs:{id:"$: 'track-' + $id",onClick:"$handlers.clickTrack"}}))),f=l("trackWrapper",(()=>({$el:"div"}))),b=l("trackInner",(()=>({$el:"div"}))),k=l("fill",(()=>({$el:"div",attrs:{style:"$fillStyles"}}))),_=l("linkedValues",(()=>({$el:"div"}))),x=l("maxValue",(()=>({$formkit:"number",bind:"$computedMaxInputAttrs",ignore:!0,value:{if:"$isMulti",then:"$_value.1",else:"$_value"},tabindex:{if:"$disabled",then:-1},onNode:"$handlers.maxNode",onBlur:"$handlers.inputBlur"}))),M=l("minValue",(()=>({$formkit:"number",bind:"$computedMinInputAttrs",ignore:!0,value:{if:"$isMulti",then:"$_value.0",else:"$_value"},tabindex:{if:"$disabled",then:-1},onNode:"$handlers.minNode",onBlur:"$handlers.inputBlur"}))),g=l("marks",(()=>({$el:"div",if:"$marks"}))),y=l("mark",(()=>({$el:"span",for:["step","index","$marks"],attrs:{"data-active":{if:"$isMulti",then:{if:"$_value.0 < $_value.1",then:"$step.at >= $_value.0 && $step.at <= $_value.1",else:"$step.at >= $_value.1 && $step.at <= $_value.0"},else:"$step.at <= $_value"},class:{if:"$step.class",then:'$: $classes.mark + " " + $step.class',else:"$classes.mark"},style:{left:'$: $fns.calculateMarkPosition($step.at) + "%"'}}}))),I=l("markLabel",(()=>({$el:"span",if:"$markLabels",children:{if:"$step.label !== undefined",then:"$step.label",else:""},attrs:{class:'$: $classes.markLabel + " " + $step.labelClass'}}))),w=l("handles",(()=>({$el:"ul"}))),B=l("handleMax",(()=>({$el:"li",attrs:{"data-active":"$dragging","data-is-target":'$lastHandleInteraction === "max"',"data-handle":"max","data-show-tooltip":"$tooltip",class:"$: 'formkit-handle ' + $classes.handle + ' ' + $classes.handleMax",onFocus:"$handlers.focus",onClick:"$handlers.clickHandle",onMousedown:"$handlers.startDrag",onTouchstart:"$handlers.startDrag",style:"$maxHandleStyles",tabindex:{if:"$disabled",then:-1,else:0},onBlur:"$handlers.blur",onKeydown:"$handlers.keydown"}}))),F=l("handleMin",(()=>({$el:"li",if:"$isMulti",attrs:{"data-active":"$dragging","data-is-target":'$lastHandleInteraction === "min"',"data-handle":"min","data-show-tooltip":"$tooltip",class:"$: $classes.handle + ' ' + $classes.handleMin",onFocus:"$handlers.focus",onClick:"$handlers.clickHandle",onMousedown:"$handlers.startDrag",onTouchstart:"$handlers.startDrag",style:"$minHandleStyles",tabindex:{if:"$disabled",then:-1,else:0},onBlur:"$handlers.blur",onKeydown:"$handlers.keydown"}}))),H=l("handleMinInner",(()=>({$el:"div",attrs:{class:'$: $classes.handleInner + " " + $classes.handleMinInner'}}))),C=l("handleMaxInner",(()=>({$el:"div",attrs:{class:'$: $classes.handleInner + " " + $classes.handleMaxInner'}}))),D=l("tooltipMax",(()=>({$el:"div",if:'$tooltip === true || $tooltip === "auto"',children:{if:"$isMulti",then:{if:"$_value.0 < $_value.1",then:'$tooltipFormat($_value.1, "max")',else:'$tooltipFormat($_value.0, "max")'},else:'$tooltipFormat($_value, "max")'},attrs:{class:"$classes.tooltip + ' ' + $classes.tooltipMax"}}))),L=l("tooltipMin",(()=>({$el:"div",if:'$isMulti && ($tooltip === true || $tooltip === "auto")',children:{if:"$_value.0 < $_value.1",then:'$tooltipFormat($_value.0, "min")',else:'$tooltipFormat($_value.1, "min")'},attrs:{class:"$classes.tooltip + ' ' + $classes.tooltipMin"}})));export{h as chart,p as chartBar,l as createSection,k as fill,B as handleMax,C as handleMaxInner,F as handleMin,H as handleMinInner,w as handles,o as help,n as icon,$ as inner,i as label,_ as linkedValues,y as mark,I as markLabel,g as marks,x as maxValue,c as message,u as messages,M as minValue,t as outer,r as prefix,v as sliderInner,d as suffix,D as tooltipMax,L as tooltipMin,m as track,b as trackInner,f as trackWrapper,s as wrapper};
+import{createSectionFactory as a,createBaseSections as e}from"../index.mjs";const l=a("sl"),{outer:t,wrapper:s,inner:$,icon:n,label:i,prefix:r,suffix:d,help:o,messages:u,message:c}=e(l),h=l("chart",(()=>({$el:"div",if:"$chart"}))),p=l("chartBar",(()=>({$el:"div",for:["bar","index","$chart"],attrs:{"data-active":{if:"$isMulti",then:{if:"$_value.0 < $_value.1",then:"$bar.at >= $_value.0 && $bar.at <= $_value.1",else:"$bar.at >= $_value.1 && $bar.at <= $_value.0"},else:"$bar.at <= $_value"},style:{left:'$bar.at / ($max - $min) * 100 + "%"',width:'$: "calc(" + (100 / $chart.length) + "% - 2px)"',height:{if:"$largestBar",then:'$bar.value / $largestBar * 100 + "%"'}}}}))),v=l("sliderInner",(()=>({$el:"div",attrs:{"data-has-mark-labels":"$markLabels && $marks.length > 0"}}))),m=l("track",(()=>({$el:"div",attrs:{id:"$: 'track-' + $id",onClick:"$handlers.clickTrack"}}))),f=l("trackWrapper",(()=>({$el:"div"}))),b=l("trackInner",(()=>({$el:"div"}))),k=l("fill",(()=>({$el:"div",attrs:{style:"$fillStyles"}}))),_=l("linkedValues",(()=>({$el:"div"}))),x=l("maxValue",(()=>({$formkit:"number",bind:"$computedMaxInputAttrs",ignore:!0,value:{if:"$isMulti",then:"$_value.1",else:"$_value"},tabindex:{if:"$disabled",then:-1},onNode:"$handlers.maxNode",onBlur:"$handlers.inputBlur"}))),M=l("minValue",(()=>({$formkit:"number",if:"$isMulti",bind:"$computedMinInputAttrs",ignore:!0,value:{if:"$isMulti",then:"$_value.0",else:"$_value"},tabindex:{if:"$disabled",then:-1},onNode:"$handlers.minNode",onBlur:"$handlers.inputBlur"}))),g=l("marks",(()=>({$el:"div",if:"$marks"}))),y=l("mark",(()=>({$el:"span",for:["step","index","$marks"],attrs:{"data-active":{if:"$isMulti",then:{if:"$_value.0 < $_value.1",then:"$step.at >= $_value.0 && $step.at <= $_value.1",else:"$step.at >= $_value.1 && $step.at <= $_value.0"},else:"$step.at <= $_value"},class:{if:"$step.class",then:'$: $classes.mark + " " + $step.class',else:"$classes.mark"},style:{left:'$: $fns.calculateMarkPosition($step.at) + "%"'}}}))),I=l("markLabel",(()=>({$el:"span",if:"$markLabels",children:{if:"$step.label !== undefined",then:"$step.label",else:""},attrs:{class:'$: $classes.markLabel + " " + $step.labelClass'}}))),w=l("handles",(()=>({$el:"ul"}))),B=l("handleMax",(()=>({$el:"li",attrs:{"data-active":"$dragging","data-is-target":'$lastHandleInteraction === "max"',"data-handle":"max","data-show-tooltip":"$tooltip",class:"$: 'formkit-handle ' + $classes.handle + ' ' + $classes.handleMax",onFocus:"$handlers.focus",onClick:"$handlers.clickHandle",onMousedown:"$handlers.startDrag",onTouchstart:"$handlers.startDrag",style:"$maxHandleStyles",tabindex:{if:"$disabled",then:-1,else:0},onBlur:"$handlers.blur",onKeydown:"$handlers.keydown"}}))),F=l("handleMin",(()=>({$el:"li",if:"$isMulti",attrs:{"data-active":"$dragging","data-is-target":'$lastHandleInteraction === "min"',"data-handle":"min","data-show-tooltip":"$tooltip",class:"$: $classes.handle + ' ' + $classes.handleMin",onFocus:"$handlers.focus",onClick:"$handlers.clickHandle",onMousedown:"$handlers.startDrag",onTouchstart:"$handlers.startDrag",style:"$minHandleStyles",tabindex:{if:"$disabled",then:-1,else:0},onBlur:"$handlers.blur",onKeydown:"$handlers.keydown"}}))),H=l("handleMinInner",(()=>({$el:"div",attrs:{class:'$: $classes.handleInner + " " + $classes.handleMinInner'}}))),C=l("handleMaxInner",(()=>({$el:"div",attrs:{class:'$: $classes.handleInner + " " + $classes.handleMaxInner'}}))),D=l("tooltipMax",(()=>({$el:"div",if:'$tooltip === true || $tooltip === "auto"',children:{if:"$isMulti",then:{if:"$_value.0 < $_value.1",then:'$tooltipFormat($_value.1, "max")',else:'$tooltipFormat($_value.0, "max")'},else:'$tooltipFormat($_value, "max")'},attrs:{class:"$classes.tooltip + ' ' + $classes.tooltipMax"}}))),L=l("tooltipMin",(()=>({$el:"div",if:'$isMulti && ($tooltip === true || $tooltip === "auto")',children:{if:"$_value.0 < $_value.1",then:'$tooltipFormat($_value.0, "min")',else:'$tooltipFormat($_value.1, "min")'},attrs:{class:"$classes.tooltip + ' ' + $classes.tooltipMin"}})));export{h as chart,p as chartBar,l as createSection,k as fill,B as handleMax,C as handleMaxInner,F as handleMin,H as handleMinInner,w as handles,o as help,n as icon,$ as inner,i as label,_ as linkedValues,y as mark,I as markLabel,g as marks,x as maxValue,c as message,u as messages,M as minValue,t as outer,r as prefix,v as sliderInner,d as suffix,D as tooltipMax,L as tooltipMin,m as track,b as trackInner,f as trackWrapper,s as wrapper};

package/slider/slider.ts

@@ -1,5 +1,4 @@
 import { FormKitProInput } from '@formkit/pro'
-import { default as sliderFeature } from '../features/slider'
 import {
   outer,
   wrapper,
@@ -32,6 +31,7 @@ import {
   chartBar,
 } from '../sections/sliderSections'
 import { $if } from '../compose'
+import { sliderFeature } from '../features/index'
 
 /**
  * Input definition for a slider input.

package/taglist/taglist.ts

@@ -22,11 +22,13 @@ import {
   tagLabel,
 } from '../sections/taglistSections'
 import { $if } from '../compose'
-import dropdownFamily from '../features/dropdown-family/index'
-import taglistProps from '../features/dropdown-family/taglist/props'
-import searchInput from '../features/dropdown-family/searchInput'
-import taglistFeatures from '../features/dropdown-family/taglist/index'
-import usePopover from '../features/popover'
+import {
+  dropdownFamily,
+  taglistProps,
+  searchInput,
+  taglistFeatures,
+  usePopover,
+} from '../features/index'
 
 /**
  * Input definition for a taglist input.

package/toggle/toggle.ts

@@ -16,7 +16,7 @@ import {
   innerLabel,
   valueLabel,
 } from '../sections/toggleSections'
-import toggles from '../features/toggles'
+import { toggles } from '../features/index'
 
 /**
  * Input definition for a toggle input.

package/togglebuttons/togglebuttons.ts

@@ -13,11 +13,12 @@ import {
   help,
   messages,
   message,
-  prefix, 
+  prefix,
   suffix,
   icon,
 } from '../sections/togglebuttonsSections'
-import togglebuttonsFeatures from '../features/togglebuttons'
+
+import { togglebuttonsFeatures } from '../features/index'
 
 /**
  * Input definition for a toggle group input.
@@ -39,13 +40,13 @@ export const togglebuttons: FormKitProInput = {
                 '$fns.isChecked($option) === true',
                 buttonInput(
                   '$slots.default || $slots.on || ' +
-                  '$option.onLabel || $option.label'
+                    '$option.onLabel || $option.label'
                 ),
                 buttonInput(
                   '$slots.default || $slots.off || ' +
-                  '$option.offLabel || $option.label'
+                    '$option.offLabel || $option.label'
                 )
-              ),
+              )
             )
           )
         )
@@ -53,7 +54,7 @@ export const togglebuttons: FormKitProInput = {
       wrapper(
         $if(
           '$label && ($slots.default || $slots.on || $onLabel)',
-          label('$label'),
+          label('$label')
         ),
         singleToggle(
           icon('prefix'),
@@ -61,18 +62,16 @@ export const togglebuttons: FormKitProInput = {
           $if(
             '$_isChecked === true',
             buttonInput(
-              '$slots.default || $slots.on || '+
-              '$onLabel || $label'
+              '$slots.default || $slots.on || ' + '$onLabel || $label'
             ),
             buttonInput(
-              '$slots.default || $slots.off || '+
-              '$offLabel || $label'
+              '$slots.default || $slots.off || ' + '$offLabel || $label'
             )
           ),
           suffix(),
-          icon('suffix'),
-        ),
-      ),
+          icon('suffix')
+        )
+      )
     ),
     help('$help'),
     messages(message('$message.value'))
@@ -87,9 +86,7 @@ export const togglebuttons: FormKitProInput = {
   /**
    * An array of extra props to accept for this input.
    */
-  props: [
-    'options'
-  ],
+  props: ['options'],
 
   /**
    * Additional features that make this input work.

package/transferList/transferList.ts

@@ -38,10 +38,11 @@ import {
   targetEmptyMessage,
   emptyMessageInner,
 } from '../sections/transferListSections'
-import { default as transferListFeature } from '../features/transferlist/index'
 import { options, defaultIcon, localize } from '@formkit/inputs'
 import { $if } from '../compose'
 
+import { transferListFeature } from '../features/index'
+
 /**
  * Input definition for a transferlist input.
  * @public

package/unit/index.mjs

@@ -1 +0,0 @@
-import{createSectionFactory as a,createBaseSections as e}from"../index.mjs";const n=a("tb"),{outer:l,inner:d,wrapper:o,label:t,prefix:r,suffix:i,help:u,messages:s,message:$,icon:c}=e(n),p=n("input",(()=>({$el:"input",bind:"$attrs",attrs:{name:"$node.name",type:"tel",autocomplete:"off",id:"$id",onClick:"$handlers.handleClick",onChange:"$handlers.handleInput",onInput:"$handlers.handleInput",onKeydown:"$handlers.handleKeyDown",onBeforeinput:"$handlers.handleBeforeInput",onBlur:"$handlers.handleBlur",onFocus:"$handlers.handleFocus",readonly:"$readonly",disabled:"$disabled",value:"$_displayValue","data-unit":"$unit","data-currency":"$currency","data-display-locale":"$displayLocale","data-value-locale":"$valueLocale","data-decimals":"$decimals","data-trailing":"$trailingZeros","data-numeric-value":"$_numericValue","data-align":"$_valueAlignAuto"}})));export{n as createSection,u as help,c as icon,d as inner,p as input,t as label,$ as message,s as messages,l as outer,r as prefix,i as suffix,o as wrapper};

package/unit/unit.ts

@@ -1,58 +0,0 @@
-import { FormKitProInput } from '@formkit/pro'
-import { options as optionsCore } from '@formkit/inputs'
-import {
-  outer,
-  inner,
-  input,
-  wrapper,
-  label,
-  help,
-  messages,
-  message,
-  prefix, 
-  suffix,
-  icon,
-} from '../sections/unitSections'
-import unitFeatures from '../features/unit'
-
-/**
- * Input definition for a toggle group input.
- * @public
- */
-export const unit: FormKitProInput = {
-  /**
-   * The actual schema of the input, or a function that returns the schema.
-   */
-  schema: outer(
-    wrapper(
-      label('$label'),
-      inner(
-        icon('prefix'),
-        prefix(),
-        input(),
-        suffix(),
-        icon('suffix')
-      )
-    ),
-    help('$help'),
-    messages(message('$message.value'))
-  ),
-  /**
-   * The type of node, can be a list, group, or input.
-   */
-  type: 'input',
-
-  family: 'text',
-
-  /**
-   * An array of extra props to accept for this input.
-   */
-  props: [
-    'options'
-  ],
-
-  /**
-   * Additional features that make this input work.
-   */
-  features: [unitFeatures, optionsCore],
-}