@progress/kendo-themes-html 5.6.1-dev.2 → 5.6.1-dev.5

package/dist/expansion-panel/tests/expansion-panel-rtl.js

@@ -90,7 +90,7 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
@@ -112,7 +112,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander k-expanded k-state-focus",
+      className: "k-expander k-expanded k-focus",
       dir: "rtl"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-header"
@@ -144,11 +144,11 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander k-state-focus",
+      className: "k-expander k-focus",
       dir: "rtl"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-header"
@@ -162,14 +162,14 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander",
       dir: "rtl"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-header k-state-hover"
+      className: "k-expander-header k-hover"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-title"
     }, "Hover state"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -180,14 +180,14 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander k-state-focus",
+      className: "k-expander k-focus",
       dir: "rtl"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-header k-state-hover"
+      className: "k-expander-header k-hover"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-title"
     }, "Hover & Focus state"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -198,14 +198,14 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander",
+      className: "k-expander k-disabled",
       dir: "rtl"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-header k-state-disabled"
+      className: "k-expander-header"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-title"
     }, "Disabled panel"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -216,7 +216,7 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {

package/dist/expansion-panel/tests/expansion-panel-rtl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/expansion-panel/tests/expansion-panel-rtl.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\">\n\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded k-state-focus\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-state-focus\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header k-state-hover\">\n                    <div className=\"k-expander-title\">Hover state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-state-focus\" dir=\"rtl\">\n                <div className=\"k-expander-header k-state-hover\">\n                    <div className=\"k-expander-title\">Hover & Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header k-state-disabled\">\n                    <div className=\"k-expander-title\">Disabled panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Content with fixed height</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\" style={{ height: \"100px\" }}>\n                        <div style={{ height: \"100%\", overflow: \"auto\" }}>\n                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&apos;t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAkB;AAClB,sBAAqB;;;ACDrB,cAAuB;;;ACChB,MAAM,aAAa,IAAI,SAAiB;AAC3C,UAAM,SAAS,CAAC;AAEhB,UAAM,cAAc,CAAC,QAAQ;AACzB,MAAC,OAAO,QAAQ,WACV,OAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,eAAO,OAAO,IAAI;AAAA,MACtB,CAAC,IACE,OAAO,OAAO;AAAA,IAEzB;AAEA,UAAM,UAAU,CAAC,SACb,KACK,OAAO,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,CAAC,EAC5C;AAAA,MAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG;AAAA,IACxD;AAER,YAAQ,IAAI;AAEZ,WAAO,OAAO,KAAK,MAAM,EACpB,IAAI,CAAC,QAAS,OAAO,QAAQ,OAAQ,IAAI,EACzC,OAAO,CAAC,OAAO,OAAO,IAAI,EAC1B,KAAK,GAAG;AAAA,EACjB;;;ADjBO,MAAM,OAAN,cAAyB,gBAAqB;AAAA,IAEjD,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,YACI,CAAC,OAAO,SAAS;AAAA,UACrB;AAAA,QACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;AD/BA,MAAM,OAAO,cAAAA,QAAS;AAAA,IAClB,SAAS,eAAe,KAAK;AAAA,EACjC;AAEA,OAAK;AAAA,IACD,6BAAAC,QAAA,2BAAAA,QAAA,gBACI,6BAAAA,QAAA,cAAC;AAAA,MAAI,IAAG;AAAA,OAEJ,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAa,KAAI;AAAA,OAC5B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,iBAAe,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAwB,KAAI;AAAA,OACvC,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,gBAAc,GAChD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAmB,CACnE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAsC,KAAI;AAAA,OACrD,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,gBAAc,GAChD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAmB,CACnE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAa,KAAI;AAAA,OAC5B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,iBAAe,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAA2B,KAAI;AAAA,OAC1C,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,aAAW,GAC7C,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAa,KAAI;AAAA,OAC5B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,aAAW,GAC7C,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAA2B,KAAI;AAAA,OAC1C,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,qBAAmB,GACrD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAa,KAAI;AAAA,OAC5B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,gBAAc,GAChD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAwB,KAAI;AAAA,OACvC,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,2BAAyB,GAC3D,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAmB,CACnE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAqB,OAAO,EAAE,QAAQ,QAAQ;AAAA,OACzD,6BAAAA,QAAA,cAAC;AAAA,MAAI,OAAO,EAAE,QAAQ,QAAQ,UAAU,OAAO;AAAA,OAAG,8yCAElD,CACJ,CACJ,CACJ,CAEJ,CACJ;AAAA,EACJ;",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\">\n\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded k-focus\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-focus\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header k-hover\">\n                    <div className=\"k-expander-title\">Hover state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-focus\" dir=\"rtl\">\n                <div className=\"k-expander-header k-hover\">\n                    <div className=\"k-expander-title\">Hover & Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-disabled\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Disabled panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Content with fixed height</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\" style={{ height: \"100px\" }}>\n                        <div style={{ height: \"100%\", overflow: \"auto\" }}>\n                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&apos;t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAkB;AAClB,sBAAqB;;;ACDrB,cAAuB;;;ACChB,MAAM,aAAa,IAAI,SAAiB;AAC3C,UAAM,SAAS,CAAC;AAEhB,UAAM,cAAc,CAAC,QAAQ;AACzB,MAAC,OAAO,QAAQ,WACV,OAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,eAAO,OAAO,IAAI;AAAA,MACtB,CAAC,IACE,OAAO,OAAO;AAAA,IAEzB;AAEA,UAAM,UAAU,CAAC,SACb,KACK,OAAO,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,CAAC,EAC5C;AAAA,MAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG;AAAA,IACxD;AAER,YAAQ,IAAI;AAEZ,WAAO,OAAO,KAAK,MAAM,EACpB,IAAI,CAAC,QAAS,OAAO,QAAQ,OAAQ,IAAI,EACzC,OAAO,CAAC,OAAO,OAAO,IAAI,EAC1B,KAAK,GAAG;AAAA,EACjB;;;ADjBO,MAAM,OAAN,cAAyB,gBAAqB;AAAA,IAEjD,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,YACI,CAAC,OAAO,SAAS;AAAA,UACrB;AAAA,QACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;AD/BA,MAAM,OAAO,cAAAA,QAAS;AAAA,IAClB,SAAS,eAAe,KAAK;AAAA,EACjC;AAEA,OAAK;AAAA,IACD,6BAAAC,QAAA,2BAAAA,QAAA,gBACI,6BAAAA,QAAA,cAAC;AAAA,MAAI,IAAG;AAAA,OAEJ,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAa,KAAI;AAAA,OAC5B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,iBAAe,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAwB,KAAI;AAAA,OACvC,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,gBAAc,GAChD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAmB,CACnE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAgC,KAAI;AAAA,OAC/C,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,gBAAc,GAChD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAmB,CACnE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAa,KAAI;AAAA,OAC5B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,iBAAe,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAqB,KAAI;AAAA,OACpC,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,aAAW,GAC7C,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAa,KAAI;AAAA,OAC5B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,aAAW,GAC7C,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAqB,KAAI;AAAA,OACpC,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,qBAAmB,GACrD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAwB,KAAI;AAAA,OACvC,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,gBAAc,GAChD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAwB,KAAI;AAAA,OACvC,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,2BAAyB,GAC3D,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAmB,CACnE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAqB,OAAO,EAAE,QAAQ,QAAQ;AAAA,OACzD,6BAAAA,QAAA,cAAC;AAAA,MAAI,OAAO,EAAE,QAAQ,QAAQ,UAAU,OAAO;AAAA,OAAG,8yCAElD,CACJ,CACJ,CACJ,CAEJ,CACJ;AAAA,EACJ;",
   "names": ["ReactDOM", "React"]
 }

package/dist/expansion-panel/tests/expansion-panel.js

@@ -89,7 +89,7 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
@@ -110,7 +110,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander k-expanded k-state-focus"
+      className: "k-expander k-expanded k-focus"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-header"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
@@ -140,11 +140,11 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander k-state-focus"
+      className: "k-expander k-focus"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-header"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
@@ -157,13 +157,13 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-header k-state-hover"
+      className: "k-expander-header k-hover"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-title"
     }, "Hover state"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -174,13 +174,13 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander k-state-focus"
+      className: "k-expander k-focus"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-header k-state-hover"
+      className: "k-expander-header k-hover"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-title"
     }, "Hover & Focus state"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -191,13 +191,13 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander"
+      className: "k-expander k-disabled"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-header k-state-disabled"
+      className: "k-expander-header"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-title"
     }, "Disabled panel"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -208,7 +208,7 @@
       className: "k-expander-indicator",
       name: "arrow-chevron-down"
     })), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-expander-content-wrapper k-display-none"
+      className: "k-expander-content-wrapper k-d-none"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-expander-content"
     }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {

package/dist/expansion-panel/tests/expansion-panel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/expansion-panel/tests/expansion-panel.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\">\n            <div className=\"k-expander\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded k-state-focus\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded Focused panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-state-focus\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\">\n                <div className=\"k-expander-header k-state-hover\">\n                    <div className=\"k-expander-title\">Hover state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-state-focus\">\n                <div className=\"k-expander-header k-state-hover\">\n                    <div className=\"k-expander-title\">Hover & Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\">\n                <div className=\"k-expander-header k-state-disabled\">\n                    <div className=\"k-expander-title\">Disabled panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Content with fixed height</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\" style={{ height: \"100px\" }}>\n                        <div style={{ height: \"100%\", overflow: \"auto\" }}>\n                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&apos;t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\">\n            <div className=\"k-expander\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded k-focus\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded Focused panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-focus\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\">\n                <div className=\"k-expander-header k-hover\">\n                    <div className=\"k-expander-title\">Hover state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-focus\">\n                <div className=\"k-expander-header k-hover\">\n                    <div className=\"k-expander-title\">Hover & Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-disabled\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Disabled panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-d-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Content with fixed height</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\" style={{ height: \"100px\" }}>\n                        <div style={{ height: \"100%\", overflow: \"auto\" }}>\n                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&apos;t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
   "mappings": "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",
   "names": ["ReactDOM", "React"]
 }

package/dist/filemanager/tests/filemanager-contextmenu.js

@@ -111,6 +111,8 @@
         active,
         selected,
         disabled,
+        showArrow,
+        arrowIconName,
         ...htmlAttributes
       } = this.props;
       const hasIcon = icon !== void 0;
@@ -138,18 +140,24 @@
       }, icon && /* @__PURE__ */ React2.createElement(Icon, {
         className: classNames(iconClassName, "k-button-icon"),
         name: icon
-      }), text || hasIcon ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, text && /* @__PURE__ */ React2.createElement("span", {
+      }), text ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, text && /* @__PURE__ */ React2.createElement("span", {
         className: "k-button-text"
       }, text), children) : children && /* @__PURE__ */ React2.createElement("span", {
         className: "k-button-text"
-      }, children));
+      }, children), showArrow && /* @__PURE__ */ React2.createElement("span", {
+        className: "k-menu-button-arrow k-button-arrow"
+      }, /* @__PURE__ */ React2.createElement(Icon, {
+        name: arrowIconName
+      })));
     }
   };
   Button.defaultProps = {
     size: "medium",
     rounded: "medium",
     fillMode: "solid",
-    themeColor: "base"
+    themeColor: "base",
+    showArrow: false,
+    arrowIconName: "arrow-s"
   };
 
   // src/menu/menu-item.tsx

package/dist/filemanager/tests/filemanager-contextmenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/filemanager/tests/filemanager-contextmenu.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx", "../../../src/menu/menu-item.tsx", "../../../src/menu/menu-item-content.tsx", "../../../src/menu/menu-list.tsx", "../../../src/popup/popup.tsx", "../../../src/treeview/treeview.tsx", "../../../src/treeview/treeview-group.tsx", "../../../src/treeview/treeview-item.tsx", "../../../src/checkbox/checkbox.tsx", "../../../src/treeview/treeview-leaf.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Icon } from '../../icon';\nimport { MenuItem, MenuList } from '../../menu';\nimport { Popup } from '../../popup';\nimport { Treeview, TreeviewItem } from '../../treeview';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    #filemanager-context-menu {\n        position: absolute;\n        top: 200px;\n        left: 270px;\n        z-index: 2;\n        overflow: visible;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n            <span>File Manager ContextMenu</span>\n            <div className=\"k-widget k-filemanager\">\n                {/* Header */}\n                <div className=\"k-filemanager-header\">\n                    <div className=\"k-filemanager-toolbar k-toolbar k-widget\">\n                        <Button>New Folder</Button>\n                        <Button>Upload</Button>\n                    </div>\n                </div>\n\n                <div className=\"k-filemanager-content-container\">\n                    {/* Navigation */}\n                    <div className=\"k-filemanager-navigation\">\n                        <Treeview className=\"k-filemanager-treeview\">\n                            <TreeviewItem text=\"Folder\" />\n                        </Treeview>\n                    </div>\n\n                    {/* Content */}\n                    <div className=\"k-filemanager-content\">\n                        <nav className=\"k-filemanager-breadcrumb k-widget k-breadcrumb\">\n                            <ol className=\"k-breadcrumb-container\">\n                                <li className=\"k-breadcrumb-item k-breadcrumb-root-item\">\n                                    <a className=\"k-breadcrumb-root-link  k-breadcrumb-icon-link\">\n                                        <Icon name=\"home\" />\n                                    </a>\n                                </li>\n                            </ol>\n                        </nav>\n\n                        {/* View */}\n                        <div className=\"k-widget k-listview k-selectable k-filemanager-listview\">\n                            <div className=\"k-listview-content k-d-flex k-flex-row k-flex-wrap\">\n                                <div className=\"k-listview-item\">\n                                    <span className=\"k-file-preview\"><Icon className=\"k-file-icon\" name=\"folder\" /></span>\n                                    <span className=\"k-file-name\">Folder</span>\n                                </div>\n                                <div className=\"k-listview-item\">\n                                    <span className=\"k-file-preview\"><Icon className=\"k-file-icon\" name=\"file-image\" /></span>\n                                    <span className=\"k-file-name\">file.png</span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n\n                    {/* Preview */}\n                    <div className=\"k-filemanager-preview\" hidden></div>\n                </div>\n            </div>\n\n            <div className=\"k-animation-container k-context-menu-popup\" id=\"filemanager-context-menu\">\n                <Popup className=\"k-menu-popup\">\n                    <MenuList>\n                        <MenuItem text=\"Rename\" icon=\"pencil\"></MenuItem>\n                        <MenuItem text=\"Delete\" icon=\"trash\"></MenuItem>\n                    </MenuList>\n                </Popup>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text || hasIcon\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\n\n\nexport interface MenuItemProps {\n    className?: string;\n    children?: React.ReactElement[];\n    dir?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class MenuItem extends React.Component<MenuItemProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        dir: 'ltr'\n    };\n\n    render() {\n        const {\n            className,\n            children,\n            text,\n            icon,\n            showArrow,\n            arrowIconName,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            dir,\n        } = this.props;\n\n        const contentTemplate = <></>;\n\n        if (children) {\n            children.forEach( child => {\n                const component = child.type;\n\n                if (component === 'MenuItemContent') {\n                    contentTemplate.props.children.push( child );\n                    return;\n                }\n            });\n        }\n\n        let expandArrowName = arrowIconName;\n\n        if ( !expandArrowName ) {\n            expandArrowName = dir === 'rtl'\n                ? 'arrow-w'\n                : 'arrow-e';\n        }\n\n        return (\n\n            <li\n                className={classNames(\n                    className,\n                    'k-item k-menu-item',\n                    {\n                        'k-disabled': disabled,\n                        'k-focus': focus,\n                    }\n                )}>\n                <span\n                    className={classNames(\n                        className,\n                        'k-link k-menu-link',\n                        {\n                            'k-hover': hover,\n                            'k-active': active,\n                            'k-selected': selected,\n                            'k-disabled': disabled\n                        }\n                    )}>\n                    {icon && <Icon className=\"k-menu-link-icon\" name={icon} />}\n                    <span className=\"k-menu-link-text\">{text}</span>\n                    {showArrow && <span className=\"k-menu-expand-arrow\"><Icon name={expandArrowName} /></span>}\n                </span>\n                {contentTemplate}\n            </li>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\n\nexport interface MenuItemContentProps {\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport class MenuItemContent extends React.Component<MenuItemContentProps> {\n\n\n    render() {\n        const {\n            className,\n            children,\n        } = this.props;\n\n        if (!children) {\n            return <></>;\n        }\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-menu-item-content',\n                )}>\n                {children}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\n\nexport interface MenuListProps {\n    className?: string;\n    children?: React.ReactNode;\n    size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class MenuList extends React.Component<MenuListProps> {\n\n    static defaultProps = {\n        size: 'medium',\n    };\n\n    render() {\n        const {\n            className,\n            children,\n            size,\n        } = this.props;\n\n        if (!children) {\n            return <></>;\n        }\n\n        return (\n            <ul\n                className={classNames(\n                    className,\n                    'k-menu-group',\n                    {\n                        [`k-menu-group-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                    }\n                )}>\n                {children}\n            </ul>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface PopupProps {\n    children?: React.ReactNode;\n    className?: string;\n}\n\nexport class Popup extends React.Component<PopupProps> {\n\n    render() {\n        const {\n            className,\n            children\n        } = this.props;\n\n        return (\n            <div className={classNames(className, 'k-popup')}>\n                {children}\n            </div>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { TreeviewGroup } from './treeview-group';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewProps {\n    className?: string;\n    children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n    size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class Treeview extends React.Component<TreeviewProps> {\n\n    static defaultProps = {\n        size: 'medium'\n    };\n\n    render() {\n        const {\n            className,\n            size,\n            children\n        } = this.props;\n\n        return (\n            <div\n                className={classNames(\n                    className,\n                    'k-treeview',\n                    {\n                        [`k-treeview-${kendoThemeMaps.sizeMap[size!] || size}`]: size\n                    }\n                )}\n            >\n                <TreeviewGroup className=\"k-treeview-lines\">\n                    {children}\n                </TreeviewGroup>\n            </div>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewGroupProps {\n    className?: string;\n    children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n}\n\nexport class TreeviewGroup extends React.Component<TreeviewGroupProps> {\n\n    render() {\n        const {\n            className,\n            children\n        } = this.props;\n\n        return (\n            <ul className={classNames(className, 'k-treeview-group')}>\n                {children}\n            </ul>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { classNames } from '../utils';\nimport { TreeViewLeaf } from './treeview-leaf';\n\nexport interface TreeviewItemProps {\n    className?: string;\n    leafClassName?: string;\n    children?: any;\n    hasChildren?: boolean;\n    expanded?: boolean;\n    text?: string;\n    showIcon?: boolean;\n    icon?: string;\n    showCheckbox?: boolean;\n    checked?: boolean;\n    hover?: boolean;\n    focus?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n}\n\nexport class TreeviewItem extends React.Component<TreeviewItemProps> {\n\n    render() {\n        const {\n            className,\n            leafClassName,\n            children,\n            hasChildren,\n            expanded,\n            text,\n            showIcon,\n            icon,\n            showCheckbox,\n            checked,\n            hover,\n            focus,\n            selected,\n            disabled\n        } = this.props;\n\n        const _hasChildren = hasChildren || children;\n\n        return (\n            <li\n                className={classNames(\n                    className,\n                    'k-treeview-item',\n                    {\n                        'k-disabled': disabled\n                    }\n                )}\n            >\n                <span className=\"k-treeview-mid\">\n                    {_hasChildren && (\n                        <span className=\"k-treeview-toggle\">\n                            <Icon name={expanded ? 'collapse' : 'expand'} />\n                        </span>\n                    )}\n                    {showCheckbox && (\n                        <Checkbox checked={checked} />\n                    )}\n                    <TreeViewLeaf\n                        className={leafClassName}\n                        text={text}\n                        showIcon={showIcon}\n                        icon={icon}\n                        hover={hover}\n                        focus={focus}\n                        selected={selected}\n                    />\n                </span>\n                {expanded && _hasChildren && (\n                    <>\n                        {children}\n                    </>\n                )}\n            </li>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CheckboxProps {\n    id?: string;\n    className?: string;\n    checked?: boolean;\n    indeterminate?: boolean;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded?: null | 'small' | 'medium' | 'large';\n    hover?: boolean;\n    focus?: boolean;\n    invalid?: boolean;\n    required?: boolean;\n    disabled?: boolean;\n}\n\nexport class Checkbox extends React.Component<CheckboxProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium'\n    };\n\n    render() {\n        const {\n            id,\n            className,\n            checked,\n            indeterminate,\n            size,\n            rounded,\n            hover,\n            focus,\n            invalid,\n            disabled,\n            required\n        } = this.props;\n\n        return (\n            <span className=\"k-checkbox-wrap\">\n                <input\n                    id={id}\n                    type=\"checkbox\"\n                    checked={checked}\n                    required={required}\n                    className={classNames(\n                        className,\n                        'k-checkbox',\n                        {\n                            [`k-checkbox-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                            [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                            'k-hover': hover,\n                            'k-focus': focus,\n                            'k-disabled': disabled,\n                            'k-checked': checked,\n                            'k-invalid': invalid,\n                            'k-indeterminate': !checked && indeterminate\n                        }\n                    )}\n                />\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { classNames } from '../utils';\n\nexport interface TreeViewLeafProps {\n    className?: string;\n    text?: string;\n    showIcon?: boolean;\n    icon?: string;\n    hover?: boolean;\n    focus?: boolean;\n    selected?: boolean;\n}\n\nexport class TreeViewLeaf extends React.Component<TreeViewLeafProps> {\n\n    render() {\n        const {\n            className,\n            text,\n            showIcon,\n            icon,\n            hover,\n            focus,\n            selected\n        } = this.props;\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-treeview-leaf',\n                    {\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-selected': selected\n                    }\n                )}\n            >\n                {showIcon && <Icon name={icon} />}\n                <span className=\"k-treeview-leaf-text\">\n                    {text}\n                </span>\n            </span>\n        );\n    }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Icon } from '../../icon';\nimport { MenuItem, MenuList } from '../../menu';\nimport { Popup } from '../../popup';\nimport { Treeview, TreeviewItem } from '../../treeview';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    #filemanager-context-menu {\n        position: absolute;\n        top: 200px;\n        left: 270px;\n        z-index: 2;\n        overflow: visible;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n            <span>File Manager ContextMenu</span>\n            <div className=\"k-widget k-filemanager\">\n                {/* Header */}\n                <div className=\"k-filemanager-header\">\n                    <div className=\"k-filemanager-toolbar k-toolbar k-widget\">\n                        <Button>New Folder</Button>\n                        <Button>Upload</Button>\n                    </div>\n                </div>\n\n                <div className=\"k-filemanager-content-container\">\n                    {/* Navigation */}\n                    <div className=\"k-filemanager-navigation\">\n                        <Treeview className=\"k-filemanager-treeview\">\n                            <TreeviewItem text=\"Folder\" />\n                        </Treeview>\n                    </div>\n\n                    {/* Content */}\n                    <div className=\"k-filemanager-content\">\n                        <nav className=\"k-filemanager-breadcrumb k-widget k-breadcrumb\">\n                            <ol className=\"k-breadcrumb-container\">\n                                <li className=\"k-breadcrumb-item k-breadcrumb-root-item\">\n                                    <a className=\"k-breadcrumb-root-link  k-breadcrumb-icon-link\">\n                                        <Icon name=\"home\" />\n                                    </a>\n                                </li>\n                            </ol>\n                        </nav>\n\n                        {/* View */}\n                        <div className=\"k-widget k-listview k-selectable k-filemanager-listview\">\n                            <div className=\"k-listview-content k-d-flex k-flex-row k-flex-wrap\">\n                                <div className=\"k-listview-item\">\n                                    <span className=\"k-file-preview\"><Icon className=\"k-file-icon\" name=\"folder\" /></span>\n                                    <span className=\"k-file-name\">Folder</span>\n                                </div>\n                                <div className=\"k-listview-item\">\n                                    <span className=\"k-file-preview\"><Icon className=\"k-file-icon\" name=\"file-image\" /></span>\n                                    <span className=\"k-file-name\">file.png</span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n\n                    {/* Preview */}\n                    <div className=\"k-filemanager-preview\" hidden></div>\n                </div>\n            </div>\n\n            <div className=\"k-animation-container k-context-menu-popup\" id=\"filemanager-context-menu\">\n                <Popup className=\"k-menu-popup\">\n                    <MenuList>\n                        <MenuItem text=\"Rename\" icon=\"pencil\"></MenuItem>\n                        <MenuItem text=\"Delete\" icon=\"trash\"></MenuItem>\n                    </MenuList>\n                </Popup>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base',\n        showArrow: false,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            showArrow,\n            arrowIconName,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n\n                {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\n\n\nexport interface MenuItemProps {\n    className?: string;\n    children?: React.ReactElement[];\n    dir?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class MenuItem extends React.Component<MenuItemProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        dir: 'ltr'\n    };\n\n    render() {\n        const {\n            className,\n            children,\n            text,\n            icon,\n            showArrow,\n            arrowIconName,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            dir,\n        } = this.props;\n\n        const contentTemplate = <></>;\n\n        if (children) {\n            children.forEach( child => {\n                const component = child.type;\n\n                if (component === 'MenuItemContent') {\n                    contentTemplate.props.children.push( child );\n                    return;\n                }\n            });\n        }\n\n        let expandArrowName = arrowIconName;\n\n        if ( !expandArrowName ) {\n            expandArrowName = dir === 'rtl'\n                ? 'arrow-w'\n                : 'arrow-e';\n        }\n\n        return (\n\n            <li\n                className={classNames(\n                    className,\n                    'k-item k-menu-item',\n                    {\n                        'k-disabled': disabled,\n                        'k-focus': focus,\n                    }\n                )}>\n                <span\n                    className={classNames(\n                        className,\n                        'k-link k-menu-link',\n                        {\n                            'k-hover': hover,\n                            'k-active': active,\n                            'k-selected': selected,\n                            'k-disabled': disabled\n                        }\n                    )}>\n                    {icon && <Icon className=\"k-menu-link-icon\" name={icon} />}\n                    <span className=\"k-menu-link-text\">{text}</span>\n                    {showArrow && <span className=\"k-menu-expand-arrow\"><Icon name={expandArrowName} /></span>}\n                </span>\n                {contentTemplate}\n            </li>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\n\nexport interface MenuItemContentProps {\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport class MenuItemContent extends React.Component<MenuItemContentProps> {\n\n\n    render() {\n        const {\n            className,\n            children,\n        } = this.props;\n\n        if (!children) {\n            return <></>;\n        }\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-menu-item-content',\n                )}>\n                {children}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\n\nexport interface MenuListProps {\n    className?: string;\n    children?: React.ReactNode;\n    size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class MenuList extends React.Component<MenuListProps> {\n\n    static defaultProps = {\n        size: 'medium',\n    };\n\n    render() {\n        const {\n            className,\n            children,\n            size,\n        } = this.props;\n\n        if (!children) {\n            return <></>;\n        }\n\n        return (\n            <ul\n                className={classNames(\n                    className,\n                    'k-menu-group',\n                    {\n                        [`k-menu-group-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                    }\n                )}>\n                {children}\n            </ul>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface PopupProps {\n    children?: React.ReactNode;\n    className?: string;\n}\n\nexport class Popup extends React.Component<PopupProps> {\n\n    render() {\n        const {\n            className,\n            children\n        } = this.props;\n\n        return (\n            <div className={classNames(className, 'k-popup')}>\n                {children}\n            </div>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { TreeviewGroup } from './treeview-group';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewProps {\n    className?: string;\n    children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n    size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class Treeview extends React.Component<TreeviewProps> {\n\n    static defaultProps = {\n        size: 'medium'\n    };\n\n    render() {\n        const {\n            className,\n            size,\n            children\n        } = this.props;\n\n        return (\n            <div\n                className={classNames(\n                    className,\n                    'k-treeview',\n                    {\n                        [`k-treeview-${kendoThemeMaps.sizeMap[size!] || size}`]: size\n                    }\n                )}\n            >\n                <TreeviewGroup className=\"k-treeview-lines\">\n                    {children}\n                </TreeviewGroup>\n            </div>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewGroupProps {\n    className?: string;\n    children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n}\n\nexport class TreeviewGroup extends React.Component<TreeviewGroupProps> {\n\n    render() {\n        const {\n            className,\n            children\n        } = this.props;\n\n        return (\n            <ul className={classNames(className, 'k-treeview-group')}>\n                {children}\n            </ul>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { classNames } from '../utils';\nimport { TreeViewLeaf } from './treeview-leaf';\n\nexport interface TreeviewItemProps {\n    className?: string;\n    leafClassName?: string;\n    children?: any;\n    hasChildren?: boolean;\n    expanded?: boolean;\n    text?: string;\n    showIcon?: boolean;\n    icon?: string;\n    showCheckbox?: boolean;\n    checked?: boolean;\n    hover?: boolean;\n    focus?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n}\n\nexport class TreeviewItem extends React.Component<TreeviewItemProps> {\n\n    render() {\n        const {\n            className,\n            leafClassName,\n            children,\n            hasChildren,\n            expanded,\n            text,\n            showIcon,\n            icon,\n            showCheckbox,\n            checked,\n            hover,\n            focus,\n            selected,\n            disabled\n        } = this.props;\n\n        const _hasChildren = hasChildren || children;\n\n        return (\n            <li\n                className={classNames(\n                    className,\n                    'k-treeview-item',\n                    {\n                        'k-disabled': disabled\n                    }\n                )}\n            >\n                <span className=\"k-treeview-mid\">\n                    {_hasChildren && (\n                        <span className=\"k-treeview-toggle\">\n                            <Icon name={expanded ? 'collapse' : 'expand'} />\n                        </span>\n                    )}\n                    {showCheckbox && (\n                        <Checkbox checked={checked} />\n                    )}\n                    <TreeViewLeaf\n                        className={leafClassName}\n                        text={text}\n                        showIcon={showIcon}\n                        icon={icon}\n                        hover={hover}\n                        focus={focus}\n                        selected={selected}\n                    />\n                </span>\n                {expanded && _hasChildren && (\n                    <>\n                        {children}\n                    </>\n                )}\n            </li>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CheckboxProps {\n    id?: string;\n    className?: string;\n    checked?: boolean;\n    indeterminate?: boolean;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded?: null | 'small' | 'medium' | 'large';\n    hover?: boolean;\n    focus?: boolean;\n    invalid?: boolean;\n    required?: boolean;\n    disabled?: boolean;\n}\n\nexport class Checkbox extends React.Component<CheckboxProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium'\n    };\n\n    render() {\n        const {\n            id,\n            className,\n            checked,\n            indeterminate,\n            size,\n            rounded,\n            hover,\n            focus,\n            invalid,\n            disabled,\n            required\n        } = this.props;\n\n        return (\n            <span className=\"k-checkbox-wrap\">\n                <input\n                    id={id}\n                    type=\"checkbox\"\n                    checked={checked}\n                    required={required}\n                    className={classNames(\n                        className,\n                        'k-checkbox',\n                        {\n                            [`k-checkbox-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                            [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                            'k-hover': hover,\n                            'k-focus': focus,\n                            'k-disabled': disabled,\n                            'k-checked': checked,\n                            'k-invalid': invalid,\n                            'k-indeterminate': !checked && indeterminate\n                        }\n                    )}\n                />\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { classNames } from '../utils';\n\nexport interface TreeViewLeafProps {\n    className?: string;\n    text?: string;\n    showIcon?: boolean;\n    icon?: string;\n    hover?: boolean;\n    focus?: boolean;\n    selected?: boolean;\n}\n\nexport class TreeViewLeaf extends React.Component<TreeViewLeafProps> {\n\n    render() {\n        const {\n            className,\n            text,\n            showIcon,\n            icon,\n            hover,\n            focus,\n            selected\n        } = this.props;\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-treeview-leaf',\n                    {\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-selected': selected\n                    }\n                )}\n            >\n                {showIcon && <Icon name={icon} />}\n                <span className=\"k-treeview-leaf-text\">\n                    {text}\n                </span>\n            </span>\n        );\n    }\n}\n"],
+  "mappings": "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",
   "names": ["React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
 }