@baseplate-dev/react-generators 0.2.0 → 0.2.2

package/dist/generators/core/react-app/react-app.generator.js

@@ -28,7 +28,7 @@ export const reactAppGenerator = createGenerator({
         setup: setupTask,
         paths: CORE_REACT_APP_GENERATED.paths.task,
         reactBaseConfig: createProviderTask(reactBaseConfigProvider, (reactBaseConfig) => {
-            reactBaseConfig.appFragment.set(tsCodeFragment('<App />', tsImportBuilder().default('App').from('@/src/app/App')));
+            reactBaseConfig.appFragment.set(tsCodeFragment('<App />', tsImportBuilder(['App']).from('@/src/app/app')));
         }),
         main: createGeneratorTask({
             dependencies: {

package/dist/generators/core/react-app/react-app.generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-app.generator.js","sourceRoot":"","sources":["../../../../src/generators/core/react-app/react-app.generator.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"react-app.generator.js","sourceRoot":"","sources":["../../../../src/generators/core/react-app/react-app.generator.ts"],"names":[],"mappings":"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"}

package/dist/generators/core/react-app/templates/src/app/{App.tsx → app.tsx}

@@ -2,8 +2,6 @@
 
 import type { ReactElement } from 'react';
 
-function App(): ReactElement {
+export function App(): ReactElement {
   return TPL_RENDER_ROOT;
 }
-
-export default App;

package/dist/generators/core/react-components/generated/index.d.ts

@@ -140,6 +140,15 @@ export declare const CORE_REACT_COMPONENTS_GENERATED: {
             packageInfo: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").PackageInfoProvider>;
         }, undefined>;
     };
+    renderers: {
+        provider: import("@baseplate-dev/sync").ProviderType<import("./template-renderers.js").CoreReactComponentsRenderers>;
+        task: import("@baseplate-dev/sync").GeneratorTask<{
+            coreReactComponentsRenderers: import("@baseplate-dev/sync").ProviderExport<import("./template-renderers.js").CoreReactComponentsRenderers>;
+        }, {
+            paths: import("@baseplate-dev/sync").ProviderType<import("./template-paths.js").CoreReactComponentsPaths>;
+            typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
+        }, undefined>;
+    };
     templates: {
         componentsGroup: {
             alert: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {}>;

package/dist/generators/core/react-components/generated/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/generators/core/react-components/generated/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI3C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/generators/core/react-components/generated/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAK3C,CAAC"}

package/dist/generators/core/react-components/generated/index.js

@@ -1,9 +1,11 @@
 import { CORE_REACT_COMPONENTS_PATHS } from './template-paths.js';
+import { CORE_REACT_COMPONENTS_RENDERERS } from './template-renderers.js';
 import { CORE_REACT_COMPONENTS_IMPORTS } from './ts-import-providers.js';
 import { CORE_REACT_COMPONENTS_TEMPLATES } from './typed-templates.js';
 export const CORE_REACT_COMPONENTS_GENERATED = {
     imports: CORE_REACT_COMPONENTS_IMPORTS,
     paths: CORE_REACT_COMPONENTS_PATHS,
+    renderers: CORE_REACT_COMPONENTS_RENDERERS,
     templates: CORE_REACT_COMPONENTS_TEMPLATES,
 };
 //# sourceMappingURL=index.js.map

package/dist/generators/core/react-components/generated/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/generators/core/react-components/generated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAEvE,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC7C,OAAO,EAAE,6BAA6B;IACtC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,+BAA+B;CAC3C,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/generators/core/react-components/generated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAEvE,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC7C,OAAO,EAAE,6BAA6B;IACtC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,+BAA+B;IAC1C,SAAS,EAAE,+BAA+B;CAC3C,CAAC"}

package/dist/generators/core/react-components/generated/template-renderers.d.ts

@@ -0,0 +1,30 @@
+import type { RenderTsTemplateFileActionInput, RenderTsTemplateGroupActionInput } from '@baseplate-dev/core-generators';
+import type { BuilderAction } from '@baseplate-dev/sync';
+import { CORE_REACT_COMPONENTS_TEMPLATES } from './typed-templates.js';
+export interface CoreReactComponentsRenderers {
+    componentsGroup: {
+        render: (options: Omit<RenderTsTemplateGroupActionInput<typeof CORE_REACT_COMPONENTS_TEMPLATES.componentsGroup>, 'importMapProviders' | 'group' | 'paths'>) => BuilderAction;
+    };
+    hooksGroup: {
+        render: (options: Omit<RenderTsTemplateGroupActionInput<typeof CORE_REACT_COMPONENTS_TEMPLATES.hooksGroup>, 'importMapProviders' | 'group' | 'paths'>) => BuilderAction;
+    };
+    index: {
+        render: (options: Omit<RenderTsTemplateFileActionInput<typeof CORE_REACT_COMPONENTS_TEMPLATES.index>, 'destination' | 'importMapProviders' | 'template'>) => BuilderAction;
+    };
+    stylesGroup: {
+        render: (options: Omit<RenderTsTemplateGroupActionInput<typeof CORE_REACT_COMPONENTS_TEMPLATES.stylesGroup>, 'importMapProviders' | 'group' | 'paths'>) => BuilderAction;
+    };
+    utilsGroup: {
+        render: (options: Omit<RenderTsTemplateGroupActionInput<typeof CORE_REACT_COMPONENTS_TEMPLATES.utilsGroup>, 'importMapProviders' | 'group' | 'paths'>) => BuilderAction;
+    };
+}
+export declare const CORE_REACT_COMPONENTS_RENDERERS: {
+    provider: import("@baseplate-dev/sync").ProviderType<CoreReactComponentsRenderers>;
+    task: import("@baseplate-dev/sync").GeneratorTask<{
+        coreReactComponentsRenderers: import("@baseplate-dev/sync").ProviderExport<CoreReactComponentsRenderers>;
+    }, {
+        paths: import("@baseplate-dev/sync").ProviderType<import("./template-paths.js").CoreReactComponentsPaths>;
+        typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
+    }, undefined>;
+};
+//# sourceMappingURL=template-renderers.d.ts.map

package/dist/generators/core/react-components/generated/template-renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-renderers.d.ts","sourceRoot":"","sources":["../../../../../src/generators/core/react-components/generated/template-renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,+BAA+B,EAC/B,gCAAgC,EACjC,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAMzD,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAEvE,MAAM,WAAW,4BAA4B;IAC3C,eAAe,EAAE;QACf,MAAM,EAAE,CACN,OAAO,EAAE,IAAI,CACX,gCAAgC,CAC9B,OAAO,+BAA+B,CAAC,eAAe,CACvD,EACD,oBAAoB,GAAG,OAAO,GAAG,OAAO,CACzC,KACE,aAAa,CAAC;KACpB,CAAC;IACF,UAAU,EAAE;QACV,MAAM,EAAE,CACN,OAAO,EAAE,IAAI,CACX,gCAAgC,CAC9B,OAAO,+BAA+B,CAAC,UAAU,CAClD,EACD,oBAAoB,GAAG,OAAO,GAAG,OAAO,CACzC,KACE,aAAa,CAAC;KACpB,CAAC;IACF,KAAK,EAAE;QACL,MAAM,EAAE,CACN,OAAO,EAAE,IAAI,CACX,+BAA+B,CAC7B,OAAO,+BAA+B,CAAC,KAAK,CAC7C,EACD,aAAa,GAAG,oBAAoB,GAAG,UAAU,CAClD,KACE,aAAa,CAAC;KACpB,CAAC;IACF,WAAW,EAAE;QACX,MAAM,EAAE,CACN,OAAO,EAAE,IAAI,CACX,gCAAgC,CAC9B,OAAO,+BAA+B,CAAC,WAAW,CACnD,EACD,oBAAoB,GAAG,OAAO,GAAG,OAAO,CACzC,KACE,aAAa,CAAC;KACpB,CAAC;IACF,UAAU,EAAE;QACV,MAAM,EAAE,CACN,OAAO,EAAE,IAAI,CACX,gCAAgC,CAC9B,OAAO,+BAA+B,CAAC,UAAU,CAClD,EACD,oBAAoB,GAAG,OAAO,GAAG,OAAO,CACzC,KACE,aAAa,CAAC;KACpB,CAAC;CACH;AAiED,eAAO,MAAM,+BAA+B;;;;;;;;CAG3C,CAAC"}

package/dist/generators/core/react-components/generated/template-renderers.js

@@ -0,0 +1,62 @@
+import { typescriptFileProvider } from '@baseplate-dev/core-generators';
+import { createGeneratorTask, createProviderType } from '@baseplate-dev/sync';
+import { CORE_REACT_COMPONENTS_PATHS } from './template-paths.js';
+import { CORE_REACT_COMPONENTS_TEMPLATES } from './typed-templates.js';
+const coreReactComponentsRenderers = createProviderType('core-react-components-renderers');
+const coreReactComponentsRenderersTask = createGeneratorTask({
+    dependencies: {
+        paths: CORE_REACT_COMPONENTS_PATHS.provider,
+        typescriptFile: typescriptFileProvider,
+    },
+    exports: {
+        coreReactComponentsRenderers: coreReactComponentsRenderers.export(),
+    },
+    run({ paths, typescriptFile }) {
+        return {
+            providers: {
+                coreReactComponentsRenderers: {
+                    componentsGroup: {
+                        render: (options) => typescriptFile.renderTemplateGroup({
+                            group: CORE_REACT_COMPONENTS_TEMPLATES.componentsGroup,
+                            paths,
+                            ...options,
+                        }),
+                    },
+                    hooksGroup: {
+                        render: (options) => typescriptFile.renderTemplateGroup({
+                            group: CORE_REACT_COMPONENTS_TEMPLATES.hooksGroup,
+                            paths,
+                            ...options,
+                        }),
+                    },
+                    index: {
+                        render: (options) => typescriptFile.renderTemplateFile({
+                            template: CORE_REACT_COMPONENTS_TEMPLATES.index,
+                            destination: paths.index,
+                            ...options,
+                        }),
+                    },
+                    stylesGroup: {
+                        render: (options) => typescriptFile.renderTemplateGroup({
+                            group: CORE_REACT_COMPONENTS_TEMPLATES.stylesGroup,
+                            paths,
+                            ...options,
+                        }),
+                    },
+                    utilsGroup: {
+                        render: (options) => typescriptFile.renderTemplateGroup({
+                            group: CORE_REACT_COMPONENTS_TEMPLATES.utilsGroup,
+                            paths,
+                            ...options,
+                        }),
+                    },
+                },
+            },
+        };
+    },
+});
+export const CORE_REACT_COMPONENTS_RENDERERS = {
+    provider: coreReactComponentsRenderers,
+    task: coreReactComponentsRenderersTask,
+};
+//# sourceMappingURL=template-renderers.js.map

package/dist/generators/core/react-components/generated/template-renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-renderers.js","sourceRoot":"","sources":["../../../../../src/generators/core/react-components/generated/template-renderers.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAuDvE,MAAM,4BAA4B,GAChC,kBAAkB,CAChB,iCAAiC,CAClC,CAAC;AAEJ,MAAM,gCAAgC,GAAG,mBAAmB,CAAC;IAC3D,YAAY,EAAE;QACZ,KAAK,EAAE,2BAA2B,CAAC,QAAQ;QAC3C,cAAc,EAAE,sBAAsB;KACvC;IACD,OAAO,EAAE;QACP,4BAA4B,EAAE,4BAA4B,CAAC,MAAM,EAAE;KACpE;IACD,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE;QAC3B,OAAO;YACL,SAAS,EAAE;gBACT,4BAA4B,EAAE;oBAC5B,eAAe,EAAE;wBACf,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAClB,cAAc,CAAC,mBAAmB,CAAC;4BACjC,KAAK,EAAE,+BAA+B,CAAC,eAAe;4BACtD,KAAK;4BACL,GAAG,OAAO;yBACX,CAAC;qBACL;oBACD,UAAU,EAAE;wBACV,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAClB,cAAc,CAAC,mBAAmB,CAAC;4BACjC,KAAK,EAAE,+BAA+B,CAAC,UAAU;4BACjD,KAAK;4BACL,GAAG,OAAO;yBACX,CAAC;qBACL;oBACD,KAAK,EAAE;wBACL,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAClB,cAAc,CAAC,kBAAkB,CAAC;4BAChC,QAAQ,EAAE,+BAA+B,CAAC,KAAK;4BAC/C,WAAW,EAAE,KAAK,CAAC,KAAK;4BACxB,GAAG,OAAO;yBACX,CAAC;qBACL;oBACD,WAAW,EAAE;wBACX,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAClB,cAAc,CAAC,mBAAmB,CAAC;4BACjC,KAAK,EAAE,+BAA+B,CAAC,WAAW;4BAClD,KAAK;4BACL,GAAG,OAAO;yBACX,CAAC;qBACL;oBACD,UAAU,EAAE;wBACV,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAClB,cAAc,CAAC,mBAAmB,CAAC;4BACjC,KAAK,EAAE,+BAA+B,CAAC,UAAU;4BACjD,KAAK;4BACL,GAAG,OAAO;yBACX,CAAC;qBACL;iBACF;aACF;SACF,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC7C,QAAQ,EAAE,4BAA4B;IACtC,IAAI,EAAE,gCAAgC;CACvC,CAAC"}

package/dist/generators/core/react-components/templates/src/components/alert/alert.tsx

@@ -69,7 +69,7 @@ function AlertDescription({
     <div
       data-slot="alert-description"
       className={cn(
-        'text-surface-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',
+        'col-start-2 grid justify-items-start gap-1 text-sm text-surface-muted-foreground [&_p]:leading-relaxed',
         className,
       )}
       {...props}

package/dist/generators/core/react-components/templates/src/components/calendar/calendar.tsx

@@ -199,7 +199,7 @@ function CalendarDayButton({
       data-range-end={modifiers.range_end}
       data-range-middle={modifiers.range_middle}
       className={cn(
-        'group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70',
+        'flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70',
         defaultClassNames.day,
         className,
       )}

package/dist/generators/core/react-components/templates/src/components/card/card.tsx

@@ -17,7 +17,7 @@ function Card({
     <div
       data-slot="card"
       className={cn(
-        'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
+        'flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm',
         className,
       )}
       {...props}
@@ -61,7 +61,7 @@ function CardDescription({
   return (
     <div
       data-slot="card-description"
-      className={cn('text-muted-foreground text-sm', className)}
+      className={cn('text-sm text-muted-foreground', className)}
       {...props}
     />
   );

package/dist/generators/core/react-components/templates/src/components/checkbox/checkbox.tsx

@@ -22,7 +22,7 @@ function Checkbox({
     <CheckboxPrimitive.Root
       data-slot="checkbox"
       className={cn(
-        'border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary peer size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+        'peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary',
         className,
       )}
       {...props}

package/dist/generators/core/react-components/templates/src/components/circular-progress/circular-progress.tsx

@@ -129,7 +129,7 @@ export function CircularProgress({
       </svg>
       <span
         data-current-value={currentPercent}
-        className="animate-in fade-in absolute inset-0 m-auto size-fit delay-[var(--delay)] duration-[var(--transition-length)] ease-linear"
+        className="absolute inset-0 m-auto size-fit animate-in delay-[var(--delay)] duration-[var(--transition-length)] ease-linear fade-in"
       >
         {currentPercent}
       </span>

package/dist/generators/core/react-components/templates/src/components/date-picker-field/date-picker-field.tsx

@@ -83,7 +83,7 @@ function DatePickerField({
           id={id}
           ref={ref}
           className={cn(
-            'data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal',
+            'w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground',
             className,
           )}
         >

package/dist/generators/core/react-components/templates/src/components/date-time-picker-field/date-time-picker-field.tsx

@@ -142,7 +142,7 @@ function DateTimePickerField({
           id={id}
           ref={ref}
           className={cn(
-            'data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal',
+            'w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground',
             className,
           )}
         >

package/dist/generators/core/react-components/templates/src/components/dialog/dialog.tsx

@@ -50,7 +50,7 @@ function DialogOverlay({
     <DialogPrimitive.Overlay
       data-slot="dialog-overlay"
       className={cn(
-        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+        'fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0',
         className,
       )}
       {...props}
@@ -73,7 +73,7 @@ function DialogContent({
       <DialogPrimitive.Content
         data-slot="dialog-content"
         className={cn(
-          'bg-background data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200',
+          'fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
           'max-h-[90vh] overflow-y-auto', // ensure the dialog is scrollable
           width === 'sm' && 'sm:max-w-md',
           width === 'md' && 'sm:max-w-lg',
@@ -84,7 +84,7 @@ function DialogContent({
         {...props}
       >
         {children}
-        <DialogPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4">
+        <DialogPrimitive.Close className="absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4">
           <MdClose />
           <span className="sr-only">Close</span>
         </DialogPrimitive.Close>
@@ -144,7 +144,7 @@ function DialogDescription({
   return (
     <DialogPrimitive.Description
       data-slot="dialog-description"
-      className={cn('text-muted-foreground text-sm', className)}
+      className={cn('text-sm text-muted-foreground', className)}
       {...props}
     />
   );

package/dist/generators/core/react-components/templates/src/components/empty-display/empty-display.tsx

@@ -47,7 +47,7 @@ function EmptyDisplay({
     <div className={cn('flex h-full items-center justify-center', className)}>
       <div className="flex max-w-xl flex-col items-center space-y-4 text-center">
         <div>
-          <Icon className="text-muted-foreground size-20" />
+          <Icon className="size-20 text-muted-foreground" />
         </div>
         <h1>{header ?? 'No items found'}</h1>
         <p className="text-muted-foreground">

package/dist/generators/core/react-components/templates/src/components/error-display/error-display.tsx

@@ -43,7 +43,7 @@ function ErrorDisplay({
     >
       <div className="flex max-w-xl flex-col items-center space-y-4 text-center">
         <div>
-          <MdOutlineErrorOutline className="text-muted-foreground size-20" />
+          <MdOutlineErrorOutline className="size-20 text-muted-foreground" />
         </div>
         <h1>{header ?? 'Sorry, something went wrong'}</h1>
         <p>

package/dist/generators/core/react-components/templates/src/components/form-item/form-item.tsx

@@ -119,7 +119,7 @@ function FormDescription({
     <p
       data-slot="form-description"
       id={formDescriptionId}
-      className={cn('text-muted-foreground text-sm', className)}
+      className={cn('text-sm text-muted-foreground', className)}
       {...props}
     />
   );
@@ -144,7 +144,7 @@ function FormMessage({
     <p
       data-slot="form-message"
       id={formMessageId}
-      className={cn('text-destructive text-sm', className)}
+      className={cn('text-sm text-destructive', className)}
       {...props}
     >
       {body}

package/dist/generators/core/react-components/templates/src/components/loader/loader.tsx

@@ -18,9 +18,9 @@ function Loader({ className }: LoaderProps): React.ReactElement {
       role="progressbar"
     >
       <div className="flex items-center space-x-2">
-        <div className="bg-muted-foreground size-3 animate-pulse rounded-full" />
-        <div className="bg-muted-foreground size-3 animate-pulse rounded-full delay-300" />
-        <div className="bg-muted-foreground size-3 animate-pulse rounded-full delay-[600ms]" />
+        <div className="size-3 animate-pulse rounded-full bg-muted-foreground" />
+        <div className="size-3 animate-pulse rounded-full bg-muted-foreground delay-300" />
+        <div className="size-3 animate-pulse rounded-full bg-muted-foreground delay-[600ms]" />
       </div>
     </div>
   );

package/dist/generators/core/react-components/templates/src/components/navigation-menu/navigation-menu.tsx

@@ -119,8 +119,8 @@ function NavigationMenuContent({
     <NavigationMenuPrimitive.Content
       data-slot="navigation-menu-content"
       className={cn(
-        'data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto',
-        'group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none',
+        'top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto',
+        'group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95',
         className,
       )}
       {...props}
@@ -143,7 +143,7 @@ function NavigationMenuViewport({
       <NavigationMenuPrimitive.Viewport
         data-slot="navigation-menu-viewport"
         className={cn(
-          'origin-top-center bg-popover text-popover-foreground data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]',
+          'origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]',
           className,
         )}
         {...props}
@@ -162,7 +162,7 @@ function NavigationMenuLink({
     <NavigationMenuPrimitive.Link
       data-slot="navigation-menu-link"
       className={cn(
-        "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm font-medium transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        "flex flex-col gap-1 rounded-sm p-2 text-sm font-medium transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className,
       )}
       {...props}
@@ -194,12 +194,12 @@ function NavigationMenuIndicator({
     <NavigationMenuPrimitive.Indicator
       data-slot="navigation-menu-indicator"
       className={cn(
-        'data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',
+        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in',
         className,
       )}
       {...props}
     >
-      <div className="bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" />
+      <div className="relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
     </NavigationMenuPrimitive.Indicator>
   );
 }

package/dist/generators/core/react-components/templates/src/components/not-found-card/not-found-card.tsx

@@ -2,26 +2,20 @@
 
 import type React from 'react';
 
-import { useNavigate } from 'react-router-dom';
+import { Link } from '@tanstack/react-router';
 
-import { Button } from '../button/button.js';
-import { ErrorDisplay } from '../error-display/error-display.js';
+import { Button, ErrorDisplay } from '../index.js';
 
 export function NotFoundCard(): React.JSX.Element {
-  const navigate = useNavigate();
   return (
     <ErrorDisplay
       className="flex-1"
       header="Page not found"
       error="Sorry, we were unable to find the page you were looking for."
       actions={
-        <Button
-          onClick={() => {
-            navigate('/');
-          }}
-        >
-          Back to Home
-        </Button>
+        <Link to="/" from="/">
+          <Button>Back to Home</Button>
+        </Link>
       }
     />
   );

package/dist/generators/core/react-components/templates/src/components/popover/popover.tsx

@@ -46,7 +46,7 @@ function PopoverContent({
         align={align}
         sideOffset={sideOffset}
         className={cn(
-          'bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 origin-(--radix-popover-content-transform-origin) rounded-md border shadow-md outline-hidden',
+          'z-50 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
           width === 'none' ? '' : 'w-72',
           padding === 'none' ? 'p-0' : 'p-4',
           className,

package/dist/generators/core/react-components/templates/src/components/scroll-area/scroll-area.tsx

@@ -26,7 +26,7 @@ function ScrollArea({
     >
       <ScrollAreaPrimitive.Viewport
         data-slot="scroll-area-viewport"
-        className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+        className="size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
       >
         {children}
       </ScrollAreaPrimitive.Viewport>
@@ -59,7 +59,7 @@ function ScrollBar({
     >
       <ScrollAreaPrimitive.ScrollAreaThumb
         data-slot="scroll-area-thumb"
-        className="bg-border relative flex-1 rounded-full"
+        className="relative flex-1 rounded-full bg-border"
       />
     </ScrollAreaPrimitive.ScrollAreaScrollbar>
   );

package/dist/generators/core/react-components/templates/src/components/select/select.tsx

@@ -131,7 +131,7 @@ function SelectLabel({
   return (
     <SelectPrimitive.Label
       data-slot="select-label"
-      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}
+      className={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}
       {...props}
     />
   );
@@ -165,7 +165,7 @@ function SelectSeparator({
   return (
     <SelectPrimitive.Separator
       data-slot="select-separator"
-      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}
+      className={cn('pointer-events-none -mx-1 my-1 h-px bg-border', className)}
       {...props}
     />
   );

package/dist/generators/core/react-components/templates/src/components/sidebar-layout/sidebar-layout.tsx

@@ -37,7 +37,7 @@ function SidebarLayoutSidebar({
   return (
     <aside
       className={cn(
-        'border-border sticky shrink-0 overflow-y-auto border-r',
+        'sticky shrink-0 overflow-y-auto border-r border-border',
         {
           'w-64': width === 'sm',
           'w-72': width === 'md',

package/dist/generators/core/react-components/templates/src/components/switch/switch.tsx

@@ -19,7 +19,7 @@ function Switch({
     <SwitchPrimitive.Root
       data-slot="switch"
       className={cn(
-        'peer focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+        'peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80',
         className,
       )}
       {...props}
@@ -27,7 +27,7 @@ function Switch({
       <SwitchPrimitive.Thumb
         data-slot="switch-thumb"
         className={cn(
-          'bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0',
+          'pointer-events-none block size-4 rounded-full bg-background ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground',
         )}
       />
     </SwitchPrimitive.Root>

package/dist/generators/core/react-components/templates/src/components/table/table.tsx

@@ -61,7 +61,7 @@ function TableFooter({
     <tfoot
       data-slot="table-footer"
       className={cn(
-        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',
+        'border-t bg-muted/50 font-medium [&>tr]:last:border-b-0',
         className,
       )}
       {...props}
@@ -77,7 +77,7 @@ function TableRow({
     <tr
       data-slot="table-row"
       className={cn(
-        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
+        'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
         className,
       )}
       {...props}
@@ -93,7 +93,7 @@ function TableHead({
     <th
       data-slot="table-head"
       className={cn(
-        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+        'h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
         className,
       )}
       {...props}
@@ -124,7 +124,7 @@ function TableCaption({
   return (
     <caption
       data-slot="table-caption"
-      className={cn('text-muted-foreground mt-4 text-sm', className)}
+      className={cn('mt-4 text-sm text-muted-foreground', className)}
       {...props}
     />
   );

package/dist/generators/core/react-components/templates/src/components/textarea/textarea.tsx

@@ -19,7 +19,7 @@ function Textarea({
     <textarea
       data-slot="textarea"
       className={cn(
-        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        'flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40',
         className,
       )}
       {...props}

package/dist/generators/core/react-config/generated/index.d.ts

@@ -16,6 +16,15 @@ export declare const CORE_REACT_CONFIG_GENERATED: {
             packageInfo: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").PackageInfoProvider>;
         }, undefined>;
     };
+    renderers: {
+        provider: import("@baseplate-dev/sync").ProviderType<import("./template-renderers.js").CoreReactConfigRenderers>;
+        task: import("@baseplate-dev/sync").GeneratorTask<{
+            coreReactConfigRenderers: import("@baseplate-dev/sync").ProviderExport<import("./template-renderers.js").CoreReactConfigRenderers>;
+        }, {
+            paths: import("@baseplate-dev/sync").ProviderType<import("./template-paths.js").CoreReactConfigPaths>;
+            typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
+        }, undefined>;
+    };
     templates: {
         config: import("@baseplate-dev/core-generators").TsTemplateFile<{
             TPL_CONFIG_SCHEMA: {};

package/dist/generators/core/react-config/generated/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/generators/core/react-config/generated/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;CAIvC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/generators/core/react-config/generated/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKvC,CAAC"}

package/dist/generators/core/react-config/generated/index.js

@@ -1,9 +1,11 @@
 import { CORE_REACT_CONFIG_PATHS } from './template-paths.js';
+import { CORE_REACT_CONFIG_RENDERERS } from './template-renderers.js';
 import { CORE_REACT_CONFIG_IMPORTS } from './ts-import-providers.js';
 import { CORE_REACT_CONFIG_TEMPLATES } from './typed-templates.js';
 export const CORE_REACT_CONFIG_GENERATED = {
     imports: CORE_REACT_CONFIG_IMPORTS,
     paths: CORE_REACT_CONFIG_PATHS,
+    renderers: CORE_REACT_CONFIG_RENDERERS,
     templates: CORE_REACT_CONFIG_TEMPLATES,
 };
 //# sourceMappingURL=index.js.map