@progress/kendo-react-common 13.3.0-develop.9 → 13.4.0-develop.1

package/unstyled/animations.d.ts

@@ -0,0 +1,96 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { WidgetClassStructure } from './interfaces/common.js';
+/** Animation states */
+export interface AnimationStatesClasses {
+    /** Animation for 'push-right' transition */
+    'push-right'?: string;
+    /** Animation for 'push-left' transition */
+    'push-left'?: string;
+    /** Animation for 'push-down' transition */
+    'push-down'?: string;
+    /** Animation for 'push-up' transition */
+    'push-up'?: string;
+    /** Animation for 'expand-vertical' transition */
+    'expand-vertical'?: string;
+    /** Animation for 'expand-horizontal' transition */
+    'expand-horizontal'?: string;
+    /** Animation for 'fade' transition */
+    fade?: string;
+    /** Animation for 'zoom-in' transition */
+    'zoom-in'?: string;
+    /** Animation for 'zoom-out' transition */
+    'zoom-out'?: string;
+    /** Animation for 'slide-in' transition */
+    'slide-in'?: string;
+    /** Animation for 'slide-down' transition */
+    'slide-down'?: string;
+    /** Animation for 'slide-up' transition */
+    'slide-up'?: string;
+    /** Animation for 'slide-right' transition */
+    'slide-right'?: string;
+    /** Animation for 'slide-left' transition */
+    'slide-left'?: string;
+    /** Animation for 'reveal-vertical' transition */
+    'reveal-vertical'?: string;
+    /** Animation for 'reveal-horizontal' transition */
+    'reveal-horizontal'?: string;
+}
+/** Configuration for the child element */
+export interface AnimationChildClasses {
+    /** Container for child element */
+    container?: string;
+    /** Relative positioning for child container */
+    relative?: string;
+}
+/** Configuration for the child element */
+export interface AnimationChildContainerClasses {
+    /** Container for childContainer element */
+    container?: string;
+}
+/** Animation states for appear transition */
+export interface Appear extends AnimationStatesClasses {
+}
+/** Active states for appear transition */
+export interface AppearActive extends AnimationStatesClasses {
+}
+/** Animation states for enter transition */
+export interface Enter extends AnimationStatesClasses {
+}
+/** Active states for enter transition */
+export interface EnterActive extends AnimationStatesClasses {
+}
+/** Animation states for exit transition */
+export interface Exit extends AnimationStatesClasses {
+}
+/** Active states for exit transition */
+export interface ExitActive extends AnimationStatesClasses {
+}
+/** Animation Classes */
+export interface AnimationClasses {
+    /** Configuration for the child element */
+    child?: AnimationChildClasses;
+    /** Configuration for the childContainer element */
+    childContainer?: AnimationChildContainerClasses;
+    /** Animation states for appear transition */
+    appear?: Appear;
+    /** Active states for appear transition */
+    appearActive?: AppearActive;
+    /** Animation states for enter transition */
+    enter?: Enter;
+    /** Active states for enter transition */
+    enterActive?: EnterActive;
+    /** Animation states for exit transition */
+    exit?: Exit;
+    /** Active states for exit transition */
+    exitActive?: ExitActive;
+}
+/**
+ * @hidden
+ */
+export declare const uAnimation: WidgetClassStructure;

package/unstyled/buttons.d.ts

@@ -0,0 +1,186 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { WidgetClassStructure } from './interfaces/common.js';
+/** Button wrapper classes  */
+export interface ButtonWrapperClasses {
+    /** Main button  */
+    main?: string;
+    /** Size options for the button */
+    size?: {
+        /** Small size button */
+        small?: string;
+        /** Medium size button */
+        medium?: string;
+        /** Large size button */
+        large?: string;
+    };
+    /** Fill mode options for the button */
+    fillMode?: {
+        /** Solid fill mode for the button */
+        solid?: string;
+        /** Outline fill mode for the button */
+        outline?: string;
+        /** Flat fill mode for the button */
+        flat?: string;
+        /** Link fill mode for the button */
+        link?: string;
+        /** Clear fill mode for the button */
+        clear?: string;
+    };
+    /** Theme color options for the button */
+    themeColor?: {
+        /** Base theme color */
+        base?: string;
+        /** Primary theme color */
+        primary?: string;
+        /** Secondary theme color */
+        secondary?: string;
+        /** Tertiary theme color */
+        tertiary?: string;
+        /** Info theme color */
+        info?: string;
+        /** Success theme color */
+        success?: string;
+        /** Warning theme color */
+        warning?: string;
+        /** Error theme color */
+        error?: string;
+        /** Dark theme color */
+        dark?: string;
+        /** Light theme color */
+        light?: string;
+        /** Inverse theme color */
+        inverse?: string;
+    };
+    /** Rounded options for the button */
+    rounded?: {
+        /** Small rounded option */
+        small?: string;
+        /** Medium rounded option */
+        medium?: string;
+        /** Large rounded option */
+        large?: string;
+    };
+    /** Icon button */
+    iconButton?: string;
+    /** Disabled state */
+    disabled?: string;
+    /** Selected state */
+    selected?: string;
+    /** Right-to-left layout  */
+    isRtl?: string;
+}
+/**  Theme colors fill mode options for */
+export interface ThemeColorFillModeClasses {
+    /** Fill mode options for theme colors */
+    fillMode?: {
+        /** Solid fill mode for theme colors */
+        solid?: string;
+        /** Outline fill mode for theme colors */
+        outline?: string;
+        /** Flat fill mode for theme colors */
+        flat?: string;
+        /** Link fill mode for theme colors */
+        link?: string;
+        /** Clear fill mode for theme colors */
+        clear?: string;
+    };
+}
+/** Button classes  */
+export interface ButtonClasses {
+    /** Button wrapper */
+    wrapper?: ButtonWrapperClasses;
+    /** Text element  */
+    text?: string;
+    /** Icon element  */
+    icon?: string;
+}
+/**
+ * @hidden
+ */
+export declare const uButton: WidgetClassStructure;
+export interface ButtonGroupWrapperClasses {
+    /** Main button group classes */
+    main?: string;
+    /** Stretched state classes for the button group */
+    stretched?: string;
+    /** Disabled state classes for the button group */
+    disabled?: string;
+}
+export interface ButtonGroupPositionClasses {
+    /** Position for the button group at the start */
+    start?: string;
+    /** Position for the button group at the end */
+    end?: string;
+}
+export interface ButtonGroupClasses {
+    /** Wrapper configuration for the button group */
+    wrapper?: ButtonGroupWrapperClasses;
+    /** Position configuration for the button group */
+    position?: ButtonGroupPositionClasses;
+}
+/**
+ * @hidden
+ */
+export declare const uButtonGroup: WidgetClassStructure;
+export interface DropDownButtonWrapperClasses {
+    /** Main button class */
+    main?: string;
+    /** Focus state class for the button */
+    focus?: string;
+    /** Disabled state class for the button */
+    disabled?: string;
+}
+export interface DropDownButtonSizeClasses {
+    /** Small size class for the button group */
+    small?: string;
+    /** Medium size class for the button group */
+    medium?: string;
+    /** Large size class for the button group */
+    large?: string;
+}
+export interface DropDownButtonGroupClasses {
+    /** Group class for the button container */
+    group?: string;
+    /** Size configuration for the button group */
+    size?: DropDownButtonSizeClasses;
+}
+export interface DropDownButtonListItemClasses {
+    /** Item class for the list container */
+    item?: string;
+    /** Focus state class for the list item */
+    focus?: string;
+}
+export interface DropDownButtonLinkClasses {
+    /** Main link class */
+    main?: string;
+    /** Link class for the button */
+    link?: string;
+    /** Selected state class for the link */
+    selected?: string;
+    /** Disabled state class for the link */
+    disabled?: string;
+}
+export interface DropDownButtonClasses {
+    /** Wrapper configuration for the button */
+    wrapper?: DropDownButtonWrapperClasses;
+    /** Unordered list configuration for the button group */
+    ul?: DropDownButtonGroupClasses;
+    /** List item configuration */
+    li?: DropDownButtonListItemClasses;
+    /** Item class for the button */
+    item?: string;
+    /** Link configuration for the button */
+    link?: DropDownButtonLinkClasses;
+    /** Popup class for the button group */
+    popup?: string;
+}
+/**
+ * @hidden
+ */
+export declare const uDropDownButton: WidgetClassStructure;

package/unstyled/buttons.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./interfaces/common.js"),e=require("./json-classes.js"),f={wrapper:{main:e.buttonPrefix,size:{small:`${e.buttonPrefix}-${e.sizeMap.small}`,medium:`${e.buttonPrefix}-${e.sizeMap.medium}`,large:`${e.buttonPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}`},themeColor:{base:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.base}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.base}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.base}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.base}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.base}`}},primary:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.primary}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.primary}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.primary}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.primary}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.primary}`}},secondary:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.secondary}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.secondary}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.secondary}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.secondary}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.secondary}`}},tertiary:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.tertiary}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.tertiary}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.tertiary}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.tertiary}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.tertiary}`}},info:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.info}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.info}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.info}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.info}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.info}`}},success:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.success}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.success}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.success}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.success}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.success}`}},warning:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.warning}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.warning}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.warning}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.warning}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.warning}`}},error:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.error}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.error}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.error}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.error}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.error}`}},dark:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.dark}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.dark}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.dark}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.dark}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.dark}`}},light:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.light}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.light}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.light}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.light}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.light}`}},inverse:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.inverse}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.inverse}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.inverse}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.inverse}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.inverse}`}}},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}`},iconButton:`${e.base.prefix}-${e.elements.icon}-${e.elements.button}`,disabled:`${e.base.prefix}-${e.states.disabled}`,selected:`${e.base.prefix}-${e.states.selected}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},text:`${e.buttonPrefix}-${e.elements.text}`,icon:`${e.buttonPrefix}-${e.elements.icon}`},x={wrapper:i=>{const{isRtl:o,selected:r,disabled:l,size:t,fillMode:d,rounded:s,themeColor:b,iconButton:c,c:m=f}=i,a=m.wrapper,n=a.themeColor[b],p=n.fillMode[d];return{[a.main]:!0,[a.size[t]]:a.size[t],[`${e.buttonPrefix}-${t}`]:t&&!a.size[t],[a.fillMode[d]]:a.fillMode[d],[p]:p,[a.rounded[s]]:a.rounded[s],[`${e.base.prefix}-${e.base.rounded}-${s}`]:s&&!a.rounded[s],[a.iconButton]:c,[n.disabled]:l&&n&&n.disabled,[n.selected]:r&&n&&n.selected,[a.disabled]:l,[a.selected]:r,[a.isRtl]:o}},text:i=>{const{c:o=f}=i;return{[o.text]:!0}},icon:i=>{const{c:o=f}=i;return{[o.icon]:!0}}},u={wrapper:{main:`${e.buttonPrefix}-${e.containers.group}`,stretched:`${e.buttonPrefix}-${e.containers.group}-${e.states.stretched}`,disabled:`${e.base.prefix}-${e.states.disabled}`},position:{start:`${e.base.prefix}-${e.containers.group}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.containers.group}-${e.directionMap.end}`}},P={wrapper:i=>{const{stretched:o,disabled:r,c:l=u}=i,t=l.wrapper;return{[t.main]:!0,[t.stretched]:o,[t.disabled]:r}},position:i=>{const{start:o,end:r,c:l=u}=i,t=l.position;return{[t.start]:o,[t.end]:r}}},$={wrapper:{main:`${e.ddbPrefix}-${e.elements.button}`,focus:`${e.base.prefix}-${e.states.focus}`,disabled:`${e.base.prefix}-${e.states.disabled}`},ul:{group:`${e.ddbPrefix}-${e.containers.group}`,size:{small:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.small}`,medium:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.medium}`,large:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.large}`}},li:{item:`${e.base.prefix}-${e.containers.item}`,focus:`${e.base.prefix}-${e.states.focus}`},item:`${e.ddbPrefix}-${e.containers.item}`,link:{main:`${e.base.prefix}-${e.elements.link}`,link:`${e.ddbPrefix}-${e.elements.link}`,selected:`${e.base.prefix}-${e.states.selected}`,disabled:`${e.base.prefix}-${e.states.disabled}`},popup:`${e.ddbPrefix}-${e.containers.popup}`},h={wrapper:i=>{const{focused:o,disabled:r,c:l=$}=i,t=l.wrapper;return{[t.main]:!0,[t.focus]:o,[t.disabled]:r}},ul:i=>{const{size:o,c:r=$}=i,l=r.ul;return{[l.group]:!0,[l.size[o]]:l.size[o],[`${e.ddbPrefix}-${e.containers.group}-${o}`]:o&&!l.size[o]}},li:i=>{const{focused:o,c:r=$}=i,l=r.li;return{[l.item]:!0,[l.focus]:o}},item:M.getClassByName($,"item"),link:i=>{const{selected:o,disabled:r,c:l=$}=i,t=l.link;return{[t.main]:!0,[t.link]:!0,[t.selected]:o,[t.disabled]:r}},popup:M.getClassByName($,"popup")};exports.uButton=x;exports.uButtonGroup=P;exports.uDropDownButton=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./interfaces/common.js"),e=require("./json-classes.js"),d={wrapper:{main:e.buttonPrefix,size:{small:`${e.buttonPrefix}-${e.sizeMap.small}`,medium:`${e.buttonPrefix}-${e.sizeMap.medium}`,large:`${e.buttonPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}`},themeColor:{base:`${e.buttonPrefix}-${e.themeColorMap.base}`,primary:`${e.buttonPrefix}-${e.themeColorMap.primary}`,secondary:`${e.buttonPrefix}-${e.themeColorMap.secondary}`,tertiary:`${e.buttonPrefix}-${e.themeColorMap.tertiary}`,info:`${e.buttonPrefix}-${e.themeColorMap.info}`,success:`${e.buttonPrefix}-${e.themeColorMap.success}`,warning:`${e.buttonPrefix}-${e.themeColorMap.warning}`,error:`${e.buttonPrefix}-${e.themeColorMap.error}`,dark:`${e.buttonPrefix}-${e.themeColorMap.dark}`,light:`${e.buttonPrefix}-${e.themeColorMap.light}`,inverse:`${e.buttonPrefix}-${e.themeColorMap.inverse}`},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}`},iconButton:`${e.base.prefix}-${e.elements.icon}-${e.elements.button}`,disabled:`${e.base.prefix}-${e.states.disabled}`,selected:`${e.base.prefix}-${e.states.selected}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},text:`${e.buttonPrefix}-${e.elements.text}`,icon:`${e.buttonPrefix}-${e.elements.icon}`},x={wrapper:o=>{const{isRtl:r,selected:n,disabled:s,size:t,fillMode:u,rounded:a,themeColor:$,iconButton:f,c:m=d}=o,i=m.wrapper,p=$&&i.themeColor?i.themeColor[$]:void 0;return{[i.main]:!0,[i.size[t]]:t&&i.size[t],[`${e.buttonPrefix}-${t}`]:t&&!i.size[t],[i.fillMode[u]]:u&&i.fillMode[u],[p]:p,[i.rounded[a]]:a&&i.rounded[a],[`${e.base.prefix}-${e.base.rounded}-${a}`]:a&&!i.rounded[a],[i.iconButton]:f,[i.disabled]:s,[i.selected]:n,[i.isRtl]:r}},text:o=>{const{c:r=d}=o;return{[r.text]:!0}},icon:o=>{const{c:r=d}=o;return{[r.icon]:!0}}},b={wrapper:{main:`${e.buttonPrefix}-${e.containers.group}`,stretched:`${e.buttonPrefix}-${e.containers.group}-${e.states.stretched}`,disabled:`${e.base.prefix}-${e.states.disabled}`},position:{start:`${e.base.prefix}-${e.containers.group}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.containers.group}-${e.directionMap.end}`}},M={wrapper:o=>{const{stretched:r,disabled:n,c:s=b}=o,t=s.wrapper;return{[t.main]:!0,[t.stretched]:r,[t.disabled]:n}},position:o=>{const{start:r,end:n,c:s=b}=o,t=s.position;return{[t.start]:r,[t.end]:n}}},l={wrapper:{main:`${e.ddbPrefix}-${e.elements.button}`,focus:`${e.base.prefix}-${e.states.focus}`,disabled:`${e.base.prefix}-${e.states.disabled}`},ul:{group:`${e.ddbPrefix}-${e.containers.group}`,size:{small:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.small}`,medium:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.medium}`,large:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.large}`}},li:{item:`${e.base.prefix}-${e.containers.item}`,focus:`${e.base.prefix}-${e.states.focus}`},item:`${e.ddbPrefix}-${e.containers.item}`,link:{main:`${e.base.prefix}-${e.elements.link}`,link:`${e.ddbPrefix}-${e.elements.link}`,selected:`${e.base.prefix}-${e.states.selected}`,disabled:`${e.base.prefix}-${e.states.disabled}`},popup:`${e.ddbPrefix}-${e.containers.popup}`},P={wrapper:o=>{const{focused:r,disabled:n,c:s=l}=o,t=s.wrapper;return{[t.main]:!0,[t.focus]:r,[t.disabled]:n}},ul:o=>{const{size:r,c:n=l}=o,s=n.ul;return{[s.group]:!0,[s.size[r]]:s.size[r],[`${e.ddbPrefix}-${e.containers.group}-${r}`]:r&&!s.size[r]}},li:o=>{const{focused:r,c:n=l}=o,s=n.li;return{[s.item]:!0,[s.focus]:r}},item:c.getClassByName(l,"item"),link:o=>{const{selected:r,disabled:n,c:s=l}=o,t=s.link;return{[t.main]:!0,[t.link]:!0,[t.selected]:r,[t.disabled]:n}},popup:c.getClassByName(l,"popup")};exports.uButton=x;exports.uButtonGroup=M;exports.uDropDownButton=P;