+2 -2

README.md

Reviewed

··· 19 19 ### 2. Install fuchs 20 20 21 21 ```bash 22 22 - npm install @fuxui/base 22 22 + npm install @foxui/core 23 23 ``` 24 24 25 25 ### 3. set theme variables in your app.css (changing `zinc` and `emerald` to your preferred colors, using find and replace). ··· 58 58 59 59 ```svelte 60 60 <script> 61 61 - import { Button } from '@fuxui/base'; 61 61 + import { Button } from '@foxui/core'; 62 62 </script> 63 63 64 64 <Button onclick={() => alert('clicked')}>Click me</Button>

+11

.changeset/legal-yaks-worry.md

Reviewed

··· 1 1 + --- 2 2 + '@foxui/colors': minor 3 3 + '@foxui/social': minor 4 4 + '@foxui/visual': minor 5 5 + '@foxui/core': minor 6 6 + '@foxui/text': minor 7 7 + '@foxui/time': minor 8 8 + '@foxui/3d': minor 9 9 + --- 10 10 + 11 11 + switch to @foxui org

+7 -7

apps/docs/package.json

Reviewed

··· 16 16 "devDependencies": { 17 17 "@eslint/compat": "^1.2.5", 18 18 "@eslint/js": "^9.18.0", 19 19 - "@fuxui/3d": "workspace:*", 20 20 - "@fuxui/base": "workspace:*", 21 21 - "@fuxui/colors": "workspace:*", 22 22 - "@fuxui/social": "workspace:*", 23 23 - "@fuxui/text": "workspace:*", 24 24 - "@fuxui/time": "workspace:*", 25 25 - "@fuxui/visual": "workspace:*", 19 19 + "@foxui/3d": "workspace:*", 20 20 + "@foxui/core": "workspace:*", 21 21 + "@foxui/colors": "workspace:*", 22 22 + "@foxui/social": "workspace:*", 23 23 + "@foxui/text": "workspace:*", 24 24 + "@foxui/time": "workspace:*", 25 25 + "@foxui/visual": "workspace:*", 26 26 "@mdsx/rehype-custom-highlighter": "^0.0.3", 27 27 "@shikijs/langs": "^3.8.1", 28 28 "@shikijs/themes": "^3.8.1",

+1 -1

packages/3d/CHANGELOG.md

Reviewed

··· 1 1 - # @fuxui/3d 1 1 + # @foxui/3d 2 2 3 3 ## 0.3.0 4 4

-2

packages/3d/README.md

Reviewed

··· 1 1 # 🦊 fox ui 2 2 3 3 - This package has been moved to `@foxui/3d`. 4 4 - 5 3 svelte 5 + tailwind 4 ui kit, 3d components 6 4 7 5 - [Depth 3D](https://flo-bit.dev/ui-kit/components/3d/depth-3d)

+2 -2

packages/3d/package.json

Reviewed

··· 1 1 { 2 2 - "name": "@fuxui/3d", 2 2 + "name": "@foxui/3d", 3 3 "private": false, 4 4 "version": "0.3.0", 5 5 "type": "module", ··· 73 73 "@types/three": "^0.176.0", 74 74 "bits-ui": "^1.4.3", 75 75 "three": "^0.176.0", 76 76 - "@fuxui/base": "workspace:*" 76 76 + "@foxui/core": "workspace:*" 77 77 }, 78 78 "peerDependencies": { 79 79 "svelte": ">=5",

+1 -1

packages/base/CHANGELOG.md

Reviewed

··· 1 1 - # @fuxui/base 1 1 + # @foxui/core 2 2 3 3 ## 0.3.0 4 4

+1 -1

packages/base/package.json

Reviewed

··· 1 1 { 2 2 - "name": "@fuxui/base", 2 2 + "name": "@foxui/core", 3 3 "private": false, 4 4 "version": "0.3.0", 5 5 "type": "module",

+1 -1

packages/colors/CHANGELOG.md

Reviewed

··· 1 1 - # @fuxui/colors 1 1 + # @foxui/colors 2 2 3 3 ## 0.3.0 4 4

-2

packages/colors/README.md

Reviewed

··· 1 1 # 🦊 fox ui 2 2 3 3 - This package has been moved to `@foxui/colors`. 4 4 - 5 3 svelte 5 + tailwind 4 ui kit, colors components 6 4 7 5 - [Color Gradient Picker](https://flo-bit.dev/ui-kit/components/colors/color-gradient-picker)

+2 -2

packages/colors/package.json

Reviewed

··· 1 1 { 2 2 - "name": "@fuxui/colors", 2 2 + "name": "@foxui/colors", 3 3 "private": false, 4 4 "version": "0.3.0", 5 5 "type": "module", ··· 70 70 "vite-plugin-glsl": "^1.4.1" 71 71 }, 72 72 "dependencies": { 73 73 - "@fuxui/base": "workspace:*", 73 73 + "@foxui/core": "workspace:*", 74 74 "@texel/color": "^1.1.10", 75 75 "@use-gesture/vanilla": "^10.3.1", 76 76 "bits-ui": "^1.4.3"

+1 -1

packages/social/CHANGELOG.md

Reviewed

··· 1 1 - # @fuxui/social 1 1 + # @foxui/social 2 2 3 3 ## 0.3.0 4 4

-2

packages/social/README.md

Reviewed

··· 1 1 # 🦊 fox ui 2 2 3 3 - This package has been moved to `@foxui/social`. 4 4 - 5 3 svelte 5 + tailwind 4 ui kit, social components 6 4 7 5 - [Bluesky Login](https://flo-bit.dev/ui-kit/components/social/bluesky-login)

+3 -3

packages/social/package.json

Reviewed

··· 1 1 { 2 2 - "name": "@fuxui/social", 2 2 + "name": "@foxui/social", 3 3 "private": false, 4 4 "version": "0.3.0", 5 5 "type": "module", ··· 69 69 }, 70 70 "dependencies": { 71 71 "@atproto/api": "^0.15.5", 72 72 - "@fuxui/base": "workspace:*", 73 73 - "@fuxui/time": "workspace:*", 72 72 + "@foxui/core": "workspace:*", 73 73 + "@foxui/time": "workspace:*", 74 74 "@use-gesture/vanilla": "^10.3.1", 75 75 "bits-ui": "^1.4.3", 76 76 "emoji-picker-element": "^1.26.3",

+1 -1

packages/text/CHANGELOG.md

Reviewed

··· 1 1 - # @fuxui/time 1 1 + # @foxui/time 2 2 3 3 ## 0.3.0 4 4

-2

packages/text/README.md

Reviewed

··· 1 1 # 🦊 fox ui 2 2 3 3 - This package has been moved to `@foxui/text`. 4 4 - 5 3 svelte 5 + tailwind 4 ui kit, text components 6 4 7 5 - [Plain Text Editor](https://flo-bit.dev/ui-kit/components/text/plain-text-editor)

+2 -2

packages/text/package.json

Reviewed

··· 1 1 { 2 2 - "name": "@fuxui/text", 2 2 + "name": "@foxui/text", 3 3 "private": false, 4 4 "version": "0.3.0", 5 5 "type": "module", ··· 68 68 "vite": "^6.2.6" 69 69 }, 70 70 "dependencies": { 71 71 - "@fuxui/base": "workspace:*", 71 71 + "@foxui/core": "workspace:*", 72 72 "@tiptap/core": "^2.12.0", 73 73 "@tiptap/extension-bubble-menu": "^2.12.0", 74 74 "@tiptap/extension-code-block-lowlight": "^2.12.0",

+1 -1

packages/time/CHANGELOG.md

Reviewed

··· 1 1 - # @fuxui/time 1 1 + # @foxui/time 2 2 3 3 ## 0.3.0 4 4

-2

packages/time/README.md

Reviewed

··· 1 1 # 🦊 fox ui 2 2 3 3 - This package has been moved to `@foxui/time`. 4 4 - 5 3 svelte 5 + tailwind 4 ui kit, time components 6 4 7 5 - [Stopwatch](https://flo-bit.dev/ui-kit/components/time/stopwatch)

+2 -2

packages/time/package.json

Reviewed

··· 1 1 { 2 2 - "name": "@fuxui/time", 2 2 + "name": "@foxui/time", 3 3 "private": false, 4 4 "version": "0.3.0", 5 5 "type": "module", ··· 70 70 "dependencies": { 71 71 "@number-flow/svelte": "^0.3.7", 72 72 "bits-ui": "^1.4.3", 73 73 - "@fuxui/base": "workspace:*" 73 73 + "@foxui/core": "workspace:*" 74 74 }, 75 75 "peerDependencies": { 76 76 "svelte": ">=5",

+1 -1

packages/visual/CHANGELOG.md

Reviewed

··· 1 1 - # @fuxui/visual 1 1 + # @foxui/visual 2 2 3 3 ## 0.3.0 4 4

-2

packages/visual/README.md

Reviewed

··· 1 1 # 🦊 fox ui 2 2 3 3 - This package has been moved to `@foxui/visual`. 4 4 - 5 3 svelte 5 + tailwind 4 ui kit, visual components 6 4 7 5 - [Confetti](https://flo-bit.dev/ui-kit/components/visual/confetti)

+3 -3

packages/visual/package.json

Reviewed

··· 1 1 { 2 2 - "name": "@fuxui/visual", 2 2 + "name": "@foxui/visual", 3 3 "private": false, 4 4 "version": "0.3.0", 5 5 "type": "module", ··· 69 69 "vite": "^6.2.6" 70 70 }, 71 71 "dependencies": { 72 72 - "@fuxui/base": "workspace:*", 73 73 - "@fuxui/colors": "workspace:*", 72 72 + "@foxui/core": "workspace:*", 73 73 + "@foxui/colors": "workspace:*", 74 74 "bits-ui": "^1.4.3", 75 75 "canvas-confetti": "^1.9.3", 76 76 "cheerio": "^1.0.0"

+1 -1

apps/docs/src/routes/+layout.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import '../app.css'; 3 3 4 4 - import { Head, Toaster } from '@fuxui/base'; 4 4 + import { Head, Toaster } from '@foxui/core'; 5 5 import { base } from '$app/paths'; 6 6 7 7 let { children } = $props();

+1 -1

apps/docs/src/routes/+page.svelte

Reviewed

··· 1 1 <script> 2 2 import { base } from '$app/paths'; 3 3 - import { Button, Badge, Subheading } from '@fuxui/base'; 3 3 + import { Button, Badge, Subheading } from '@foxui/core'; 4 4 import Cards from '$lib/site-components/Cards.svelte'; 5 5 import Navbar from '$lib/site-components/Navbar.svelte'; 6 6 import Sidebar from '$lib/site-components/Sidebar.svelte';

+1 -1

apps/docs/src/lib/site-components/API.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { APISchema } from '$lib/types/schema'; 3 3 - import { Button, Popover, Badge } from '@fuxui/base'; 3 3 + import { Button, Popover, Badge } from '@foxui/core'; 4 4 5 5 const { props }: { props: APISchema } = $props(); 6 6 </script>

+1 -1

apps/docs/src/lib/site-components/Cards.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import { base } from '$app/paths'; 3 3 - import { cn } from '@fuxui/base'; 3 3 + import { cn } from '@foxui/core'; 4 4 5 5 import { components } from './components_all'; 6 6 </script>

+1 -1

apps/docs/src/lib/site-components/Logo.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import { base } from '$app/paths'; 3 3 - import { Badge, cn } from '@fuxui/base'; 3 3 + import { Badge, cn } from '@foxui/core'; 4 4 5 5 let { 6 6 class: className

+3 -3

apps/docs/src/lib/site-components/Navbar.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Button, ThemeToggle, Navbar } from '@fuxui/base'; 2 2 + import { Button, ThemeToggle, Navbar } from '@foxui/core'; 3 3 4 4 import Logo from './Logo.svelte'; 5 5 - import { Github } from '@fuxui/social'; 6 6 - import { SelectThemePopover } from '@fuxui/colors'; 5 5 + import { Github } from '@foxui/social'; 6 6 + import { SelectThemePopover } from '@foxui/colors'; 7 7 8 8 let { hasSidebar = false, showLogo = true } = $props(); 9 9 </script>

+1 -1

apps/docs/src/lib/site-components/PublicAlphaAlert.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Alert, cn } from '@fuxui/base'; 2 2 + import { Alert, cn } from '@foxui/core'; 3 3 4 4 let { class: className }: { class?: string } = $props(); 5 5 </script>

+1 -1

apps/docs/src/lib/site-components/Sidebar.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import { page } from '$app/state'; 3 3 import { base } from '$app/paths'; 4 4 - import { Accordion, AccordionItem, Button, Sidebar } from '@fuxui/base'; 4 4 + import { Accordion, AccordionItem, Button, Sidebar } from '@foxui/core'; 5 5 6 6 import { components } from './components_all'; 7 7

+1 -1

apps/docs/src/lib/blueprints/default/CopyCode.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { cn } from '@fuxui/base'; 2 2 + import { cn } from '@foxui/core'; 3 3 import type { Snippet } from 'svelte'; 4 4 5 5 let { code, children }: { code: string; children: Snippet } = $props();

+1 -1

apps/docs/src/lib/cards/3d/CardDepth3D.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import { base } from '$app/paths'; 3 3 - import { Depth3D } from '@fuxui/3d'; 3 3 + import { Depth3D } from '@foxui/3d'; 4 4 </script> 5 5 6 6 <Depth3D

+1 -1

apps/docs/src/lib/cards/3d/CardModelPicker.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Image } from '@fuxui/base'; 2 2 + import { Image } from '@foxui/core'; 3 3 4 4 import image from '$lib/assets/models/vehicle-monster-truck.png'; 5 5 import image2 from '$lib/assets/models/vehicle-racer.png';

+1 -1

apps/docs/src/lib/cards/3d/CardVoxelArt.svelte

Reviewed

··· 1 1 <script> 2 2 - import { VoxelArt } from '@fuxui/3d'; 2 2 + import { VoxelArt } from '@foxui/3d'; 3 3 import data from '$lib/assets/apple.json'; 4 4 </script> 5 5

+1 -1

apps/docs/src/lib/cards/base/CardAlerts.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Alert, AlertDescription, AlertTitle } from '@fuxui/base'; 2 2 + import { Alert, AlertDescription, AlertTitle } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Alert>

+1 -1

apps/docs/src/lib/cards/base/CardAvatar.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Avatar } from '@fuxui/base'; 2 2 + import { Avatar } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex items-center gap-2">

+1 -1

apps/docs/src/lib/cards/base/CardBadge.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Badge } from '@fuxui/base'; 2 2 + import { Badge } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Badge size="sm"

+1 -1

apps/docs/src/lib/cards/base/CardBox.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Paragraph, Box } from '@fuxui/base'; 2 2 + import { Paragraph, Box } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Box>

+1 -1

apps/docs/src/lib/cards/base/CardButtons.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Button } from '@fuxui/base'; 2 2 + import { Button } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Button tabindex={-1}>Button</Button>

+1 -1

apps/docs/src/lib/cards/base/CardCard.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Image, Paragraph } from '@fuxui/base'; 2 2 + import { Image, Paragraph } from '@foxui/core'; 3 3 4 4 import nature from '$lib/assets/images/nature2.webp'; 5 5 </script>

+1 -1

apps/docs/src/lib/cards/base/CardChatBubble.svelte

Reviewed

··· 1 1 <script> 2 2 - import { ChatBubble } from '@fuxui/base'; 2 2 + import { ChatBubble } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex w-full flex-col gap-4">

+1 -1

apps/docs/src/lib/cards/base/CardCheckbox.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Checkbox, Label } from '@fuxui/base'; 2 2 + import { Checkbox, Label } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex items-center space-x-2">

+1 -1

apps/docs/src/lib/cards/base/CardHead.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Paragraph } from '@fuxui/base'; 2 2 + import { Paragraph } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div

+1 -1

apps/docs/src/lib/cards/base/CardImage.svelte

Reviewed

··· 1 1 <script> 2 2 import cute from '$lib/assets/images/cute.webp'; 3 3 - import { Image } from '@fuxui/base'; 3 3 + import { Image } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Image

+1 -1

apps/docs/src/lib/cards/base/CardInput.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Input } from '@fuxui/base'; 2 2 + import { Input } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Input placeholder="Enter text here" tabindex={-1} value="Hello there" />

+1 -1

apps/docs/src/lib/cards/base/CardModal.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Button } from '@fuxui/base'; 2 2 + import { Button } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div

+1 -1

apps/docs/src/lib/cards/base/CardNumberInput.svelte

Reviewed

··· 1 1 <script> 2 2 - import { NumberInput } from '@fuxui/base'; 2 2 + import { NumberInput } from '@foxui/core'; 3 3 </script> 4 4 5 5 <NumberInput value={42} tabindex={-1} />

+1 -1

apps/docs/src/lib/cards/base/CardPopover.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Box, Button, Paragraph } from '@fuxui/base'; 2 2 + import { Box, Button, Paragraph } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Box class="flex items-center justify-between gap-2">

+1 -1

apps/docs/src/lib/cards/base/CardProse.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Prose } from '@fuxui/base'; 2 2 + import { Prose } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="w-full">

+1 -1

apps/docs/src/lib/cards/base/CardSlider.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Slider } from '@fuxui/base'; 2 2 + import { Slider } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Slider value={35} type="single" tabindex={-1} />

+1 -1

apps/docs/src/lib/cards/base/CardSonner.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Alert, AlertDescription, AlertTitle } from '@fuxui/base'; 2 2 + import { Alert, AlertDescription, AlertTitle } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex h-full w-full items-end justify-end">

+1 -1

apps/docs/src/lib/cards/base/CardSwitch.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Label, Switch } from '@fuxui/base'; 2 2 + import { Label, Switch } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex flex-col gap-6">

+2 -9

apps/docs/src/lib/cards/base/CardTabs.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Tabs } from '@fuxui/base'; 2 2 + import { Tabs } from '@foxui/core'; 3 3 4 4 let active = $state('Tab 1'); 5 5 </script> 6 6 7 7 - <Tabs 8 8 - items={[ 9 9 - { name: 'Tab 1' }, 10 10 - { name: 'Tab 2' }, 11 11 - { name: 'Tab 3' } 12 12 - ]} 13 13 - active={active} 14 14 - /> 7 7 + <Tabs items={[{ name: 'Tab 1' }, { name: 'Tab 2' }, { name: 'Tab 3' }]} {active} />

+1 -1

apps/docs/src/lib/cards/base/CardTextarea.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Textarea } from '@fuxui/base'; 2 2 + import { Textarea } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Textarea placeholder="Enter text here" tabindex={-1} value="Hello there" />

+1 -1

apps/docs/src/lib/cards/base/CardToggle.svelte

Reviewed

··· 1 1 <script> 2 2 - import { cn, toggleVariants } from '@fuxui/base'; 2 2 + import { cn, toggleVariants } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex gap-4">

+1 -1

apps/docs/src/lib/cards/base/CardToggleGroup.svelte

Reviewed

··· 1 1 <script> 2 2 - import { cn, toggleVariants } from '@fuxui/base'; 2 2 + import { cn, toggleVariants } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex gap-2">

+1 -1

apps/docs/src/lib/cards/base/CardTooltip.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Badge, Button } from '@fuxui/base'; 2 2 + import { Badge, Button } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex w-full flex-col items-center gap-2 py-12">

+2 -2

apps/docs/src/lib/cards/colors/CardColorPicker.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { ColorPicker } from '@fuxui/colors'; 2 2 + import { ColorPicker } from '@foxui/colors'; 3 3 import { 4 4 oklch_string_to_oklch, 5 5 oklch_to_rgb 6 6 - } from '@fuxui/colors'; 6 6 + } from '@foxui/colors'; 7 7 import { ThemeWatcher } from '$lib/helper/ThemeWatcher.svelte'; 8 8 import { onMount } from 'svelte'; 9 9

+1 -1

apps/docs/src/lib/cards/social/CardBlueskyLogin.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Subheading, Label, Input, Button } from '@fuxui/base'; 2 2 + import { Subheading, Label, Input, Button } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex items-start flex-col">

+1 -1

apps/docs/src/lib/cards/social/CardGithubCorner.svelte

Reviewed

··· 1 1 <script> 2 2 - import { GithubCorner } from '@fuxui/social'; 2 2 + import { GithubCorner } from '@foxui/social'; 3 3 </script> 4 4 5 5 <GithubCorner class="absolute top-0 right-0" />

+1 -1

apps/docs/src/lib/cards/social/CardSocialPost.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Post } from '@fuxui/social'; 2 2 + import { Post } from '@foxui/social'; 3 3 </script> 4 4 5 5 <div class="flex h-full w-full items-center justify-center">

+1 -1

apps/docs/src/lib/cards/social/CardStarRating.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { StarRating } from '@fuxui/social'; 2 2 + import { StarRating } from '@foxui/social'; 3 3 </script> 4 4 5 5 <div class="flex h-full w-full items-center justify-center">

+1 -1

apps/docs/src/lib/cards/social/CardSwiperCards.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Button } from '@fuxui/base'; 2 2 + import { Button } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="relative flex p-8">

+1 -1

apps/docs/src/lib/cards/social/CardUserProfile.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { UserProfile } from '@fuxui/social'; 2 2 + import { UserProfile } from '@foxui/social'; 3 3 </script> 4 4 5 5 <div class="flex h-full w-full items-center justify-center">

+1 -1

apps/docs/src/lib/cards/text/CardAdvancedTextArea.svelte

Reviewed

··· 1 1 <script> 2 2 - import { AdvancedTextArea } from '@fuxui/text'; 2 2 + import { AdvancedTextArea } from '@foxui/text'; 3 3 </script> 4 4 5 5 <AdvancedTextArea></AdvancedTextArea>

+1 -1

apps/docs/src/lib/cards/text/CardRichTextEditor.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Prose } from '@fuxui/base'; 2 2 + import { Prose } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="w-full">

+2 -2

apps/docs/src/lib/cards/time/CardRelativeTime.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box } from '@fuxui/base'; 3 3 - import { RelativeTime, TimerState } from '@fuxui/time'; 2 2 + import { Box } from '@foxui/core'; 3 3 + import { RelativeTime, TimerState } from '@foxui/time'; 4 4 import { onMount } from 'svelte'; 5 5 6 6 let timer: TimerState | undefined = $state();

+2 -2

apps/docs/src/lib/cards/time/CardStopwatch.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box } from '@fuxui/base'; 3 3 - import { Stopwatch, StopwatchState } from '@fuxui/time'; 2 2 + import { Box } from '@foxui/core'; 3 3 + import { Stopwatch, StopwatchState } from '@foxui/time'; 4 4 import { onMount } from 'svelte'; 5 5 6 6 let stopwatch: StopwatchState | undefined = $state(undefined);

+2 -2

apps/docs/src/lib/cards/time/CardTimer.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box } from '@fuxui/base'; 3 3 - import { Timer, TimerState } from '@fuxui/time'; 2 2 + import { Box } from '@foxui/core'; 3 3 + import { Timer, TimerState } from '@foxui/time'; 4 4 import { onMount } from 'svelte'; 5 5 6 6 let timer: TimerState | undefined = $state();

+1 -1

apps/docs/src/lib/cards/visual/CardExcalidraw.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Excalidraw } from '@fuxui/visual'; 2 2 + import { Excalidraw } from '@foxui/visual'; 3 3 import svg from '$lib/assets/demo.svg?raw'; 4 4 </script> 5 5

+2 -2

apps/docs/src/lib/cards/visual/CardImageMasonry.svelte

Reviewed

··· 1 1 <script> 2 2 - import { ImageMasonry } from '@fuxui/visual'; 2 2 + import { ImageMasonry } from '@foxui/visual'; 3 3 4 4 import profile1 from '$lib/assets/profiles/0.webp'; 5 5 import profile2 from '$lib/assets/profiles/1.webp'; ··· 11 11 import profile8 from '$lib/assets/profiles/7.webp'; 12 12 import profile9 from '$lib/assets/profiles/8.webp'; 13 13 import profile10 from '$lib/assets/profiles/9.webp'; 14 14 - import { toast } from '@fuxui/base'; 14 14 + import { toast } from '@foxui/core'; 15 15 16 16 const images = [ 17 17 {

+1 -1

apps/docs/src/lib/cards/visual/CardPhone.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Phone } from '@fuxui/visual'; 2 2 + import { Phone } from '@foxui/visual'; 3 3 </script> 4 4 5 5 <div class="-mt-20 h-full w-full scale-50">

+1 -1

apps/docs/src/lib/cards/visual/CardQuote.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Quote } from '@fuxui/visual'; 2 2 + import { Quote } from '@foxui/visual'; 3 3 import einstein from '$lib/assets/images/einstein.webp'; 4 4 </script> 5 5

+1 -1

apps/docs/src/lib/cards/visual/CardUndraw.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Undraw } from '@fuxui/visual'; 2 2 + import { Undraw } from '@foxui/visual'; 3 3 4 4 import svg from '$lib/assets/undraw_wireframing.svg?raw'; 5 5 </script>

+1 -1

packages/3d/src/lib/components/depth3d/Depth3D.svelte

Reviewed

··· 3 3 import Scene, { type Props } from './Scene.svelte'; 4 4 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 5 5 import type { HTMLAttributes } from 'svelte/elements'; 6 6 - import { cn } from '@fuxui/base'; 6 6 + import { cn } from '@foxui/core'; 7 7 8 8 const { 9 9 class: className,

+1 -1

packages/colors/src/lib/components/color-gradient-picker/ColorGradientPicker.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { cn, Button, Popover } from '@fuxui/base'; 2 2 + import { cn, Button, Popover } from '@foxui/core'; 3 3 4 4 import { ColorPicker, type RGB } from '../color-picker/base'; 5 5 import { DragGesture } from '@use-gesture/vanilla';

+1 -1

packages/colors/src/lib/components/color-select/ColorSelect.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 3 3 import type { HTMLAttributes } from 'svelte/elements'; 4 4 - import { cn } from '@fuxui/base'; 4 4 + import { cn } from '@foxui/core'; 5 5 6 6 type Color = { class?: string; label: string; value?: string } | string; 7 7

+1 -1

packages/colors/src/lib/components/select-theme/SelectTheme.svelte

Reviewed

··· 11 11 </script> 12 12 13 13 <script lang="ts"> 14 14 - import { Paragraph } from '@fuxui/base'; 14 14 + import { Paragraph } from '@foxui/core'; 15 15 import { ColorSelect } from '../'; 16 16 import { onMount } from 'svelte'; 17 17

+1 -1

packages/colors/src/lib/components/select-theme/SelectThemePopover.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { buttonVariants, Popover, cn } from '@fuxui/base'; 2 2 + import { buttonVariants, Popover, cn } from '@foxui/core'; 3 3 import SelectTheme from './SelectTheme.svelte'; 4 4 5 5 let {

+1 -1

packages/social/src/lib/components/blog-entry/BlogEntry.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Badge, Button } from '@fuxui/base'; 2 2 + import { Badge, Button } from '@foxui/core'; 3 3 4 4 const { 5 5 title,

+1 -1

packages/social/src/lib/components/bluesky-login/BlueskyLogin.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Button } from '@fuxui/base'; 2 2 + import { Button } from '@foxui/core'; 3 3 import { BlueskyLoginModal, blueskyLoginModalState, type BlueskyLoginProps } from '.'; 4 4 5 5 let { login, formAction, formMethod }: BlueskyLoginProps = $props();

+1 -1

packages/social/src/lib/components/bluesky-login/BlueskyLoginModal.svelte

Reviewed

··· 7 7 </script> 8 8 9 9 <script lang="ts"> 10 10 - import { Button, Modal, Subheading, Label, Input, Avatar } from '@fuxui/base'; 10 10 + import { Button, Modal, Subheading, Label, Input, Avatar } from '@foxui/core'; 11 11 import type { BlueskyLoginProps } from '.'; 12 12 13 13 let value = $state('');

+1 -1

packages/social/src/lib/components/emoji-picker/EmojiPicker.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { cn, ScrollArea } from '@fuxui/base'; 2 2 + import { cn, ScrollArea } from '@foxui/core'; 3 3 import { isEmojiSupported } from 'is-emoji-supported'; 4 4 import { allGroups } from './emoji'; 5 5 import Database from 'emoji-picker-element/database';

+1 -1

packages/social/src/lib/components/emoji-picker/PopoverEmojiPicker.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Popover, type PopoverProps, cn } from '@fuxui/base'; 2 2 + import { Popover, type PopoverProps, cn } from '@foxui/core'; 3 3 import EmojiPicker from './EmojiPicker.svelte'; 4 4 import type { NativeEmoji } from './emoji'; 5 5 import type { Snippet } from 'svelte';

+1 -1

packages/social/src/lib/components/github-corner/GithubCorner.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { cn } from '@fuxui/base'; 2 2 + import { cn } from '@foxui/core'; 3 3 import type { HTMLAnchorAttributes } from 'svelte/elements'; 4 4 5 5 type Props = HTMLAnchorAttributes;

+2 -2

packages/social/src/lib/components/nested-comments/Comment.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import { numberToHumanReadable } from '../'; 3 3 import Comment from './Comment.svelte'; 4 4 - import { Avatar, Prose } from '@fuxui/base'; 5 5 - import { RelativeTime } from '@fuxui/time'; 4 4 + import { Avatar, Prose } from '@foxui/core'; 5 5 + import { RelativeTime } from '@foxui/time'; 6 6 import type { PostData } from '../post'; 7 7 import Embed from '../post/embeds/Embed.svelte'; 8 8

+2 -2

packages/social/src/lib/components/post/Post.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import Embed from './embeds/Embed.svelte'; 3 3 - import { cn, Avatar, Prose } from '@fuxui/base'; 3 3 + import { cn, Avatar, Prose } from '@foxui/core'; 4 4 import type { WithChildren, WithElementRef } from 'bits-ui'; 5 5 import type { HTMLAttributes } from 'svelte/elements'; 6 6 import type { PostData } from '.'; 7 7 import PostAction from './PostAction.svelte'; 8 8 import type { Snippet } from 'svelte'; 9 9 import { numberToHumanReadable } from '..'; 10 10 - import { RelativeTime } from '@fuxui/time'; 10 10 + import { RelativeTime } from '@foxui/time'; 11 11 12 12 let { 13 13 ref = $bindable(),

+1 -1

packages/social/src/lib/components/post/PostAction.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { cn } from '@fuxui/base'; 2 2 + import { cn } from '@foxui/core'; 3 3 import type { Snippet } from 'svelte'; 4 4 5 5 let {

+1 -1

packages/social/src/lib/components/social-icons/Bluesky.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 3 3 import type { HTMLAnchorAttributes } from 'svelte/elements'; 4 4 - import { cn } from '@fuxui/base'; 4 4 + import { cn } from '@foxui/core'; 5 5 6 6 const { 7 7 class: className,

+1 -1

packages/social/src/lib/components/social-icons/Discord.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 3 3 import type { HTMLAnchorAttributes } from 'svelte/elements'; 4 4 - import { cn } from '@fuxui/base'; 4 4 + import { cn } from '@foxui/core'; 5 5 6 6 const { 7 7 class: className,

+1 -1

packages/social/src/lib/components/social-icons/Facebook.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 3 3 import type { HTMLAnchorAttributes } from 'svelte/elements'; 4 4 - import { cn } from '@fuxui/base'; 4 4 + import { cn } from '@foxui/core'; 5 5 6 6 const { 7 7 class: className,

+1 -1

packages/social/src/lib/components/social-icons/Github.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 3 3 import type { HTMLAnchorAttributes } from 'svelte/elements'; 4 4 - import { cn } from '@fuxui/base'; 4 4 + import { cn } from '@foxui/core'; 5 5 6 6 const { 7 7 class: className,

+1 -1

packages/social/src/lib/components/social-icons/Twitter.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 3 3 import type { HTMLAnchorAttributes } from 'svelte/elements'; 4 4 - import { cn } from '@fuxui/base'; 4 4 + import { cn } from '@foxui/core'; 5 5 6 6 const { 7 7 class: className,

+1 -1

packages/social/src/lib/components/social-icons/Youtube.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 3 3 import type { HTMLAnchorAttributes } from 'svelte/elements'; 4 4 - import { cn } from '@fuxui/base'; 4 4 + import { cn } from '@foxui/core'; 5 5 6 6 const { 7 7 class: className,

+1 -1

packages/social/src/lib/components/star-rating/StarRating.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 // todo convert to radio group 3 3 - import { cn } from '@fuxui/base'; 3 3 + import { cn } from '@foxui/core'; 4 4 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 5 5 import type { HTMLAttributes } from 'svelte/elements'; 6 6

+1 -1

packages/social/src/lib/components/swiper-cards/CardSwiper.svelte

Reviewed

··· 4 4 import { onMount, type Snippet } from 'svelte'; 5 5 import { DragGesture, type FullGestureState } from '@use-gesture/vanilla'; 6 6 import type { CardData, Direction, SwipeEventData } from '.'; 7 7 - import { Image } from '@fuxui/base'; 7 7 + import { Image } from '@foxui/core'; 8 8 9 9 let { 10 10 card = DefaultCard,

+1 -1

packages/social/src/lib/components/user-profile/UserProfile.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Avatar, Button, cn } from '@fuxui/base'; 2 2 + import { Avatar, Button, cn } from '@foxui/core'; 3 3 4 4 let { profile, class: className }: { profile: { 5 5 banner?: string;

+1 -1

packages/text/src/lib/components/advanced-text-area/AdvancedTextArea.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Button, ScrollArea } from '@fuxui/base'; 2 2 + import { Button, ScrollArea } from '@foxui/core'; 3 3 import type { Snippet } from 'svelte'; 4 4 5 5 let {

+1 -1

packages/text/src/lib/components/plain-text-editor/PlainTextEditor.svelte

Reviewed

··· 5 5 import { type ParagraphOptions } from '@tiptap/extension-paragraph'; 6 6 import Text from '@tiptap/extension-text'; 7 7 import History from '@tiptap/extension-history'; 8 8 - import { cn } from '@fuxui/base'; 8 8 + import { cn } from '@foxui/core'; 9 9 10 10 let { 11 11 class: className,

+1 -1

packages/text/src/lib/components/rich-text-editor/RichTextEditor.svelte

Reviewed

··· 16 16 import { RichTextLink } from './RichTextLink'; 17 17 18 18 import './code.css'; 19 19 - import { cn } from '@fuxui/base'; 19 19 + import { cn } from '@foxui/core'; 20 20 import { ImageUploadNode } from './image-upload/ImageUploadNode'; 21 21 import { Transaction } from '@tiptap/pm/state'; 22 22

+1 -1

packages/text/src/lib/components/rich-text-editor/RichTextEditorLinkMenu.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Button, Input } from "@fuxui/base"; 2 2 + import { Button, Input } from "@foxui/core"; 3 3 import type { Editor } from "@tiptap/core"; 4 4 5 5 let {

+1 -1

packages/text/src/lib/components/rich-text-editor/RichTextEditorMenu.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { cn, Toggle, toggleVariants, Tooltip } from '@fuxui/base'; 2 2 + import { cn, Toggle, toggleVariants, Tooltip } from '@foxui/core'; 3 3 import type { Editor } from '@tiptap/core'; 4 4 import Select from './Select.svelte'; 5 5 import type { RichTextTypes } from '.';

+1 -1

packages/text/src/lib/components/rich-text-editor/Select.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Button, cn, toggleVariants } from '@fuxui/base'; 2 2 + import { Button, cn, toggleVariants } from '@foxui/core'; 3 3 import { Select, type WithoutChildren } from 'bits-ui'; 4 4 import Icon from './Icon.svelte'; 5 5

+1 -1

packages/time/src/lib/components/countdown/Countdown.svelte

Reviewed

··· 3 3 import { TimerState } from '../timer'; 4 4 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 5 5 import type { HTMLAttributes } from 'svelte/elements'; 6 6 - import { cn } from '@fuxui/base'; 6 6 + import { cn } from '@foxui/core'; 7 7 8 8 let { 9 9 timer = $bindable(),

+1 -1

packages/time/src/lib/components/stopwatch/Stopwatch.svelte

Reviewed

··· 3 3 import { StopwatchState } from './StopwatchState.svelte'; 4 4 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 5 5 import type { HTMLAttributes } from 'svelte/elements'; 6 6 - import { cn } from '@fuxui/base'; 6 6 + import { cn } from '@foxui/core'; 7 7 8 8 let { 9 9 stopwatch = $bindable(),

+1 -1

packages/time/src/lib/components/timer/Timer.svelte

Reviewed

··· 3 3 import { TimerState } from './TimerState.svelte'; 4 4 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 5 5 import type { HTMLAttributes } from 'svelte/elements'; 6 6 - import { cn } from '@fuxui/base'; 6 6 + import { cn } from '@foxui/core'; 7 7 8 8 let { 9 9 timer = $bindable(),

+1 -1

packages/visual/src/lib/components/confetti/index.ts

Reviewed

··· 1 1 import confetti from 'canvas-confetti'; 2 2 - import { convertCSSToHex } from '@fuxui/colors'; 2 2 + import { convertCSSToHex } from '@foxui/colors'; 3 3 4 4 function getCSSVar(variable: string) { 5 5 return getComputedStyle(document.documentElement).getPropertyValue(variable).trim();

+1 -1

packages/visual/src/lib/components/excalidraw/Excalidraw.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 3 3 import type { HTMLAttributes } from 'svelte/elements'; 4 4 - import { cn } from '@fuxui/base'; 4 4 + import { cn } from '@foxui/core'; 5 5 6 6 import { load } from 'cheerio'; 7 7

+1 -1

packages/visual/src/lib/components/image-masonry/ImageMasonry.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Badge, cn } from '@fuxui/base'; 2 2 + import { Badge, cn } from '@foxui/core'; 3 3 4 4 type Props = { 5 5 images: {

+1 -1

packages/visual/src/lib/components/phone/Phone.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { cn } from '@fuxui/base'; 2 2 + import { cn } from '@foxui/core'; 3 3 import type { Snippet } from 'svelte'; 4 4 5 5 const { children, class: className }: { children: Snippet; class?: string } = $props();

+1 -1

packages/visual/src/lib/components/quote/Quote.svelte

Reviewed

··· 4 4 type WithoutChildrenOrChild 5 5 } from 'bits-ui'; 6 6 import type { HTMLAttributes } from 'svelte/elements'; 7 7 - import { cn, Avatar } from '@fuxui/base'; 7 7 + import { cn, Avatar } from '@foxui/core'; 8 8 9 9 let { 10 10 quote,

+1 -1

packages/visual/src/lib/components/undraw/Undraw.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui'; 3 3 import type { HTMLAttributes } from 'svelte/elements'; 4 4 - import { cn } from '@fuxui/base'; 4 4 + import { cn } from '@foxui/core'; 5 5 6 6 import { load, type CheerioAPI } from 'cheerio'; 7 7

+1 -1

apps/docs/src/routes/(main)/docs/philosophy/+page.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Prose } from '@fuxui/base'; 2 2 + import { Prose } from '@foxui/core'; 3 3 import Philosophy from './Philosophy.md'; 4 4 </script> 5 5

+1 -1

apps/docs/src/routes/(main)/docs/quick-start/+page.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Prose } from '@fuxui/base'; 2 2 + import { Prose } from '@foxui/core'; 3 3 import QuickStart from './QuickStart.md'; 4 4 </script> 5 5

+3 -3

apps/docs/src/routes/(main)/docs/quick-start/QuickStart.md

Reviewed

··· 17 17 ## 2. Install fuchs 18 18 19 19 ```bash 20 20 - npm install @fuxui/base 20 20 + npm install @foxui/core 21 21 ``` 22 22 23 23 ## 3. Set theme variables in your `app.css` ··· 58 58 59 59 ```svelte 60 60 <script> 61 61 - import { Button } from '@fuxui/base'; 61 61 + import { Button } from '@foxui/core'; 62 62 </script> 63 63 64 64 <Button>Click me</Button> ··· 71 71 Fox ui is split into multiple subpackages. Simply install a subpackage when you need it, or you can install all of them with: 72 72 73 73 ```bash 74 74 - npm install @fuxui/base @fuxui/3d @fuxui/colors @fuxui/social @fuxui/text @fuxui/time @fuxui/visual 74 74 + npm install @foxui/core @foxui/3d @foxui/colors @foxui/social @foxui/text @foxui/time @foxui/visual 75 75 ``` 76 76 77 77 ### Dark mode

+2 -2

apps/docs/src/routes/(main)/docs/theme/+page.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Subheading } from '@fuxui/base'; 3 3 - import { SelectTheme } from '@fuxui/colors'; 2 2 + import { Subheading } from '@foxui/core'; 3 3 + import { SelectTheme } from '@foxui/colors'; 4 4 </script> 5 5 6 6 <Subheading class="mb-4">Select Theme</Subheading>

+1 -1

packages/3d/src/lib/components/model-picker/base/ModelPicker.svelte

Reviewed

··· 2 2 import { Canvas } from '@threlte/core'; 3 3 import { View } from '@threlte/extras'; 4 4 import Scene from './ModelPickerScene.svelte'; 5 5 - import { cn } from '@fuxui/base'; 5 5 + import { cn } from '@foxui/core'; 6 6 import { CineonToneMapping } from 'three'; 7 7 8 8 let {

+1 -1

packages/3d/src/lib/components/model-picker/modal/ModalModelPicker.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Modal } from '@fuxui/base'; 2 2 + import { Modal } from '@foxui/core'; 3 3 import { ModelPicker } from '..'; 4 4 5 5 let {

+1 -1

packages/3d/src/lib/components/model-picker/popover/PopoverModelPicker.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import { ModelPicker } from '../'; 3 3 - import { Popover } from '@fuxui/base'; 3 3 + import { Popover } from '@foxui/core'; 4 4 5 5 let { 6 6 items,

+1 -1

packages/colors/src/lib/components/color-picker/base/ColorPicker.svelte

Reviewed

··· 12 12 oklab_to_rgb 13 13 } from './color'; 14 14 15 15 - import { cn } from '@fuxui/base'; 15 15 + import { cn } from '@foxui/core'; 16 16 17 17 let { 18 18 rgb = $bindable(),

+1 -1

packages/colors/src/lib/components/color-picker/popover/PopoverColorPicker.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { cn, Popover } from '@fuxui/base'; 2 2 + import { cn, Popover } from '@foxui/core'; 3 3 4 4 import { ColorPicker, type OKhsv, type OKlab, type RGB } from '../base'; 5 5

+1 -1

packages/text/src/lib/components/rich-text-editor/slash-menu/SuggestionSelect.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { cn } from '@fuxui/base'; 2 2 + import { cn } from '@foxui/core'; 3 3 import type { Editor, Range } from '@tiptap/core'; 4 4 import Icon from '../Icon.svelte'; 5 5 import type { RichTextTypes } from '..';

+1 -1

apps/docs/src/routes/(main)/components/3d/depth-3d/+page.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Prose } from '@fuxui/base'; 2 2 + import { Prose } from '@foxui/core'; 3 3 import Depth3DDocs from './Depth3D.md'; 4 4 </script> 5 5

+1 -1

apps/docs/src/routes/(main)/components/3d/depth-3d/Depth3D.md

Reviewed

··· 16 16 17 17 ```svelte 18 18 <script lang="ts"> 19 19 - import { Depth3D } from '@fuxui/3d'; 19 19 + import { Depth3D } from '@foxui/3d'; 20 20 </script> 21 21 22 22 <Depth3D

+1 -1

apps/docs/src/routes/(main)/components/3d/depth-3d/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import { base } from '$app/paths'; 3 3 - import { Depth3D } from '@fuxui/3d'; 3 3 + import { Depth3D } from '@foxui/3d'; 4 4 </script> 5 5 6 6 <div class="flex w-full items-center justify-center">

+1 -1

apps/docs/src/routes/(main)/components/3d/model-picker/+page.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Prose } from '@fuxui/base'; 2 2 + import { Prose } from '@foxui/core'; 3 3 import ModelPickerDocs from './ModelPicker.md'; 4 4 </script> 5 5

+2 -2

apps/docs/src/routes/(main)/components/3d/model-picker/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import { base } from '$app/paths'; 3 3 - import { toast, Button } from '@fuxui/base'; 3 3 + import { toast, Button } from '@foxui/core'; 4 4 5 5 - import { ModelPicker, ModalModelPicker, PopoverModelPicker } from '@fuxui/3d'; 5 5 + import { ModelPicker, ModalModelPicker, PopoverModelPicker } from '@foxui/3d'; 6 6 7 7 let open = $state(false); 8 8

+1 -1

apps/docs/src/routes/(main)/components/3d/model-picker/ModelPicker.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { ModelPicker } from '@fuxui/3d'; 15 15 + import { ModelPicker } from '@foxui/3d'; 16 16 17 17 const items = [ 18 18 {

+1 -1

apps/docs/src/routes/(main)/components/3d/voxel-art/+page.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Prose } from '@fuxui/base'; 2 2 + import { Prose } from '@foxui/core'; 3 3 import VoxelArtDocs from './VoxelArt.md'; 4 4 </script> 5 5

+1 -1

apps/docs/src/routes/(main)/components/3d/voxel-art/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { VoxelArt } from '@fuxui/3d'; 2 2 + import { VoxelArt } from '@foxui/3d'; 3 3 import data from '$lib/assets/apple.json'; 4 4 </script> 5 5

+1 -1

apps/docs/src/routes/(main)/components/3d/voxel-art/VoxelArt.md

Reviewed

··· 14 14 15 15 ```svelte 16 16 <script lang="ts"> 17 17 - import { VoxelArt } from '@fuxui/3d'; 17 17 + import { VoxelArt } from '@foxui/3d'; 18 18 19 19 import data from '$lib/assets/model.json'; 20 20 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/accordion/+page.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Prose } from '@fuxui/base'; 2 2 + import { Prose } from '@foxui/core'; 3 3 import AccordionDocs from './Accordion.md'; 4 4 </script> 5 5

+1 -1

apps/docs/src/routes/(main)/components/base/accordion/Accordion.md

Reviewed

··· 13 13 14 14 ```svelte 15 15 <script lang="ts"> 16 16 - import { Accordion, AccordionItem } from '@fuxui/base'; 16 16 + import { Accordion, AccordionItem } from '@foxui/core'; 17 17 </script> 18 18 19 19 <Accordion type="single">

+1 -1

apps/docs/src/routes/(main)/components/base/accordion/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Accordion, AccordionItem } from '@fuxui/base'; 2 2 + import { Accordion, AccordionItem } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Accordion type="single">

+1 -1

apps/docs/src/routes/(main)/components/base/alert/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import AlertDocs from './Alert.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/alert/Alert.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Alert } from '@fuxui/base'; 15 15 + import { Alert } from '@foxui/core'; 16 16 </script> 17 17 18 18 <Alert title="Alert Title" type="info">

+1 -1

apps/docs/src/routes/(main)/components/base/alert/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Alert, AlertDescription, AlertTitle } from '@fuxui/base'; 2 2 + import { Alert, AlertDescription, AlertTitle } from '@foxui/core'; 3 3 </script> 4 4 5 5 <Alert class="mb-2">

+1 -1

apps/docs/src/routes/(main)/components/base/avatar/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import AvatarDocs from './Avatar.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/avatar/Avatar.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Avatar, AvatarGroup } from '@fuxui/base'; 15 15 + import { Avatar, AvatarGroup } from '@foxui/core'; 16 16 </script> 17 17 18 18 <Avatar src="https://github.com/flo-bit.png" alt="flo-bit" fallback="FB" />

+1 -1

apps/docs/src/routes/(main)/components/base/avatar/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Avatar, AvatarGroup } from '@fuxui/base'; 2 2 + import { Avatar, AvatarGroup } from '@foxui/core'; 3 3 </script> 4 4 5 5 <h3>Single Avatar</h3>

+1 -1

apps/docs/src/routes/(main)/components/base/badge/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import BadgeDocs from './Badge.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/badge/Badge.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Badge } from '@fuxui/base'; 15 15 + import { Badge } from '@foxui/core'; 16 16 </script> 17 17 18 18 <Badge size="sm" variant="primary">Badge</Badge>

+1 -1

apps/docs/src/routes/(main)/components/base/badge/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Badge } from '@fuxui/base'; 2 2 + import { Badge } from '@foxui/core'; 3 3 </script> 4 4 5 5 <h3>Primary</h3>

+1 -1

apps/docs/src/routes/(main)/components/base/box/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import BoxDocs from './Box.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/base/box/Box.md

Reviewed

··· 1 1 <script> 2 2 - import { Box } from '@fuxui/base'; 2 2 + import { Box } from '@foxui/core'; 3 3 </script> 4 4 5 5 # Box ··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Box } from '@fuxui/base'; 15 15 + import { Box } from '@foxui/core'; 16 16 </script> 17 17 18 18 <Box class="text-sm">This is a box, put your stuff here.</Box>

+1 -1

apps/docs/src/routes/(main)/components/base/button/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ButtonDocs from './Button.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/button/Button.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Button } from '@fuxui/base'; 15 15 + import { Button } from '@foxui/core'; 16 16 </script> 17 17 18 18 <Button variant="primary" size="sm">Button</Button>

+1 -1

apps/docs/src/routes/(main)/components/base/button/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Button } from '@fuxui/base'; 2 2 + import { Button } from '@foxui/core'; 3 3 </script> 4 4 5 5 <h3>Primary</h3>

+1 -1

apps/docs/src/routes/(main)/components/base/cards/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import CardsDocs from './Cards.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/cards/Cards.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { ImageCard } from '@fuxui/base'; 15 15 + import { ImageCard } from '@foxui/core'; 16 16 </script> 17 17 18 18 <ImageCard src={'/image.jpg'} alt="" title="Card title" description="Card description" href="#" />

+1 -1

apps/docs/src/routes/(main)/components/base/cards/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { ImageCard, toast} from '@fuxui/base'; 2 2 + import { ImageCard, toast} from '@foxui/core'; 3 3 4 4 import nature1 from '$lib/assets/images/nature1.webp'; 5 5 import nature2 from '$lib/assets/images/nature2.webp';

+1 -1

apps/docs/src/routes/(main)/components/base/chat-bubble/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ChatBubbleDocs from './ChatBubble.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/chat-bubble/ChatBubble.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { ChatBubble } from '@fuxui/base'; 15 15 + import { ChatBubble } from '@foxui/core'; 16 16 </script> 17 17 18 18 <ChatBubble side="right">

+1 -1

apps/docs/src/routes/(main)/components/base/chat-bubble/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Box, ChatBubble, ImageContainer } from '@fuxui/base'; 2 2 + import { Box, ChatBubble, ImageContainer } from '@foxui/core'; 3 3 4 4 import cute from '$lib/assets/images/cute.webp'; 5 5 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/checkbox/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import CheckboxDocs from './Checkbox.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/checkbox/Checkbox.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Checkbox } from '@fuxui/base'; 15 15 + import { Checkbox } from '@foxui/core'; 16 16 17 17 let checked = $state(false); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/checkbox/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Checkbox, Label } from '@fuxui/base'; 2 2 + import { Checkbox, Label } from '@foxui/core'; 3 3 </script> 4 4 5 5 <h3>Primary</h3>

+1 -1

apps/docs/src/routes/(main)/components/base/head/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import HeadDocs from './Head.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/head/Head.md

Reviewed

··· 8 8 9 9 ```svelte 10 10 <script> 11 11 - import { Head } from '@fuxui/base'; 11 11 + import { Head } from '@foxui/core'; 12 12 </script> 13 13 14 14 <Head

+1 -1

apps/docs/src/routes/(main)/components/base/image/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ImageDocs from './Image.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/image/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { ImageContainer } from '@fuxui/base'; 2 2 + import { ImageContainer } from '@foxui/core'; 3 3 4 4 import cute from '$lib/assets/images/cute.webp'; 5 5 import cute2 from '$lib/assets/images/cute2.webp';

+1 -1

apps/docs/src/routes/(main)/components/base/image/Image.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { ImageContainer } from '@fuxui/base'; 15 15 + import { ImageContainer } from '@foxui/core'; 16 16 </script> 17 17 18 18 <ImageContainer src="/image.jpg" alt="Alt tag" />

+1 -1

apps/docs/src/routes/(main)/components/base/input/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import InputDocs from './Input.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/input/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Input } from '@fuxui/base'; 2 2 + import { Input } from '@foxui/core'; 3 3 </script> 4 4 5 5 <h3>Primary</h3>

+1 -1

apps/docs/src/routes/(main)/components/base/input/Input.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Input } from '@fuxui/base'; 15 15 + import { Input } from '@foxui/core'; 16 16 17 17 let value = $state(''); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/modal/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ModalDocs from './Modal.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/modal/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Button, Modal, toast, ImageContainer, Subheading } from '@fuxui/base'; 2 2 + import { Button, Modal, toast, ImageContainer, Subheading } from '@foxui/core'; 3 3 4 4 import cute from '$lib/assets/images/cute.webp'; 5 5

+1 -1

apps/docs/src/routes/(main)/components/base/modal/Modal.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Modal, Button } from '@fuxui/base'; 15 15 + import { Modal, Button } from '@foxui/core'; 16 16 17 17 let open = $state(false); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/number-input/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import NumberInputDocs from './NumberInput.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/base/number-input/NumberInput.md

Reviewed

··· 1 1 <script> 2 2 - import { NumberInput } from '@fuxui/base'; 2 2 + import { NumberInput } from '@foxui/core'; 3 3 </script> 4 4 5 5 # Number Input ··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { NumberInput } from '@fuxui/base'; 15 15 + import { NumberInput } from '@foxui/core'; 16 16 17 17 let value = $state(0); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/popover/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import PopoverDocs from './Popover.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/popover/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Popover, Button, toast } from '@fuxui/base'; 2 2 + import { Popover, Button, toast } from '@foxui/core'; 3 3 4 4 let open = $state(false); 5 5

+1 -1

apps/docs/src/routes/(main)/components/base/popover/Popover.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { Popover } from '@fuxui/base'; 15 15 + import { Popover } from '@foxui/core'; 16 16 </script> 17 17 18 18 <!-- default trigger -->

+1 -1

apps/docs/src/routes/(main)/components/base/prose/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ProseDocs from './Prose.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/base/prose/Prose.md

Reviewed

··· 1 1 <script> 2 2 - import { Box } from '@fuxui/base'; 2 2 + import { Box } from '@foxui/core'; 3 3 </script> 4 4 5 5 # Prose ··· 18 18 19 19 ```svelte 20 20 <script> 21 21 - import Prose from '@fuxui/base'; 21 21 + import Prose from '@foxui/core'; 22 22 </script> 23 23 24 24 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/scroll-area/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ScrollAreaDocs from './ScrollArea.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/scroll-area/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { ScrollArea } from '@fuxui/base'; 2 2 + import { ScrollArea } from '@foxui/core'; 3 3 4 4 let content = `Doggo ipsum puggorino shoob I am bekom fat. Clouds such treat big ol pupper vvv, porgo. Aqua 5 5 doggo ur givin me a spook corgo heckin good boys heck much ruin diet, ur givin me a spook doggo

+1 -1

apps/docs/src/routes/(main)/components/base/scroll-area/ScrollArea.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { ScrollArea } from '@fuxui/base'; 15 15 + import { ScrollArea } from '@foxui/core'; 16 16 </script> 17 17 18 18 <ScrollArea class="h-52 w-96">

+1 -1

apps/docs/src/routes/(main)/components/base/select/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import SelectDocs from './Select.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/select/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Select } from '@fuxui/base'; 2 2 + import { Select } from '@foxui/core'; 3 3 4 4 let selected = $state('Banana'); 5 5 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/select/Select.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { Select } from '@fuxui/base'; 15 15 + import { Select } from '@foxui/core'; 16 16 17 17 let selected = $state('Apple'); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/sidebar/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import SidebarDocs from './Sidebar.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/sidebar/Sidebar.md

Reviewed

··· 8 8 9 9 ```svelte 10 10 <script> 11 11 - import { Sidebar } from '@fuxui/base'; 11 11 + import { Sidebar } from '@foxui/core'; 12 12 </script> 13 13 14 14 <Sidebar>

+1 -1

apps/docs/src/routes/(main)/components/base/slider/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import SliderDocs from './Slider.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/slider/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Slider, SliderNumber } from '@fuxui/base'; 2 2 + import { Slider, SliderNumber } from '@foxui/core'; 3 3 4 4 let value = $state(50); 5 5

+1 -1

apps/docs/src/routes/(main)/components/base/slider/Slider.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Slider, SliderNumber } from '@fuxui/base'; 15 15 + import { Slider, SliderNumber } from '@foxui/core'; 16 16 17 17 let value = $state(50); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/sonner/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import SonnerDocs from './Sonner.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/sonner/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Button, toast } from '@fuxui/base'; 2 2 + import { Button, toast } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="not-prose flex flex-wrap gap-4">

+2 -2

apps/docs/src/routes/(main)/components/base/sonner/Sonner.md

Reviewed

··· 14 14 15 15 ```svelte 16 16 <script> 17 17 - import { Toaster } from '@fuxui/base'; 17 17 + import { Toaster } from '@foxui/core'; 18 18 </script> 19 19 20 20 <Toaster /> ··· 24 24 25 25 ```svelte 26 26 <script> 27 27 - import { Button, toast } from '@fuxui/base'; 27 27 + import { Button, toast } from '@foxui/core'; 28 28 29 29 function handleClick() { 30 30 toast('Hello there', { description: 'General Kenobi!' });

+1 -1

apps/docs/src/routes/(main)/components/base/switch/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import SwitchDocs from './Switch.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/switch/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Switch, Label } from '@fuxui/base'; 2 2 + import { Switch, Label } from '@foxui/core'; 3 3 4 4 let checked = $state(false); 5 5 let checked2 = $state(true);

+1 -1

apps/docs/src/routes/(main)/components/base/switch/Switch.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Switch } from '@fuxui/base'; 15 15 + import { Switch } from '@foxui/core'; 16 16 17 17 let checked = $state(false); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/tabs/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import TabsDocs from './Tabs.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/tabs/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Tabs } from '@fuxui/base'; 2 2 + import { Tabs } from '@foxui/core'; 3 3 4 4 let active = $state('Tab 1'); 5 5 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/tabs/Tabs.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Tabs } from '@fuxui/base'; 15 15 + import { Tabs } from '@foxui/core'; 16 16 17 17 let active = $state('Tab 1'); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/textarea/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import TextareaDocs from './Textarea.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/textarea/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Textarea } from '@fuxui/base'; 2 2 + import { Textarea } from '@foxui/core'; 3 3 </script> 4 4 5 5 <h3>Primary</h3>

+1 -1

apps/docs/src/routes/(main)/components/base/textarea/Textarea.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Textarea } from '@fuxui/base'; 15 15 + import { Textarea } from '@foxui/core'; 16 16 17 17 let value = $state(''); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/toggle-group/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ToggleGroupDocs from './ToggleGroup.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/toggle-group/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { ToggleGroup, ToggleGroupItem } from '@fuxui/base'; 2 2 + import { ToggleGroup, ToggleGroupItem } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex items-center gap-2">

+1 -1

apps/docs/src/routes/(main)/components/base/toggle-group/ToggleGroup.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { ToggleGroup, ToggleGroupItem } from '@fuxui/base'; 15 15 + import { ToggleGroup, ToggleGroupItem } from '@foxui/core'; 16 16 17 17 let value = $state('1'); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/toggle/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ToggleDocs from './Toggle.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/toggle/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Toggle } from '@fuxui/base'; 2 2 + import { Toggle } from '@foxui/core'; 3 3 </script> 4 4 5 5 <div class="flex items-center gap-2">

+1 -1

apps/docs/src/routes/(main)/components/base/toggle/Toggle.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Toggle } from '@fuxui/base'; 15 15 + import { Toggle } from '@foxui/core'; 16 16 17 17 let pressed = $state(false); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/base/tooltip/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import TooltipDocs from './Tooltip.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/base/tooltip/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Tooltip, Button, toast } from '@fuxui/base'; 2 2 + import { Tooltip, Button, toast } from '@foxui/core'; 3 3 4 4 function handleClick() { 5 5 toast.error("Don't click, just hover!");

+1 -1

apps/docs/src/routes/(main)/components/base/tooltip/Tooltip.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Tooltip, Button } from '@fuxui/base'; 15 15 + import { Tooltip, Button } from '@foxui/core'; 16 16 17 17 function handleClick() { 18 18 console.log('clicked');

+1 -1

apps/docs/src/routes/(main)/components/colors/color-gradient-picker/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ColorGradientPickerDocs from './ColorGradientPicker.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/colors/color-gradient-picker/ColorGradientPicker.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { ColorGradientPicker } from '@fuxui/colors'; 15 15 + import { ColorGradientPicker } from '@foxui/colors'; 16 16 17 17 let colors = $state([ 18 18 { rgb: { r: 0, g: 0, b: 1 }, position: 0 }, // blue

+3 -3

apps/docs/src/routes/(main)/components/colors/color-gradient-picker/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { ColorGradientPicker, ColorPicker, convert, listColorSpaces, sRGB } from '@fuxui/colors'; 2 2 + import { ColorGradientPicker, ColorPicker, convert, listColorSpaces, sRGB } from '@foxui/colors'; 3 3 import { ThemeWatcher } from '$lib/helper/ThemeWatcher.svelte'; 4 4 import { onMount } from 'svelte'; 5 5 - import { deserialize } from '@fuxui/colors'; 6 6 - import { Button, cn, Popover } from '@fuxui/base'; 5 5 + import { deserialize } from '@foxui/colors'; 6 6 + import { Button, cn, Popover } from '@foxui/core'; 7 7 import PopoverColorPicker from '../../../../../../../../packages/colors/src/lib/components/color-picker/popover/PopoverColorPicker.svelte'; 8 8 9 9 let colors = $state([

+1 -1

apps/docs/src/routes/(main)/components/colors/color-picker/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ColorPickerDocs from './ColorPicker.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/colors/color-picker/ColorPicker.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { ColorPicker, PopoverColorPicker } from '@fuxui/colors'; 15 15 + import { ColorPicker, PopoverColorPicker } from '@foxui/colors'; 16 16 17 17 let rgb = $state({ 18 18 r: 0,

+1 -1

apps/docs/src/routes/(main)/components/colors/color-picker/Example.svelte

Reviewed

··· 4 4 PopoverColorPicker, 5 5 oklch_string_to_oklch, 6 6 oklch_to_rgb 7 7 - } from '@fuxui/colors'; 7 7 + } from '@foxui/colors'; 8 8 import { ThemeWatcher } from '$lib/helper/ThemeWatcher.svelte'; 9 9 import { onMount } from 'svelte'; 10 10

+1 -1

apps/docs/src/routes/(main)/components/colors/color-select/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ColorSelectDocs from './ColorSelect.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/colors/color-select/ColorSelect.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { ColorSelect } from '@fuxui/colors'; 15 15 + import { ColorSelect } from '@foxui/colors'; 16 16 </script> 17 17 18 18 <ColorSelect

+1 -1

apps/docs/src/routes/(main)/components/colors/color-select/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { ColorSelect } from '@fuxui/colors'; 2 2 + import { ColorSelect } from '@foxui/colors'; 3 3 </script> 4 4 5 5 <ColorSelect

+1 -1

apps/docs/src/routes/(main)/components/social/bluesky-login/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import BlueskyLoginDocs from './BlueskyLogin.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/social/bluesky-login/BlueskyLogin.md

Reviewed

··· 14 14 15 15 ```svelte 16 16 <script lang="ts"> 17 17 - import { BlueskyLogin } from '@fuxui/social'; 17 17 + import { BlueskyLogin } from '@foxui/social'; 18 18 </script> 19 19 20 20 <BlueskyLogin login={async (handle) => {

+2 -2

apps/docs/src/routes/(main)/components/social/bluesky-login/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { toast } from '@fuxui/base'; 3 3 - import { BlueskyLogin } from '@fuxui/social'; 2 2 + import { toast } from '@foxui/core'; 3 3 + import { BlueskyLogin } from '@foxui/social'; 4 4 </script> 5 5 6 6

+1 -1

apps/docs/src/routes/(main)/components/social/card-swiper/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import SwiperCardsDocs from './SwiperCards.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/social/card-swiper/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Button } from '@fuxui/base'; 3 3 - import { CardSwiper } from '@fuxui/social'; 2 2 + import { Button } from '@foxui/core'; 3 3 + import { CardSwiper } from '@foxui/social'; 4 4 5 5 import profile1 from '$lib/assets/profiles/0.webp'; 6 6 import profile2 from '$lib/assets/profiles/1.webp';

+1 -1

apps/docs/src/routes/(main)/components/social/card-swiper/SwiperCards.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { CardSwiper } from '@fuxui/social'; 15 15 + import { CardSwiper } from '@foxui/social'; 16 16 17 17 const profiles = ['image1.webp', 'image2.webp', 'image3.webp']; 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/social/emoji-picker/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import EmojiPickerDocs from './EmojiPicker.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/social/emoji-picker/EmojiPicker.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { EmojiPicker } from '@fuxui/social'; 15 15 + import { EmojiPicker } from '@foxui/social'; 16 16 </script> 17 17 18 18 <EmojiPicker

+2 -2

apps/docs/src/routes/(main)/components/social/emoji-picker/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Button } from '@fuxui/base'; 3 3 - import { EmojiPicker, PopoverEmojiPicker } from '@fuxui/social'; 2 2 + import { Button } from '@foxui/core'; 3 3 + import { EmojiPicker, PopoverEmojiPicker } from '@foxui/social'; 4 4 5 5 let emojis: string[] = $state([]); 6 6 </script>

+1 -1

apps/docs/src/routes/(main)/components/social/github-corner/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import GithubCornerDocs from './GithubCorner.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/social/github-corner/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box } from '@fuxui/base'; 3 3 - import { GithubCorner } from '@fuxui/social'; 2 2 + import { Box } from '@foxui/core'; 3 3 + import { GithubCorner } from '@foxui/social'; 4 4 </script> 5 5 6 6 <Box class="not-prose relative min-h-24 w-full">

+1 -1

apps/docs/src/routes/(main)/components/social/github-corner/GithubCorner.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { GithubCorner } from '@fuxui/social'; 15 15 + import { GithubCorner } from '@foxui/social'; 16 16 </script> 17 17 18 18 <GithubCorner href="https://github.com/flo-bit/ui-kit" />

+1 -1

apps/docs/src/routes/(main)/components/social/nested-comments/+page.svelte

Reviewed

··· 3 3 FeedViewPost, 4 4 ThreadViewPost 5 5 } from '@atproto/api/dist/client/types/app/bsky/feed/defs'; 6 6 - import { blueskyPostToPostData, NestedComments, Post, type PostData } from '@fuxui/social'; 6 6 + import { blueskyPostToPostData, NestedComments, Post, type PostData } from '@foxui/social'; 7 7 import { onMount } from 'svelte'; 8 8 9 9 let mainPost = $state<PostData>();

+1 -1

apps/docs/src/routes/(main)/components/social/post/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import SocialMediaPost from './SocialMediaPost.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/social/post/Example-bluesky.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box } from '@fuxui/base'; 3 3 - import { BlueskyPost, blueskyPostToPostData, Post } from '@fuxui/social'; 2 2 + import { Box } from '@foxui/core'; 3 3 + import { BlueskyPost, blueskyPostToPostData, Post } from '@foxui/social'; 4 4 import { BskyAgent } from '@atproto/api'; 5 5 import { onMount } from 'svelte'; 6 6 import type { FeedViewPost } from '@atproto/api/dist/client/types/app/bsky/feed/defs';

+2 -2

apps/docs/src/routes/(main)/components/social/post/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box, toast } from '@fuxui/base'; 3 3 - import { Post } from '@fuxui/social'; 2 2 + import { Box, toast } from '@foxui/core'; 3 3 + import { Post } from '@foxui/social'; 4 4 5 5 let liked = $state(false); 6 6 let bookmarked = $state(false);

+1 -1

apps/docs/src/routes/(main)/components/social/post/SocialMediaPost.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { Post } from '@fuxui/social'; 15 15 + import { Post } from '@foxui/social'; 16 16 </script> 17 17 18 18 <Post

+1 -1

apps/docs/src/routes/(main)/components/social/star-rating/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import StarRatingDocs from './StarRating.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/social/star-rating/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { StarRating } from '@fuxui/social'; 2 2 + import { StarRating } from '@foxui/social'; 3 3 </script> 4 4 5 5 <div class="flex h-full w-full items-center justify-center">

+1 -1

apps/docs/src/routes/(main)/components/social/star-rating/StarRating.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { StarRating } from '@fuxui/social'; 15 15 + import { StarRating } from '@foxui/social'; 16 16 </script> 17 17 18 18 <StarRating rating={4} changeable />

+1 -1

apps/docs/src/routes/(main)/components/social/user-profile/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import UserProfileDocs from './UserProfile.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/social/user-profile/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { UserProfile } from '@fuxui/social'; 2 2 + import { UserProfile } from '@foxui/social'; 3 3 </script> 4 4 5 5 <UserProfile

+1 -1

apps/docs/src/routes/(main)/components/social/user-profile/UserProfile.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { UserProfile } from '@fuxui/social'; 15 15 + import { UserProfile } from '@foxui/social'; 16 16 </script> 17 17 18 18 <UserProfile

+1 -1

apps/docs/src/routes/(main)/components/text/advanced-text-area/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import AdvancedTextAreaDocs from './AdvancedTextArea.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/text/advanced-text-area/AdvancedTextArea.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { AdvancedTextArea } from '@fuxui/text'; 15 15 + import { AdvancedTextArea } from '@foxui/text'; 16 16 17 17 let content = $state(''); 18 18

+2 -2

apps/docs/src/routes/(main)/components/text/advanced-text-area/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box, Button, toast } from '@fuxui/base'; 3 3 - import { AdvancedTextArea } from '@fuxui/text'; 2 2 + import { Box, Button, toast } from '@foxui/core'; 3 3 + import { AdvancedTextArea } from '@foxui/text'; 4 4 5 5 let content = $state(''); 6 6

+1 -1

apps/docs/src/routes/(main)/components/text/plain-text-editor/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import PlainTextEditorDocs from './PlainTextEditor.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/text/plain-text-editor/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box } from '@fuxui/base'; 3 3 - import { PlainTextEditor } from '@fuxui/text'; 2 2 + import { Box } from '@foxui/core'; 3 3 + import { PlainTextEditor } from '@foxui/text'; 4 4 5 5 let content = $state(''); 6 6 </script>

+1 -1

apps/docs/src/routes/(main)/components/text/plain-text-editor/PlainTextEditor.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { PlainTextEditor } from '@fuxui/text'; 15 15 + import { PlainTextEditor } from '@foxui/text'; 16 16 17 17 let content = $state(''); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/text/rich-text-editor/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import RichTextEditorDocs from './RichTextEditor.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/text/rich-text-editor/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Prose } from '@fuxui/base'; 3 3 - import { RichTextEditor } from '@fuxui/text'; 2 2 + import { Prose } from '@foxui/core'; 3 3 + import { RichTextEditor } from '@foxui/text'; 4 4 5 5 let content = $state(''); 6 6 </script>

+1 -1

apps/docs/src/routes/(main)/components/text/rich-text-editor/RichTextEditor.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { RichTextEditor } from '@fuxui/text'; 15 15 + import { RichTextEditor } from '@foxui/text'; 16 16 17 17 let content = $state(''); 18 18 </script>

+1 -1

apps/docs/src/routes/(main)/components/time/countdown/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Countdown, TimerState } from '@fuxui/time'; 2 2 + import { Countdown, TimerState } from '@foxui/time'; 3 3 import { onMount } from 'svelte'; 4 4 5 5 let timer: TimerState | undefined = $state();

+1 -1

apps/docs/src/routes/(main)/components/time/relative-time/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import RelativeTimeDocs from './RelativeTime.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/time/relative-time/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box } from '@fuxui/base'; 3 3 - import { RelativeTime } from '@fuxui/time'; 2 2 + import { Box } from '@foxui/core'; 3 3 + import { RelativeTime } from '@foxui/time'; 4 4 </script> 5 5 6 6 <Box class="min-h-0">

+2 -2

apps/docs/src/routes/(main)/components/time/relative-time/RelativeTime.md

Reviewed

··· 1 1 <script lang="ts"> 2 2 import Example from './Example.svelte'; 3 3 - import { Alert } from '@fuxui/base'; 3 3 + import { Alert } from '@foxui/core'; 4 4 </script> 5 5 6 6 # Relative Time ··· 16 16 17 17 ```svelte 18 18 <script lang="ts"> 19 19 - import { RelativeTime } from '@fuxui/time'; 19 19 + import { RelativeTime } from '@foxui/time'; 20 20 </script> 21 21 22 22 <RelativeTime date={new Date(Date.now() - 10000)} locale="en-US" />

+1 -1

apps/docs/src/routes/(main)/components/time/stopwatch/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import StopwatchDocs from './Stopwatch.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/time/stopwatch/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box, Button } from '@fuxui/base'; 3 3 - import { Stopwatch, StopwatchState } from '@fuxui/time'; 2 2 + import { Box, Button } from '@foxui/core'; 3 3 + import { Stopwatch, StopwatchState } from '@foxui/time'; 4 4 import { onMount } from 'svelte'; 5 5 6 6 let stopwatch: StopwatchState | undefined = $state(undefined);

+2 -2

apps/docs/src/routes/(main)/components/time/stopwatch/Stopwatch.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { Button } from '@fuxui/base'; 16 16 - import { Stopwatch, StopwatchState } from '@fuxui/time'; 15 15 + import { Button } from '@foxui/core'; 16 16 + import { Stopwatch, StopwatchState } from '@foxui/time'; 17 17 18 18 let stopwatch: StopwatchState | undefined = $state(); 19 19 </script>

+1 -1

apps/docs/src/routes/(main)/components/time/timer/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import TimerDocs from './Timer.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/time/timer/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Box, Button } from '@fuxui/base'; 3 3 - import { Timer, TimerState } from '@fuxui/time'; 2 2 + import { Box, Button } from '@foxui/core'; 3 3 + import { Timer, TimerState } from '@foxui/time'; 4 4 import { onMount } from 'svelte'; 5 5 6 6 let timer: TimerState | undefined = $state(undefined);

+2 -2

apps/docs/src/routes/(main)/components/time/timer/Timer.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { Button } from '@fuxui/base'; 16 16 - import { Timer, TimerState } from '@fuxui/time'; 15 15 + import { Button } from '@foxui/core'; 16 16 + import { Timer, TimerState } from '@foxui/time'; 17 17 18 18 let timer = $state(new TimerState(1000 * 60 * 60)); 19 19 </script>

+1 -1

apps/docs/src/routes/(main)/components/visual/confetti/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ConfettiDocs from './Confetti.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/visual/confetti/Confetti.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { launchConfetti } from '@fuxui/visual'; 15 15 + import { launchConfetti } from '@foxui/visual'; 16 16 </script> 17 17 18 18 <Button onclick={() => launchConfetti()}>Launch Confetti</Button>

+2 -2

apps/docs/src/routes/(main)/components/visual/confetti/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { launchConfetti } from '@fuxui/visual'; 3 3 - import { Button } from '@fuxui/base'; 2 2 + import { launchConfetti } from '@foxui/visual'; 3 3 + import { Button } from '@foxui/core'; 4 4 import { onMount } from 'svelte'; 5 5 6 6 onMount(() => {

+1 -1

apps/docs/src/routes/(main)/components/visual/excalidraw/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ExcalidrawDocs from './Excalidraw.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/visual/excalidraw/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Excalidraw } from '@fuxui/visual'; 2 2 + import { Excalidraw } from '@foxui/visual'; 3 3 4 4 import svg from '$lib/assets/demo.svg?raw'; 5 5 </script>

+1 -1

apps/docs/src/routes/(main)/components/visual/excalidraw/Excalidraw.md

Reviewed

··· 16 16 17 17 ```svelte 18 18 <script lang="ts"> 19 19 - import { Excalidraw } from '@fuxui/visual'; 19 19 + import { Excalidraw } from '@foxui/visual'; 20 20 21 21 import svg from '$docs/assets/demo.svg?raw'; 22 22 </script>

+1 -1

apps/docs/src/routes/(main)/components/visual/image-masonry/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import ImageMasonryDocs from './ImageMasonry.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+2 -2

apps/docs/src/routes/(main)/components/visual/image-masonry/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { ImageMasonry } from '@fuxui/visual'; 2 2 + import { ImageMasonry } from '@foxui/visual'; 3 3 4 4 import profile1 from '$lib/assets/profiles/0.webp'; 5 5 import profile2 from '$lib/assets/profiles/1.webp'; ··· 11 11 import profile8 from '$lib/assets/profiles/7.webp'; 12 12 import profile9 from '$lib/assets/profiles/8.webp'; 13 13 import profile10 from '$lib/assets/profiles/9.webp'; 14 14 - import { toast } from '@fuxui/base'; 14 14 + import { toast } from '@foxui/core'; 15 15 16 16 const images = [ 17 17 {

+1 -1

apps/docs/src/routes/(main)/components/visual/image-masonry/ImageMasonry.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { ImageMasonry } from '@fuxui/visual'; 15 15 + import { ImageMasonry } from '@foxui/visual'; 16 16 17 17 const images = [ 18 18 {

+1 -1

apps/docs/src/routes/(main)/components/visual/phone/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import PhoneDocs from './Phone.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/visual/phone/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Phone } from '@fuxui/visual'; 2 2 + import { Phone } from '@foxui/visual'; 3 3 </script> 4 4 5 5 <Phone>

+1 -1

apps/docs/src/routes/(main)/components/visual/phone/Phone.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script lang="ts"> 15 15 - import { Phone } from '@fuxui/visual'; 15 15 + import { Phone } from '@foxui/visual'; 16 16 </script> 17 17 18 18 <Phone>

+1 -1

apps/docs/src/routes/(main)/components/visual/quote/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import QuoteDocs from './Quote.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/visual/quote/Example.svelte

Reviewed

··· 1 1 <script> 2 2 - import { Quote } from '@fuxui/visual'; 2 2 + import { Quote } from '@foxui/visual'; 3 3 import einstein from '$lib/assets/images/einstein.webp'; 4 4 </script> 5 5

+1 -1

apps/docs/src/routes/(main)/components/visual/quote/Quote.md

Reviewed

··· 12 12 13 13 ```svelte 14 14 <script> 15 15 - import { Quote } from '@fuxui/visual'; 15 15 + import { Quote } from '@foxui/visual'; 16 16 </script> 17 17 18 18 <Quote

+1 -1

apps/docs/src/routes/(main)/components/visual/undraw/+page.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 import UndrawDocs from './Undraw.md'; 3 3 - import { Prose } from '@fuxui/base'; 3 3 + import { Prose } from '@foxui/core'; 4 4 </script> 5 5 6 6 <Prose>

+1 -1

apps/docs/src/routes/(main)/components/visual/undraw/Example.svelte

Reviewed

··· 1 1 <script lang="ts"> 2 2 - import { Undraw } from '@fuxui/visual'; 2 2 + import { Undraw } from '@foxui/visual'; 3 3 4 4 import svg from '$lib/assets/undraw_yoga.svg?raw'; 5 5 </script>

+2 -2

apps/docs/src/routes/(main)/components/visual/undraw/Undraw.md

Reviewed

··· 1 1 <script lang="ts"> 2 2 import UndrawExample from './Example.svelte'; 3 3 - import { Alert } from '@fuxui/base'; 3 3 + import { Alert } from '@foxui/core'; 4 4 </script> 5 5 6 6 # Undraw ··· 22 22 23 23 ```svelte 24 24 <script lang="ts"> 25 25 - import { Undraw } from '@fuxui/visual'; 25 25 + import { Undraw } from '@foxui/visual'; 26 26 27 27 import svg from './your-illustration.svg?raw'; 28 28 </script>