@progress/kendo-cli 1.3.1 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -18708,7 +18708,7 @@ module.exports = "// @ts-check\nimport { defineConfig } from 'astro/config';\n\n
18708
18708
  \********************************************************************************************************************************/
18709
18709
  /***/ ((module) => {
18710
18710
 
18711
- module.exports = "{\n \"name\": \"astro-vsx-integration\",\n \"type\": \"module\",\n \"version\": \"0.0.1\",\n \"scripts\": {\n \"dev\": \"astro dev\",\n \"start\": \"astro dev\",\n \"build\": \"astro check && astro build\",\n \"preview\": \"astro preview\",\n \"astro\": \"astro\"\n },\n \"dependencies\": {\n \"@astrojs/check\": \"^0.9.4\",\n \"@astrojs/react\": \"^3.6.2\",\n \"@progress/kendo-react-buttons\": \"^8.4.0\",\n \"@progress/kendo-react-excel-export\": \"^8.4.0\",\n \"@progress/kendo-react-grid\": \"^8.4.0\",\n \"@progress/kendo-react-layout\": \"^8.4.0\",\n \"@progress/kendo-react-pdf\": \"^8.4.0\",\n \"@progress/kendo-theme-bootstrap\": \"^9.0.0\",\n \"@progress/kendo-theme-default\": \"^9.0.0\",\n \"@progress/kendo-theme-material\": \"^9.0.0\",\n \"@types/react\": \"^18.3.11\",\n \"@types/react-dom\": \"^18.3.0\",\n \"astro\": \"^4.15.11\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-router-dom\": \"^6.26.2\",\n \"sass\": \"^1.79.4\",\n \"typescript\": \"^5.6.2\"\n },\n \"devDependencies\": {\n \"@types/react-router-dom\": \"^5.3.3\"\n }\n}\n";
18711
+ module.exports = "{\n \"name\": \"astro-vsx-integration\",\n \"type\": \"module\",\n \"version\": \"0.0.1\",\n \"scripts\": {\n \"dev\": \"astro dev\",\n \"start\": \"astro dev\",\n \"build\": \"astro check && astro build\",\n \"preview\": \"astro preview\",\n \"astro\": \"astro\"\n },\n \"dependencies\": {\n \"astro\": \"^4.15.11\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-router-dom\": \"^6.26.2\",\n \"sass\": \"^1.79.4\",\n \"typescript\": \"^5.6.2\",\n \"@astrojs/check\": \"^0.9.4\",\n \"@astrojs/react\": \"^3.6.2\",\n \"@types/react\": \"^18.3.11\",\n \"@types/react-dom\": \"^18.3.0\",\n \"@progress/kendo-react-buttons\": \"^9.0.0\",\n \"@progress/kendo-react-excel-export\": \"^9.0.0\",\n \"@progress/kendo-react-grid\": \"^9.0.0\",\n \"@progress/kendo-react-layout\": \"^9.0.0\",\n \"@progress/kendo-react-pdf\": \"^9.0.0\",\n \"@progress/kendo-theme-bootstrap\": \"^10.0.0\",\n \"@progress/kendo-theme-default\": \"^10.0.0\",\n \"@progress/kendo-theme-material\": \"^10.0.0\"\n },\n \"devDependencies\": {\n \"@types/react-router-dom\": \"^5.3.3\"\n }\n}\n";
18712
18712
 
18713
18713
  /***/ }),
18714
18714
 
@@ -18808,7 +18808,7 @@ module.exports = "export interface ProductCategory {\n CategoryID?: number,\n
18808
18808
  \************************************************************************************************************************************************/
18809
18809
  /***/ ((module) => {
18810
18810
 
18811
- module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n right: 0px;\n top: -205px;\n z-index: -1;\n height: 788px;\n}\n \n.section-container {\n padding: var(--kendo-spacing-8);\n margin: 0 auto;\n}\n \n.center-section, .cards {\n margin: 0 auto;\n max-width: 1154px;\n}\n \n.center-section .section-title {\n margin: var(--kendo-spacing-2);\n}\n\n.section-container.bg-color {\n margin: 0 auto;\n text-align: left;\n background-color: #FAFAFA;\n padding: 24px 24px 24px 48px;\n}\n\n.section-container.bg-color code {\n background-color: #FF635829;\n padding: 0 4px;\n}\n \n.welcome-title, .welcome-subtitle {\n margin: 0;\n font-weight: 300;\n}\n \n.welcome-title {\n font-size: 84px;\n line-height: 100px;\n}\n \n.welcome-subtitle {\n font-size: 42px;\n line-height: 50px;\n}\n \n.section-title {\n color: var(--light-theme-text-colors-kendo-component-text, #424242);\n font-size: 28px;\n font-weight: 400;\n line-height: 42px;\n margin: 0;\n}\n \n.cards .section-title {\n text-align: left;\n margin-left: var(--kendo-spacing-6);\n}\n \n.cards-container {\n display: flex;\n flex-wrap: wrap;\n}\n \n.k-card {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--kendo-spacing-0, 0px);\n align-items: center;\n margin: var(--kendo-spacing-6);\n padding: var(--kendo-spacing-0, 0px);\n width: 240px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n}\n \n.k-card .k-card-header {\n border: none;\n background-color: transparent;\n}\n \n.k-card-body {\n text-align: left;\n}\n \n.card-list {\n padding: var(--kendo-spacing-0, 0px);\n margin: 0;\n list-style-type: disc;\n text-align: left;\n}\n \nfooter {\n padding: var(--kendo-spacing-4, 16px) 0px;\n border: 1px solid;\n border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));\n color: var(--light-theme-text-colors-kendo-subtle-text, #666666);\n font-size: 14px;\n}\n \n@media (max-width: 900px) {\n .section-container .welcome-title {\n font-size: 64px;\n line-height: 84px;\n }\n}\n \n@media (max-width: 480px) {\n .section-container .welcome-title {\n font-size: 42px;\n line-height: 48px;\n }\n \n .section-container .welcome-subtitle {\n font-size: 24px;\n line-height: 32px;\n }\n}\n ";
18811
+ module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n right: 0px;\n top: -205px;\n z-index: -1;\n height: 788px;\n}\n\n.section-container {\n padding: var(--kendo-spacing-8);\n margin: 0 auto;\n}\n\n.center-section, .cards {\n margin: 0 auto;\n max-width: 1154px;\n}\n\n.center-section .section-title {\n margin: var(--kendo-spacing-2);\n}\n\n.section-container.get-started {\n margin: 0 auto;\n text-align: left;\n padding: 24px 24px 24px 48px;\n}\n\n.section-container.get-started code {\n background-color: #FF635829;\n padding: 0 4px;\n}\n\n.welcome-title, .welcome-subtitle {\n margin: 0;\n font-weight: 300;\n}\n\n.welcome-title {\n font-size: 84px;\n line-height: 100px;\n}\n\n.welcome-subtitle {\n font-size: 42px;\n line-height: 50px;\n}\n\n.section-title {\n font-size: 28px;\n font-weight: 400;\n line-height: 42px;\n margin: 0;\n}\n\n.cards .section-title {\n text-align: left;\n margin-left: var(--kendo-spacing-6);\n}\n\n.cards-container {\n display: flex;\n flex-wrap: wrap;\n}\n\n.k-card {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--kendo-spacing-0, 0px);\n align-items: center;\n margin: var(--kendo-spacing-6);\n padding: var(--kendo-spacing-0, 0px);\n width: 240px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n}\n\n.k-card .k-card-header {\n border: none;\n background-color: transparent;\n}\n\n.k-card-body {\n text-align: left;\n}\n\n.card-list {\n padding: var(--kendo-spacing-0, 0px);\n margin: 0;\n list-style-type: disc;\n text-align: left;\n}\n\nfooter {\n padding: var(--kendo-spacing-4, 16px) 0px;\n border: 1px solid;\n border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));\n color: var(--light-theme-text-colors-kendo-subtle-text, #666666);\n font-size: 14px;\n}\n\n@media (max-width: 900px) {\n .section-container .welcome-title {\n font-size: 64px;\n line-height: 84px;\n }\n}\n\n@media (max-width: 480px) {\n .section-container .welcome-title {\n font-size: 42px;\n line-height: 48px;\n }\n\n .section-container .welcome-subtitle {\n font-size: 24px;\n line-height: 32px;\n }\n}\n";
18812
18812
 
18813
18813
  /***/ }),
18814
18814
 
@@ -18818,7 +18818,7 @@ module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n
18818
18818
  \*************************************************************************************************************************************************/
18819
18819
  /***/ ((module) => {
18820
18820
 
18821
- module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n right: 0px;\n top: -205px;\n z-index: -1;\n height: 788px;\n}\n \n.section-container {\n padding: var(--kendo-spacing-8);\n margin: 0 auto;\n}\n \n.center-section, .cards {\n margin: 0 auto;\n max-width: 1154px;\n}\n \n.center-section .section-title {\n margin: var(--kendo-spacing-2);\n}\n\n.section-container.bg-color {\n margin: 0 auto;\n text-align: left;\n background-color: #FAFAFA;\n padding: 24px 24px 24px 48px;\n}\n\n.section-container.bg-color code {\n background-color: #FF635829;\n padding: 0 4px;\n}\n \n.welcome-title, .welcome-subtitle {\n margin: 0;\n font-weight: 300;\n}\n \n.welcome-title {\n font-size: 84px;\n line-height: 100px;\n}\n \n.welcome-subtitle {\n font-size: 42px;\n line-height: 50px;\n}\n \n.section-title {\n color: var(--light-theme-text-colors-kendo-component-text, #424242);\n font-size: 28px;\n font-weight: 400;\n line-height: 42px;\n margin: 0;\n}\n \n.cards .section-title {\n text-align: left;\n margin-left: var(--kendo-spacing-6);\n}\n \n.cards-container {\n display: flex;\n flex-wrap: wrap;\n}\n \n.k-card {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--kendo-spacing-0, 0px);\n align-items: center;\n margin: var(--kendo-spacing-6);\n padding: var(--kendo-spacing-0, 0px);\n width: 240px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n}\n \n.k-card .k-card-header {\n border: none;\n background-color: transparent;\n}\n \n.k-card-body {\n text-align: left;\n}\n \n.card-list {\n padding: var(--kendo-spacing-0, 0px);\n margin: 0;\n list-style-type: disc;\n text-align: left;\n}\n \nfooter {\n padding: var(--kendo-spacing-4, 16px) 0px;\n border: 1px solid;\n border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));\n color: var(--light-theme-text-colors-kendo-subtle-text, #666666);\n font-size: 14px;\n}\n \n@media (max-width: 900px) {\n .section-container .welcome-title {\n font-size: 64px;\n line-height: 84px;\n }\n}\n \n@media (max-width: 480px) {\n .section-container .welcome-title {\n font-size: 42px;\n line-height: 48px;\n }\n \n .section-container .welcome-subtitle {\n font-size: 24px;\n line-height: 32px;\n }\n}\n ";
18821
+ module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n right: 0px;\n top: -205px;\n z-index: -1;\n height: 788px;\n}\n\n.section-container {\n padding: var(--kendo-spacing-8);\n margin: 0 auto;\n}\n\n.center-section, .cards {\n margin: 0 auto;\n max-width: 1154px;\n}\n\n.center-section .section-title {\n margin: var(--kendo-spacing-2);\n}\n\n.section-container.get-started {\n margin: 0 auto;\n text-align: left;\n padding: 24px 24px 24px 48px;\n}\n\n.section-container.get-started code {\n background-color: #FF635829;\n padding: 0 4px;\n}\n\n.welcome-title, .welcome-subtitle {\n margin: 0;\n font-weight: 300;\n}\n\n.welcome-title {\n font-size: 84px;\n line-height: 100px;\n}\n\n.welcome-subtitle {\n font-size: 42px;\n line-height: 50px;\n}\n\n.section-title {\n font-size: 28px;\n font-weight: 400;\n line-height: 42px;\n margin: 0;\n}\n\n.cards .section-title {\n text-align: left;\n margin-left: var(--kendo-spacing-6);\n}\n\n.cards-container {\n display: flex;\n flex-wrap: wrap;\n}\n\n.k-card {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--kendo-spacing-0, 0px);\n align-items: center;\n margin: var(--kendo-spacing-6);\n padding: var(--kendo-spacing-0, 0px);\n width: 240px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n}\n\n.k-card .k-card-header {\n border: none;\n background-color: transparent;\n}\n\n.k-card-body {\n text-align: left;\n}\n\n.card-list {\n padding: var(--kendo-spacing-0, 0px);\n margin: 0;\n list-style-type: disc;\n text-align: left;\n}\n\nfooter {\n padding: var(--kendo-spacing-4, 16px) 0px;\n border: 1px solid;\n border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));\n color: var(--light-theme-text-colors-kendo-subtle-text, #666666);\n font-size: 14px;\n}\n\n@media (max-width: 900px) {\n .section-container .welcome-title {\n font-size: 64px;\n line-height: 84px;\n }\n}\n\n@media (max-width: 480px) {\n .section-container .welcome-title {\n font-size: 42px;\n line-height: 48px;\n }\n\n .section-container .welcome-subtitle {\n font-size: 24px;\n line-height: 32px;\n }\n}\n";
18822
18822
 
18823
18823
  /***/ }),
18824
18824
 
@@ -18828,7 +18828,7 @@ module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n
18828
18828
  \************************************************************************************************************************************************/
18829
18829
  /***/ ((module) => {
18830
18830
 
18831
- module.exports = "import { \n AppBar,\n AppBarSection,\n AppBarSpacer,\n Card, \n CardActions,\n CardBody, \n CardHeader, \n CardTitle \n} from \"@progress/kendo-react-layout\";\n\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport './Home.css';\n\nexport default function HomeComponent() {\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>KendoReact ❤️ Astro</AppBarSection>\n <AppBarSpacer />\n <AppBarSection>\n\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">\n <a href=\"/\">Home</a>\n </Button>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"/grid\">Grid</a>\n </Button>\n\n </AppBarSection>\n </AppBar>\n\n <section className=\"section-container\">\n <img src=\"/react.svg\" alt=\"React Logo\" className=\"react-logo\" />\n <div className=\"k-d-flex k-flex-col k-my-12\">\n <h1 className=\"welcome-title\">Welcome to KendoReact</h1>\n <h3 className=\"welcome-subtitle\">Comprehensive React UI Component Library</h3>\n\n <div className=\"k-mt-3\">\n <Button themeColor=\"primary\" className=\"k-mr-2\">\n <a href=\"https://www.telerik.com/kendo-react-ui\" target=\"_blank\">Try KendoReact</a>\n </Button>\n <Button themeColor=\"secondary\" fillMode=\"solid\">\n <a href=\"https://docs.astro.build/en/getting-started/\" target=\"_blank\">More about Astro</a>\n </Button>\n </div>\n </div>\n </section>\n <section className=\"section-container bg-color\">\n <div className=\"center-section\">\n <h5 className=\"section-title\">Get started</h5>\n <div className=\"k-ml-2\">Edit home page at <code>src/components/home/Home.tsx</code> or set up a Grid data source at <code>src/components/grid/data.json</code></div>\n </div>\n </section>\n <section className=\"section-container\">\n <div className=\"cards\">\n <h5 className=\"section-title\">Highlights</h5>\n <div className=\"cards-container\">\n <Card>\n <CardHeader>\n <img src=\"/documentation.svg\" alt=\"Documentation Logo\" width={64} height={64} />\n\n <CardTitle>Documentation</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Unlock the full potential of our features! Check KendoReact Documentation for step-by-step guides and insights.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/kendo-react-ui/components/\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src='./classroom.svg' alt=\"Virtual Classroom Logo\" width={64} height={64} />\n <CardTitle>Virtual Classroom</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Need to quickly get started with KendoReact or just prefer video on-boarding materials we have Virtual Classroom for you.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://rb.gy/w21cc8\" target=\"_blank\">Get Started</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src=\"./design.svg\" alt=\"Design System Logo\" width={64} height={64} />\n <CardTitle>Design System</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Quickly apply harmonious and consistent styles to the components in your app with the Progress Design System.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/design-system/docs/\" target=\"_blank\">Find your style</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src=\"./license.svg\" alt=\"License Logo\" width={64} height={64} />\n\n <CardTitle>Activate your license</CardTitle>\n </CardHeader>\n <CardBody>\n <ul className=\"card-list\">\n <li>Flexible Licensing Policy</li>\n <li>Maintenance & Support</li>\n <li>Total Cost of Ownership</li>\n <li>Enterprise-Ready Offerings</li>\n </ul>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/purchase.aspx?filter=web#individual-products\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n </div>\n </div>\n </section>\n\n <footer className=\"footer\">\n <div>Copyright © 2024 Progress Software. All rights reserved.</div>\n </footer>\n </>\n );\n}\n";
18831
+ module.exports = "import {\n AppBar,\n AppBarSection,\n AppBarSpacer,\n Card,\n CardActions,\n CardBody,\n CardHeader,\n CardTitle\n} from \"@progress/kendo-react-layout\";\n\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport './Home.css';\n\nexport default function HomeComponent() {\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>KendoReact ❤️ Astro</AppBarSection>\n <AppBarSpacer />\n <AppBarSection>\n\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">\n <a href=\"/\">Home</a>\n </Button>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"/grid\">Grid</a>\n </Button>\n\n </AppBarSection>\n </AppBar>\n\n <section className=\"section-container\">\n <img src=\"/react.svg\" alt=\"React Logo\" className=\"react-logo\" />\n <div className=\"k-d-flex k-flex-col k-my-12\">\n <h1 className=\"welcome-title\">Welcome to KendoReact</h1>\n <h3 className=\"welcome-subtitle\">Comprehensive React UI Component Library</h3>\n\n <div className=\"k-mt-3\">\n <Button themeColor=\"primary\" className=\"k-mr-2\">\n <a href=\"https://www.telerik.com/kendo-react-ui\" target=\"_blank\">Try KendoReact</a>\n </Button>\n <Button themeColor=\"secondary\" fillMode=\"solid\">\n <a href=\"https://docs.astro.build/en/getting-started/\" target=\"_blank\">More about Astro</a>\n </Button>\n </div>\n </div>\n </section>\n <section className=\"section-container get-started\">\n <div className=\"center-section\">\n <h5 className=\"section-title\">Get started</h5>\n <div className=\"k-ml-2\">Edit home page at <code>src/components/home/Home.tsx</code> or set up a Grid data source at <code>src/components/grid/data.json</code></div>\n </div>\n </section>\n <section className=\"section-container\">\n <div className=\"cards\">\n <h5 className=\"section-title\">Highlights</h5>\n <div className=\"cards-container\">\n <Card>\n <CardHeader>\n <img src=\"/documentation.svg\" alt=\"Documentation Logo\" width={64} height={64} />\n\n <CardTitle>Documentation</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Unlock the full potential of our features! Check KendoReact Documentation for step-by-step guides and insights.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/kendo-react-ui/components/\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src='./classroom.svg' alt=\"Virtual Classroom Logo\" width={64} height={64} />\n <CardTitle>Virtual Classroom</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Need to quickly get started with KendoReact or just prefer video on-boarding materials we have Virtual Classroom for you.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://rb.gy/w21cc8\" target=\"_blank\">Get Started</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src=\"./design.svg\" alt=\"Design System Logo\" width={64} height={64} />\n <CardTitle>Design System</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Quickly apply harmonious and consistent styles to the components in your app with the Progress Design System.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/design-system/docs/\" target=\"_blank\">Find your style</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src=\"./license.svg\" alt=\"License Logo\" width={64} height={64} />\n\n <CardTitle>Activate your license</CardTitle>\n </CardHeader>\n <CardBody>\n <ul className=\"card-list\">\n <li>Flexible Licensing Policy</li>\n <li>Maintenance & Support</li>\n <li>Total Cost of Ownership</li>\n <li>Enterprise-Ready Offerings</li>\n </ul>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/purchase.aspx?filter=web#individual-products\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n </div>\n </div>\n </section>\n\n <footer className=\"footer\">\n <div>Copyright © 2024 Progress Software. All rights reserved.</div>\n </footer>\n </>\n );\n}\n";
18832
18832
 
18833
18833
  /***/ }),
18834
18834
 
@@ -18838,7 +18838,7 @@ module.exports = "import { \n AppBar,\n AppBarSection,\n AppBarSpacer,\n Car
18838
18838
  \********************************************************************************************************************************************/
18839
18839
  /***/ ((module) => {
18840
18840
 
18841
- module.exports = "---\nimport \"@progress/kendo-theme-default/dist/all.css\";\n\ninterface Props {\n\ttitle: string;\n}\n\nconst { title } = Astro.props;\n---\n\n<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"UTF-8\" />\n\t\t<meta name=\"description\" content=\"Astro description\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t<link rel=\"icon\" type=\"image/svg+xml\" href=\"/favicon.svg\" />\n\t\t<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\">\n\t\t<meta name=\"generator\" content={Astro.generator} />\n\t\t<title>{title}</title>\n\t</head>\n\t<body>\n\t\t<slot />\n\t</body>\n</html>\n\n<style is:global>\n:root {\n\tfont-family: Roboto, sans-serif;\n\tline-height: 1.5;\n\tfont-weight: 400;\n\twidth: 100%;\n\ttext-align: center;\n\tcolor-scheme: light dark;\n\tcolor: rgba(255, 255, 255, 0.87);\n\tbackground-color: #242424;\n\n\tfont-synthesis: none;\n\ttext-rendering: optimizeLegibility;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n\tmargin: 0;\n\tmin-width: 320px;\n\tcolor: #424242;\n}\n\na:-webkit-any-link {\n\tcolor: inherit;\n\ttext-decoration: none;\n}\n\n@media (prefers-color-scheme: light) {\n\t:root {\n\t\twidth: 100%;\n\t\tcolor: #213547;\n\t\tbackground-color: #ffffff;\n\t}\n}\n</style>\n";
18841
+ module.exports = "---\nimport \"@progress/kendo-theme-default/dist/all.css\";\n\ninterface Props {\n\ttitle: string;\n}\n\nconst { title } = Astro.props;\n---\n\n<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"UTF-8\" />\n\t\t<meta name=\"description\" content=\"Astro description\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t<link rel=\"icon\" type=\"image/svg+xml\" href=\"/favicon.svg\" />\n\t\t<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\">\n\t\t<link rel=\"stylesheet\" href=\"https://unpkg.com/@progress/kendo-theme-utils/dist/all.css\" />\n\t\t<meta name=\"generator\" content={Astro.generator} />\n\t\t<title>{title}</title>\n\t</head>\n\t<body>\n\t\t<slot />\n\t</body>\n</html>\n\n<style is:global>\n:root {\n\tfont-family: Roboto, sans-serif;\n\tline-height: 1.5;\n\tfont-weight: 400;\n\twidth: 100%;\n\ttext-align: center;\n\tcolor-scheme: light dark;\n\n\tfont-synthesis: none;\n\ttext-rendering: optimizeLegibility;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n\tmargin: 0;\n\tmin-width: 320px;\n}\n\na:-webkit-any-link {\n\tcolor: inherit;\n\ttext-decoration: none;\n}\n\n@media (prefers-color-scheme: light) {\n\t:root {\n\t\tcolor: #213547;\n\t\tbackground-color: #ffffff;\n\t}\n\t.section-container.get-started {\n\t\tbackground-color: #FAFAFA;\n\t}\n}\n\n@media (prefers-color-scheme: dark) {\n\t:root {\n\t\t--kendo-color-app-surface: #141414;\n --kendo-color-on-app-surface: #f5f5f5;\n --kendo-color-subtle: #C2C2C2;\n --kendo-color-surface: #242424;\n --kendo-color-surface-alt: #333;\n --kendo-color-border: rgba(255, 255, 255, 0.24);\n --kendo-color-border-alt: rgba(255, 255, 255, 0.48);\n --kendo-color-base-subtle: #333;\n --kendo-color-base-subtle-hover: #424242;\n --kendo-color-base-subtle-active: #4D4D4D;\n --kendo-color-base: #3D3D3D;\n --kendo-color-base-hover: #4D4D4D;\n --kendo-color-base-active: #575757;\n --kendo-color-base-emphasis: #9C9C9C;\n --kendo-color-base-on-subtle: #f5f5f5;\n --kendo-color-on-base: #f5f5f5;\n --kendo-color-base-on-surface: #f5f5f5;\n --kendo-color-primary-subtle: #752D29;\n --kendo-color-primary-subtle-hover: #8C3631;\n --kendo-color-primary-subtle-active: #A43F39;\n --kendo-color-primary: #EA5A51;\n --kendo-color-primary-hover: #D35149;\n --kendo-color-primary-active: #BB4841;\n --kendo-color-primary-emphasis: #F29C97;\n --kendo-color-primary-on-subtle: #FDEFEE;\n --kendo-color-on-primary: #fff;\n --kendo-color-primary-on-surface: #ED736B;\n --kendo-color-secondary-subtle: #333;\n --kendo-color-secondary-subtle-hover: #424242;\n --kendo-color-secondary-subtle-active: #4D4D4D;\n --kendo-color-secondary: #C2C2C2;\n --kendo-color-secondary-hover: #D6D6D6;\n --kendo-color-secondary-active: #EBEBEB;\n --kendo-color-secondary-emphasis: #9C9C9C;\n --kendo-color-secondary-on-subtle: #f5f5f5;\n --kendo-color-on-secondary: #141414;\n --kendo-color-secondary-on-surface: #C2C2C2;\n --kendo-color-tertiary-subtle: #023F5C;\n --kendo-color-tertiary-subtle-hover: #02557A;\n --kendo-color-tertiary-subtle-active: #026999;\n --kendo-color-tertiary: #03A9F4;\n --kendo-color-tertiary-hover: #039AE0;\n --kendo-color-tertiary-active: #028CCB;\n --kendo-color-tertiary-emphasis: #61C9F9;\n --kendo-color-tertiary-on-subtle: #EBF8FE;\n --kendo-color-on-tertiary: #fff;\n --kendo-color-tertiary-on-surface: #03A9F4;\n --kendo-color-info-subtle: #002C75;\n --kendo-color-info-subtle-hover: #003892;\n --kendo-color-info-subtle-active: #0042AF;\n --kendo-color-info: #0058E9;\n --kendo-color-info-hover: #0052D6;\n --kendo-color-info-active: #0044C2;\n --kendo-color-info-emphasis: #0052D6;\n --kendo-color-info-on-subtle: #E9F0FD;\n --kendo-color-on-info: #fff;\n --kendo-color-info-on-surface: #4082EF;\n --kendo-color-success-subtle: #1C5A00;\n --kendo-color-success-subtle-hover: #227100;\n --kendo-color-success-subtle-active: #298700;\n --kendo-color-success: #37B400;\n --kendo-color-success-hover: #32A500;\n --kendo-color-success-active: #2D9600;\n --kendo-color-success-emphasis: #32A500;\n --kendo-color-success-on-subtle: #EDF8E9;\n --kendo-color-on-success: #fff;\n --kendo-color-success-on-surface: #32A500;\n --kendo-color-warning-subtle: #806000;\n --kendo-color-warning-subtle-hover: #A07800;\n --kendo-color-warning-subtle-active: #BF9000;\n --kendo-color-warning: #FFC000;\n --kendo-color-warning-hover: #EAAF00;\n --kendo-color-warning-active: #D49F00;\n --kendo-color-warning-emphasis: #FFC720;\n --kendo-color-warning-on-subtle: #FFFAE9;\n --kendo-color-on-warning: #3D3D3D;\n --kendo-color-warning-on-surface: #EAAF00;\n --kendo-color-error-subtle: #980F00;\n --kendo-color-error-subtle-hover: #B61100;\n --kendo-color-error-subtle-active: #CA1400;\n --kendo-color-error: #F43520;\n --kendo-color-error-hover: #F31700;\n --kendo-color-error-active: #DF1600;\n --kendo-color-error-emphasis: #F43520;\n --kendo-color-error-on-subtle: #FEEEED;\n --kendo-color-on-error: #fff;\n --kendo-color-error-on-surface: #F65140;\n --kendo-color-light-subtle: #FAFAFA;\n --kendo-color-light-subtle-hover: #f5f5f5;\n --kendo-color-light-subtle-active: #EBEBEB;\n --kendo-color-light: #EBEBEB;\n --kendo-color-light-hover: #E0E0E0;\n --kendo-color-light-active: #D6D6D6;\n --kendo-color-light-emphasis: #D6D6D6;\n --kendo-color-light-on-subtle: #141414;\n --kendo-color-on-light: #000;\n --kendo-color-light-on-surface: #E0E0E0;\n --kendo-color-dark-subtle: #C2C2C2;\n --kendo-color-dark-subtle-hover: #ADADAD;\n --kendo-color-dark-subtle-active: #999;\n --kendo-color-dark: #3D3D3D;\n --kendo-color-dark-hover: #292929;\n --kendo-color-dark-active: #1F1F1F;\n --kendo-color-dark-emphasis: #666;\n --kendo-color-dark-on-subtle: #1F1F1F;\n --kendo-color-on-dark: #fff;\n --kendo-color-dark-on-surface: #141414;\n --kendo-color-inverse-subtle: #FAFAFA;\n --kendo-color-inverse-subtle-hover: #f5f5f5;\n --kendo-color-inverse-subtle-active: #EBEBEB;\n --kendo-color-inverse: #EBEBEB;\n --kendo-color-inverse-hover: #E0E0E0;\n --kendo-color-inverse-active: #D6D6D6;\n --kendo-color-inverse-emphasis: #D6D6D6;\n --kendo-color-inverse-on-subtle: #141414;\n --kendo-color-on-inverse: #000;\n --kendo-color-inverse-on-surface: #E0E0E0;\n --kendo-color-series-a: #EA5A51;\n --kendo-color-series-a-bold: #F08C85;\n --kendo-color-series-a-bolder: #F5ADA8;\n --kendo-color-series-a-subtle: #BB4841;\n --kendo-color-series-a-subtler: #8C3631;\n --kendo-color-series-b: #FFE162;\n --kendo-color-series-b-bold: #FFED9D;\n --kendo-color-series-b-bolder: #FFF7D4;\n --kendo-color-series-b-subtle: #D4BC52;\n --kendo-color-series-b-subtler: #A3913F;\n --kendo-color-series-c: #4CD180;\n --kendo-color-series-c-bold: #79DDA0;\n --kendo-color-series-c-bolder: #A6E8C0;\n --kendo-color-series-c-subtle: #3FAE6A;\n --kendo-color-series-c-subtler: #2F834F;\n --kendo-color-series-d: #4B5FFA;\n --kendo-color-series-d-bold: #7887FB;\n --kendo-color-series-d-bolder: #A5AFFD;\n --kendo-color-series-d-subtle: #3F50D1;\n --kendo-color-series-d-subtler: #2F3C9D;\n --kendo-color-series-e: #AC58FF;\n --kendo-color-series-e-bold: #C182FF;\n --kendo-color-series-e-bolder: #D6ACFF;\n --kendo-color-series-e-subtle: #8F49D4;\n --kendo-color-series-e-subtler: #6B37A0;\n --kendo-color-series-f: #EA5186;\n --kendo-color-series-f-bold: #FF82AE;\n --kendo-color-series-f-bolder: #FFACC9;\n --kendo-color-series-f-subtle: #BF426E;\n --kendo-color-series-f-subtler: #802C49;\n\t}\n\n\t.k-appbar {\n\t\tcolor: #ffffff;\n\t\tbackground-color: #3d3d3d;\n\t}\n\t.section-container.get-started {\n\t\tbackground-color: #3d3d3d;\n\t}\n\n\t.k-card {\n\t\tcolor: #ffffff;\n\t\tbackground-color: #3d3d3d;\n\t}\n}\n</style>";
18842
18842
 
18843
18843
  /***/ }),
18844
18844
 
@@ -18918,7 +18918,7 @@ module.exports = "\"use client\"\n\nimport * as React from \"react\";\nimport {\
18918
18918
  \*******************************************************************************************************************************************************/
18919
18919
  /***/ ((module) => {
18920
18920
 
18921
- module.exports = "import { Roboto } from 'next/font/google'\nimport '@progress/kendo-theme-default/dist/all.css';\nimport './globals.css'\n\nexport const metadata = {\n title: 'Create Next App',\n description: 'Generated by create next app',\n}\n\nconst roboto = Roboto({\n weight: '400',\n subsets: ['latin'],\n})\n\nexport default function RootLayout({\n children,\n}) {\n return (\n <html lang=\"en\">\n <body className={roboto.className}>{children}</body>\n </html>\n )\n}\n";
18921
+ module.exports = "import { Roboto } from 'next/font/google'\nimport '@progress/kendo-theme-default/dist/all.css';\nimport './globals.css'\n\nexport const metadata = {\n title: 'Create Next App',\n description: 'Generated by create next app',\n}\n\nconst roboto = Roboto({\n weight: '400',\n subsets: ['latin'],\n})\n\nexport default function RootLayout({\n children,\n}) {\n return (\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <link rel=\"icon\" type=\"image/svg+xml\" href=\"/vite.svg\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\"/>\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin />\n <link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\" />\n <link rel=\"stylesheet\" href=\"https://unpkg.com/@progress/kendo-theme-utils@9.1.0/dist/all.css\" />\n <title>Next.js + KendoReact</title>\n </head>\n <body className={roboto.className}>{children}</body>\n </html>\n )\n}\n";
18922
18922
 
18923
18923
  /***/ }),
18924
18924
 
@@ -19148,7 +19148,7 @@ module.exports = "\"use client\"\n\nimport * as React from \"react\";\n\nimport
19148
19148
  \********************************************************************************************************************************************************/
19149
19149
  /***/ ((module) => {
19150
19150
 
19151
- module.exports = "import type { Metadata } from 'next'\nimport { Roboto } from 'next/font/google'\nimport '@progress/kendo-theme-default/dist/all.css';\nimport './globals.css';\n\nexport const metadata: Metadata = {\n title: 'Create Next App',\n description: 'Generated by create next app',\n}\n\nconst roboto = Roboto({\n weight: '400',\n subsets: ['latin'],\n})\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode\n}) {\n return (\n <html lang=\"en\">\n <body className={roboto.className}>{children}</body>\n </html>\n )\n}\n";
19151
+ module.exports = "import React from 'react'\nimport type { Metadata } from 'next'\nimport { Roboto } from 'next/font/google'\nimport '@progress/kendo-theme-default/dist/all.css';\nimport './globals.css';\n\nexport const metadata: Metadata = {\n title: 'Create Next App',\n description: 'Generated by create next app',\n}\n\nconst roboto = Roboto({\n weight: '400',\n subsets: ['latin'],\n})\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode\n}) {\n return (\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <link rel=\"icon\" type=\"image/svg+xml\" href=\"/vite.svg\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\"/>\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin />\n <link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\" />\n <link rel=\"stylesheet\" href=\"https://unpkg.com/@progress/kendo-theme-utils@9.1.0/dist/all.css\" />\n <title>Next.js + KendoReact</title>\n </head>\n <body className={roboto.className}>{children}</body>\n </html>\n )\n}\n";
19152
19152
 
19153
19153
  /***/ }),
19154
19154
 
@@ -19168,7 +19168,7 @@ module.exports = ".page {\n display: flex;\n flex-direction: column;\n min-he
19168
19168
  \******************************************************************************************************************************************************/
19169
19169
  /***/ ((module) => {
19170
19170
 
19171
- module.exports = "\"use client\"\n\nimport Image from \"next/image\";\n\nimport { Button } from \"@progress/kendo-react-buttons\";\n\nimport { \n Card, \n CardActions,\n CardBody, \n CardHeader, \n CardTitle \n} from \"@progress/kendo-react-layout\";\n\nimport styles from \"./page.module.css\";\n\nimport { useRouter } from 'next/navigation';\n\nexport default function Home() {\n const router = useRouter();\n\n return (\n <div className={styles.page}>\n <header className={styles.header}>\n <h2>KendoReact ❤️ Next.js</h2>\n <div>\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">Home</Button>\n <Button themeColor=\"primary\" fillMode=\"flat\" onClick={() => router.push('/grid')}>Grid</Button>\n </div>\n </header>\n <div className={styles.container}>\n <Image\n className={styles.reactLogo}\n src=\"/react.svg\"\n alt=\"React Logo\"\n width={886}\n height={788}\n priority\n />\n <div className=\"k-d-flex k-flex-col\">\n <h1 className={styles.title}>Welcome to KendoReact</h1>\n <h3 className={styles.subtitle}>Comprehensive React UI Component Library</h3>\n <div className=\"k-mt-3\">\n <Button themeColor=\"primary\" className=\"k-mr-2\">\n <a href=\"https://www.telerik.com/kendo-react-ui\" target=\"_blank\">Try KendoReact</a>\n </Button>\n <Button themeColor=\"secondary\" fillMode=\"solid\">\n <a href=\"https://vercel.com/\" target=\"_blank\">More about Next.js</a>\n </Button>\n </div>\n </div>\n </div>\n\n <section className={styles.section}>\n <div className={styles.container}>\n <div className=\"k-pl-8\">\n <h5 className={styles.sectionTitle}>Get started</h5>\n <p>Edit index page at or set up data source at <code>pages/index.jsx</code> or set up data source at <code>kendo/data.json</code></p>\n </div>\n </div>\n </section>\n\n <section className={styles.cardsSection}>\n <div className={styles.cardsWrapper}>\n <h5 className={styles.sectionTitle}>Highlights</h5>\n <div className={styles.cardsContainer}>\n <Card className={styles.card}>\n <CardHeader className={styles.cardHeader}>\n <Image\n src=\"/documentation.svg\"\n alt=\"Documentation Logo\"\n width={64}\n height={64}\n priority\n />\n <CardTitle className={styles.cardTitle}>Documentation</CardTitle>\n </CardHeader>\n <CardBody>\n <p className={styles.cardBody}>\n Unlock the full potential of our features! Check KendoReact Documentation for step-by-step guides and insights.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/kendo-react-ui/components/\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card className={styles.card}>\n <CardHeader className={styles.cardHeader}>\n <Image\n src=\"/classroom.svg\"\n alt=\"Virtual Classroom Logo\"\n width={64}\n height={64}\n priority\n />\n <CardTitle className={styles.cardTitle}>Virtual Classroom</CardTitle>\n </CardHeader>\n <CardBody>\n <p className={styles.cardBody}>\n Need to quickly get started with KendoReact or just prefer video on-boarding materials we have Virtual Classroom for you.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://rb.gy/w21cc8\" target=\"_blank\">Get Started</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card className={styles.card}>\n <CardHeader className={styles.cardHeader}>\n <Image\n src=\"/design.svg\"\n alt=\"Design System Logo\"\n width={64}\n height={64}\n priority\n />\n <CardTitle className={styles.cardTitle}>Design System</CardTitle>\n </CardHeader>\n <CardBody>\n <p className={styles.cardBody}>\n Quickly apply harmonious and consistent styles to the components in your app with the Progress Design System.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/design-system\" target=\"_blank\">Find your style</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card className={styles.card}>\n <CardHeader className={styles.cardHeader}>\n <Image\n src=\"/license.svg\"\n alt=\"License Logo\"\n width={64}\n height={64}\n priority\n />\n <CardTitle className={styles.cardTitle}>Activate your license</CardTitle>\n </CardHeader>\n <CardBody>\n <ul className={styles.cardBodyList}>\n <li>Flexible Licensing Policy</li>\n <li>Maintenance & Support</li>\n <li>Total Cost of Ownership</li>\n <li>Enterprise-Ready Offerings</li>\n </ul>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/purchase.aspx?filter=web#individual-products\" target=\"_blank\">Buy now</a>\n </Button>\n </CardActions>\n </Card>\n </div>\n </div>\n </section>\n\n <footer className={styles.footer}>\n <p>Copyright © 2023 Progress Software. All rights reserved.</p>\n </footer>\n </div>\n )\n}\n";
19171
+ module.exports = "\"use client\"\nimport React from 'react'\nimport Image from \"next/image\";\n\nimport { Button } from \"@progress/kendo-react-buttons\";\n\nimport { \n Card, \n CardActions,\n CardBody, \n CardHeader, \n CardTitle \n} from \"@progress/kendo-react-layout\";\n\nimport styles from \"./page.module.css\";\n\nimport { useRouter } from 'next/navigation';\n\nexport default function Home() {\n const router = useRouter();\n\n return (\n <div className={styles.page}>\n <header className={styles.header}>\n <h2>KendoReact ❤️ Next.js</h2>\n <div>\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">Home</Button>\n <Button themeColor=\"primary\" fillMode=\"flat\" onClick={() => router.push('/grid')}>Grid</Button>\n </div>\n </header>\n <div className={styles.container}>\n <Image\n className={styles.reactLogo}\n src=\"/react.svg\"\n alt=\"React Logo\"\n width={886}\n height={788}\n priority\n />\n <div className=\"k-d-flex k-flex-col\">\n <h1 className={styles.title}>Welcome to KendoReact</h1>\n <h3 className={styles.subtitle}>Comprehensive React UI Component Library</h3>\n <div className=\"k-mt-3\">\n <Button themeColor=\"primary\" className=\"k-mr-2\">\n <a href=\"https://www.telerik.com/kendo-react-ui\" target=\"_blank\">Try KendoReact</a>\n </Button>\n <Button themeColor=\"secondary\" fillMode=\"solid\">\n <a href=\"https://vercel.com/\" target=\"_blank\">More about Next.js</a>\n </Button>\n </div>\n </div>\n </div>\n\n <section className={styles.section}>\n <div className={styles.container}>\n <div className=\"k-pl-8\">\n <h5 className={styles.sectionTitle}>Get started</h5>\n <p>Edit index page at or set up data source at <code>pages/index.jsx</code> or set up data source at <code>kendo/data.json</code></p>\n </div>\n </div>\n </section>\n\n <section className={styles.cardsSection}>\n <div className={styles.cardsWrapper}>\n <h5 className={styles.sectionTitle}>Highlights</h5>\n <div className={styles.cardsContainer}>\n <Card className={styles.card}>\n <CardHeader className={styles.cardHeader}>\n <Image\n src=\"/documentation.svg\"\n alt=\"Documentation Logo\"\n width={64}\n height={64}\n priority\n />\n <CardTitle className={styles.cardTitle}>Documentation</CardTitle>\n </CardHeader>\n <CardBody>\n <p className={styles.cardBody}>\n Unlock the full potential of our features! Check KendoReact Documentation for step-by-step guides and insights.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/kendo-react-ui/components/\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card className={styles.card}>\n <CardHeader className={styles.cardHeader}>\n <Image\n src=\"/classroom.svg\"\n alt=\"Virtual Classroom Logo\"\n width={64}\n height={64}\n priority\n />\n <CardTitle className={styles.cardTitle}>Virtual Classroom</CardTitle>\n </CardHeader>\n <CardBody>\n <p className={styles.cardBody}>\n Need to quickly get started with KendoReact or just prefer video on-boarding materials we have Virtual Classroom for you.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://rb.gy/w21cc8\" target=\"_blank\">Get Started</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card className={styles.card}>\n <CardHeader className={styles.cardHeader}>\n <Image\n src=\"/design.svg\"\n alt=\"Design System Logo\"\n width={64}\n height={64}\n priority\n />\n <CardTitle className={styles.cardTitle}>Design System</CardTitle>\n </CardHeader>\n <CardBody>\n <p className={styles.cardBody}>\n Quickly apply harmonious and consistent styles to the components in your app with the Progress Design System.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/design-system\" target=\"_blank\">Find your style</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card className={styles.card}>\n <CardHeader className={styles.cardHeader}>\n <Image\n src=\"/license.svg\"\n alt=\"License Logo\"\n width={64}\n height={64}\n priority\n />\n <CardTitle className={styles.cardTitle}>Activate your license</CardTitle>\n </CardHeader>\n <CardBody>\n <ul className={styles.cardBodyList}>\n <li>Flexible Licensing Policy</li>\n <li>Maintenance & Support</li>\n <li>Total Cost of Ownership</li>\n <li>Enterprise-Ready Offerings</li>\n </ul>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/purchase.aspx?filter=web#individual-products\" target=\"_blank\">Buy now</a>\n </Button>\n </CardActions>\n </Card>\n </div>\n </div>\n </section>\n\n <footer className={styles.footer}>\n <p>Copyright © 2023 Progress Software. All rights reserved.</p>\n </footer>\n </div>\n )\n}\n";
19172
19172
 
19173
19173
  /***/ }),
19174
19174
 
@@ -19348,7 +19348,7 @@ module.exports = ":root {\n --max-width: 1100px;\n --border-radius: 12px;\n -
19348
19348
  \********************************************************************************************************************************************************/
19349
19349
  /***/ ((module) => {
19350
19350
 
19351
- module.exports = "import { Inter } from 'next/font/google'\nimport './globals.css'\n\nconst inter = Inter({ subsets: ['latin'] })\n\nexport const metadata = {\n title: 'Create Next App',\n description: 'Generated by create next app',\n}\n\nexport default function RootLayout({ children }) {\n return (\n <html lang=\"en\">\n <body className={inter.className}>{children}</body>\n </html>\n )\n}\n";
19351
+ module.exports = "import { Inter } from 'next/font/google'\nimport './globals.css'\n\nconst inter = Inter({ subsets: ['latin'] })\n\nexport const metadata = {\n title: 'Create Next App',\n description: 'Generated by create next app',\n}\n\nexport default function RootLayout({ children }) {\n return (\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <link rel=\"icon\" type=\"image/svg+xml\" href=\"/vite.svg\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\"/>\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin />\n <link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\" />\n <link rel=\"stylesheet\" href=\"https://unpkg.com/@progress/kendo-theme-utils@9.1.0/dist/all.css\" />\n <title>Next.js + KendoReact</title>\n </head>\n <body className={inter.className}>{children}</body>\n </html>\n )\n}\n";
19352
19352
 
19353
19353
  /***/ }),
19354
19354
 
@@ -19488,7 +19488,7 @@ module.exports = ":root {\n --max-width: 1100px;\n --border-radius: 12px;\n -
19488
19488
  \*********************************************************************************************************************************************************/
19489
19489
  /***/ ((module) => {
19490
19490
 
19491
- module.exports = "import type { Metadata } from 'next'\nimport { Inter } from 'next/font/google'\nimport './globals.css'\n\nconst inter = Inter({ subsets: ['latin'] })\n\nexport const metadata: Metadata = {\n title: 'Create Next App',\n description: 'Generated by create next app',\n}\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode\n}) {\n return (\n <html lang=\"en\">\n <body className={inter.className}>{children}</body>\n </html>\n )\n}\n";
19491
+ module.exports = "import React from 'react'\nimport type { Metadata } from 'next'\nimport { Inter } from 'next/font/google'\nimport './globals.css'\n\nconst inter = Inter({ subsets: ['latin'] })\n\nexport const metadata: Metadata = {\n title: 'Create Next App',\n description: 'Generated by create next app',\n}\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode\n}) {\n return (\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <link rel=\"icon\" type=\"image/svg+xml\" href=\"/vite.svg\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\"/>\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin />\n <link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\" />\n <link rel=\"stylesheet\" href=\"https://unpkg.com/@progress/kendo-theme-utils@9.1.0/dist/all.css\" />\n <title>Next.js + KendoReact</title>\n </head>\n <body className={inter.className}>{children}</body>\n </html>\n )\n}\n";
19492
19492
 
19493
19493
  /***/ }),
19494
19494
 
@@ -19508,7 +19508,7 @@ module.exports = ".main {\n display: flex;\n flex-direction: column;\n justif
19508
19508
  \*******************************************************************************************************************************************************/
19509
19509
  /***/ ((module) => {
19510
19510
 
19511
- module.exports = "import Image from 'next/image'\nimport styles from './page.module.css'\n\nexport default function Home() {\n return (\n <main className={styles.main}>\n <div className={styles.description}>\n <p>\n Get started by editing&nbsp;\n <code className={styles.code}>app/page.tsx</code>\n </p>\n <div>\n <a\n href=\"https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n By{' '}\n <Image\n src=\"/vercel.svg\"\n alt=\"Vercel Logo\"\n className={styles.vercelLogo}\n width={100}\n height={24}\n priority\n />\n </a>\n </div>\n </div>\n\n <div className={styles.center}>\n <Image\n className={styles.logo}\n src=\"/next.svg\"\n alt=\"Next.js Logo\"\n width={180}\n height={37}\n priority\n />\n </div>\n\n <div className={styles.grid}>\n <a\n href=\"https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n className={styles.card}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <h2>\n Docs <span>-&gt;</span>\n </h2>\n <p>Find in-depth information about Next.js features and API.</p>\n </a>\n\n <a\n href=\"https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n className={styles.card}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <h2>\n Learn <span>-&gt;</span>\n </h2>\n <p>Learn about Next.js in an interactive course with&nbsp;quizzes!</p>\n </a>\n\n <a\n href=\"https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n className={styles.card}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <h2>\n Templates <span>-&gt;</span>\n </h2>\n <p>Explore starter templates for Next.js.</p>\n </a>\n\n <a\n href=\"https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n className={styles.card}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <h2>\n Deploy <span>-&gt;</span>\n </h2>\n <p>\n Instantly deploy your Next.js site to a shareable URL with Vercel.\n </p>\n </a>\n </div>\n </main>\n )\n}\n";
19511
+ module.exports = "import React from 'react'\nimport Image from 'next/image'\nimport styles from './page.module.css'\n\nexport default function Home() {\n return (\n <main className={styles.main}>\n <div className={styles.description}>\n <p>\n Get started by editing&nbsp;\n <code className={styles.code}>app/page.tsx</code>\n </p>\n <div>\n <a\n href=\"https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n By{' '}\n <Image\n src=\"/vercel.svg\"\n alt=\"Vercel Logo\"\n className={styles.vercelLogo}\n width={100}\n height={24}\n priority\n />\n </a>\n </div>\n </div>\n\n <div className={styles.center}>\n <Image\n className={styles.logo}\n src=\"/next.svg\"\n alt=\"Next.js Logo\"\n width={180}\n height={37}\n priority\n />\n </div>\n\n <div className={styles.grid}>\n <a\n href=\"https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n className={styles.card}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <h2>\n Docs <span>-&gt;</span>\n </h2>\n <p>Find in-depth information about Next.js features and API.</p>\n </a>\n\n <a\n href=\"https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n className={styles.card}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <h2>\n Learn <span>-&gt;</span>\n </h2>\n <p>Learn about Next.js in an interactive course with&nbsp;quizzes!</p>\n </a>\n\n <a\n href=\"https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n className={styles.card}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <h2>\n Templates <span>-&gt;</span>\n </h2>\n <p>Explore starter templates for Next.js.</p>\n </a>\n\n <a\n href=\"https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app\"\n className={styles.card}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <h2>\n Deploy <span>-&gt;</span>\n </h2>\n <p>\n Instantly deploy your Next.js site to a shareable URL with Vercel.\n </p>\n </a>\n </div>\n </main>\n )\n}\n";
19512
19512
 
19513
19513
  /***/ }),
19514
19514
 
@@ -19628,7 +19628,7 @@ module.exports = "# React + TypeScript + Vite\n\nThis template provides a minima
19628
19628
  \*****************************************************************************************************************************/
19629
19629
  /***/ ((module) => {
19630
19630
 
19631
- module.exports = "<!doctype html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" />\n <link rel=\"icon\" type=\"image/svg+xml\" href=\"/vite.svg\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n <link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\">\n <title>Vite + KendoReact</title>\n </head>\n <body>\n <div id=\"root\"></div>\n <script type=\"module\" src=\"/src/main.tsx\"></script>\n </body>\n</html>";
19631
+ module.exports = "<!doctype html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" />\n <link rel=\"icon\" type=\"image/svg+xml\" href=\"/vite.svg\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n <link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https://unpkg.com/@progress/kendo-theme-utils/dist/all.css\" />\n <title>Vite + KendoReact</title>\n </head>\n <body>\n <div id=\"root\"></div>\n <script type=\"module\" src=\"/src/main.tsx\"></script>\n </body>\n</html>";
19632
19632
 
19633
19633
  /***/ }),
19634
19634
 
@@ -19638,7 +19638,7 @@ module.exports = "<!doctype html>\n<html lang=\"en\">\n <head>\n <meta chars
19638
19638
  \*******************************************************************************************************************************/
19639
19639
  /***/ ((module) => {
19640
19640
 
19641
- module.exports = "{\n \"name\": \"vite-integration\",\n \"private\": true,\n \"version\": \"0.0.0\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\",\n \"build\": \"tsc -b && vite build\",\n \"preview\": \"vite preview\"\n },\n \"dependencies\": {\n \"@progress/kendo-data-query\": \"^1.7.0\",\n \"@progress/kendo-react-buttons\": \"^8.3.0\",\n \"@progress/kendo-react-excel-export\": \"^8.3.0\",\n \"@progress/kendo-react-grid\": \"^8.3.0\",\n \"@progress/kendo-react-layout\": \"^8.3.0\",\n \"@progress/kendo-react-pdf\": \"^8.3.0\",\n \"@progress/kendo-svg-icons\": \"^3.1.0\",\n \"@progress/kendo-theme-default\": \"^9.0.0\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\"\n },\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"@types/react-dom\": \"^18.3.0\",\n \"@vitejs/plugin-react\": \"^4.3.1\",\n \"globals\": \"^15.9.0\",\n \"react-router-dom\": \"^6.26.2\",\n \"typescript\": \"^5.5.3\",\n \"vite\": \"^5.4.1\"\n }\n}\n";
19641
+ module.exports = "{\n \"name\": \"vite-integration\",\n \"private\": true,\n \"version\": \"0.0.0\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\",\n \"build\": \"tsc -b && vite build\",\n \"preview\": \"vite preview\"\n },\n \"dependencies\": {\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"@progress/kendo-data-query\": \"^1.7.0\",\n \"@progress/kendo-theme-default\": \"^10.0.0\",\n \"@progress/kendo-react-buttons\": \"^9.0.0\",\n \"@progress/kendo-react-excel-export\": \"^9.0.0\",\n \"@progress/kendo-react-grid\": \"^9.0.0\",\n \"@progress/kendo-react-layout\": \"^9.0.0\",\n \"@progress/kendo-react-pdf\": \"^9.0.0\",\n \"@progress/kendo-svg-icons\": \"^4.0.0\"\n },\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"@types/react-dom\": \"^18.3.0\",\n \"@vitejs/plugin-react\": \"^4.3.1\",\n \"globals\": \"^15.9.0\",\n \"react-router-dom\": \"^6.26.2\",\n \"typescript\": \"^5.5.3\",\n \"vite\": \"^5.4.1\"\n }\n}\n";
19642
19642
 
19643
19643
  /***/ }),
19644
19644
 
@@ -19658,7 +19658,7 @@ module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http:/
19658
19658
  \*******************************************************************************************************************************/
19659
19659
  /***/ ((module) => {
19660
19660
 
19661
- module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n right: 0px;\n top: -205px;\n z-index: -1;\n height: 788px;\n}\n\n.section-container {\n padding: var(--kendo-spacing-8);\n margin: 0 auto;\n}\n\n.center-section, .cards {\n margin: 0 auto;\n max-width: 1154px;\n}\n\n.center-section .section-title {\n margin: var(--kendo-spacing-2);\n}\n\n.section-container.bg-color {\n margin: 0 auto;\n text-align: left;\n background-color: #FAFAFA;\n padding: 24px 24px 24px 48px;\n}\n\n.section-container.bg-color code {\n background-color: #FF635829;\n padding: 0 4px;\n}\n\n.welcome-title, .welcome-subtitle {\n margin: 0;\n font-weight: 300;\n}\n\n.welcome-title {\n font-size: 84px;\n line-height: 100px;\n}\n\n.welcome-subtitle {\n font-size: 42px;\n line-height: 50px\n}\n\n.section-title {\n color: var(--light-theme-text-colors-kendo-component-text, #424242);\n font-size: 28px;\n font-weight: 400;\n line-height: 42px;\n margin: 0;\n}\n\n.cards .section-title {\n text-align: left;\n margin-left: var(--kendo-spacing-6);\n}\n\n.cards-container {\n display: flex;\n flex-wrap: wrap;\n}\n\n.k-card {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--kendo-spacing-0, 0px);\n align-items: center;\n margin: var(--kendo-spacing-6);\n padding: var(--kendo-spacing-0, 0px);\n height: 310px;\n width: 240px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n}\n\n.k-card-header {\n border: none;\n}\n\n.k-card-body {\n text-align: left;\n}\n\n.card-list {\n padding: var(--kendo-spacing-0, 0px);\n margin: 0;\n list-style-type: disc;\n text-align: left;\n}\n\nfooter {\n padding: var(--kendo-spacing-4, 16px) 0px;\n border: 1px solid;\n border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));\n color: var(--light-theme-text-colors-kendo-subtle-text, #666666);\n font-size: 14px;\n}\n\n@media (max-width: 900px) {\n .section-container .welcome-title {\n font-size: 64px;\n line-height: 84px;\n }\n}\n\n@media (max-width: 480px) {\n .section-container .welcome-title {\n font-size: 42px;\n line-height: 48px;\n }\n\n .section-container .welcome-subtitle {\n font-size: 24px;\n line-height: 32px;\n }\n}";
19661
+ module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n right: 0px;\n top: -205px;\n z-index: -1;\n height: 788px;\n}\n\n.section-container {\n padding: var(--kendo-spacing-8);\n margin: 0 auto;\n}\n\n.center-section, .cards {\n margin: 0 auto;\n max-width: 1154px;\n}\n\n.center-section .section-title {\n margin: var(--kendo-spacing-2);\n}\n\n.section-container.get-started {\n margin: 0 auto;\n text-align: left;\n padding: 24px 24px 24px 48px;\n}\n\n.section-container.get-started code {\n padding: 0 4px;\n}\n\n.welcome-title, .welcome-subtitle {\n margin: 0;\n font-weight: 300;\n}\n\n.welcome-title {\n font-size: 84px;\n line-height: 100px;\n}\n\n.welcome-subtitle {\n font-size: 42px;\n line-height: 50px\n}\n\n.section-title {\n font-size: 28px;\n font-weight: 400;\n line-height: 42px;\n margin: 0;\n}\n\n.cards .section-title {\n text-align: left;\n margin-left: var(--kendo-spacing-6);\n}\n\n.cards-container {\n display: flex;\n flex-wrap: wrap;\n}\n\n.k-card {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--kendo-spacing-0, 0px);\n align-items: center;\n margin: var(--kendo-spacing-6);\n padding: var(--kendo-spacing-0, 0px);\n height: 310px;\n width: 240px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px 0px rgba(0, 0, 0, 0.12);\n}\n\n.k-card-header {\n border: none;\n}\n\n.k-card-body {\n text-align: left;\n}\n\n.card-list {\n padding: var(--kendo-spacing-0, 0px);\n margin: 0;\n list-style-type: disc;\n text-align: left;\n}\n\nfooter {\n padding: var(--kendo-spacing-4, 16px) 0px;\n border: 1px solid;\n border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));\n color: var(--light-theme-text-colors-kendo-subtle-text, #666666);\n font-size: 14px;\n}\n\n@media (max-width: 900px) {\n .section-container .welcome-title {\n font-size: 64px;\n line-height: 84px;\n }\n}\n\n@media (max-width: 480px) {\n .section-container .welcome-title {\n font-size: 42px;\n line-height: 48px;\n }\n\n .section-container .welcome-subtitle {\n font-size: 24px;\n line-height: 32px;\n }\n}";
19662
19662
 
19663
19663
  /***/ }),
19664
19664
 
@@ -19668,7 +19668,7 @@ module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n right
19668
19668
  \*******************************************************************************************************************************/
19669
19669
  /***/ ((module) => {
19670
19670
 
19671
- module.exports = "import { Link } from \"react-router-dom\";\n\nimport reactUrl from \"./assets/react.svg\";\nimport docsUrl from \"./assets/documentation.svg\";\nimport classroomUrl from \"./assets/classroom.svg\";\nimport designUrl from \"./assets/design.svg\";\nimport licenseUrl from \"./assets/license.svg\";\n\nimport { \n AppBar,\n AppBarSection,\n AppBarSpacer,\n Card, \n CardActions,\n CardBody, \n CardHeader, \n CardTitle \n} from \"@progress/kendo-react-layout\";\nimport { Button } from \"@progress/kendo-react-buttons\";\n\nimport \"./Home.css\";\n\nexport default function Home() {\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>KendoReact ❤️ Vite</AppBarSection>\n <AppBarSpacer />\n <AppBarSection>\n <Link to=\"/\">\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">Home</Button>\n </Link>\n <Link to=\"/grid/\">\n <Button themeColor=\"primary\" fillMode=\"flat\">Grid</Button>\n </Link>\n </AppBarSection>\n </AppBar>\n\n <section className=\"section-container\">\n <img src={reactUrl} alt=\"React Logo\" className=\"react-logo\" />\n <div className=\"k-d-flex k-flex-col k-my-12\">\n <h1 className=\"welcome-title\">Welcome to KendoReact</h1>\n <h3 className=\"welcome-subtitle\">Comprehensive React UI Component Library</h3>\n\n <div className=\"k-mt-3\">\n <Button themeColor=\"primary\" className=\"k-mr-2\">\n <a href=\"https://www.telerik.com/kendo-react-ui\" target=\"_blank\">Try KendoReact</a>\n </Button>\n <Button themeColor=\"secondary\" fillMode=\"solid\">\n <a href=\"https://vitejs.dev/\" target=\"_blank\">More about Vite</a>\n </Button>\n </div>\n </div>\n </section>\n <section className=\"section-container bg-color\">\n <div className=\"center-section\">\n <h5 className=\"section-title\">Get started</h5>\n <div className=\"k-ml-2\">Edit home page at <code>src/Home.tsx</code> or set up data source at <code>src/grid/data.json</code></div>\n </div>\n </section>\n <section className=\"section-container\">\n <div className=\"cards\">\n <h5 className=\"section-title\">Highlights</h5>\n <div className=\"cards-container\">\n <Card>\n <CardHeader>\n <img src={docsUrl} alt=\"Documentation Logo\" width={64} height={64} />\n <CardTitle>Documentation</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Unlock the full potential of our features! Check KendoReact Documentation for step-by-step guides and insights.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/kendo-react-ui/components/\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src={classroomUrl} alt=\"Virtual Classroom Logo\" width={64} height={64} />\n <CardTitle>Virtual Classroom</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Need to quickly get started with KendoReact or just prefer video on-boarding materials we have Virtual Classroom for you.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://rb.gy/w21cc8\" target=\"_blank\">Get Started</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src={designUrl} alt=\"Design System Logo\" width={64} height={64} />\n <CardTitle>Design System</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Quickly apply harmonious and consistent styles to the components in your app with the Progress Design System.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/design-system/docs/\" target=\"_blank\">Find your style</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src={licenseUrl} alt=\"License Logo\" width={64} height={64} />\n\n <CardTitle>Activate your license</CardTitle>\n </CardHeader>\n <CardBody>\n <ul className=\"card-list\">\n <li>Flexible Licensing Policy</li>\n <li>Maintenance & Support</li>\n <li>Total Cost of Ownership</li>\n <li>Enterprise-Ready Offerings</li>\n </ul>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/purchase.aspx?filter=web#individual-products\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n </div>\n </div>\n </section>\n\n <footer className=\"footer\">\n <div>Copyright © 2024 Progress Software. All rights reserved.</div>\n </footer>\n </>\n )\n}\n";
19671
+ module.exports = "import { Link } from \"react-router-dom\";\n\nimport reactUrl from \"./assets/react.svg\";\nimport docsUrl from \"./assets/documentation.svg\";\nimport classroomUrl from \"./assets/classroom.svg\";\nimport designUrl from \"./assets/design.svg\";\nimport licenseUrl from \"./assets/license.svg\";\n\nimport {\n AppBar,\n AppBarSection,\n AppBarSpacer,\n Card,\n CardActions,\n CardBody,\n CardHeader,\n CardTitle\n} from \"@progress/kendo-react-layout\";\nimport { Button } from \"@progress/kendo-react-buttons\";\n\nimport \"./Home.css\";\n\nexport default function Home() {\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>KendoReact ❤️ Vite</AppBarSection>\n <AppBarSpacer />\n <AppBarSection>\n <Link to=\"/\">\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">Home</Button>\n </Link>\n <Link to=\"/grid/\">\n <Button themeColor=\"primary\" fillMode=\"flat\">Grid</Button>\n </Link>\n </AppBarSection>\n </AppBar>\n\n <section className=\"section-container\">\n <img src={reactUrl} alt=\"React Logo\" className=\"react-logo\" />\n <div className=\"k-d-flex k-flex-col k-my-12\">\n <h1 className=\"welcome-title\">Welcome to KendoReact</h1>\n <h3 className=\"welcome-subtitle\">Comprehensive React UI Component Library</h3>\n\n <div className=\"k-mt-3\">\n <Button themeColor=\"primary\" className=\"k-mr-2\">\n <a href=\"https://www.telerik.com/kendo-react-ui\" target=\"_blank\">Try KendoReact</a>\n </Button>\n <Button themeColor=\"secondary\" fillMode=\"solid\">\n <a href=\"https://vitejs.dev/\" target=\"_blank\">More about Vite</a>\n </Button>\n </div>\n </div>\n </section>\n <section className=\"section-container get-started\">\n <div className=\"center-section\">\n <h5 className=\"section-title\">Get started</h5>\n <div className=\"k-ml-2\">Edit home page at <code>src/Home.tsx</code> or set up data source at <code>src/grid/data.json</code></div>\n </div>\n </section>\n <section className=\"section-container\">\n <div className=\"cards\">\n <h5 className=\"section-title\">Highlights</h5>\n <div className=\"cards-container\">\n <Card>\n <CardHeader>\n <img src={docsUrl} alt=\"Documentation Logo\" width={64} height={64} />\n <CardTitle>Documentation</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Unlock the full potential of our features! Check KendoReact Documentation for step-by-step guides and insights.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/kendo-react-ui/components/\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src={classroomUrl} alt=\"Virtual Classroom Logo\" width={64} height={64} />\n <CardTitle>Virtual Classroom</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Need to quickly get started with KendoReact or just prefer video on-boarding materials we have Virtual Classroom for you.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://rb.gy/w21cc8\" target=\"_blank\">Get Started</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src={designUrl} alt=\"Design System Logo\" width={64} height={64} />\n <CardTitle>Design System</CardTitle>\n </CardHeader>\n <CardBody>\n <p>\n Quickly apply harmonious and consistent styles to the components in your app with the Progress Design System.\n </p>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/design-system/docs/\" target=\"_blank\">Find your style</a>\n </Button>\n </CardActions>\n </Card>\n\n <Card>\n <CardHeader>\n <img src={licenseUrl} alt=\"License Logo\" width={64} height={64} />\n\n <CardTitle>Activate your license</CardTitle>\n </CardHeader>\n <CardBody>\n <ul className=\"card-list\">\n <li>Flexible Licensing Policy</li>\n <li>Maintenance & Support</li>\n <li>Total Cost of Ownership</li>\n <li>Enterprise-Ready Offerings</li>\n </ul>\n </CardBody>\n <CardActions>\n <Button themeColor=\"primary\" fillMode=\"flat\">\n <a href=\"https://www.telerik.com/purchase.aspx?filter=web#individual-products\" target=\"_blank\">Learn more</a>\n </Button>\n </CardActions>\n </Card>\n </div>\n </div>\n </section>\n\n <footer className=\"footer\">\n <div>Copyright © 2024 Progress Software. All rights reserved.</div>\n </footer>\n </>\n )\n}\n";
19672
19672
 
19673
19673
  /***/ }),
19674
19674
 
@@ -19758,7 +19758,7 @@ module.exports = "export interface ProductCategory {\n CategoryID?: number,\n
19758
19758
  \********************************************************************************************************************************/
19759
19759
  /***/ ((module) => {
19760
19760
 
19761
- module.exports = ":root {\n font-family: Roboto, sans-serif;\n line-height: 1.5;\n font-weight: 400;\n\n width: 100%;\n text-align: center;\n\n color-scheme: light dark;\n color: rgba(255, 255, 255, 0.87);\n background-color: #242424;\n\n font-synthesis: none;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n margin: 0;\n min-width: 320px;\n color: #424242;\n}\n\na:-webkit-any-link {\n color: inherit;\n text-decoration: none;\n}\n\n@media (prefers-color-scheme: light) {\n :root {\n width: 100%;\n color: #213547;\n background-color: #ffffff;\n }\n}\n";
19761
+ module.exports = ":root {\n font-family: Roboto, sans-serif;\n line-height: 1.5;\n font-weight: 400;\n width: 100%;\n text-align: center;\n color-scheme: light dark;\n\n font-synthesis: none;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n margin: 0;\n min-width: 320px;\n}\n\na:-webkit-any-link {\n color: inherit;\n text-decoration: none;\n}\n\n@media (prefers-color-scheme: light) {\n\t:root {\n\t\tcolor: #213547;\n\t\tbackground-color: #ffffff;\n\t}\n\t.section-container.get-started {\n\t\tbackground-color: #FAFAFA;\n\t}\n}\n\n@media (prefers-color-scheme: dark) {\n\t:root {\n --kendo-color-app-surface: #141414;\n --kendo-color-on-app-surface: #f5f5f5;\n --kendo-color-subtle: #C2C2C2;\n --kendo-color-surface: #242424;\n --kendo-color-surface-alt: #333;\n --kendo-color-border: rgba(255, 255, 255, 0.24);\n --kendo-color-border-alt: rgba(255, 255, 255, 0.48);\n --kendo-color-base-subtle: #333;\n --kendo-color-base-subtle-hover: #424242;\n --kendo-color-base-subtle-active: #4D4D4D;\n --kendo-color-base: #3D3D3D;\n --kendo-color-base-hover: #4D4D4D;\n --kendo-color-base-active: #575757;\n --kendo-color-base-emphasis: #9C9C9C;\n --kendo-color-base-on-subtle: #f5f5f5;\n --kendo-color-on-base: #f5f5f5;\n --kendo-color-base-on-surface: #f5f5f5;\n --kendo-color-primary-subtle: #752D29;\n --kendo-color-primary-subtle-hover: #8C3631;\n --kendo-color-primary-subtle-active: #A43F39;\n --kendo-color-primary: #EA5A51;\n --kendo-color-primary-hover: #D35149;\n --kendo-color-primary-active: #BB4841;\n --kendo-color-primary-emphasis: #F29C97;\n --kendo-color-primary-on-subtle: #FDEFEE;\n --kendo-color-on-primary: #fff;\n --kendo-color-primary-on-surface: #ED736B;\n --kendo-color-secondary-subtle: #333;\n --kendo-color-secondary-subtle-hover: #424242;\n --kendo-color-secondary-subtle-active: #4D4D4D;\n --kendo-color-secondary: #C2C2C2;\n --kendo-color-secondary-hover: #D6D6D6;\n --kendo-color-secondary-active: #EBEBEB;\n --kendo-color-secondary-emphasis: #9C9C9C;\n --kendo-color-secondary-on-subtle: #f5f5f5;\n --kendo-color-on-secondary: #141414;\n --kendo-color-secondary-on-surface: #C2C2C2;\n --kendo-color-tertiary-subtle: #023F5C;\n --kendo-color-tertiary-subtle-hover: #02557A;\n --kendo-color-tertiary-subtle-active: #026999;\n --kendo-color-tertiary: #03A9F4;\n --kendo-color-tertiary-hover: #039AE0;\n --kendo-color-tertiary-active: #028CCB;\n --kendo-color-tertiary-emphasis: #61C9F9;\n --kendo-color-tertiary-on-subtle: #EBF8FE;\n --kendo-color-on-tertiary: #fff;\n --kendo-color-tertiary-on-surface: #03A9F4;\n --kendo-color-info-subtle: #002C75;\n --kendo-color-info-subtle-hover: #003892;\n --kendo-color-info-subtle-active: #0042AF;\n --kendo-color-info: #0058E9;\n --kendo-color-info-hover: #0052D6;\n --kendo-color-info-active: #0044C2;\n --kendo-color-info-emphasis: #0052D6;\n --kendo-color-info-on-subtle: #E9F0FD;\n --kendo-color-on-info: #fff;\n --kendo-color-info-on-surface: #4082EF;\n --kendo-color-success-subtle: #1C5A00;\n --kendo-color-success-subtle-hover: #227100;\n --kendo-color-success-subtle-active: #298700;\n --kendo-color-success: #37B400;\n --kendo-color-success-hover: #32A500;\n --kendo-color-success-active: #2D9600;\n --kendo-color-success-emphasis: #32A500;\n --kendo-color-success-on-subtle: #EDF8E9;\n --kendo-color-on-success: #fff;\n --kendo-color-success-on-surface: #32A500;\n --kendo-color-warning-subtle: #806000;\n --kendo-color-warning-subtle-hover: #A07800;\n --kendo-color-warning-subtle-active: #BF9000;\n --kendo-color-warning: #FFC000;\n --kendo-color-warning-hover: #EAAF00;\n --kendo-color-warning-active: #D49F00;\n --kendo-color-warning-emphasis: #FFC720;\n --kendo-color-warning-on-subtle: #FFFAE9;\n --kendo-color-on-warning: #3D3D3D;\n --kendo-color-warning-on-surface: #EAAF00;\n --kendo-color-error-subtle: #980F00;\n --kendo-color-error-subtle-hover: #B61100;\n --kendo-color-error-subtle-active: #CA1400;\n --kendo-color-error: #F43520;\n --kendo-color-error-hover: #F31700;\n --kendo-color-error-active: #DF1600;\n --kendo-color-error-emphasis: #F43520;\n --kendo-color-error-on-subtle: #FEEEED;\n --kendo-color-on-error: #fff;\n --kendo-color-error-on-surface: #F65140;\n --kendo-color-light-subtle: #FAFAFA;\n --kendo-color-light-subtle-hover: #f5f5f5;\n --kendo-color-light-subtle-active: #EBEBEB;\n --kendo-color-light: #EBEBEB;\n --kendo-color-light-hover: #E0E0E0;\n --kendo-color-light-active: #D6D6D6;\n --kendo-color-light-emphasis: #D6D6D6;\n --kendo-color-light-on-subtle: #141414;\n --kendo-color-on-light: #000;\n --kendo-color-light-on-surface: #E0E0E0;\n --kendo-color-dark-subtle: #C2C2C2;\n --kendo-color-dark-subtle-hover: #ADADAD;\n --kendo-color-dark-subtle-active: #999;\n --kendo-color-dark: #3D3D3D;\n --kendo-color-dark-hover: #292929;\n --kendo-color-dark-active: #1F1F1F;\n --kendo-color-dark-emphasis: #666;\n --kendo-color-dark-on-subtle: #1F1F1F;\n --kendo-color-on-dark: #fff;\n --kendo-color-dark-on-surface: #141414;\n --kendo-color-inverse-subtle: #FAFAFA;\n --kendo-color-inverse-subtle-hover: #f5f5f5;\n --kendo-color-inverse-subtle-active: #EBEBEB;\n --kendo-color-inverse: #EBEBEB;\n --kendo-color-inverse-hover: #E0E0E0;\n --kendo-color-inverse-active: #D6D6D6;\n --kendo-color-inverse-emphasis: #D6D6D6;\n --kendo-color-inverse-on-subtle: #141414;\n --kendo-color-on-inverse: #000;\n --kendo-color-inverse-on-surface: #E0E0E0;\n --kendo-color-series-a: #EA5A51;\n --kendo-color-series-a-bold: #F08C85;\n --kendo-color-series-a-bolder: #F5ADA8;\n --kendo-color-series-a-subtle: #BB4841;\n --kendo-color-series-a-subtler: #8C3631;\n --kendo-color-series-b: #FFE162;\n --kendo-color-series-b-bold: #FFED9D;\n --kendo-color-series-b-bolder: #FFF7D4;\n --kendo-color-series-b-subtle: #D4BC52;\n --kendo-color-series-b-subtler: #A3913F;\n --kendo-color-series-c: #4CD180;\n --kendo-color-series-c-bold: #79DDA0;\n --kendo-color-series-c-bolder: #A6E8C0;\n --kendo-color-series-c-subtle: #3FAE6A;\n --kendo-color-series-c-subtler: #2F834F;\n --kendo-color-series-d: #4B5FFA;\n --kendo-color-series-d-bold: #7887FB;\n --kendo-color-series-d-bolder: #A5AFFD;\n --kendo-color-series-d-subtle: #3F50D1;\n --kendo-color-series-d-subtler: #2F3C9D;\n --kendo-color-series-e: #AC58FF;\n --kendo-color-series-e-bold: #C182FF;\n --kendo-color-series-e-bolder: #D6ACFF;\n --kendo-color-series-e-subtle: #8F49D4;\n --kendo-color-series-e-subtler: #6B37A0;\n --kendo-color-series-f: #EA5186;\n --kendo-color-series-f-bold: #FF82AE;\n --kendo-color-series-f-bolder: #FFACC9;\n --kendo-color-series-f-subtle: #BF426E;\n --kendo-color-series-f-subtler: #802C49;\n\t}\n\n\t.k-appbar {\n\t\tcolor: #ffffff;\n\t\tbackground-color: #3d3d3d;\n\t}\n\t.section-container.get-started {\n\t\tbackground-color: #3d3d3d;\n\t}\n\n\t.k-card {\n\t\tcolor: #ffffff;\n\t\tbackground-color: #3d3d3d;\n\t}\n}\n";
19762
19762
 
19763
19763
  /***/ }),
19764
19764
 
@@ -46852,7 +46852,7 @@ module.exports = JSON.parse('[[[0,44],"disallowed_STD3_valid"],[[45,46],"valid"]
46852
46852
  /***/ ((module) => {
46853
46853
 
46854
46854
  "use strict";
46855
- module.exports = JSON.parse('{"title":"Astro","description":"Create KendoReact app with Astro.","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"styling":{"type":"string","description":"Styling language","enum":["CSS","Sass"],"default":"CSS"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","default":true,"version":"^8.3.0","hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","default":"default","version":"^9.0.0","enum":["default","bootstrap","material"]}},"additionalProperties":false,"required":["path","name"]}');
46855
+ module.exports = JSON.parse('{"title":"Astro","description":"Create KendoReact app with Astro.","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"styling":{"type":"string","description":"Styling language","enum":["CSS","Sass"],"default":"CSS"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","default":true,"version":"^9.0.0","hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","default":"default","version":"^10.0.0","enum":["default","bootstrap","material"]}},"additionalProperties":false,"required":["path","name"]}');
46856
46856
 
46857
46857
  /***/ }),
46858
46858
 
@@ -46863,7 +46863,7 @@ module.exports = JSON.parse('{"title":"Astro","description":"Create KendoReact a
46863
46863
  /***/ ((module) => {
46864
46864
 
46865
46865
  "use strict";
46866
- module.exports = JSON.parse('{"title":"nextjs","description":"Create KendoReact app based on NextJS","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"javascript":{"alias":"js","default":false,"type":"boolean","description":"Initialize as a JavaScript project."},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"eslint":{"type":"boolean","description":"Initialize with eslint config.","default":false},"app":{"type":"boolean","description":"Initialize as an App Router project.","default":true},"src-dir":{"type":"boolean","description":"Initialize inside a `src/` directory.","default":true},"import-alias":{"type":"string","description":"Specify import alias to use (default \\"@/*\\").","default":"@/*"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","version":"^8.3.0","default":true,"hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","version":"^9.0.0","default":"default","enum":["default","bootstrap","material"]}},"additionalProperties":false,"required":["path","name"]}');
46866
+ module.exports = JSON.parse('{"title":"nextjs","description":"Create KendoReact app based on NextJS","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"javascript":{"alias":"js","default":false,"type":"boolean","description":"Initialize as a JavaScript project."},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"eslint":{"type":"boolean","description":"Initialize with eslint config.","default":false},"app":{"type":"boolean","description":"Initialize as an App Router project.","default":true},"src-dir":{"type":"boolean","description":"Initialize inside a `src/` directory.","default":true},"import-alias":{"type":"string","description":"Specify import alias to use (default \\"@/*\\").","default":"@/*"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","version":"^9.0.0","default":true,"hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","version":"^10.0.0","default":"default","enum":["default","bootstrap","material"]}},"additionalProperties":false,"required":["path","name"]}');
46867
46867
 
46868
46868
  /***/ }),
46869
46869
 
@@ -46874,7 +46874,7 @@ module.exports = JSON.parse('{"title":"nextjs","description":"Create KendoReact
46874
46874
  /***/ ((module) => {
46875
46875
 
46876
46876
  "use strict";
46877
- module.exports = JSON.parse('{"title":"vite","description":"Create KendoReact app with Vite.","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"styling":{"type":"string","description":"Styling language","enum":["CSS","Sass"],"default":"CSS"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","version":"^8.3.0","default":true,"hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","default":"default","version":"^9.0.0","enum":["default","bootstrap","material"]}},"additionalProperties":false,"required":["path","name"]}');
46877
+ module.exports = JSON.parse('{"title":"vite","description":"Create KendoReact app with Vite.","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"styling":{"type":"string","description":"Styling language","enum":["CSS","Sass"],"default":"CSS"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","version":"^9.0.0","default":true,"hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","default":"default","version":"^10.0.0","enum":["default","bootstrap","material"]}},"additionalProperties":false,"required":["path","name"]}');
46878
46878
 
46879
46879
  /***/ })
46880
46880