diff --git a/examples/federation/epic-stack-remote/app/components/spacer.tsx b/examples/federation/epic-stack-remote/app/components/spacer.tsx
index 8a8e537..d844ace 100644
--- a/examples/federation/epic-stack-remote/app/components/spacer.tsx
+++ b/examples/federation/epic-stack-remote/app/components/spacer.tsx
@@ -53,5 +53,5 @@ export function Spacer({
'4xl': 'h-44',
}
const className = options[size]
- return
+ return
}
diff --git a/examples/federation/epic-stack-remote/app/components/ui/button.tsx b/examples/federation/epic-stack-remote/app/components/ui/button.tsx
index 36601c5..e0986c2 100644
--- a/examples/federation/epic-stack-remote/app/components/ui/button.tsx
+++ b/examples/federation/epic-stack-remote/app/components/ui/button.tsx
@@ -5,7 +5,7 @@ import * as React from 'react'
import { cn } from '#app/utils/misc.tsx'
const buttonVariants = cva(
- 'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors outline-none focus-visible:ring-2 focus-within:ring-2 ring-ring ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+ 'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors outline-none focus-visible:ring-2 focus-within:ring-2 ring-ring ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-2 border-red-500',
{
variants: {
variant: {
diff --git a/examples/federation/epic-stack-remote/app/components/ui/checkbox.tsx b/examples/federation/epic-stack-remote/app/components/ui/checkbox.tsx
index 637a7fd..c335b39 100644
--- a/examples/federation/epic-stack-remote/app/components/ui/checkbox.tsx
+++ b/examples/federation/epic-stack-remote/app/components/ui/checkbox.tsx
@@ -17,7 +17,7 @@ const Checkbox = React.forwardRef<
) => {
return (
)
diff --git a/examples/federation/epic-stack-remote/app/components/ui/icon.tsx b/examples/federation/epic-stack-remote/app/components/ui/icon.tsx
index 10b8c1d..62b3122 100644
--- a/examples/federation/epic-stack-remote/app/components/ui/icon.tsx
+++ b/examples/federation/epic-stack-remote/app/components/ui/icon.tsx
@@ -1,5 +1,6 @@
import { type SVGProps } from 'react'
import { cn } from '#app/utils/misc.tsx'
+//@ts-ignore
import href from './icons/sprite.svg'
import { type IconName } from '@/icon-name'
diff --git a/examples/federation/epic-stack-remote/app/components/ui/input-otp.tsx b/examples/federation/epic-stack-remote/app/components/ui/input-otp.tsx
index ff7a2d7..6eec880 100644
--- a/examples/federation/epic-stack-remote/app/components/ui/input-otp.tsx
+++ b/examples/federation/epic-stack-remote/app/components/ui/input-otp.tsx
@@ -23,7 +23,7 @@ const InputOTPGroup = React.forwardRef<
React.ElementRef<'div'>,
React.ComponentPropsWithoutRef<'div'>
>(({ className, ...props }, ref) => (
-
+
))
InputOTPGroup.displayName = 'InputOTPGroup'
@@ -40,7 +40,7 @@ const InputOTPSlot = React.forwardRef<
,
React.ComponentPropsWithoutRef<'div'>
>(({ ...props }, ref) => (
-
+
-
))
diff --git a/examples/federation/epic-stack-remote/app/components/ui/input.tsx b/examples/federation/epic-stack-remote/app/components/ui/input.tsx
index f4b2db3..1478644 100644
--- a/examples/federation/epic-stack-remote/app/components/ui/input.tsx
+++ b/examples/federation/epic-stack-remote/app/components/ui/input.tsx
@@ -11,7 +11,7 @@ const Input = React.forwardRef
(
@@ -35,7 +35,7 @@ export const StatusButton = React.forwardRef<
success: (
@@ -43,7 +43,7 @@ export const StatusButton = React.forwardRef<
error: (
{children}
diff --git a/examples/federation/epic-stack-remote/app/components/ui/textarea.tsx b/examples/federation/epic-stack-remote/app/components/ui/textarea.tsx
index 2e8ea5e..294ca33 100644
--- a/examples/federation/epic-stack-remote/app/components/ui/textarea.tsx
+++ b/examples/federation/epic-stack-remote/app/components/ui/textarea.tsx
@@ -10,7 +10,7 @@ const Textarea = React.forwardRef(
return (