@foxui/core 0.4.7 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +25 -25
  2. package/dist/components/download-button/DownloadButton.svelte +49 -0
  3. package/dist/components/download-button/DownloadButton.svelte.d.ts +9 -0
  4. package/dist/components/download-button/index.d.ts +1 -0
  5. package/dist/components/download-button/index.js +1 -0
  6. package/dist/components/index.d.ts +1 -0
  7. package/dist/components/index.js +1 -0
  8. package/dist/components/theme-toggle/ThemeToggle.svelte +0 -1
  9. package/package.json +29 -29
  10. package/dist/components/tooltip/index.d.ts +0 -7
package/README.md CHANGED
@@ -2,31 +2,31 @@
2
2
 
3
3
  svelte 5 + tailwind 4 ui kit, base components
4
4
 
5
- - [Accordion](https://flo-bit.dev/ui-kit/components/base/accordion)
6
- - [Alert](https://flo-bit.dev/ui-kit/components/base/alert)
7
- - [Avatar](https://flo-bit.dev/ui-kit/components/base/avatar)
8
- - [Badge](https://flo-bit.dev/ui-kit/components/base/badge)
9
- - [Box](https://flo-bit.dev/ui-kit/components/base/box)
10
- - [Button](https://flo-bit.dev/ui-kit/components/base/button)
11
- - [Card](https://flo-bit.dev/ui-kit/components/base/cards)
12
- - [Chat Bubble](https://flo-bit.dev/ui-kit/components/base/chat-bubble)
13
- - [Checkbox](https://flo-bit.dev/ui-kit/components/base/checkbox)
14
- - [Head](https://flo-bit.dev/ui-kit/components/base/head)
15
- - [Heading](https://flo-bit.dev/ui-kit/components/base/image)
16
- - [Modals](https://flo-bit.dev/ui-kit/components/base/modal)
17
- - [Popover](https://flo-bit.dev/ui-kit/components/base/popover)
18
- - [Prose](https://flo-bit.dev/ui-kit/components/base/prose)
19
- - [Scroll Area](https://flo-bit.dev/ui-kit/components/base/scroll-area)
20
- - [Select](https://flo-bit.dev/ui-kit/components/base/select)
21
- - [Sidebar](https://flo-bit.dev/ui-kit/components/base/sidebar)
22
- - [Slider](https://flo-bit.dev/ui-kit/components/base/slider)
23
- - [Sonner](https://flo-bit.dev/ui-kit/components/base/sonner)
24
- - [Switch](https://flo-bit.dev/ui-kit/components/base/switch)
25
- - [Tabs](https://flo-bit.dev/ui-kit/components/base/tabs)
26
- - [Textarea](https://flo-bit.dev/ui-kit/components/base/textarea)
27
- - [Toggle](https://flo-bit.dev/ui-kit/components/base/toggle)
28
- - [Toggle Group](https://flo-bit.dev/ui-kit/components/base/toggle-group)
29
- - [Tooltip](https://flo-bit.dev/ui-kit/components/base/tooltip)
5
+ - [Accordion](https://flo-bit.dev/ui-kit/components/core/accordion)
6
+ - [Alert](https://flo-bit.dev/ui-kit/components/core/alert)
7
+ - [Avatar](https://flo-bit.dev/ui-kit/components/core/avatar)
8
+ - [Badge](https://flo-bit.dev/ui-kit/components/core/badge)
9
+ - [Box](https://flo-bit.dev/ui-kit/components/core/box)
10
+ - [Button](https://flo-bit.dev/ui-kit/components/core/button)
11
+ - [Card](https://flo-bit.dev/ui-kit/components/core/cards)
12
+ - [Chat Bubble](https://flo-bit.dev/ui-kit/components/core/chat-bubble)
13
+ - [Checkbox](https://flo-bit.dev/ui-kit/components/core/checkbox)
14
+ - [Head](https://flo-bit.dev/ui-kit/components/core/head)
15
+ - [Heading](https://flo-bit.dev/ui-kit/components/core/image)
16
+ - [Modals](https://flo-bit.dev/ui-kit/components/core/modal)
17
+ - [Popover](https://flo-bit.dev/ui-kit/components/core/popover)
18
+ - [Prose](https://flo-bit.dev/ui-kit/components/core/prose)
19
+ - [Scroll Area](https://flo-bit.dev/ui-kit/components/core/scroll-area)
20
+ - [Select](https://flo-bit.dev/ui-kit/components/core/select)
21
+ - [Sidebar](https://flo-bit.dev/ui-kit/components/core/sidebar)
22
+ - [Slider](https://flo-bit.dev/ui-kit/components/core/slider)
23
+ - [Sonner](https://flo-bit.dev/ui-kit/components/core/sonner)
24
+ - [Switch](https://flo-bit.dev/ui-kit/components/core/switch)
25
+ - [Tabs](https://flo-bit.dev/ui-kit/components/core/tabs)
26
+ - [Textarea](https://flo-bit.dev/ui-kit/components/core/textarea)
27
+ - [Toggle](https://flo-bit.dev/ui-kit/components/core/toggle)
28
+ - [Toggle Group](https://flo-bit.dev/ui-kit/components/core/toggle-group)
29
+ - [Tooltip](https://flo-bit.dev/ui-kit/components/core/tooltip)
30
30
 
31
31
  > **This is a public alpha release. Expect bugs and breaking changes.**
32
32
 
package/dist/components/download-button/DownloadButton.svelte ADDED
@@ -0,0 +1,49 @@
1
+ <script lang="ts">
2
+ import { Box } from '../box';
3
+
4
+ let {
5
+ title,
6
+ description,
7
+ fileUrl,
8
+ fileName
9
+ }: { title: string; description?: string; fileUrl: string; fileName?: string } = $props();
10
+
11
+ fileName ??= fileUrl.split('/').pop()?.split('?')[0] || 'download';
12
+ </script>
13
+
14
+ <Box class="not-prose group">
15
+ <div class="flex flex-col gap-2">
16
+ <h3
17
+ class="text-base-950 dark:text-base-50 inline-flex items-center gap-2 text-lg font-semibold"
18
+ >
19
+ <svg
20
+ xmlns="http://www.w3.org/2000/svg"
21
+ fill="none"
22
+ viewBox="0 0 24 24"
23
+ stroke-width="1.5"
24
+ stroke="currentColor"
25
+ class="size-5"
26
+ >
27
+ <path
28
+ stroke-linecap="round"
29
+ stroke-linejoin="round"
30
+ d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"
31
+ />
32
+ </svg>
33
+ {title}
34
+ </h3>
35
+
36
+ {#if description}
37
+ <p class="text-base-700 dark:text-base-300 text-xs">{description}</p>
38
+ {/if}
39
+
40
+ <a
41
+ href={fileUrl}
42
+ download={fileName}
43
+ class="dark:group-hover:text-accent-400 group-hover:text-accent-600 mt-4 inline-flex items-center justify-center gap-2 self-start rounded-lg font-medium transition-colors duration-200"
44
+ >
45
+ Download <span>&rarr;</span>
46
+ <span class="absolute inset-0"></span>
47
+ </a>
48
+ </div>
49
+ </Box>
package/dist/components/download-button/DownloadButton.svelte.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ type $$ComponentProps = {
2
+ title: string;
3
+ description?: string;
4
+ fileUrl: string;
5
+ fileName?: string;
6
+ };
7
+ declare const DownloadButton: import("svelte").Component<$$ComponentProps, {}, "">;
8
+ type DownloadButton = ReturnType<typeof DownloadButton>;
9
+ export default DownloadButton;
package/dist/components/download-button/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default as DownloadButton } from './DownloadButton.svelte';
package/dist/components/download-button/index.js ADDED
@@ -0,0 +1 @@
1
+ export { default as DownloadButton } from './DownloadButton.svelte';
package/dist/components/index.d.ts CHANGED
@@ -32,3 +32,4 @@ export * from './theme-toggle';
32
32
  export * from './toggle';
33
33
  export * from './toggle-group';
34
34
  export * from './tooltip';
35
+ export * from './download-button';
package/dist/components/index.js CHANGED
@@ -32,3 +32,4 @@ export * from './theme-toggle';
32
32
  export * from './toggle';
33
33
  export * from './toggle-group';
34
34
  export * from './tooltip';
35
+ export * from './download-button';
package/dist/components/theme-toggle/ThemeToggle.svelte CHANGED
@@ -1,5 +1,4 @@
1
1
  <script lang="ts">
2
- import { onMount } from 'svelte';
3
2
  import { Button, type ButtonProps } from '../button';
4
3
  import { cn } from '../../utils';
5
4
  import { ModeWatcher, toggleMode } from 'mode-watcher';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@foxui/core",
3
3
  "private": false,
4
- "version": "0.4.7",
4
+ "version": "0.5.0",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"
@@ -18,38 +18,38 @@
18
18
  "types": "./dist/types.d.ts",
19
19
  "svelte": "./dist/index.js",
20
20
  "devDependencies": {
21
- "@eslint/compat": "^1.2.5",
22
- "@eslint/js": "^9.18.0",
23
- "@sveltejs/adapter-auto": "^6.0.0",
24
- "@sveltejs/adapter-static": "^3.0.8",
25
- "@sveltejs/kit": "^2.16.0",
26
- "@sveltejs/package": "^2.3.11",
27
- "@sveltejs/vite-plugin-svelte": "^5.0.0",
28
- "@tailwindcss/forms": "^0.5.9",
29
- "@tailwindcss/typography": "^0.5.15",
30
- "@tailwindcss/vite": "^4.1.5",
31
- "eslint": "^9.18.0",
32
- "eslint-config-prettier": "^10.0.1",
33
- "eslint-plugin-svelte": "^3.0.0",
34
- "globals": "^16.0.0",
35
- "prettier": "^3.4.2",
36
- "prettier-plugin-svelte": "^3.3.3",
37
- "prettier-plugin-tailwindcss": "^0.6.11",
38
- "svelte": "^5.0.0",
39
- "svelte-check": "^4.0.0",
40
- "tailwindcss": "^4.1.5",
41
- "typescript": "^5.0.0",
42
- "typescript-eslint": "^8.20.0",
43
- "vite": "^6.2.6"
21
+ "@eslint/compat": "^2.0.2",
22
+ "@eslint/js": "^10.0.1",
23
+ "@sveltejs/adapter-auto": "^7.0.1",
24
+ "@sveltejs/adapter-static": "^3.0.10",
25
+ "@sveltejs/kit": "^2.53.0",
26
+ "@sveltejs/package": "^2.5.7",
27
+ "@sveltejs/vite-plugin-svelte": "^6.2.4",
28
+ "@tailwindcss/forms": "^0.5.11",
29
+ "@tailwindcss/typography": "^0.5.19",
30
+ "@tailwindcss/vite": "^4.2.0",
31
+ "eslint": "^10.0.1",
32
+ "eslint-config-prettier": "^10.1.8",
33
+ "eslint-plugin-svelte": "^3.15.0",
34
+ "globals": "^17.3.0",
35
+ "prettier": "^3.8.1",
36
+ "prettier-plugin-svelte": "^3.5.0",
37
+ "prettier-plugin-tailwindcss": "^0.7.2",
38
+ "svelte": "^5.53.2",
39
+ "svelte-check": "^4.4.3",
40
+ "tailwindcss": "^4.2.0",
41
+ "typescript": "^5.9.3",
42
+ "typescript-eslint": "^8.56.0",
43
+ "vite": "^7.3.1"
44
44
  },
45
45
  "dependencies": {
46
- "@number-flow/svelte": "^0.3.7",
47
- "bits-ui": "^1.4.3",
46
+ "@number-flow/svelte": "^0.3.12",
47
+ "bits-ui": "^2.16.2",
48
48
  "clsx": "^2.1.1",
49
49
  "mode-watcher": "^1.1.0",
50
- "svelte-sonner": "^0.3.28",
51
- "tailwind-merge": "^3.2.0",
52
- "tailwind-variants": "^1.0.0"
50
+ "svelte-sonner": "^1.0.7",
51
+ "tailwind-merge": "^3.5.0",
52
+ "tailwind-variants": "^3.2.2"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "svelte": ">=5",
package/dist/components/tooltip/index.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { Tooltip as TooltipPrimitive } from 'bits-ui';
2
- import Content from './tooltip-content.svelte';
3
- import Tooltip from './tooltip.svelte';
4
- declare const Root: import("svelte").Component<TooltipPrimitive.RootProps, {}, "open">;
5
- declare const Trigger: import("svelte").Component<TooltipPrimitive.TriggerProps, {}, "ref">;
6
- declare const Provider: import("svelte").Component<TooltipPrimitive.ProviderProps, {}, "">;
7
- export { Root as TooltipRoot, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Tooltip };