0.5 global config

src/components/Avatar.astro

@@ -1,13 +1,14 @@
 ---
 import type { ComponentProps } from 'astro/types'
 import Image from 'fulldev-ui/components/Image.astro'
+import fulldevConfig from 'virtual:fulldev-ui/config'
 
 type Props = Omit<ComponentProps<typeof Image>, 'position' | 'frame'> & {
   variant?: 'subtle' | 'outline' | 'ghost'
   radius?: 'none' | 'auto' | 'full'
 }
 
-const { radius = 'auto', ...rest } = Astro.props
+const { radius = fulldevConfig.radius ?? 'auto', ...rest } = Astro.props
 ---
 
 <Image

src/components/Badge.astro

@@ -2,6 +2,7 @@
 import type { HTMLTag, Polymorphic } from 'astro/types'
 import Icon from 'fulldev-ui/components/Icon.astro'
 import Root from 'fulldev-ui/components/Root.astro'
+import fulldevConfig from 'virtual:fulldev-ui/config'
 
 type Props<As extends HTMLTag = 'a'> = Polymorphic<{ as: As }> & {
   radius?: 'none' | 'auto' | 'full'
@@ -18,7 +19,7 @@ const {
   html,
   text,
   as = href ? 'a' : 'div',
-  radius = 'full',
+  radius = fulldevConfig.radius ?? 'full',
   icon,
   ...rest
 } = Astro.props

src/components/Button.astro

@@ -3,7 +3,7 @@ import type { HTMLTag, Polymorphic } from 'astro/types'
 import Avatar from 'fulldev-ui/components/Avatar.astro'
 import Icon from 'fulldev-ui/components/Icon.astro'
 import Root from 'fulldev-ui/components/Root.astro'
-
+import fulldevConfig from 'virtual:fulldev-ui/config'
 type Props<As extends HTMLTag = 'a'> = Polymorphic<{ as: As }> & {
   variant?: 'primary' | 'secondary' | 'tertiary'
   radius?: 'none' | 'auto' | 'full'
@@ -19,7 +19,7 @@ type Props<As extends HTMLTag = 'a'> = Polymorphic<{ as: As }> & {
 const {
   as = 'a',
   variant = 'primary',
-  radius = 'auto',
+  radius = fulldevConfig.radius ?? 'auto',
   avatar,
   icon,
   html,

src/components/Card.astro

@@ -12,6 +12,7 @@ import Spread from 'fulldev-ui/components/Spread.astro'
 import Tagline from 'fulldev-ui/components/Tagline.astro'
 import Text from 'fulldev-ui/components/Text.astro'
 import Wrap from 'fulldev-ui/components/Wrap.astro'
+import fulldevConfig from 'virtual:fulldev-ui/config'
 import Badge from './Badge.astro'
 
 type Props<As extends HTMLTag = 'a'> = Polymorphic<{ as: As }> & {
@@ -54,7 +55,7 @@ const {
   as = href ? 'a' : 'div',
   space = 'auto',
   frame = 'none',
-  radius = 'auto',
+  radius = fulldevConfig.radius ?? 'auto',
   align = 'start',
   variant,
   level = 4,

src/components/Image.astro

@@ -3,7 +3,7 @@ import type { HTMLAttributes } from 'astro/types'
 import { Image as AstroImage } from 'astro:assets'
 import Root from 'fulldev-ui/components/Root.astro'
 import { isString } from 'remeda'
-
+import fulldevConfig from 'virtual:fulldev-ui/config'
 type Props = HTMLAttributes<'img'> & {
   position?: 'background' | 'cover' | 'inset'
   ratio?: 'landscape' | 'portrait' | 'square' | number
@@ -29,7 +29,7 @@ const {
   position,
   frame,
   width,
-  radius = 'auto',
+  radius = fulldevConfig.radius ?? 'auto',
   height,
   ...rest
 } = Astro.props

src/components/Input.astro

@@ -3,6 +3,7 @@ import type { HTMLAttributes } from 'astro/types'
 import Icon from 'fulldev-ui/components/Icon.astro'
 import Label from 'fulldev-ui/components/Label.astro'
 import Root from 'fulldev-ui/components/Root.astro'
+import fulldevConfig from 'virtual:fulldev-ui/config'
 
 type Props = HTMLAttributes<'input'> & {
   variant?: 'outline'
@@ -19,7 +20,7 @@ const {
   value,
   disabled,
   required,
-  radius = 'auto',
+  radius = fulldevConfig.radius ?? 'auto',
   placeholder,
   name = placeholder,
   type = 'text',

src/components/Select.astro

@@ -3,6 +3,7 @@ import type { HTMLAttributes } from 'astro/types'
 import Icon from 'fulldev-ui/components/Icon.astro'
 import Label from 'fulldev-ui/components/Label.astro'
 import Root from 'fulldev-ui/components/Root.astro'
+import fulldevConfig from 'virtual:fulldev-ui/config'
 
 type Props = HTMLAttributes<'select'> & {
   color?: 'base' | 'brand'
@@ -21,7 +22,7 @@ const {
   value,
   name,
   required,
-  radius = 'auto',
+  radius = fulldevConfig.radius ?? 'auto',
   disabled,
   variant = 'outline',
   ...rest

src/components/Table.astro

@@ -1,7 +1,7 @@
 ---
 import type { HTMLAttributes } from 'astro/types'
 import Root from 'fulldev-ui/components/Root.astro'
-
+import fulldevConfig from 'virtual:fulldev-ui/config'
 type Props = HTMLAttributes<'table'> & {
   color?: 'base' | 'brand'
   size?: 'sm' | 'md' | 'lg'
@@ -11,7 +11,13 @@ type Props = HTMLAttributes<'table'> & {
   radius?: 'none' | 'auto'
 }
 
-const { header, body, footer, radius = 'auto', ...rest } = Astro.props
+const {
+  header,
+  body,
+  footer,
+  radius = fulldevConfig.radius ?? 'auto',
+  ...rest
+} = Astro.props
 ---
 
 <Root

src/components/Textarea.astro

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from 'astro/types'
 import Label from 'fulldev-ui/components/Label.astro'
 import Root from 'fulldev-ui/components/Root.astro'
-
+import fulldevConfig from 'virtual:fulldev-ui/config'
 type Props = HTMLAttributes<'textarea'> & {
   radius?: 'none' | 'auto'
   color?: 'base' | 'brand'
@@ -14,7 +14,7 @@ const {
   placeholder,
   name = placeholder,
   variant = 'outline',
-  radius = 'auto',
+  radius = fulldevConfig.radius ?? 'auto',
   label,
   rows,
   value,

src/integration/index.ts

@@ -17,6 +17,7 @@ interface Config {
     light?: Color
     dark?: Color
   }
+  radius?: 'none' | 'auto' | 'full'
 }
 
 const defaultConfig: Config = {
@@ -28,7 +29,9 @@ const defaultConfig: Config = {
       brand: '#000',
     },
   },
+  radius: 'auto',
 }
+
 export default function fulldevIntegration(
   userConfig?: Partial<Config>
 ): AstroIntegration {
@@ -125,7 +128,9 @@ export default function fulldevIntegration(
             plugins: [
               virtual({
                 'virtual:astro/config': `export default ${JSON.stringify(astroConfig)}`,
-                'virtual:fulldev-ui/config': `export default ${JSON.stringify(config)}`,
+                'virtual:fulldev-ui/config': `export default ${JSON.stringify({
+                  ...config,
+                })}`,
                 'virtual:colors.css': css,
               }),
             ],

src/types/virtual-modules.d.ts

@@ -0,0 +1,5 @@
+declare module 'virtual:*' {
+  import type { Config } from 'fulldev-ui/integration'
+  const content: Config
+  export default content
+}