diff --git a/www/content/docs/components/colors/color-area.mdx b/www/content/docs/components/colors/color-area.mdx index d60a2a9d..0da97492 100644 --- a/www/content/docs/components/colors/color-area.mdx +++ b/www/content/docs/components/colors/color-area.mdx @@ -12,7 +12,10 @@ links: href: https://github.com/mehdibha/dotUI/tree/main/content/components/colors/color-area.mdx?plain=1 --- -`} /> +`} +/> ## Installation diff --git a/www/content/docs/components/data-display/badge.mdx b/www/content/docs/components/data-display/badge.mdx index ffdae5f5..0606961d 100644 --- a/www/content/docs/components/data-display/badge.mdx +++ b/www/content/docs/components/data-display/badge.mdx @@ -8,7 +8,10 @@ links: href: https://github.com/mehdibha/dotUI/tree/main/content/components/data-display/badge.mdx?plain=1 --- -Badge`} /> +Badge`} +/> ## Installation diff --git a/www/content/docs/components/date-and-time/calendar.mdx b/www/content/docs/components/date-and-time/calendar.mdx index 40938846..3b2e3c52 100644 --- a/www/content/docs/components/date-and-time/calendar.mdx +++ b/www/content/docs/components/date-and-time/calendar.mdx @@ -12,7 +12,10 @@ links: href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/calendar.mdx?plain=1 --- -`} /> +`} +/> ## Installation diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx index 30028801..995fd977 100644 --- a/www/content/docs/components/date-and-time/date-field.mdx +++ b/www/content/docs/components/date-and-time/date-field.mdx @@ -12,7 +12,10 @@ links: href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/date-field.mdx?plain=1 --- -`} /> +`} +/> ## Installation diff --git a/www/content/docs/components/date-and-time/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx index 3f791274..925bca0f 100644 --- a/www/content/docs/components/date-and-time/date-picker.mdx +++ b/www/content/docs/components/date-and-time/date-picker.mdx @@ -12,7 +12,10 @@ links: href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/date-picker.mdx?plain=1 --- -`} /> +`} +/> ## Installation diff --git a/www/content/docs/components/date-and-time/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx index 9e5d5374..dbab2b39 100644 --- a/www/content/docs/components/date-and-time/time-field.mdx +++ b/www/content/docs/components/date-and-time/time-field.mdx @@ -12,7 +12,10 @@ links: href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/time-field.mdx?plain=1 --- -`} /> +`} +/> ## Installation diff --git a/www/content/docs/components/overlay/dialog.mdx b/www/content/docs/components/overlay/dialog.mdx index 74fab270..74253229 100644 --- a/www/content/docs/components/overlay/dialog.mdx +++ b/www/content/docs/components/overlay/dialog.mdx @@ -260,7 +260,10 @@ If you need to customize things further, you can drop down to the composition le ### Async form submission - + ### Nested dialog diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx index 263a663f..de973248 100644 --- a/www/src/app/(home)/components-overview.tsx +++ b/www/src/app/(home)/components-overview.tsx @@ -35,7 +35,12 @@ export function ComponentsOverview() { return (
- +
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx index 5591f7f8..baf207e3 100644 --- a/www/src/components/sidebar.tsx +++ b/www/src/components/sidebar.tsx @@ -3,7 +3,6 @@ import React from "react"; import Link from "next/link"; import { usePathname } from "next/navigation"; -import { motion } from "motion/react"; import type { PageTree } from "fumadocs-core/server"; import { useOnChange } from "fumadocs-core/utils/use-on-change"; import { @@ -14,6 +13,7 @@ import { SearchIcon, SunIcon, } from "lucide-react"; +import { motion } from "motion/react"; import { cn } from "@/lib/cn"; import { hasActive, isActive } from "@/lib/docs/utils"; import { useCommandMenuInputRef } from "@/hooks/use-focus-command-menu"; diff --git a/www/src/components/style-switcher.tsx b/www/src/components/style-switcher.tsx index 1c6ea5d2..d83bc415 100644 --- a/www/src/components/style-switcher.tsx +++ b/www/src/components/style-switcher.tsx @@ -23,7 +23,10 @@ export function StyleSwitcher({ componentName }: { componentName: string }) { { - setVariants((prevVariants) => ({ ...prevVariants , [componentName]: key })); + setVariants((prevVariants) => ({ + ...prevVariants, + [componentName]: key, + })); }} > } description="You are currently on the free plan. Upgrade to unlock more features." - /> + /> ); } diff --git a/www/src/demos/alert/default.tsx b/www/src/demos/alert/default.tsx index 9c8f4914..ecbd773c 100644 --- a/www/src/demos/alert/default.tsx +++ b/www/src/demos/alert/default.tsx @@ -1,5 +1,5 @@ import { Alert } from "@/components/dynamic-core/alert"; export default function AlertDemo() { - return ; + return ; } diff --git a/www/src/lib/helpers.tsx b/www/src/lib/helpers.tsx index 6d928cfb..38b8577c 100644 --- a/www/src/lib/helpers.tsx +++ b/www/src/lib/helpers.tsx @@ -1,28 +1,37 @@ -import * as React from 'react'; +import * as React from "react"; export function createScopedContext( rootComponentName: string, defaultContext?: ContextValueType ) { - const Context = React.createContext(defaultContext); + const Context = React.createContext( + defaultContext + ); - const Provider: React.FC = (props) => { + const Provider: React.FC = ( + props + ) => { const { children, ...context } = props; // Only re-memoize when prop values change // eslint-disable-next-line react-hooks/exhaustive-deps - const value = React.useMemo(() => context, Object.values(context)) as ContextValueType; + const value = React.useMemo( + () => context, + Object.values(context) + ) as ContextValueType; return {children}; }; - Provider.displayName = rootComponentName + 'Provider'; + Provider.displayName = rootComponentName + "Provider"; function useContext(consumerName: string) { const context = React.useContext(Context); if (context) return context; if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context. - throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``); + throw new Error( + `\`${consumerName}\` must be used within \`${rootComponentName}\`` + ); } return [Provider, useContext] as const; -} \ No newline at end of file +} diff --git a/www/src/registry/core/slider.tsx b/www/src/registry/core/slider.tsx index a5aef5dc..62018d61 100644 --- a/www/src/registry/core/slider.tsx +++ b/www/src/registry/core/slider.tsx @@ -34,7 +34,7 @@ const sliderStyles = tv({ thumb: [ focusRing(), "rounded-full bg-white shadow-md transition-[width,height]", - "top-[50%] left-[50%]", + "left-[50%] top-[50%]", "disabled:bg-bg-disabled disabled:border-bg disabled:border", ], valueLabel: "text-fg-muted text-sm",