gitextract_fz6l1qv3/ ├── .gitignore ├── .prettierrc ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── _mantine.scss ├── eslint.config.js ├── js/ │ ├── generated/ │ │ ├── colors.cjs │ │ ├── colors.js │ │ └── theme-functions.cjs │ └── scripts/ │ ├── compileTS.cjs │ ├── components.cjs │ ├── generateCssVariableResolver.cjs │ ├── generateStyles.cjs │ └── generateThemes.cjs ├── next.config.js ├── package.json ├── postcss.config.js ├── public/ │ ├── _redirects │ └── robots.txt ├── src/ │ ├── _mantine.scss │ ├── app/ │ │ ├── about/ │ │ │ └── page.tsx │ │ ├── blocks/ │ │ │ ├── [slug]/ │ │ │ │ └── page.tsx │ │ │ ├── layout.tsx │ │ │ └── page.tsx │ │ ├── feedback/ │ │ │ └── page.tsx │ │ ├── how-to-use/ │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ ├── loading.tsx │ │ ├── page.tsx │ │ ├── playground/ │ │ │ └── page.tsx │ │ └── sitemap.ts │ ├── components/ │ │ ├── GoogleAnalytics.tsx │ │ ├── MicrosoftClarity.tsx │ │ ├── custom/ │ │ │ ├── about/ │ │ │ │ └── about.tsx │ │ │ ├── blocks/ │ │ │ │ └── coming-soon/ │ │ │ │ ├── coming-soon.module.css │ │ │ │ └── coming-soon.tsx │ │ │ ├── change-theme-section/ │ │ │ │ ├── change-theme-button.tsx │ │ │ │ ├── change-theme-section.tsx │ │ │ │ └── copy-theme-code-button.tsx │ │ │ ├── components-demo/ │ │ │ │ ├── buttons/ │ │ │ │ │ ├── action-icon-demo.tsx │ │ │ │ │ ├── button-demo.tsx │ │ │ │ │ └── close-button-demo.tsx │ │ │ │ ├── charts/ │ │ │ │ │ ├── area-chart-demo.tsx │ │ │ │ │ ├── bar-chart-demo.tsx │ │ │ │ │ ├── bubble-chart-demo.tsx │ │ │ │ │ ├── composite-chart-demo.tsx │ │ │ │ │ ├── data/ │ │ │ │ │ │ ├── _area-data.ts │ │ │ │ │ │ ├── _bar-data.ts │ │ │ │ │ │ ├── _bubble-data.ts │ │ │ │ │ │ ├── _donut-data.ts │ │ │ │ │ │ ├── _pie-data.ts │ │ │ │ │ │ ├── _radar-data.ts │ │ │ │ │ │ └── _scatter-data.ts │ │ │ │ │ ├── donot-chart-demo.tsx │ │ │ │ │ ├── line-chart-demo.tsx │ │ │ │ │ ├── pie-chart-demo.tsx │ │ │ │ │ ├── radar-chart-demo.tsx │ │ │ │ │ ├── scatter-chart-demo.tsx │ │ │ │ │ └── sparkline-demo.tsx │ │ │ │ ├── combobox/ │ │ │ │ │ ├── autocomplete-demo.tsx │ │ │ │ │ ├── multi-select-demo.tsx │ │ │ │ │ ├── pills-input-demo.tsx │ │ │ │ │ ├── select-demo.tsx │ │ │ │ │ └── tags-input-demo.tsx │ │ │ │ ├── components-demo.module.css │ │ │ │ ├── components-demo.tsx │ │ │ │ ├── data-display/ │ │ │ │ │ ├── accordion-demo.tsx │ │ │ │ │ ├── avatar-demo.tsx │ │ │ │ │ ├── background-image-demo.tsx │ │ │ │ │ ├── badge-demo.tsx │ │ │ │ │ ├── card-demo.tsx │ │ │ │ │ ├── color-swatch-demo.tsx │ │ │ │ │ ├── image-demo.tsx │ │ │ │ │ ├── indicator-demo.tsx │ │ │ │ │ ├── spoiler-demo.tsx │ │ │ │ │ ├── theme-icon-demo.tsx │ │ │ │ │ └── timeline-demo.tsx │ │ │ │ ├── feedback/ │ │ │ │ │ ├── alert-demo.tsx │ │ │ │ │ ├── loader-demo.tsx │ │ │ │ │ ├── notification-demo.tsx │ │ │ │ │ ├── progress-demo.tsx │ │ │ │ │ ├── ring-progress-demo.tsx │ │ │ │ │ ├── semi-circle-progress-demo.tsx │ │ │ │ │ └── skeleton-demo.tsx │ │ │ │ ├── inputs/ │ │ │ │ │ ├── checkbox-demo.tsx │ │ │ │ │ ├── checkbox-group-demo.tsx │ │ │ │ │ ├── chip-demo.tsx │ │ │ │ │ ├── color-input-demo.tsx │ │ │ │ │ ├── fieldset-demo.tsx │ │ │ │ │ ├── file-input.tsx │ │ │ │ │ ├── native-select-demo.tsx │ │ │ │ │ ├── pin-input-demo.tsx │ │ │ │ │ ├── radio-demo.tsx │ │ │ │ │ ├── radio-group-demo.tsx │ │ │ │ │ ├── rating-demo.tsx │ │ │ │ │ ├── segmented-control-demo.tsx │ │ │ │ │ ├── slider-demo.tsx │ │ │ │ │ ├── switch-demo.tsx │ │ │ │ │ ├── switch-group-demo.tsx │ │ │ │ │ ├── text-input-demo.tsx │ │ │ │ │ └── textarea-demo.tsx │ │ │ │ ├── miscellaneous/ │ │ │ │ │ ├── date-picker-input-demo.tsx │ │ │ │ │ ├── divider-demo.tsx │ │ │ │ │ ├── paper-demo.tsx │ │ │ │ │ └── scroll-area-demo.tsx │ │ │ │ ├── navigation/ │ │ │ │ │ ├── anchor-demo.tsx │ │ │ │ │ ├── nav-link-demo.tsx │ │ │ │ │ ├── pagination-demo.tsx │ │ │ │ │ ├── stepper-demo.tsx │ │ │ │ │ └── tabs-demo.tsx │ │ │ │ ├── overlays/ │ │ │ │ │ ├── authentication-form.tsx │ │ │ │ │ ├── dialog-demo.tsx │ │ │ │ │ ├── drawer-demo.tsx │ │ │ │ │ ├── hover-card-demo.tsx │ │ │ │ │ ├── loading-overlay-demo.tsx │ │ │ │ │ ├── menu-demo.tsx │ │ │ │ │ ├── modal-demo.tsx │ │ │ │ │ ├── overlay-demo.tsx │ │ │ │ │ ├── popover-demo.tsx │ │ │ │ │ └── tooltip-demo.tsx │ │ │ │ └── typography/ │ │ │ │ ├── blockquote-demo.tsx │ │ │ │ ├── code-demo.tsx │ │ │ │ ├── highlight-demo.tsx │ │ │ │ ├── list-demo.tsx │ │ │ │ ├── mark-demo.tsx │ │ │ │ ├── table-demo.tsx │ │ │ │ ├── text-demo.tsx │ │ │ │ └── title-demo.tsx │ │ │ ├── how-to-use/ │ │ │ │ └── how-to-use.tsx │ │ │ ├── testimonial/ │ │ │ │ ├── testimonial-grid.tsx │ │ │ │ └── testimonial-item.tsx │ │ │ └── theme-example-cards/ │ │ │ ├── activity-goal.tsx │ │ │ ├── calendar.tsx │ │ │ ├── chat.tsx │ │ │ ├── cookie-settings.tsx │ │ │ ├── create-account.tsx │ │ │ ├── data-table.tsx │ │ │ ├── mantine-cards.tsx │ │ │ ├── metric.tsx │ │ │ ├── payment-method.tsx │ │ │ ├── report-issue.tsx │ │ │ ├── share.tsx │ │ │ ├── stats.tsx │ │ │ └── team-members.tsx │ │ ├── layouts/ │ │ │ └── page-layout.tsx │ │ ├── mantine/ │ │ │ └── demo/ │ │ │ ├── CodeDemo/ │ │ │ │ └── CodeDemo.tsx │ │ │ ├── ConfiguratorDemo/ │ │ │ │ ├── ConfiguratorDemo.module.css │ │ │ │ ├── ConfiguratorDemo.tsx │ │ │ │ ├── clear-props.ts │ │ │ │ ├── controls/ │ │ │ │ │ ├── ColorWheelIcon.tsx │ │ │ │ │ ├── ConfiguratorBoolean.control.tsx │ │ │ │ │ ├── ConfiguratorColor.control.module.css │ │ │ │ │ ├── ConfiguratorColor.control.tsx │ │ │ │ │ ├── ConfiguratorNumber.control.tsx │ │ │ │ │ ├── ConfiguratorSegmented.control.tsx │ │ │ │ │ ├── ConfiguratorSelect.control.tsx │ │ │ │ │ ├── ConfiguratorSize.control.tsx │ │ │ │ │ ├── ConfiguratorString.control.tsx │ │ │ │ │ ├── get-control-label.ts │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── transform-select-data.ts │ │ │ │ │ └── types.ts │ │ │ │ ├── get-code-array.ts │ │ │ │ └── inject-props.tsx │ │ │ ├── Demo/ │ │ │ │ └── Demo.tsx │ │ │ ├── DemoArea/ │ │ │ │ ├── DemoArea.module.css │ │ │ │ ├── DemoArea.tsx │ │ │ │ └── index.ts │ │ │ ├── DemoCode/ │ │ │ │ ├── DemoCode.module.scss │ │ │ │ ├── DemoCode.tsx │ │ │ │ └── index.ts │ │ │ ├── DemoColumns/ │ │ │ │ ├── DemoColumns.module.css │ │ │ │ ├── DemoColumns.tsx │ │ │ │ └── index.ts │ │ │ ├── DemoRoot/ │ │ │ │ ├── DemoRoot.module.css │ │ │ │ ├── DemoRoot.tsx │ │ │ │ └── index.ts │ │ │ ├── StylesApiDemo/ │ │ │ │ ├── StylesApiDemo.module.css │ │ │ │ └── StylesApiDemo.tsx │ │ │ └── index.ts │ │ └── ui/ │ │ ├── chart-tooltip.tsx │ │ ├── color-scheme-switch/ │ │ │ ├── color-scheme-switch.module.css │ │ │ ├── color-scheme-switch.tsx │ │ │ └── index.ts │ │ ├── header/ │ │ │ ├── header.module.scss │ │ │ └── header.tsx │ │ ├── icons.tsx │ │ └── navbar/ │ │ ├── navbar-links-group.tsx │ │ ├── navbar.module.scss │ │ └── navbar.tsx │ ├── feature/ │ │ └── blocks/ │ │ ├── components/ │ │ │ ├── block-components/ │ │ │ │ └── block-components.tsx │ │ │ ├── categories/ │ │ │ │ ├── category-card.module.css │ │ │ │ ├── category-card.tsx │ │ │ │ ├── category-list.module.css │ │ │ │ ├── category-list.tsx │ │ │ │ └── category-page.tsx │ │ │ ├── component-canvas/ │ │ │ │ ├── canvas-header.module.css │ │ │ │ ├── canvas-header.tsx │ │ │ │ ├── color-control.tsx │ │ │ │ ├── component-canvas.module.css │ │ │ │ └── component-canvas.tsx │ │ │ ├── component-preview/ │ │ │ │ └── component-preview.tsx │ │ │ └── shell/ │ │ │ ├── shell.module.css │ │ │ └── shell.tsx │ │ ├── data/ │ │ │ ├── categories.ts │ │ │ ├── components.ts │ │ │ ├── fn.ts │ │ │ ├── images/ │ │ │ │ └── index.ts │ │ │ └── types.ts │ │ └── lib/ │ │ ├── coming-soon/ │ │ │ ├── attributes.json │ │ │ ├── coming-soon.module.css │ │ │ └── coming-soon.tsx │ │ ├── faq1/ │ │ │ ├── attributes.json │ │ │ ├── faq1.module.css │ │ │ └── faq1.tsx │ │ ├── faq2/ │ │ │ ├── attributes.json │ │ │ ├── faq2.module.css │ │ │ └── faq2.tsx │ │ ├── faq3/ │ │ │ ├── attributes.json │ │ │ ├── faq3.module.css │ │ │ └── faq3.tsx │ │ ├── feature1/ │ │ │ ├── attributes.json │ │ │ ├── feature1.module.css │ │ │ └── feature1.tsx │ │ ├── feature2/ │ │ │ ├── attributes.json │ │ │ ├── feature2.module.css │ │ │ └── feature2.tsx │ │ ├── feature3/ │ │ │ ├── attributes.json │ │ │ ├── feature3.module.css │ │ │ └── feature3.tsx │ │ ├── feature4/ │ │ │ ├── attributes.json │ │ │ ├── feature4.module.css │ │ │ └── feature4.tsx │ │ ├── feature5/ │ │ │ ├── attributes.json │ │ │ ├── feature5.module.css │ │ │ └── feature5.tsx │ │ ├── hero1/ │ │ │ ├── attributes.json │ │ │ ├── hero1.module.css │ │ │ └── hero1.tsx │ │ ├── hero2/ │ │ │ ├── attributes.json │ │ │ ├── hero2.module.css │ │ │ └── hero2.tsx │ │ ├── hero3/ │ │ │ ├── attributes.json │ │ │ ├── hero3.module.css │ │ │ └── hero3.tsx │ │ ├── hero4/ │ │ │ ├── attributes.json │ │ │ ├── hero4.module.css │ │ │ └── hero4.tsx │ │ ├── hero5/ │ │ │ ├── attributes.json │ │ │ ├── hero5.module.css │ │ │ └── hero5.tsx │ │ ├── hero6/ │ │ │ ├── attributes.json │ │ │ ├── hero6.module.css │ │ │ └── hero6.tsx │ │ ├── index.ts │ │ ├── meet-our-team-1/ │ │ │ ├── attributes.json │ │ │ ├── meet-our-team-1.module.css │ │ │ └── meet-our-team-1.tsx │ │ ├── meet-our-team-2/ │ │ │ ├── attributes.json │ │ │ ├── meet-our-team-2.module.css │ │ │ └── meet-our-team-2.tsx │ │ ├── meet-our-team-3/ │ │ │ ├── attributes.json │ │ │ ├── meet-our-team-3.module.css │ │ │ └── meet-our-team-3.tsx │ │ ├── meet-our-team-4/ │ │ │ ├── attributes.json │ │ │ ├── meet-our-team-4.module.css │ │ │ └── meet-our-team-4.tsx │ │ ├── newsletter1/ │ │ │ ├── attributes.json │ │ │ ├── newsletter1.module.css │ │ │ └── newsletter1.tsx │ │ ├── newsletter2/ │ │ │ ├── attributes.json │ │ │ ├── newsletter2.module.css │ │ │ └── newsletter2.tsx │ │ ├── pricing1/ │ │ │ ├── attributes.json │ │ │ ├── pricing1.module.css │ │ │ └── pricing1.tsx │ │ ├── pricing2/ │ │ │ ├── attributes.json │ │ │ ├── pricing2.module.css │ │ │ └── pricing2.tsx │ │ ├── pricing3/ │ │ │ ├── attributes.json │ │ │ ├── pricing3.module.css │ │ │ └── pricing3.tsx │ │ ├── pricing4/ │ │ │ ├── attributes.json │ │ │ ├── pricing4.module.css │ │ │ └── pricing4.tsx │ │ ├── pricing5/ │ │ │ ├── attributes.json │ │ │ ├── pricing5.module.css │ │ │ └── pricing5.tsx │ │ ├── testimonials1/ │ │ │ ├── attributes.json │ │ │ ├── testimonials1.module.css │ │ │ └── testimonials1.tsx │ │ ├── testimonials2/ │ │ │ ├── attributes.json │ │ │ ├── testimonials2.module.css │ │ │ └── testimonials2.tsx │ │ └── testimonials3/ │ │ ├── attributes.json │ │ ├── testimonials3.module.css │ │ └── testimonials3.tsx │ ├── routeTree.gen.ts │ ├── styles/ │ │ ├── _mantine.scss │ │ ├── fonts.css │ │ ├── index.scss │ │ ├── mantine-styles.css │ │ └── shadcn-styles.css │ ├── theme-context.tsx │ ├── themes/ │ │ ├── generated/ │ │ │ ├── generatedMantineCssStyles.ts │ │ │ ├── generatedMantineCssVariableResolver.ts │ │ │ ├── generatedMantineTheme.ts │ │ │ ├── generatedShadcnCssStyles.ts │ │ │ ├── generatedShadcnCssVariableResolver.ts │ │ │ └── generatedShadcnTheme.ts │ │ ├── mantine/ │ │ │ ├── mantine-css-variable-resolver.ts │ │ │ └── mantine-theme.ts │ │ ├── shadcn/ │ │ │ ├── shadcn-css-variable-resolver.ts │ │ │ └── shadcn-theme.ts │ │ └── test/ │ │ ├── shadcn-css-variable-resolver-test.ts │ │ ├── shadcn-styles-test.css │ │ └── shadcn-theme-test.ts │ ├── utils/ │ │ ├── colors.ts │ │ ├── cssTemplate.ts │ │ ├── data.ts │ │ ├── functions.ts │ │ ├── input-controls.ts │ │ ├── testimonials.ts │ │ ├── theme-functions.ts │ │ ├── themeTemplate.ts │ │ └── variants-data.ts │ └── vite-env.d.ts ├── tailwind.config.js ├── tsconfig.app.json ├── tsconfig.app.tsbuildinfo ├── tsconfig.json ├── tsconfig.node.tsbuildinfo └── tsconfig.tsbuildinfo