@formkit/pro 0.122.6 → 0.122.7-5d2a1fd

package/mask/mask.ts

@@ -1,4 +1,4 @@
-import { FormKitProInput } from '@formkit/pro'
+import { FormKitProInput } from '../index'
 import {
   outer,
   wrapper,
@@ -18,9 +18,8 @@ import {
   overlayParts,
   overlayPlaceholder,
   overlayInner,
-} from '../sections/maskSections'
-import useMask from '../features/mask'
-import maskOverlay from '../features/maskOverlay'
+} from '@formkit/pro/mask'
+import { useMask, maskOverlay } from '@formkit/pro'
 
 /**
  * Input definition for a mask input.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formkit/pro",
-  "version": "0.122.6",
+  "version": "0.122.7-5d2a1fd",
   "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,6 +1,5 @@
 import { defaultIcon } from '@formkit/inputs'
-import rate from '../features/rate'
-import { FormKitProInput } from '@formkit/pro'
+import { FormKitProInput } from '../index'
 import {
   outer,
   wrapper,
@@ -18,7 +17,9 @@ import {
   icon,
   prefix,
   suffix,
-} from '../sections/ratingSections'
+} from '@formkit/pro/rating'
+
+import { rate } from '@formkit/pro'
 
 /**
  * Input definition for a rating input.

package/repeater/repeater.ts

@@ -1,4 +1,4 @@
-import { FormKitProInput } from '@formkit/pro'
+import { FormKitProInput } from '../index'
 import {
   outer,
   fieldset,
@@ -28,11 +28,10 @@ import {
   controlLabel,
   dragHandleWrapper,
   dragHandle,
-} from '../sections/repeaterSections'
-import repeats from '../features/repeats'
+} from '@formkit/pro/repeater'
 import { localize, defaultIcon } from '@formkit/inputs'
-import { $if } from '../compose'
 import { disablesChildren } from '@formkit/inputs'
+import { repeats, $if } from '@formkit/pro'
 
 /**
  * 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 { FormKitProInput } from '../index'
 import {
   outer,
   wrapper,
@@ -30,8 +29,8 @@ import {
   linkedValues,
   chart,
   chartBar,
-} from '../sections/sliderSections'
-import { $if } from '../compose'
+} from '@formkit/pro/slider'
+import { sliderFeature, $if } from '@formkit/pro'
 
 /**
  * Input definition for a slider input.

package/taglist/taglist.ts

@@ -1,5 +1,5 @@
 import { options, defaultIcon, localize } from '@formkit/inputs'
-import { FormKitProInput } from '@formkit/pro'
+import { FormKitProInput } from '../index'
 import {
   outer,
   wrapper,
@@ -20,13 +20,15 @@ import {
   removeSelection,
   tag,
   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'
+} from '@formkit/pro/taglist'
+import {
+  dropdownFamily,
+  taglistProps,
+  searchInput,
+  taglistFeatures,
+  usePopover,
+  $if,
+} from '@formkit/pro'
 
 /**
  * Input definition for a taglist input.

package/toggle/toggle.ts

@@ -1,4 +1,4 @@
-import { FormKitProInput } from '@formkit/pro'
+import { FormKitProInput } from '../index'
 import {
   outer,
   wrapper,
@@ -15,8 +15,8 @@ import {
   altLabel,
   innerLabel,
   valueLabel,
-} from '../sections/toggleSections'
-import toggles from '../features/toggles'
+} from '@formkit/pro/toggle'
+import { toggles } from '@formkit/pro'
 
 /**
  * Input definition for a toggle input.

package/togglebuttons/togglebuttons.ts

@@ -1,6 +1,5 @@
-import { FormKitProInput } from '@formkit/pro'
+import { FormKitProInput } from '../index'
 import { options as optionsCore } from '@formkit/inputs'
-import { $if } from '../compose'
 import {
   outer,
   wrapper,
@@ -13,11 +12,12 @@ import {
   help,
   messages,
   message,
-  prefix, 
+  prefix,
   suffix,
   icon,
-} from '../sections/togglebuttonsSections'
-import togglebuttonsFeatures from '../features/togglebuttons'
+} from '@formkit/pro/togglebuttons'
+
+import { togglebuttonsFeatures, $if } from '@formkit/pro'
 
 /**
  * Input definition for a toggle group input.
@@ -39,13 +39,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 +53,7 @@ export const togglebuttons: FormKitProInput = {
       wrapper(
         $if(
           '$label && ($slots.default || $slots.on || $onLabel)',
-          label('$label'),
+          label('$label')
         ),
         singleToggle(
           icon('prefix'),
@@ -61,18 +61,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 +85,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

@@ -1,4 +1,4 @@
-import { FormKitProInput } from '@formkit/pro'
+import { FormKitProInput } from '../index'
 import {
   outer,
   fieldset,
@@ -37,10 +37,9 @@ import {
   sourceEmptyMessage,
   targetEmptyMessage,
   emptyMessageInner,
-} from '../sections/transferListSections'
-import { default as transferListFeature } from '../features/transferlist/index'
+} from '@formkit/pro/transferList'
 import { options, defaultIcon, localize } from '@formkit/inputs'
-import { $if } from '../compose'
+import { transferListFeature, $if } from '@formkit/pro'
 
 /**
  * Input definition for a transferlist input.