@progress/kendo-react-common 8.3.0-develop.9 → 8.4.0-develop.1

package/unstyled/icons.mjs

@@ -7,47 +7,64 @@
  */
 "use client";
 import { base as e, icon as r, themeColorMap as i, sizeMap as p } from "./json-classes.mjs";
-const c = {
-  prefix: `${e.prefix}-${r.prefix}`,
-  svgPrefix: `${e.prefix}-${r.svg}-${r.prefix}`,
-  flipH: `${e.prefix}-${r.flipH}`,
-  flipV: `${e.prefix}-${r.flipV}`,
-  themeColor: {
-    inherit: `${e.prefix}-${r.color}-${i.inherit}`,
-    primary: `${e.prefix}-${r.color}-${i.primary}`,
-    secondary: `${e.prefix}-${r.color}-${i.secondary}`,
-    tertiary: `${e.prefix}-${r.color}-${i.tertiary}`,
-    info: `${e.prefix}-${r.color}-${i.info}`,
-    success: `${e.prefix}-${r.color}-${i.success}`,
-    warning: `${e.prefix}-${r.color}-${i.warning}`,
-    error: `${e.prefix}-${r.color}-${i.error}`,
-    dark: `${e.prefix}-${r.color}-${i.dark}`,
-    light: `${e.prefix}-${r.color}-${i.light}`,
-    inverse: `${e.prefix}-${r.color}-${i.inverse}`
+const n = {
+  wrapper: {
+    main: `${e.prefix}-${r.prefix}`,
+    svgPrefix: `${e.prefix}-${r.svg}-${r.prefix}`,
+    namePrefix: `${e.prefix}-${r.svg}-${r.i}-`,
+    flipH: `${e.prefix}-${r.flipH}`,
+    flipV: `${e.prefix}-${r.flipV}`,
+    themeColor: {
+      inherit: `${e.prefix}-${r.color}-${i.inherit}`,
+      primary: `${e.prefix}-${r.color}-${i.primary}`,
+      secondary: `${e.prefix}-${r.color}-${i.secondary}`,
+      tertiary: `${e.prefix}-${r.color}-${i.tertiary}`,
+      info: `${e.prefix}-${r.color}-${i.info}`,
+      success: `${e.prefix}-${r.color}-${i.success}`,
+      warning: `${e.prefix}-${r.color}-${i.warning}`,
+      error: `${e.prefix}-${r.color}-${i.error}`,
+      dark: `${e.prefix}-${r.color}-${i.dark}`,
+      light: `${e.prefix}-${r.color}-${i.light}`,
+      inverse: `${e.prefix}-${r.color}-${i.inverse}`
+    },
+    size: {
+      default: "",
+      xsmall: `${e.prefix}-${r.prefix}-${p.xsmall}`,
+      small: `${e.prefix}-${r.prefix}-${p.small}`,
+      medium: `${e.prefix}-${r.prefix}-${p.medium}`,
+      large: `${e.prefix}-${r.prefix}-${p.large}`,
+      xlarge: `${e.prefix}-${r.prefix}-${p.xlarge}`,
+      xxlarge: `${e.prefix}-${r.prefix}-${p.xxlarge}`,
+      xxxlarge: `${e.prefix}-${r.prefix}-${p.xxxlarge}`
+    }
   },
-  size: {
-    xsmall: `${e.prefix}-${r.prefix}-${p.xsmall}`,
-    small: `${e.prefix}-${r.prefix}-${p.small}`,
-    medium: `${e.prefix}-${r.prefix}-${p.medium}`,
-    large: `${e.prefix}-${r.prefix}-${p.large}`,
-    xlarge: `${e.prefix}-${r.prefix}-${p.xlarge}`,
-    xxlarge: `${e.prefix}-${r.prefix}-${p.xxlarge}`,
-    xxxlarge: `${e.prefix}-${r.prefix}-${p.xxxlarge}`
+  svg: {
+    main: "",
+    flipH: "",
+    flipV: ""
   }
-}, t = {
-  wrapper: (l) => {
-    const { iconNameProp: x, themeColor: f, flipH: s, flipV: a, size: o, c: $ = c } = l;
+}, m = {
+  wrapper: (o) => {
+    const { iconNameProp: x, themeColor: l, flipH: s, flipV: f, size: a, c = n } = o, $ = c.wrapper;
     return {
-      [$.prefix]: !0,
+      [$.main]: !0,
       [$.svgPrefix]: !0,
-      [`${e.prefix}-${r.svg}-${r.i}-${x}`]: x,
-      [$.themeColor[f]]: f,
+      [`${$.namePrefix || ""}${x}`]: x,
+      [$.themeColor[l]]: l,
       [$.flipH]: s,
-      [$.flipV]: a,
-      [$.size[o]]: $.size[o]
+      [$.flipV]: f,
+      [$.size[a]]: $.size[a]
+    };
+  },
+  svg: (o) => {
+    const { flipH: x, flipV: l, c: s = n } = o, f = s.svg;
+    return {
+      [f.main]: !0,
+      [f.flipH]: x,
+      [f.flipV]: l
     };
   }
 };
 export {
-  t as uSvgIcon
+  m as uSvgIcon
 };

package/unstyled/inputs.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),t=`${e.base.prefix}-${e.inputs.input}`,v=`${e.base.prefix}-${e.inputs.maskedtextbox}`,$=`${e.base.prefix}-${e.inputs.radio}`,C=`${e.base.prefix}-${e.inputs.textbox}`,f=`${e.base.prefix}-${e.inputs.input}-${e.inputs.prefix}`,b=`${e.base.prefix}-${e.inputs.input}-${e.inputs.suffix}`,c={input:{radio:$,size:{small:`${$}-${e.sizeMap.small}`,medium:`${$}-${e.sizeMap.medium}`,large:`${$}-${e.sizeMap.large}`},invalid:`${e.base.prefix}-${e.states.invalid}`,checked:`${e.base.prefix}-${e.states.checked}`},wrap:`${$}-${e.containers.wrap}`,label:`${$}-${e.elements.label}`},g={input:s=>{const{size:i,invalid:o,checked:a,c:l=c}=s,r=l.input;return{[r.radio]:!0,[r.size[i]]:r.size[i],[`${$}-${i}`]:i&&!r.size[i],[r.invalid]:o,[r.checked]:a}},label:s=>{const{c:i=c}=s;return{[i.label]:!0}},wrap:s=>{const{c:i=c}=s;return{[i.wrap]:!0}}},x={ul:{main:`${$}-${e.containers.list}`,horizontal:`${e.base.prefix}-${e.containers.list}-${e.states.horizontal}`,vertical:`${e.base.prefix}-${e.containers.list}-${e.states.vertical}`},item:{main:`${$}-${e.containers.list}-${e.containers.item}`,disabled:`${e.base.prefix}-${e.states.disabled}`}},h={ul:s=>{const{horizontal:i,vertical:o,c:a=x}=s,l=a.ul;return{[l.main]:!0,[l.horizontal]:i,[l.vertical]:o}},item:s=>{const{disabled:i,c:o=x}=s,a=o.item;return{[a.main]:!0,[a.disabled]:i}}},m={wrapper:{main:v,input:t,size:{small:`${t}-${e.sizeMap.small}`,medium:`${t}-${e.sizeMap.medium}`,large:`${t}-${e.sizeMap.large}`},fillMode:{solid:`${t}-${e.fillModeMap.solid}`,outline:`${t}-${e.fillModeMap.outline}`,flat:`${t}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,invalid:`${e.base.prefix}-${e.states.invalid}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},input:`${t}-${e.inputs.inner}`},w={wrapper:s=>{const{invalid:i,disabled:o,size:a,fillMode:l,rounded:r,c:u=m}=s,n=u.wrapper;return{[n.main]:!0,[n.input]:!0,[n.size[a]]:n.size[a],[`${t}-${a}`]:!n.size[a],[n.fillMode[l]]:n.fillMode[l],[n.rounded[r]]:n.rounded[r],[`${e.base.prefix}-${e.base.rounded}-${r}`]:r&&!n.rounded[r],[n.disabled]:o,[n.invalid]:i}},input:s=>{const{c:i=m}=s;return{[i.input]:!0}}},p={wrapper:{main:C,input:t,size:{small:`${t}-${e.sizeMap.small}`,medium:`${t}-${e.sizeMap.medium}`,large:`${t}-${e.sizeMap.large}`},fillMode:{solid:`${t}-${e.fillModeMap.solid}`,outline:`${t}-${e.fillModeMap.outline}`,flat:`${t}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,focused:`${e.base.prefix}-${e.states.focus}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},input:`${t}-${e.inputs.inner}`,prefix:{main:f,orientation:{horizontal:`${f}-${e.orientationMap.horizontal}`,vertical:`${f}-${e.orientationMap.vertical}`}},suffix:{main:b,orientation:{horizontal:`${b}-${e.orientationMap.horizontal}`,vertical:`${b}-${e.orientationMap.vertical}`}}},B={wrapper:s=>{const{disabled:i,invalid:o,focused:a,required:l,size:r,fillMode:u,rounded:n,isRtl:M,c:z=p}=s,d=z.wrapper;return{[d.main]:!0,[d.input]:!0,[d.size[r]]:d.size[r],[`${t}-${r}`]:r&&!d.size[r],[d.fillMode[u]]:d.fillMode[u],[d.rounded[n]]:d.rounded[n],[`${e.base.prefix}-${e.base.rounded}-${n}`]:n&&!d.rounded[n],[d.disabled]:i,[d.focused]:a,[d.required]:l,[d.invalid]:o,[d.isRtl]:M}},input:s=>{const{c:i=p}=s;return{[i.input]:!0}},prefix:s=>{const{orientation:i,c:o=p}=s,a=o.prefix;return{[a.main]:!0,[a.orientation[i]]:a.orientation[i]}},suffix:s=>{const{orientation:i,c:o=p}=s,a=o.suffix;return{[a.main]:!0,[a.orientation[i]]:a.orientation[i]}}},R={input:{main:`${t} ${t}-${e.sizeMap.medium} ${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium} ${t}-${e.fillModeMap.solid}`,disabled:`${e.base.prefix}-${e.states.disabled}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`,isRtl:`${e.base.prefix}-${e.base.rtl}`}},k={input:s=>{const{disabled:i,invalid:o,required:a,isRtl:l,c:r=R}=s,u=r.input;return{[u.main]:!0,[u.disabled]:i,[u.required]:a,[u.invalid]:o,[u.isRtl]:l}}};exports.radioButtonClasses=c;exports.radioGroupClasses=x;exports.uInput=k;exports.uMaskedTextBox=w;exports.uRadioButton=g;exports.uRadioGroup=h;exports.uTextBox=B;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("./interfaces/common.js"),e=require("./json-classes.js"),o=`${e.base.prefix}-${e.inputs.input}`,C=`${e.base.prefix}-${e.inputs.maskedtextbox}`,u=`${e.base.prefix}-${e.inputs.radio}`,g=`${e.base.prefix}-${e.inputs.textbox}`,f=`${e.base.prefix}-${e.inputs.input}-${e.inputs.prefix}`,x=`${e.base.prefix}-${e.inputs.input}-${e.inputs.suffix}`,b={input:{radio:u,size:{prefix:`${u}-`,small:`${u}-${e.sizeMap.small}`,medium:`${u}-${e.sizeMap.medium}`,large:`${u}-${e.sizeMap.large}`},invalid:`${e.base.prefix}-${e.states.invalid}`,checked:`${e.base.prefix}-${e.states.checked}`},wrap:`${u}-${e.containers.wrap}`,label:`${u}-${e.elements.label}`},h={input:n=>{var l;const{size:t,invalid:r,checked:a,c:d=b}=n,s=d.input;return{[s==null?void 0:s.radio]:!0,[s==null?void 0:s.size[t]]:s==null?void 0:s.size[t],[`${(l=s==null?void 0:s.size)==null?void 0:l.prefix}${t}`]:t&&!(s!=null&&s.size[t]),[s==null?void 0:s.invalid]:r,[s==null?void 0:s.checked]:a}},label:n=>{const{c:t=b}=n;return{[t==null?void 0:t.label]:!0}},wrap:n=>{const{c:t=b}=n;return{[t==null?void 0:t.wrap]:!0}}},m={ul:{main:`${u}-${e.containers.list}`,horizontal:`${e.base.prefix}-${e.containers.list}-${e.states.horizontal}`,vertical:`${e.base.prefix}-${e.containers.list}-${e.states.vertical}`},item:{main:`${u}-${e.containers.list}-${e.containers.item}`,disabled:`${e.base.prefix}-${e.states.disabled}`}},R={ul:n=>{const{horizontal:t,vertical:r,c:a=m}=n,d=a.ul;return{[d==null?void 0:d.main]:!0,[d==null?void 0:d.horizontal]:t,[d==null?void 0:d.vertical]:r}},item:n=>{const{disabled:t,c:r=m}=n,a=r.item;return{[a==null?void 0:a.main]:!0,[a==null?void 0:a.disabled]:t}}},p={wrapper:{main:C,input:o,size:{small:`${o}-${e.sizeMap.small}`,medium:`${o}-${e.sizeMap.medium}`,large:`${o}-${e.sizeMap.large}`},fillMode:{solid:`${o}-${e.fillModeMap.solid}`,outline:`${o}-${e.fillModeMap.outline}`,flat:`${o}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,invalid:`${e.base.prefix}-${e.states.invalid}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},input:`${o}-${e.inputs.inner}`},q={wrapper:n=>{const{invalid:t,disabled:r,size:a,fillMode:d,rounded:s,c:l=p}=n,$=l.wrapper;return{[$.main]:!0,[$.input]:!0,[$.size[a]]:$.size[a],[`${o}-${a}`]:!$.size[a],[$.fillMode[d]]:$.fillMode[d],[$.rounded[s]]:$.rounded[s],[`${e.base.prefix}-${e.base.rounded}-${s}`]:s&&!$.rounded[s],[$.disabled]:r,[$.invalid]:t}},input:n=>{const{c:t=p}=n;return{[t.input]:!0}}},c={wrapper:{main:g,input:o,size:{small:`${o}-${e.sizeMap.small}`,medium:`${o}-${e.sizeMap.medium}`,large:`${o}-${e.sizeMap.large}`},fillMode:{solid:`${o}-${e.fillModeMap.solid}`,outline:`${o}-${e.fillModeMap.outline}`,flat:`${o}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,focused:`${e.base.prefix}-${e.states.focus}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},input:`${o}-${e.inputs.inner}`,prefix:{main:f,orientation:{horizontal:`${f}-${e.orientationMap.horizontal}`,vertical:`${f}-${e.orientationMap.vertical}`}},suffix:{main:x,orientation:{horizontal:`${x}-${e.orientationMap.horizontal}`,vertical:`${x}-${e.orientationMap.vertical}`}}},k={wrapper:n=>{const{disabled:t,invalid:r,focused:a,required:d,size:s,fillMode:l,rounded:$,isRtl:z,c:v=c}=n,i=v.wrapper;return{[i==null?void 0:i.main]:!0,[i==null?void 0:i.input]:!0,[i==null?void 0:i.size[s]]:i==null?void 0:i.size[s],[`${o}-${s}`]:s&&!(i!=null&&i.size[s]),[i==null?void 0:i.fillMode[l]]:i==null?void 0:i.fillMode[l],[i==null?void 0:i.rounded[$]]:i==null?void 0:i.rounded[$],[`${e.base.prefix}-${e.base.rounded}-${$}`]:$&&!(i!=null&&i.rounded[$]),[i==null?void 0:i.disabled]:t,[i==null?void 0:i.focused]:a,[i==null?void 0:i.required]:d,[i==null?void 0:i.invalid]:r,[i==null?void 0:i.isRtl]:z}},input:n=>{const{c:t=c}=n;return{[t.input]:!0}},prefix:n=>{const{orientation:t,c:r=c}=n,a=r.prefix;return{[a.main]:!0,[a.orientation[t]]:a.orientation[t]}},suffix:n=>{const{orientation:t,c:r=c}=n,a=r.suffix;return{[a==null?void 0:a.main]:!0,[a==null?void 0:a.orientation[t]]:a==null?void 0:a.orientation[t]}}},M={input:{main:`${o} ${o}-${e.sizeMap.medium} ${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium} ${o}-${e.fillModeMap.solid}`,disabled:`${e.base.prefix}-${e.states.disabled}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},clearButton:`${e.base.prefix}-${e.base.clear}-${e.base.value}`},T={input:n=>{const{disabled:t,invalid:r,required:a,isRtl:d,c:s=M}=n,l=s.input;return{[l==null?void 0:l.main]:!0,[l==null?void 0:l.disabled]:t,[l==null?void 0:l.required]:a,[l==null?void 0:l.invalid]:r,[l==null?void 0:l.isRtl]:d}},clearButton:B.getClassByName(M,"clearButton")};exports.radioButtonClasses=b;exports.radioGroupClasses=m;exports.uInput=T;exports.uMaskedTextBox=q;exports.uRadioButton=h;exports.uRadioGroup=R;exports.uTextBox=k;

package/unstyled/inputs.mjs

@@ -6,257 +6,223 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { base as i, inputs as c, sizeMap as p, states as $, containers as v, elements as q, fillModeMap as m, roundedMap as x, orientationMap as z } from "./json-classes.mjs";
-const n = `${i.prefix}-${c.input}`, B = `${i.prefix}-${c.maskedtextbox}`, f = `${i.prefix}-${c.radio}`, T = `${i.prefix}-${c.textbox}`, M = `${i.prefix}-${c.input}-${c.prefix}`, h = `${i.prefix}-${c.input}-${c.suffix}`, w = {
+import { getClassByName as T } from "./interfaces/common.mjs";
+import { base as i, inputs as f, sizeMap as c, states as u, containers as z, elements as G, fillModeMap as x, roundedMap as v, orientationMap as b } from "./json-classes.mjs";
+const d = `${i.prefix}-${f.input}`, y = `${i.prefix}-${f.maskedtextbox}`, m = `${i.prefix}-${f.radio}`, N = `${i.prefix}-${f.textbox}`, h = `${i.prefix}-${f.input}-${f.prefix}`, p = `${i.prefix}-${f.input}-${f.suffix}`, C = {
   input: {
-    radio: f,
+    radio: m,
     size: {
-      small: `${f}-${p.small}`,
-      medium: `${f}-${p.medium}`,
-      large: `${f}-${p.large}`
+      prefix: `${m}-`,
+      small: `${m}-${c.small}`,
+      medium: `${m}-${c.medium}`,
+      large: `${m}-${c.large}`
     },
-    invalid: `${i.prefix}-${$.invalid}`,
-    checked: `${i.prefix}-${$.checked}`
+    invalid: `${i.prefix}-${u.invalid}`,
+    checked: `${i.prefix}-${u.checked}`
   },
-  wrap: `${f}-${v.wrap}`,
-  label: `${f}-${q.label}`
-}, P = {
-  input: (r) => {
-    const {
-      size: e,
-      invalid: d,
-      checked: t,
-      c: o = w
-    } = r, l = o.input;
+  wrap: `${m}-${z.wrap}`,
+  label: `${m}-${G.label}`
+}, j = {
+  input: ($) => {
+    var s;
+    const { size: l, invalid: a, checked: n, c: o = C } = $, t = o.input;
     return {
-      [l.radio]: !0,
-      [l.size[e]]: l.size[e],
-      [`${f}-${e}`]: e && !l.size[e],
-      [l.invalid]: d,
-      [l.checked]: t
+      [t == null ? void 0 : t.radio]: !0,
+      [t == null ? void 0 : t.size[l]]: t == null ? void 0 : t.size[l],
+      [`${(s = t == null ? void 0 : t.size) == null ? void 0 : s.prefix}${l}`]: l && !(t != null && t.size[l]),
+      [t == null ? void 0 : t.invalid]: a,
+      [t == null ? void 0 : t.checked]: n
     };
   },
-  label: (r) => {
-    const {
-      c: e = w
-    } = r;
+  label: ($) => {
+    const { c: l = C } = $;
     return {
-      [e.label]: !0
+      [l == null ? void 0 : l.label]: !0
     };
   },
-  wrap: (r) => {
-    const {
-      c: e = w
-    } = r;
+  wrap: ($) => {
+    const { c: l = C } = $;
     return {
-      [e.wrap]: !0
+      [l == null ? void 0 : l.wrap]: !0
     };
   }
-}, C = {
+}, g = {
   ul: {
-    main: `${f}-${v.list}`,
-    horizontal: `${i.prefix}-${v.list}-${$.horizontal}`,
-    vertical: `${i.prefix}-${v.list}-${$.vertical}`
+    main: `${m}-${z.list}`,
+    horizontal: `${i.prefix}-${z.list}-${u.horizontal}`,
+    vertical: `${i.prefix}-${z.list}-${u.vertical}`
   },
   item: {
-    main: `${f}-${v.list}-${v.item}`,
-    disabled: `${i.prefix}-${$.disabled}`
+    main: `${m}-${z.list}-${z.item}`,
+    disabled: `${i.prefix}-${u.disabled}`
   }
-}, S = {
-  ul: (r) => {
-    const {
-      horizontal: e,
-      vertical: d,
-      c: t = C
-    } = r, o = t.ul;
+}, A = {
+  ul: ($) => {
+    const { horizontal: l, vertical: a, c: n = g } = $, o = n.ul;
     return {
-      [o.main]: !0,
-      [o.horizontal]: e,
-      [o.vertical]: d
+      [o == null ? void 0 : o.main]: !0,
+      [o == null ? void 0 : o.horizontal]: l,
+      [o == null ? void 0 : o.vertical]: a
     };
   },
-  item: (r) => {
-    const {
-      disabled: e,
-      c: d = C
-    } = r, t = d.item;
+  item: ($) => {
+    const { disabled: l, c: a = g } = $, n = a.item;
     return {
-      [t.main]: !0,
-      [t.disabled]: e
+      [n == null ? void 0 : n.main]: !0,
+      [n == null ? void 0 : n.disabled]: l
     };
   }
-}, g = {
+}, B = {
   wrapper: {
-    main: B,
-    input: n,
+    main: y,
+    input: d,
     size: {
-      small: `${n}-${p.small}`,
-      medium: `${n}-${p.medium}`,
-      large: `${n}-${p.large}`
+      small: `${d}-${c.small}`,
+      medium: `${d}-${c.medium}`,
+      large: `${d}-${c.large}`
     },
     fillMode: {
-      solid: `${n}-${m.solid}`,
-      outline: `${n}-${m.outline}`,
-      flat: `${n}-${m.flat}`
+      solid: `${d}-${x.solid}`,
+      outline: `${d}-${x.outline}`,
+      flat: `${d}-${x.flat}`
     },
     rounded: {
-      small: `${i.prefix}-${i.rounded}-${x.small}`,
-      medium: `${i.prefix}-${i.rounded}-${x.medium}`,
-      large: `${i.prefix}-${i.rounded}-${x.large}`
+      small: `${i.prefix}-${i.rounded}-${v.small}`,
+      medium: `${i.prefix}-${i.rounded}-${v.medium}`,
+      large: `${i.prefix}-${i.rounded}-${v.large}`
     },
-    disabled: `${i.prefix}-${$.disabled}`,
-    invalid: `${i.prefix}-${$.invalid}`,
+    disabled: `${i.prefix}-${u.disabled}`,
+    invalid: `${i.prefix}-${u.invalid}`,
     isRtl: `${i.prefix}-${i.rtl}`
   },
-  input: `${n}-${c.inner}`
-}, j = {
-  wrapper: (r) => {
-    const {
-      invalid: e,
-      disabled: d,
-      size: t,
-      fillMode: o,
-      rounded: l,
-      c: u = g
-    } = r, a = u.wrapper;
+  input: `${d}-${f.inner}`
+}, D = {
+  wrapper: ($) => {
+    const { invalid: l, disabled: a, size: n, fillMode: o, rounded: t, c: s = B } = $, r = s.wrapper;
     return {
-      [a.main]: !0,
-      [a.input]: !0,
-      [a.size[t]]: a.size[t],
-      [`${n}-${t}`]: !a.size[t],
-      [a.fillMode[o]]: a.fillMode[o],
-      [a.rounded[l]]: a.rounded[l],
-      [`${i.prefix}-${i.rounded}-${l}`]: l && !a.rounded[l],
-      [a.disabled]: d,
-      [a.invalid]: e
+      [r.main]: !0,
+      [r.input]: !0,
+      [r.size[n]]: r.size[n],
+      [`${d}-${n}`]: !r.size[n],
+      [r.fillMode[o]]: r.fillMode[o],
+      [r.rounded[t]]: r.rounded[t],
+      [`${i.prefix}-${i.rounded}-${t}`]: t && !r.rounded[t],
+      [r.disabled]: a,
+      [r.invalid]: l
     };
   },
-  input: (r) => {
-    const { c: e = g } = r;
+  input: ($) => {
+    const { c: l = B } = $;
     return {
-      [e.input]: !0
+      [l.input]: !0
     };
   }
-}, b = {
+}, M = {
   wrapper: {
-    main: T,
-    input: n,
+    main: N,
+    input: d,
     size: {
-      small: `${n}-${p.small}`,
-      medium: `${n}-${p.medium}`,
-      large: `${n}-${p.large}`
+      small: `${d}-${c.small}`,
+      medium: `${d}-${c.medium}`,
+      large: `${d}-${c.large}`
     },
     fillMode: {
-      solid: `${n}-${m.solid}`,
-      outline: `${n}-${m.outline}`,
-      flat: `${n}-${m.flat}`
+      solid: `${d}-${x.solid}`,
+      outline: `${d}-${x.outline}`,
+      flat: `${d}-${x.flat}`
     },
     rounded: {
-      small: `${i.prefix}-${i.rounded}-${x.small}`,
-      medium: `${i.prefix}-${i.rounded}-${x.medium}`,
-      large: `${i.prefix}-${i.rounded}-${x.large}`
+      small: `${i.prefix}-${i.rounded}-${v.small}`,
+      medium: `${i.prefix}-${i.rounded}-${v.medium}`,
+      large: `${i.prefix}-${i.rounded}-${v.large}`
     },
-    disabled: `${i.prefix}-${$.disabled}`,
-    focused: `${i.prefix}-${$.focus}`,
-    required: `${i.prefix}-${$.required}`,
-    invalid: `${i.prefix}-${$.invalid}`,
+    disabled: `${i.prefix}-${u.disabled}`,
+    focused: `${i.prefix}-${u.focus}`,
+    required: `${i.prefix}-${u.required}`,
+    invalid: `${i.prefix}-${u.invalid}`,
     isRtl: `${i.prefix}-${i.rtl}`
   },
-  input: `${n}-${c.inner}`,
+  input: `${d}-${f.inner}`,
   prefix: {
-    main: M,
+    main: h,
     orientation: {
-      horizontal: `${M}-${z.horizontal}`,
-      vertical: `${M}-${z.vertical}`
+      horizontal: `${h}-${b.horizontal}`,
+      vertical: `${h}-${b.vertical}`
     }
   },
   suffix: {
-    main: h,
+    main: p,
     orientation: {
-      horizontal: `${h}-${z.horizontal}`,
-      vertical: `${h}-${z.vertical}`
+      horizontal: `${p}-${b.horizontal}`,
+      vertical: `${p}-${b.vertical}`
     }
   }
-}, y = {
-  wrapper: (r) => {
-    const {
-      disabled: e,
-      invalid: d,
-      focused: t,
-      required: o,
-      size: l,
-      fillMode: u,
-      rounded: a,
-      isRtl: R,
-      c: k = b
-    } = r, s = k.wrapper;
+}, E = {
+  wrapper: ($) => {
+    const { disabled: l, invalid: a, focused: n, required: o, size: t, fillMode: s, rounded: r, isRtl: k, c: q = M } = $, e = q.wrapper;
     return {
-      [s.main]: !0,
-      [s.input]: !0,
-      [s.size[l]]: s.size[l],
-      [`${n}-${l}`]: l && !s.size[l],
-      [s.fillMode[u]]: s.fillMode[u],
-      [s.rounded[a]]: s.rounded[a],
-      [`${i.prefix}-${i.rounded}-${a}`]: a && !s.rounded[a],
-      [s.disabled]: e,
-      [s.focused]: t,
-      [s.required]: o,
-      [s.invalid]: d,
-      [s.isRtl]: R
+      [e == null ? void 0 : e.main]: !0,
+      [e == null ? void 0 : e.input]: !0,
+      [e == null ? void 0 : e.size[t]]: e == null ? void 0 : e.size[t],
+      [`${d}-${t}`]: t && !(e != null && e.size[t]),
+      [e == null ? void 0 : e.fillMode[s]]: e == null ? void 0 : e.fillMode[s],
+      [e == null ? void 0 : e.rounded[r]]: e == null ? void 0 : e.rounded[r],
+      [`${i.prefix}-${i.rounded}-${r}`]: r && !(e != null && e.rounded[r]),
+      [e == null ? void 0 : e.disabled]: l,
+      [e == null ? void 0 : e.focused]: n,
+      [e == null ? void 0 : e.required]: o,
+      [e == null ? void 0 : e.invalid]: a,
+      [e == null ? void 0 : e.isRtl]: k
     };
   },
-  input: (r) => {
-    const { c: e = b } = r;
+  input: ($) => {
+    const { c: l = M } = $;
     return {
-      [e.input]: !0
+      [l.input]: !0
     };
   },
-  prefix: (r) => {
-    const { orientation: e, c: d = b } = r, t = d.prefix;
+  prefix: ($) => {
+    const { orientation: l, c: a = M } = $, n = a.prefix;
     return {
-      [t.main]: !0,
-      [t.orientation[e]]: t.orientation[e]
+      [n.main]: !0,
+      [n.orientation[l]]: n.orientation[l]
     };
   },
-  suffix: (r) => {
-    const { orientation: e, c: d = b } = r, t = d.suffix;
+  suffix: ($) => {
+    const { orientation: l, c: a = M } = $, n = a.suffix;
     return {
-      [t.main]: !0,
-      [t.orientation[e]]: t.orientation[e]
+      [n == null ? void 0 : n.main]: !0,
+      [n == null ? void 0 : n.orientation[l]]: n == null ? void 0 : n.orientation[l]
     };
   }
-}, G = {
+}, R = {
   input: {
-    main: `${n} ${n}-${p.medium} ${i.prefix}-${i.rounded}-${x.medium} ${n}-${m.solid}`,
-    disabled: `${i.prefix}-${$.disabled}`,
-    required: `${i.prefix}-${$.required}`,
-    invalid: `${i.prefix}-${$.invalid}`,
+    main: `${d} ${d}-${c.medium} ${i.prefix}-${i.rounded}-${v.medium} ${d}-${x.solid}`,
+    disabled: `${i.prefix}-${u.disabled}`,
+    required: `${i.prefix}-${u.required}`,
+    invalid: `${i.prefix}-${u.invalid}`,
     isRtl: `${i.prefix}-${i.rtl}`
-  }
-}, A = {
-  input: (r) => {
-    const {
-      disabled: e,
-      invalid: d,
-      required: t,
-      isRtl: o,
-      c: l = G
-    } = r, u = l.input;
+  },
+  clearButton: `${i.prefix}-${i.clear}-${i.value}`
+}, F = {
+  input: ($) => {
+    const { disabled: l, invalid: a, required: n, isRtl: o, c: t = R } = $, s = t.input;
     return {
-      [u.main]: !0,
-      [u.disabled]: e,
-      [u.required]: t,
-      [u.invalid]: d,
-      [u.isRtl]: o
+      [s == null ? void 0 : s.main]: !0,
+      [s == null ? void 0 : s.disabled]: l,
+      [s == null ? void 0 : s.required]: n,
+      [s == null ? void 0 : s.invalid]: a,
+      [s == null ? void 0 : s.isRtl]: o
     };
-  }
+  },
+  clearButton: T(R, "clearButton")
 };
 export {
-  w as radioButtonClasses,
-  C as radioGroupClasses,
-  A as uInput,
-  j as uMaskedTextBox,
-  P as uRadioButton,
-  S as uRadioGroup,
-  y as uTextBox
+  C as radioButtonClasses,
+  g as radioGroupClasses,
+  F as uInput,
+  D as uMaskedTextBox,
+  j as uRadioButton,
+  A as uRadioGroup,
+  E as uTextBox
 };

package/unstyled/interfaces/common.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(e,t)=>r=>{const{c:s=e}=r;return{[s[t]]:!0}};exports.getClassByName=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(e,t)=>r=>{const{c:s=e}=r;return{[s[t||""]]:!0}};exports.getClassByName=n;

package/unstyled/interfaces/common.mjs

@@ -9,7 +9,7 @@
 const s = (e, t) => (r) => {
   const { c: n = e } = r;
   return {
-    [n[t]]: !0
+    [n[t || ""]]: !0
   };
 };
 export {

package/unstyled/json-classes.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={prefix:"k",important:"!",rtl:"rtl",rounded:"rounded",value:"value",state:"state",filter:"filter",virtual:"virtual",infinite:"infinite",clear:"clear",reset:"reset",nodata:"nodata"},o={center:"center",hbox:"hbox",vstack:"vstack",overflow:"overflow"},t={actionsheet:"actionsheet",calendar:"calendar",buttongroup:"buttongroup",dateinput:"dateinput",datetime:"datetime",datetimepicker:"datetimepicker",dropdownlist:"dropdownlist",maskedtextbox:"maskedtextbox",menu:"menu",searchbox:"searchbox",timepicker:"timepicker"},l={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",xxlarge:"xxl",xxxlarge:"xxxl"},s={solid:"solid",outline:"outline",flat:"flat",link:"link",clear:"clear"},c={base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inherit:"inherit",inverse:"inverse"},d={small:"sm",medium:"md",large:"lg",full:"full"},p={vertical:"vertical",horizontal:"horizontal"},f={height:"height",width:"width"},m={default:"cursor-default"},u={up:"up",down:"down",left:"left",right:"right",start:"start",mid:"mid",end:"end"},r={actions:"actions",container:"container",content:"content",group:"group",row:"row",nav:"nav",wrap:"wrap",wrapper:"wrapper",list:"list",placeholder:"placeholder",popup:"popup",item:"item",part:"part",picker:"picker",separator:"separator",spacer:"spacer",tab:"tab",titlebar:"titlebar",optionlabel:"optionlabel",view:"view"},a={table:"table",text:"text",button:"button",tbody:"tbody",thead:"thead",tr:"tr",th:"th",td:"td",header:"header",footer:"footer",icon:"icon",title:"title",link:"link",label:"label",ul:"ul",caption:"caption"},x={increase:"increase",decrease:"decrease",cancel:"cancel",accept:"accept",split:"split"},h={active:"active",adaptive:"adaptive",first:"first",focus:"focus",pending:"pending",last:"last",draggable:"draggable",filterable:"filterable",grouping:"grouping",selected:"selected",disabled:"disabled",hidden:"hidden",highlight:"highlight",invalid:"invalid",loading:"loading",required:"required",checked:"checked",empty:"empty",scrollable:"scrollable",sorted:"sorted",sort:"sort",sticky:"sticky",stretched:"stretched",order:"order",alt:"alt",edit:"edit",template:"template",shown:"shown",horizontal:"horizontal",vertical:"vertical",fullscreen:"fullscreen",bottom:"bottom"},b={prefix:"animation",child:"child",relative:"relative",slide:"slide",appear:"appear",active:"active",enter:"enter",exit:"exit",pushRight:"push-right",pushLeft:"push-left",pushDown:"push-down",pushUp:"push-up",expandVertical:"expand-vertical",expandHorizontal:"expand-horizontal",fade:"fade",zoomIn:"zoom-in",zoomOut:"zoom-out",slideIn:"slide-in",slideDown:"slide-down",slideUp:"slide-up",slideRight:"slide-right",slideLeft:"slide-left",revealVertical:"reveal-vertical",revealHorizontal:"reveal-horizontal","animation-container":"animation-container","animation-container-shown":"animation-container-shown","animation-container-relative":"animation-container-relative","animation-container-fixed":"animation-container-fixed","child-animation-container":"child-animation-container"},i={input:"input",inner:"inner",spin:"spin",spinner:"spinner",maskedtextbox:"maskedtextbox",radio:"radio",textbox:"textbox",prefix:"prefix",suffix:"suffix"},g={week:"week",weekdays:"weekdays",weekend:"weekend",month:"month",year:"year",decade:"decade",century:"century",number:"number",navigation:"navigation",marker:"marker",now:"now",range:"range",today:"today",other:"other",date:"date",time:"time",selector:"selector",timeselector:"timeselector"},v={prefix:"icon",svg:"svg",i:"i",color:"color",flipH:"flip-h",flipV:"flip-v"},w={label:"label",text:"text",floatingLabel:"floating-label",container:"container",hint:"form-hint",error:"form-error"},k={form:"form",field:"field"},y={prefix:"popup"},n={prefix:"grid",ariaRoot:"aria-root",tableWrap:"table-wrap",master:"master",column:"column",cell:"cell",cellInner:"cell-inner",row:"row",group:"group",hierarchy:"hierarchy",detail:"detail",noRecords:"norecords",pager:"pager"},P=`${e.prefix}-${i.input}`,$=`${e.prefix}-${t.calendar}`,M=`${e.prefix}-${t.maskedtextbox}`,z=`${e.prefix}-${i.radio}`,I=`${e.prefix}-${a.button}`,L=`${e.prefix}-${t.menu}`,D=`${e.prefix}-${r.picker}`,R=`${e.prefix}-${t.dropdownlist}`,S=`${e.prefix}-${n.prefix}`,U={base:e,actions:x,animation:b,sizeMap:l,components:t,cssUtils:o,directionMap:u,fillModeMap:s,themeColorMap:c,roundedMap:d,orientationMap:p,elements:a,states:h,dimensions:f,containers:r,cursor:m,inputs:i,dateInputs:g,labels:w,forms:k,popup:y,icon:v,grid:n};exports.actions=x;exports.animationStyles=b;exports.base=e;exports.buttonPrefix=I;exports.calendarPrefix=$;exports.components=t;exports.containers=r;exports.cssUtils=o;exports.cursor=m;exports.dateInputs=g;exports.ddbPrefix=L;exports.dimensions=f;exports.directionMap=u;exports.dropDownListPrefix=R;exports.elements=a;exports.fillModeMap=s;exports.forms=k;exports.grid=n;exports.gridPrefix=S;exports.icon=v;exports.inputPrefix=P;exports.inputs=i;exports.jsonTheme=U;exports.labels=w;exports.maskedPrefix=M;exports.orientationMap=p;exports.pickerPrefix=D;exports.popup=y;exports.radioPrefix=z;exports.roundedMap=d;exports.sizeMap=l;exports.states=h;exports.themeColorMap=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={prefix:"k",important:"!",rtl:"rtl",rounded:"rounded",value:"value",state:"state",filter:"filter",virtual:"virtual",infinite:"infinite",clear:"clear",reset:"reset",data:"data",nodata:"nodata",scroller:"scroller"},n={center:"center",hbox:"hbox",vstack:"vstack",overflow:"overflow"},t={actionsheet:"actionsheet",calendar:"calendar",buttongroup:"buttongroup",dateinput:"dateinput",datetime:"datetime",datetimepicker:"datetimepicker",dropdownlist:"dropdownlist",combobox:"combobox",maskedtextbox:"maskedtextbox",menu:"menu",searchbox:"searchbox",timepicker:"timepicker"},l={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",xxlarge:"xxl",xxxlarge:"xxxl"},s={solid:"solid",outline:"outline",flat:"flat",link:"link",clear:"clear"},c={base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inherit:"inherit",inverse:"inverse"},d={small:"sm",medium:"md",large:"lg",full:"full"},p={vertical:"vertical",horizontal:"horizontal"},m={height:"height",width:"width"},f={default:"cursor-default"},u={up:"up",down:"down",left:"left",right:"right",start:"start",mid:"mid",end:"end"},r={actions:"actions",container:"container",content:"content",group:"group",row:"row",nav:"nav",wrap:"wrap",wrapper:"wrapper",list:"list",placeholder:"placeholder",popup:"popup",item:"item",part:"part",picker:"picker",separator:"separator",spacer:"spacer",tab:"tab",titlebar:"titlebar",optionlabel:"optionlabel",view:"view"},o={table:"table",text:"text",button:"button",tbody:"tbody",thead:"thead",tr:"tr",th:"th",td:"td",header:"header",footer:"footer",icon:"icon",title:"title",subtitle:"subtitle",link:"link",label:"label",ul:"ul",caption:"caption"},x={increase:"increase",decrease:"decrease",cancel:"cancel",accept:"accept",split:"split"},h={active:"active",adaptive:"adaptive",first:"first",focus:"focus",pending:"pending",last:"last",draggable:"draggable",filterable:"filterable",grouping:"grouping",selected:"selected",disabled:"disabled",hidden:"hidden",highlight:"highlight",invalid:"invalid",loading:"loading",required:"required",checked:"checked",empty:"empty",scrollable:"scrollable",sorted:"sorted",sort:"sort",sticky:"sticky",stretched:"stretched",order:"order",alt:"alt",edit:"edit",template:"template",shown:"shown",horizontal:"horizontal",vertical:"vertical",fullscreen:"fullscreen",bottom:"bottom"},b={prefix:"animation",child:"child",relative:"relative",slide:"slide",appear:"appear",active:"active",enter:"enter",exit:"exit",pushRight:"push-right",pushLeft:"push-left",pushDown:"push-down",pushUp:"push-up",expandVertical:"expand-vertical",expandHorizontal:"expand-horizontal",fade:"fade",zoomIn:"zoom-in",zoomOut:"zoom-out",slideIn:"slide-in",slideDown:"slide-down",slideUp:"slide-up",slideRight:"slide-right",slideLeft:"slide-left",revealVertical:"reveal-vertical",revealHorizontal:"reveal-horizontal","animation-container":"animation-container","animation-container-shown":"animation-container-shown","animation-container-relative":"animation-container-relative","animation-container-fixed":"animation-container-fixed","child-animation-container":"child-animation-container"},i={input:"input",inner:"inner",spin:"spin",spinner:"spinner",maskedtextbox:"maskedtextbox",radio:"radio",textbox:"textbox",prefix:"prefix",suffix:"suffix"},g={week:"week",weekdays:"weekdays",weekend:"weekend",month:"month",year:"year",decade:"decade",century:"century",number:"number",navigation:"navigation",marker:"marker",now:"now",range:"range",today:"today",other:"other",date:"date",time:"time",selector:"selector",timeselector:"timeselector"},v={prefix:"icon",svg:"svg",i:"i",color:"color",flipH:"flip-h",flipV:"flip-v"},w={label:"label",text:"text",floatingLabel:"floating-label",container:"container",hint:"form-hint",error:"form-error"},k={form:"form",field:"field"},y={prefix:"popup"},a={prefix:"grid",ariaRoot:"aria-root",tableWrap:"table-wrap",master:"master",column:"column",cell:"cell",cellInner:"cell-inner",row:"row",group:"group",hierarchy:"hierarchy",detail:"detail",noRecords:"norecords",pager:"pager"},P=`${e.prefix}-${i.input}`,$=`${e.prefix}-${t.calendar}`,M=`${e.prefix}-${t.maskedtextbox}`,z=`${e.prefix}-${i.radio}`,I=`${e.prefix}-${o.button}`,L=`${e.prefix}-${t.menu}`,D=`${e.prefix}-${r.picker}`,R=`${e.prefix}-${t.dropdownlist}`,S=`${e.prefix}-${t.combobox}`,U=`${e.prefix}-${a.prefix}`,j={base:e,actions:x,animation:b,sizeMap:l,components:t,cssUtils:n,directionMap:u,fillModeMap:s,themeColorMap:c,roundedMap:d,orientationMap:p,elements:o,states:h,dimensions:m,containers:r,cursor:f,inputs:i,dateInputs:g,labels:w,forms:k,popup:y,icon:v,grid:a};exports.actions=x;exports.animationStyles=b;exports.base=e;exports.buttonPrefix=I;exports.calendarPrefix=$;exports.comboBoxPrefix=S;exports.components=t;exports.containers=r;exports.cssUtils=n;exports.cursor=f;exports.dateInputs=g;exports.ddbPrefix=L;exports.dimensions=m;exports.directionMap=u;exports.dropDownListPrefix=R;exports.elements=o;exports.fillModeMap=s;exports.forms=k;exports.grid=a;exports.gridPrefix=U;exports.icon=v;exports.inputPrefix=P;exports.inputs=i;exports.jsonTheme=j;exports.labels=w;exports.maskedPrefix=M;exports.orientationMap=p;exports.pickerPrefix=D;exports.popup=y;exports.radioPrefix=z;exports.roundedMap=d;exports.sizeMap=l;exports.states=h;exports.themeColorMap=c;