@progress/kendo-cli 1.3.0 → 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
@@ -18692,13 +18692,23 @@ module.exports = "# Astro Starter Kit: Basics\n\n```sh\nnpm create astro@latest
18692
18692
 
18693
18693
  /***/ }),
18694
18694
 
18695
+ /***/ "../node_modules/raw-loader/dist/cjs.js?esModule=false!../react-scaffolders/project-templates/astro/template/astro.config.mjs":
18696
+ /*!************************************************************************************************************************************!*\
18697
+ !*** ../node_modules/raw-loader/dist/cjs.js?esModule=false!../react-scaffolders/project-templates/astro/template/astro.config.mjs ***!
18698
+ \************************************************************************************************************************************/
18699
+ /***/ ((module) => {
18700
+
18701
+ module.exports = "// @ts-check\nimport { defineConfig } from 'astro/config';\n\nimport react from '@astrojs/react';\n\n// https://astro.build/config\nexport default defineConfig({\n integrations: [react()]\n});";
18702
+
18703
+ /***/ }),
18704
+
18695
18705
  /***/ "../node_modules/raw-loader/dist/cjs.js?esModule=false!../react-scaffolders/project-templates/astro/template/package.json":
18696
18706
  /*!********************************************************************************************************************************!*\
18697
18707
  !*** ../node_modules/raw-loader/dist/cjs.js?esModule=false!../react-scaffolders/project-templates/astro/template/package.json ***!
18698
18708
  \********************************************************************************************************************************/
18699
18709
  /***/ ((module) => {
18700
18710
 
18701
- 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";
18702
18712
 
18703
18713
  /***/ }),
18704
18714
 
@@ -18798,7 +18808,7 @@ module.exports = "export interface ProductCategory {\n CategoryID?: number,\n
18798
18808
  \************************************************************************************************************************************************/
18799
18809
  /***/ ((module) => {
18800
18810
 
18801
- 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";
18802
18812
 
18803
18813
  /***/ }),
18804
18814
 
@@ -18808,7 +18818,7 @@ module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n
18808
18818
  \*************************************************************************************************************************************************/
18809
18819
  /***/ ((module) => {
18810
18820
 
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 ";
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";
18812
18822
 
18813
18823
  /***/ }),
18814
18824
 
@@ -18818,7 +18828,7 @@ module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n
18818
18828
  \************************************************************************************************************************************************/
18819
18829
  /***/ ((module) => {
18820
18830
 
18821
- 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";
18822
18832
 
18823
18833
  /***/ }),
18824
18834
 
@@ -18828,7 +18838,7 @@ module.exports = "import { \n AppBar,\n AppBarSection,\n AppBarSpacer,\n Car
18828
18838
  \********************************************************************************************************************************************/
18829
18839
  /***/ ((module) => {
18830
18840
 
18831
- 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>";
18832
18842
 
18833
18843
  /***/ }),
18834
18844
 
@@ -18908,7 +18918,7 @@ module.exports = "\"use client\"\n\nimport * as React from \"react\";\nimport {\
18908
18918
  \*******************************************************************************************************************************************************/
18909
18919
  /***/ ((module) => {
18910
18920
 
18911
- 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";
18912
18922
 
18913
18923
  /***/ }),
18914
18924
 
@@ -19138,7 +19148,7 @@ module.exports = "\"use client\"\n\nimport * as React from \"react\";\n\nimport
19138
19148
  \********************************************************************************************************************************************************/
19139
19149
  /***/ ((module) => {
19140
19150
 
19141
- 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";
19142
19152
 
19143
19153
  /***/ }),
19144
19154
 
@@ -19158,7 +19168,7 @@ module.exports = ".page {\n display: flex;\n flex-direction: column;\n min-he
19158
19168
  \******************************************************************************************************************************************************/
19159
19169
  /***/ ((module) => {
19160
19170
 
19161
- 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";
19162
19172
 
19163
19173
  /***/ }),
19164
19174
 
@@ -19338,7 +19348,7 @@ module.exports = ":root {\n --max-width: 1100px;\n --border-radius: 12px;\n -
19338
19348
  \********************************************************************************************************************************************************/
19339
19349
  /***/ ((module) => {
19340
19350
 
19341
- 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";
19342
19352
 
19343
19353
  /***/ }),
19344
19354
 
@@ -19478,7 +19488,7 @@ module.exports = ":root {\n --max-width: 1100px;\n --border-radius: 12px;\n -
19478
19488
  \*********************************************************************************************************************************************************/
19479
19489
  /***/ ((module) => {
19480
19490
 
19481
- 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";
19482
19492
 
19483
19493
  /***/ }),
19484
19494
 
@@ -19498,7 +19508,7 @@ module.exports = ".main {\n display: flex;\n flex-direction: column;\n justif
19498
19508
  \*******************************************************************************************************************************************************/
19499
19509
  /***/ ((module) => {
19500
19510
 
19501
- 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";
19502
19512
 
19503
19513
  /***/ }),
19504
19514
 
@@ -19618,7 +19628,7 @@ module.exports = "# React + TypeScript + Vite\n\nThis template provides a minima
19618
19628
  \*****************************************************************************************************************************/
19619
19629
  /***/ ((module) => {
19620
19630
 
19621
- 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>";
19622
19632
 
19623
19633
  /***/ }),
19624
19634
 
@@ -19628,7 +19638,7 @@ module.exports = "<!doctype html>\n<html lang=\"en\">\n <head>\n <meta chars
19628
19638
  \*******************************************************************************************************************************/
19629
19639
  /***/ ((module) => {
19630
19640
 
19631
- 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";
19632
19642
 
19633
19643
  /***/ }),
19634
19644
 
@@ -19648,7 +19658,7 @@ module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http:/
19648
19658
  \*******************************************************************************************************************************/
19649
19659
  /***/ ((module) => {
19650
19660
 
19651
- 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}";
19652
19662
 
19653
19663
  /***/ }),
19654
19664
 
@@ -19658,7 +19668,7 @@ module.exports = ".react-logo {\n width: 889px;\n position: absolute;\n right
19658
19668
  \*******************************************************************************************************************************/
19659
19669
  /***/ ((module) => {
19660
19670
 
19661
- 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";
19662
19672
 
19663
19673
  /***/ }),
19664
19674
 
@@ -19748,7 +19758,7 @@ module.exports = "export interface ProductCategory {\n CategoryID?: number,\n
19748
19758
  \********************************************************************************************************************************/
19749
19759
  /***/ ((module) => {
19750
19760
 
19751
- 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";
19752
19762
 
19753
19763
  /***/ }),
19754
19764
 
@@ -22334,7 +22344,7 @@ class CreateAstroApp extends scaffolding_1.ProjectTemplate {
22334
22344
  }
22335
22345
  async templateTree(template) {
22336
22346
  if (true) {
22337
- const textFilesTree = __webpack_require__("../react-scaffolders/project-templates/astro/template sync recursive !!../node_modules/raw-loader/dist/cjs.js?esModule=false! \\.(js%7Cjsx%7Cts%7Ctsx%7Ccss%7Csvg%7Cjson%7Cscss%7Castro%7Cmd)$");
22347
+ const textFilesTree = __webpack_require__("../react-scaffolders/project-templates/astro/template sync recursive !!../node_modules/raw-loader/dist/cjs.js?esModule=false! \\.(js%7Cjsx%7Cts%7Ctsx%7Ccss%7Csvg%7Cjson%7Cscss%7Castro%7Cmd%7Cmjs)$");
22338
22348
  const binaryFilesTree = __webpack_require__("../react-scaffolders/project-templates/astro/template sync recursive !!../node_modules/binary-base64-loader/dist/index.js?esModule=false! \\.(ico)$");
22339
22349
  const files = [...new Set([
22340
22350
  ...textFilesTree.keys(),
@@ -22358,7 +22368,7 @@ class CreateAstroApp extends scaffolding_1.ProjectTemplate {
22358
22368
  }
22359
22369
  else {}
22360
22370
  }
22361
- textFileExtensions = new Set([".js", ".jsx", ".tsx", ".ts", ".css", ".svg", ".json", ".scss", ".astro", ".md"]);
22371
+ textFileExtensions = new Set([".js", ".jsx", ".tsx", ".ts", ".css", ".svg", ".json", ".scss", ".astro", ".md", ".mjs"]);
22362
22372
  binaryFileExtensions = new Set([".ico"]);
22363
22373
  async apply(project, env) {
22364
22374
  await this.createAppSourceFiles(project);
@@ -28039,14 +28049,15 @@ module.exports = webpackEmptyContext;
28039
28049
 
28040
28050
  /***/ }),
28041
28051
 
28042
- /***/ "../react-scaffolders/project-templates/astro/template sync recursive !!../node_modules/raw-loader/dist/cjs.js?esModule=false! \\.(js%7Cjsx%7Cts%7Ctsx%7Ccss%7Csvg%7Cjson%7Cscss%7Castro%7Cmd)$":
28043
- /*!********************************************************************************************************************************************************************************************!*\
28044
- !*** ../react-scaffolders/project-templates/astro/template/ sync !!../node_modules/raw-loader/dist/cjs.js?esModule=false! \.(js%7Cjsx%7Cts%7Ctsx%7Ccss%7Csvg%7Cjson%7Cscss%7Castro%7Cmd)$ ***!
28045
- \********************************************************************************************************************************************************************************************/
28052
+ /***/ "../react-scaffolders/project-templates/astro/template sync recursive !!../node_modules/raw-loader/dist/cjs.js?esModule=false! \\.(js%7Cjsx%7Cts%7Ctsx%7Ccss%7Csvg%7Cjson%7Cscss%7Castro%7Cmd%7Cmjs)$":
28053
+ /*!**************************************************************************************************************************************************************************************************!*\
28054
+ !*** ../react-scaffolders/project-templates/astro/template/ sync !!../node_modules/raw-loader/dist/cjs.js?esModule=false! \.(js%7Cjsx%7Cts%7Ctsx%7Ccss%7Csvg%7Cjson%7Cscss%7Castro%7Cmd%7Cmjs)$ ***!
28055
+ \**************************************************************************************************************************************************************************************************/
28046
28056
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
28047
28057
 
28048
28058
  var map = {
28049
28059
  "./README.md": "../node_modules/raw-loader/dist/cjs.js?esModule=false!../react-scaffolders/project-templates/astro/template/README.md",
28060
+ "./astro.config.mjs": "../node_modules/raw-loader/dist/cjs.js?esModule=false!../react-scaffolders/project-templates/astro/template/astro.config.mjs",
28050
28061
  "./package.json": "../node_modules/raw-loader/dist/cjs.js?esModule=false!../react-scaffolders/project-templates/astro/template/package.json",
28051
28062
  "./public/classroom.svg": "../node_modules/raw-loader/dist/cjs.js?esModule=false!../react-scaffolders/project-templates/astro/template/public/classroom.svg",
28052
28063
  "./public/design.svg": "../node_modules/raw-loader/dist/cjs.js?esModule=false!../react-scaffolders/project-templates/astro/template/public/design.svg",
@@ -28085,7 +28096,7 @@ webpackContext.keys = function webpackContextKeys() {
28085
28096
  };
28086
28097
  webpackContext.resolve = webpackContextResolve;
28087
28098
  module.exports = webpackContext;
28088
- webpackContext.id = "../react-scaffolders/project-templates/astro/template sync recursive !!../node_modules/raw-loader/dist/cjs.js?esModule=false! \\.(js%7Cjsx%7Cts%7Ctsx%7Ccss%7Csvg%7Cjson%7Cscss%7Castro%7Cmd)$";
28099
+ webpackContext.id = "../react-scaffolders/project-templates/astro/template sync recursive !!../node_modules/raw-loader/dist/cjs.js?esModule=false! \\.(js%7Cjsx%7Cts%7Ctsx%7Ccss%7Csvg%7Cjson%7Cscss%7Castro%7Cmd%7Cmjs)$";
28089
28100
 
28090
28101
  /***/ }),
28091
28102
 
@@ -46841,7 +46852,7 @@ module.exports = JSON.parse('[[[0,44],"disallowed_STD3_valid"],[[45,46],"valid"]
46841
46852
  /***/ ((module) => {
46842
46853
 
46843
46854
  "use strict";
46844
- 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"]}');
46845
46856
 
46846
46857
  /***/ }),
46847
46858
 
@@ -46852,7 +46863,7 @@ module.exports = JSON.parse('{"title":"Astro","description":"Create KendoReact a
46852
46863
  /***/ ((module) => {
46853
46864
 
46854
46865
  "use strict";
46855
- 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"]}');
46856
46867
 
46857
46868
  /***/ }),
46858
46869
 
@@ -46863,7 +46874,7 @@ module.exports = JSON.parse('{"title":"nextjs","description":"Create KendoReact
46863
46874
  /***/ ((module) => {
46864
46875
 
46865
46876
  "use strict";
46866
- 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"]}');
46867
46878
 
46868
46879
  /***/ })
46869
46880