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

package/unstyled/dropdowns.mjs

@@ -6,226 +6,358 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { getClassByName as o } from "./interfaces/common.mjs";
-import { base as e, containers as t, states as p, elements as $, dimensions as L, inputs as D, icon as T, components as f, cssUtils as C, dropDownListPrefix as M, pickerPrefix as d, sizeMap as m, fillModeMap as b, roundedMap as B, inputPrefix as h } from "./json-classes.mjs";
-const a = {
+import { getClassByName as n } from "./interfaces/common.mjs";
+import { base as e, containers as t, states as a, elements as s, dimensions as y, inputs as S, icon as k, components as m, cssUtils as H, dropDownListPrefix as P, pickerPrefix as b, sizeMap as c, fillModeMap as z, roundedMap as M, inputPrefix as u, comboBoxPrefix as A } from "./json-classes.mjs";
+const p = {
   clearButton: `${e.prefix}-${e.clear}-${e.value}`,
-  groupStickyHeader: `${e.prefix}-${t.list}-${t.group}-${p.sticky}-${$.header}`,
-  listHeaderText: `${e.prefix}-${t.list}-${$.header}-${$.text}`,
-  ul: `${e.prefix}-${t.list}-${$.ul}`,
+  groupStickyHeader: `${e.prefix}-${t.list}-${t.group}-${a.sticky}-${s.header}`,
+  listHeaderText: `${e.prefix}-${t.list}-${s.header}-${s.text}`,
+  ul: `${e.prefix}-${t.list}-${s.ul}`,
   li: {
     main: `${e.prefix}-${t.list}-${t.item}`,
-    selected: `${e.prefix}-${p.selected}`,
-    focused: `${e.prefix}-${p.focus}`,
-    first: `${e.prefix}-${p.first}`,
-    disabled: `${e.prefix}-${p.disabled}`
+    selected: `${e.prefix}-${a.selected}`,
+    focused: `${e.prefix}-${a.focus}`,
+    first: `${e.prefix}-${a.first}`,
+    disabled: `${e.prefix}-${a.disabled}`
   },
   groupLi: {
     list: `${e.prefix}-${t.list}-${t.group}-${t.item}`,
-    table: `${e.prefix}-${$.table}-${t.group}-${t.row}`
+    table: `${e.prefix}-${s.table}-${t.group}-${t.row}`
   },
-  itemText: `${e.prefix}-${t.list}-${t.item}-${$.text}`,
+  itemText: `${e.prefix}-${t.list}-${t.item}-${s.text}`,
   groupItemText: {
-    list: `${e.prefix}-${t.list}-${t.item}-${$.text}`,
-    table: `${e.prefix}-${$.table}-${$.th}`
+    list: `${e.prefix}-${t.list}-${t.item}-${s.text}`,
+    table: `${e.prefix}-${s.table}-${s.th}`
   },
-  itemGroupLabel: `${e.prefix}-${t.list}-${t.item}-${t.group}-${$.label}`,
+  itemGroupLabel: `${e.prefix}-${t.list}-${t.item}-${t.group}-${s.label}`,
   noData: `${e.prefix}-${e.nodata}`,
-  heightContainer: `${e.prefix}-${L.height}-${t.container}`,
+  heightContainer: `${e.prefix}-${y.height}-${t.container}`,
   optionlabel: {
     main: `${e.prefix}-${t.list}-${t.optionlabel}`,
-    selected: `${e.prefix}-${p.selected}`
+    selected: `${e.prefix}-${a.selected}`
   },
-  inputIcon: `${e.prefix}-${D.input}-${T.prefix}`,
-  searchbox: `${e.prefix}-${f.searchbox}`,
+  inputIcon: `${e.prefix}-${S.input}-${k.prefix}`,
+  searchbox: `${e.prefix}-${m.searchbox}`,
   listFilter: `${e.prefix}-${t.list}-${e.filter}`
-}, F = {
-  clearButton: o(a, "clearButton"),
-  groupStickyHeader: o(a, "groupStickyHeader"),
-  listHeaderText: o(a, "listHeaderText"),
-  ul: o(a, "ul"),
-  li: (l) => {
-    const { c: n = a, selected: i, focused: r, first: u, disabled: w } = l, x = n.li;
+}, j = {
+  clearButton: n(p, "clearButton"),
+  groupStickyHeader: n(p, "groupStickyHeader"),
+  listHeaderText: n(p, "listHeaderText"),
+  ul: n(p, "ul"),
+  li: (o) => {
+    const { c: $ = p, selected: l, focused: r, first: d, disabled: f } = o, x = $.li;
     return {
       [x.main]: !0,
-      [x.selected]: i,
+      [x.selected]: l,
       [x.focused]: r,
-      [x.first]: u,
-      [x.disabled]: w
+      [x.first]: d,
+      [x.disabled]: f
     };
   },
-  groupLi: (l) => {
-    const { c: n = a, isMultiColumn: i } = l, r = n.groupLi;
+  groupLi: (o) => {
+    const { c: $ = p, isMultiColumn: l } = o, r = $.groupLi;
     return {
-      [r.table]: i,
-      [r.list]: !i
+      [r.table]: l,
+      [r.list]: !l
     };
   },
-  itemText: o(a, "itemText"),
-  groupItemText: (l) => {
-    const { c: n = a, isMultiColumn: i } = l, r = n.groupItemText;
+  itemText: n(p, "itemText"),
+  groupItemText: (o) => {
+    const { c: $ = p, isMultiColumn: l } = o, r = $.groupItemText;
     return {
-      [r.table]: i,
-      [r.list]: !i
+      [r.table]: l,
+      [r.list]: !l
     };
   },
-  itemGroupLabel: o(a, "itemGroupLabel"),
-  noData: o(a, "noData"),
-  heightContainer: o(a, "heightContainer"),
-  optionlabel: (l) => {
-    const { c: n = a, selected: i } = l, r = n.optionlabel;
+  itemGroupLabel: n(p, "itemGroupLabel"),
+  noData: n(p, "noData"),
+  heightContainer: n(p, "heightContainer"),
+  optionlabel: (o) => {
+    const { c: $ = p, selected: l } = o, r = $.optionlabel;
     return {
       [r.main]: !0,
-      [r.selected]: i
+      [r.selected]: l
     };
   },
-  inputIcon: o(a, "inputIcon"),
-  searchbox: o(a, "searchbox"),
-  listFilter: o(a, "listFilter")
-}, g = {
+  inputIcon: n(p, "inputIcon"),
+  searchbox: n(p, "searchbox"),
+  listFilter: n(p, "listFilter")
+}, B = {
   wrapper: {
-    main: `${e.prefix}-${p.adaptive}-${f.actionsheet}`,
-    fullscreen: `${e.prefix}-${f.actionsheet}-${p.fullscreen}`,
-    bottom: `${e.prefix}-${f.actionsheet}-${p.bottom}`
+    main: `${e.prefix}-${a.adaptive}-${m.actionsheet}`,
+    fullscreen: `${e.prefix}-${m.actionsheet}-${a.fullscreen}`,
+    bottom: `${e.prefix}-${m.actionsheet}-${a.bottom}`
   },
-  header: `${e.prefix}-${$.text}-${C.center}`,
+  header: `${e.prefix}-${s.text}-${H.center}`,
   titleBar: {
-    main: `${e.prefix}-${f.actionsheet}-${t.titlebar}-${t.group}`,
-    position: `${e.prefix}-${C.hbox}`
+    main: `${e.prefix}-${m.actionsheet}-${t.titlebar}-${t.group}`,
+    position: `${e.prefix}-${H.hbox}`
+  },
+  title: `${e.prefix}-${m.actionsheet}-${s.title}`,
+  subtitle: {
+    main: `${e.prefix}-${m.actionsheet}-${s.subtitle}`,
+    textCenter: `${e.prefix}-${s.text}-${H.center}`
   },
-  title: `${e.prefix}-${f.actionsheet}-${$.title}`,
-  actions: `${e.prefix}-${f.actionsheet}-${t.actions}`,
+  actions: `${e.prefix}-${m.actionsheet}-${t.actions}`,
   titleBarGroup: {
-    main: `${e.prefix}-${f.actionsheet}-${t.titlebar}-${t.group}`,
-    filter: `${e.prefix}-${f.actionsheet}-${e.filter}`
+    main: `${e.prefix}-${m.actionsheet}-${t.titlebar}-${t.group}`,
+    filter: `${e.prefix}-${m.actionsheet}-${e.filter}`
   }
-}, G = {
-  wrapper: (l) => {
-    const { c: n = g, isFullScreen: i } = l, r = n.wrapper;
+}, E = {
+  wrapper: (o) => {
+    const { c: $ = B, isFullScreen: l } = o, r = $.wrapper;
     return {
       [r.main]: !0,
-      [r.fullscreen]: i,
-      [r.bottom]: !i
+      [r.fullscreen]: l,
+      [r.bottom]: !l
     };
   },
-  header: o(g, "header"),
-  titleBar: (l) => {
-    const { c: n = g } = l, i = n.titleBar;
+  header: n(B, "header"),
+  titleBar: (o) => {
+    const { c: $ = B } = o, l = $.titleBar;
     return {
-      [i.main]: !0,
-      [i.position]: !0
+      [l.main]: !0,
+      [l.position]: !0
     };
   },
-  title: o(g, "title"),
-  actions: o(g, "actions"),
-  titleBarGroup: (l) => {
-    const { c: n = g } = l, i = n.titleBarGroup;
+  title: n(B, "title"),
+  subtitle: (o) => {
+    const { c: $ = B } = o, l = $.subtitle;
     return {
-      [i.main]: !0,
-      [i.filter]: !0
+      [l.main]: !0,
+      [l.textCenter]: !0
+    };
+  },
+  actions: n(B, "actions"),
+  titleBarGroup: (o) => {
+    const { c: $ = B } = o, l = $.titleBarGroup;
+    return {
+      [l.main]: !0,
+      [l.filter]: !0
     };
   }
-}, c = {
+}, g = {
   wrapper: {
-    main: M,
-    picker: d,
+    main: P,
+    picker: b,
     size: {
-      small: `${d}-${m.small}`,
-      medium: `${d}-${m.medium}`,
-      large: `${d}-${m.large}`
+      small: `${b}-${c.small}`,
+      medium: `${b}-${c.medium}`,
+      large: `${b}-${c.large}`
     },
     fillMode: {
-      solid: `${d}-${b.solid}`,
-      outline: `${d}-${b.outline}`,
-      flat: `${d}-${b.flat}`,
-      link: `${d}-${b.link}`,
-      clear: `${d}-${b.clear}`
+      solid: `${b}-${z.solid}`,
+      outline: `${b}-${z.outline}`,
+      flat: `${b}-${z.flat}`,
+      link: `${b}-${z.link}`,
+      clear: `${b}-${z.clear}`
     },
     rounded: {
-      small: `${e.prefix}-${e.rounded}-${B.small}`,
-      medium: `${e.prefix}-${e.rounded}-${B.medium}`,
-      large: `${e.prefix}-${e.rounded}-${B.large}`
+      small: `${e.prefix}-${e.rounded}-${M.small}`,
+      medium: `${e.prefix}-${e.rounded}-${M.medium}`,
+      large: `${e.prefix}-${e.rounded}-${M.large}`
     },
-    disabled: `${e.prefix}-${p.disabled}`,
-    focused: `${e.prefix}-${p.focus}`,
-    invalid: `${e.prefix}-${p.invalid}`,
-    loading: `${e.prefix}-${p.loading}`,
-    required: `${e.prefix}-${p.required}`
-  },
-  loadingIcon: `${h}-${p.loading}-${T.prefix}`,
-  iconButton: `${h}-${$.button}`,
+    disabled: `${e.prefix}-${a.disabled}`,
+    focused: `${e.prefix}-${a.focus}`,
+    invalid: `${e.prefix}-${a.invalid}`,
+    loading: `${e.prefix}-${a.loading}`,
+    required: `${e.prefix}-${a.required}`
+  },
+  loadingIcon: `${u}-${a.loading}-${k.prefix}`,
+  inputButton: `${u}-${s.button}`,
   listContainer: {
     main: `${e.prefix}-${t.list}-${t.container}`,
-    popup: `${e.prefix}-${f.dropdownlist}-${t.popup}`
+    popup: `${e.prefix}-${m.dropdownlist}-${t.popup}`
   },
-  input: `${h}-${D.inner}`,
-  inputText: `${h}-${e.value}-${$.text}`,
-  listHeader: `${e.prefix}-${t.list}-${$.header}`,
+  input: `${u}-${S.inner}`,
+  inputText: `${u}-${e.value}-${s.text}`,
+  listHeader: `${e.prefix}-${t.list}-${s.header}`,
   list: {
     main: `${e.prefix}-${t.list}`,
     size: {
-      small: `${e.prefix}-${t.list}-${m.small}`,
-      medium: `${e.prefix}-${t.list}-${m.medium}`,
-      large: `${e.prefix}-${t.list}-${m.large}`
+      small: `${e.prefix}-${t.list}-${c.small}`,
+      medium: `${e.prefix}-${t.list}-${c.medium}`,
+      large: `${e.prefix}-${t.list}-${c.large}`
     },
     virtual: `${e.prefix}-${e.virtual}-${t.list}`
   },
   listContent: `${e.prefix}-${t.list}-${t.content}`,
-  listFooter: `${e.prefix}-${t.list}-${$.footer}`
-}, S = {
-  wrapper: (l) => {
+  listFooter: `${e.prefix}-${t.list}-${s.footer}`
+}, J = {
+  wrapper: (o) => {
     const {
-      c: n = c,
-      size: i,
+      c: $ = g,
+      size: l,
       rounded: r,
-      fillMode: u,
-      focused: w,
+      fillMode: d,
+      focused: f,
       disabled: x,
       invalid: v,
-      loading: z,
-      required: I
-    } = l, s = n.wrapper;
+      loading: C,
+      required: T
+    } = o, i = $.wrapper;
     return {
-      [s.main]: !0,
-      [s.picker]: !0,
-      [s.size[i]]: s.size[i],
-      [`${d}-${i}`]: i && !s.size[i],
-      [s.fillMode[u]]: s.fillMode[u],
-      [s.rounded[r]]: s.rounded[r],
-      [`${e.prefix}-${e.rounded}-${r}`]: r && !s.rounded[r],
-      [s.focused]: w,
-      [s.disabled]: x,
-      [s.loading]: z,
-      [s.invalid]: v,
-      [s.required]: I
+      [i.main]: !0,
+      [i.picker]: !0,
+      [i.size[l]]: i.size[l],
+      [`${b}-${l}`]: l && !i.size[l],
+      [i.fillMode[d]]: i.fillMode[d],
+      [i.rounded[r]]: i.rounded[r],
+      [`${e.prefix}-${e.rounded}-${r}`]: r && !i.rounded[r],
+      [i.focused]: f,
+      [i.disabled]: x,
+      [i.loading]: C,
+      [i.invalid]: v,
+      [i.required]: T
     };
   },
-  loadingIcon: o(c, "loadingIcon"),
-  iconButton: o(c, "iconButton"),
-  listContainer: (l) => {
-    const { c: n = c } = l, i = n.listContainer;
+  loadingIcon: n(g, "loadingIcon"),
+  inputButton: n(g, "inputButton"),
+  listContainer: (o) => {
+    const { c: $ = g } = o, l = $.listContainer;
     return {
-      [i.main]: !0,
-      [i.popup]: !0
+      [l.main]: !0,
+      [l.popup]: !0
+    };
+  },
+  input: n(g, "input"),
+  inputText: n(g, "inputText"),
+  listHeader: n(g, "listHeader"),
+  list: (o) => {
+    const { c: $ = g, size: l, virtual: r } = o, d = $.list;
+    return {
+      [d.main]: !0,
+      [d.size[l]]: d.size[l],
+      [`${e.prefix}-${t.list}-${l}`]: l && !d.size[l],
+      [d.virtual]: r
+    };
+  },
+  listContent: n(g, "listContent"),
+  listFooter: n(g, "listFooter")
+}, h = {
+  wrapper: {
+    main: A,
+    input: u,
+    size: {
+      small: `${u}-${c.small}`,
+      medium: `${u}-${c.medium}`,
+      large: `${u}-${c.large}`
+    },
+    fillMode: {
+      solid: `${u}-${z.solid}`,
+      outline: `${u}-${z.outline}`,
+      flat: `${u}-${z.flat}`,
+      link: `${u}-${z.link}`,
+      clear: `${u}-${z.clear}`
+    },
+    rounded: {
+      small: `${e.prefix}-${e.rounded}-${M.small}`,
+      medium: `${e.prefix}-${e.rounded}-${M.medium}`,
+      large: `${e.prefix}-${e.rounded}-${M.large}`
+    },
+    disabled: `${e.prefix}-${a.disabled}`,
+    focused: `${e.prefix}-${a.focus}`,
+    invalid: `${e.prefix}-${a.invalid}`,
+    loading: `${e.prefix}-${a.loading}`,
+    required: `${e.prefix}-${a.required}`
+  },
+  loadingIcon: `${u}-${a.loading}-${k.prefix}`,
+  inputButton: `${u}-${s.button}`,
+  listContainer: {
+    main: `${e.prefix}-${t.list}-${t.container}`,
+    popup: `${e.prefix}-${m.combobox}-${t.popup}`
+  },
+  input: `${u}-${S.inner}`,
+  inputText: `${u}-${e.value}-${s.text}`,
+  listHeader: `${e.prefix}-${s.table}-${s.header}`,
+  list: {
+    list: `${e.prefix}-${t.list}`,
+    table: `${e.prefix}-${e.data}-${s.table}`,
+    size: {
+      prefix: `${e.prefix}-${t.list}-`,
+      small: `${e.prefix}-${t.list}-${c.small}`,
+      medium: `${e.prefix}-${t.list}-${c.medium}`,
+      large: `${e.prefix}-${t.list}-${c.large}`
+    },
+    tableSize: {
+      prefix: `${e.prefix}-${s.table}-`,
+      small: `${e.prefix}-${s.table}-${c.small}`,
+      medium: `${e.prefix}-${s.table}-${c.medium}`,
+      large: `${e.prefix}-${s.table}-${c.large}`
+    },
+    virtual: `${e.prefix}-${e.virtual}-${t.list}`
+  },
+  listContent: {
+    main: `${e.prefix}-${t.list}-${t.content}`,
+    scroller: `${e.prefix}-${t.list}-${e.scroller}`
+  },
+  listFooter: `${e.prefix}-${t.list}-${s.footer}`
+}, K = {
+  wrapper: (o) => {
+    var D, I;
+    const {
+      c: $ = h,
+      size: l,
+      rounded: r,
+      fillMode: d,
+      focused: f,
+      disabled: x,
+      invalid: v,
+      loading: C,
+      required: T
+    } = o, i = $.wrapper;
+    return {
+      [i == null ? void 0 : i.main]: !0,
+      [i == null ? void 0 : i.input]: !0,
+      [i == null ? void 0 : i.size[l]]: i == null ? void 0 : i.size[l],
+      [`${b}-${l}`]: l && !(i != null && i.size[l]),
+      [i == null ? void 0 : i.fillMode[d]]: i == null ? void 0 : i.fillMode[d],
+      [i == null ? void 0 : i.rounded[r]]: i == null ? void 0 : i.rounded[r],
+      [`${(D = e) == null ? void 0 : D.prefix}-${(I = e) == null ? void 0 : I.rounded}-${r}`]: r && !(i != null && i.rounded[r]),
+      [i == null ? void 0 : i.focused]: f,
+      [i == null ? void 0 : i.disabled]: x,
+      [i == null ? void 0 : i.loading]: C,
+      [i == null ? void 0 : i.invalid]: v,
+      [i == null ? void 0 : i.required]: T
+    };
+  },
+  loadingIcon: n(h, "loadingIcon"),
+  inputButton: n(h, "inputButton"),
+  listContainer: (o) => {
+    const { c: $ = h, popup: l } = o, r = $.listContainer;
+    return {
+      [r == null ? void 0 : r.main]: !0,
+      [r == null ? void 0 : r.popup]: l
+    };
+  },
+  input: n(h, "input"),
+  inputText: n(h, "inputText"),
+  listHeader: n(h, "listHeader"),
+  list: (o) => {
+    var x, v, C, T, i, D, I, F, L, q, G;
+    const { c: $ = h, size: l, tableSize: r, virtual: d, list: f } = o;
+    return {
+      [(x = $.list) == null ? void 0 : x.list]: !f,
+      [(v = $.list) == null ? void 0 : v.table]: f,
+      [(C = $.list) == null ? void 0 : C.size[l]]: !f && ((T = $.list) == null ? void 0 : T.size[l]),
+      [`${(i = $.list) == null ? void 0 : i.size.prefix}${l}`]: !f && l && !((D = $.list) != null && D.size[l]),
+      [(I = $.list) == null ? void 0 : I.tableSize[r]]: f && ((F = $.list) == null ? void 0 : F.tableSize[r]),
+      [`${(L = $.list) == null ? void 0 : L.tableSize.prefix}${r}`]: f && r && !((q = $.list) != null && q.tableSize[r]),
+      [(G = $.list) == null ? void 0 : G.virtual]: d
     };
   },
-  input: o(c, "input"),
-  inputText: o(c, "inputText"),
-  listHeader: o(c, "listHeader"),
-  list: (l) => {
-    const { c: n = c, size: i, virtual: r } = l, u = n.list;
+  listContent: (o) => {
+    const { c: $ = h, virtual: l } = o, r = $.listContent;
     return {
-      [u.main]: !0,
-      [u.size[i]]: u.size[i],
-      [`${e.prefix}-${t.list}-${i}`]: i && !u.size[i],
-      [u.virtual]: r
+      [r == null ? void 0 : r.main]: !0,
+      [r == null ? void 0 : r.scroller]: !l
     };
   },
-  listContent: o(c, "listContent"),
-  listFooter: o(c, "listFooter")
+  listFooter: n(h, "listFooter")
 };
 export {
-  S as uDropDownList,
-  G as uDropDownsActionSheet,
-  F as uDropDownsBase
+  K as uComboBox,
+  J as uDropDownList,
+  E as uDropDownsActionSheet,
+  j as uDropDownsBase
 };

package/unstyled/form.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"),o=`${e.base.prefix}-${e.forms.form}`,a=`${e.base.prefix}-${e.forms.form}-${e.forms.field}`,l={form:{main:o,size:{small:`${o}-${e.sizeMap.small}`,medium:`${o}-${e.sizeMap.medium}`,large:`${o}-${e.sizeMap.large}`},orientation:{horizontal:`${o}-${e.orientationMap.horizontal}`,vertical:`${o}-${e.orientationMap.vertical}`}}},m={form:n=>{const{size:i,orientation:s,c:t=l}=n,r=t.form;return{[r.main]:!0,[r.size[i]]:r.size[i],[`${o}-${i}`]:!r.size[i],[r.orientation[s]]:r.orientation[s]}}},f={formField:{main:a,isRtl:`${e.base.prefix}-${e.base.rtl}`}},$={formField:n=>{const{isRtl:i,c:s=f}=n,t=s.formField;return{[t.main]:!0,[t.isRtl]:i}}};exports.uForm=m;exports.uFormField=$;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),o=`${e.base.prefix}-${e.forms.form}`,l=`${e.base.prefix}-${e.forms.form}-${e.forms.field}`,m={form:{main:o,size:{prefix:`${o}-`,small:`${o}-${e.sizeMap.small}`,medium:`${o}-${e.sizeMap.medium}`,large:`${o}-${e.sizeMap.large}`},orientation:{horizontal:`${o}-${e.orientationMap.horizontal}`,vertical:`${o}-${e.orientationMap.vertical}`}},formField:{main:l,isRtl:`${e.base.prefix}-${e.base.rtl}`}},f={form:n=>{var a;const{size:r,orientation:s,c:t=m}=n,i=t.form;return{[i.main]:!0,[i.size[r]]:i.size[r],[((a=i.size)==null?void 0:a.prefix)||""]:r&&!i.size[r],[i.orientation[s]]:i.orientation[s]}}},$={formField:n=>{const{isRtl:r,c:s=m}=n,t=s.formField;return{[t.main]:!0,[t.isRtl]:r}}};exports.uForm=f;exports.uFormField=$;

package/unstyled/form.mjs

@@ -6,45 +6,46 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { base as s, forms as l, sizeMap as n, orientationMap as a } from "./json-classes.mjs";
-const o = `${s.prefix}-${l.form}`, f = `${s.prefix}-${l.form}-${l.field}`, $ = {
+import { base as s, forms as l, sizeMap as n, orientationMap as f } from "./json-classes.mjs";
+const o = `${s.prefix}-${l.form}`, c = `${s.prefix}-${l.form}-${l.field}`, $ = {
   form: {
     main: o,
     size: {
+      prefix: `${o}-`,
       small: `${o}-${n.small}`,
       medium: `${o}-${n.medium}`,
       large: `${o}-${n.large}`
     },
     orientation: {
-      horizontal: `${o}-${a.horizontal}`,
-      vertical: `${o}-${a.vertical}`
+      horizontal: `${o}-${f.horizontal}`,
+      vertical: `${o}-${f.vertical}`
     }
+  },
+  formField: {
+    main: c,
+    isRtl: `${s.prefix}-${s.rtl}`
   }
-}, u = {
+}, p = {
   form: (m) => {
-    const { size: i, orientation: e, c: t = $ } = m, r = t.form;
+    var a;
+    const { size: r, orientation: e, c: t = $ } = m, i = t.form;
     return {
-      [r.main]: !0,
-      [r.size[i]]: r.size[i],
-      [`${o}-${i}`]: !r.size[i],
-      [r.orientation[e]]: r.orientation[e]
+      [i.main]: !0,
+      [i.size[r]]: i.size[r],
+      [((a = i.size) == null ? void 0 : a.prefix) || ""]: r && !i.size[r],
+      [i.orientation[e]]: i.orientation[e]
     };
   }
-}, c = {
-  formField: {
-    main: f,
-    isRtl: `${s.prefix}-${s.rtl}`
-  }
-}, F = {
+}, u = {
   formField: (m) => {
-    const { isRtl: i, c: e = c } = m, t = e.formField;
+    const { isRtl: r, c: e = $ } = m, t = e.formField;
     return {
       [t.main]: !0,
-      [t.isRtl]: i
+      [t.isRtl]: r
     };
   }
 };
 export {
-  u as uForm,
-  F as uFormField
+  p as uForm,
+  u as uFormField
 };

package/unstyled/icons.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"),l={prefix:`${e.base.prefix}-${e.icon.prefix}`,svgPrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.prefix}`,flipH:`${e.base.prefix}-${e.icon.flipH}`,flipV:`${e.base.prefix}-${e.icon.flipV}`,themeColor:{inherit:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inherit}`,primary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.primary}`,secondary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.secondary}`,tertiary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.tertiary}`,info:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.info}`,success:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.success}`,warning:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.warning}`,error:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.error}`,dark:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.dark}`,light:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.light}`,inverse:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inverse}`},size:{xsmall:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xsmall}`,small:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.large}`,xlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xlarge}`,xxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxlarge}`,xxxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxxlarge}`}},c={wrapper:s=>{const{iconNameProp:i,themeColor:o,flipH:$,flipV:p,size:a,c:r=l}=s;return{[r.prefix]:!0,[r.svgPrefix]:!0,[`${e.base.prefix}-${e.icon.svg}-${e.icon.i}-${i}`]:i,[r.themeColor[o]]:o,[r.flipH]:$,[r.flipV]:p,[r.size[a]]:r.size[a]}}};exports.uSvgIcon=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),l={wrapper:{main:`${e.base.prefix}-${e.icon.prefix}`,svgPrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.prefix}`,namePrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.i}-`,flipH:`${e.base.prefix}-${e.icon.flipH}`,flipV:`${e.base.prefix}-${e.icon.flipV}`,themeColor:{inherit:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inherit}`,primary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.primary}`,secondary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.secondary}`,tertiary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.tertiary}`,info:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.info}`,success:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.success}`,warning:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.warning}`,error:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.error}`,dark:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.dark}`,light:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.light}`,inverse:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inverse}`},size:{default:"",xsmall:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xsmall}`,small:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.large}`,xlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xlarge}`,xxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxlarge}`,xxxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxxlarge}`}},svg:{main:"",flipH:"",flipV:""}},c={wrapper:p=>{const{iconNameProp:o,themeColor:a,flipH:s,flipV:r,size:$,c:n=l}=p,i=n.wrapper;return{[i.main]:!0,[i.svgPrefix]:!0,[`${i.namePrefix||""}${o}`]:o,[i.themeColor[a]]:a,[i.flipH]:s,[i.flipV]:r,[i.size[$]]:i.size[$]}},svg:p=>{const{flipH:o,flipV:a,c:s=l}=p,r=s.svg;return{[r.main]:!0,[r.flipH]:o,[r.flipV]:a}}};exports.uSvgIcon=c;