ui-ingredients 0.0.6 → 0.0.8
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +75 -75
- package/dist/accordion/item-content.svelte +22 -13
- package/dist/accordion/item-indicator.svelte +22 -13
- package/dist/accordion/item-trigger.svelte +22 -13
- package/dist/accordion/item.svelte +35 -24
- package/dist/accordion/root.svelte +61 -40
- package/dist/avatar/fallback.svelte +21 -12
- package/dist/avatar/image.svelte +19 -10
- package/dist/avatar/root.svelte +46 -29
- package/dist/carousel/indicator-group.svelte +21 -12
- package/dist/carousel/indicator.svelte +31 -20
- package/dist/carousel/item-group.svelte +21 -12
- package/dist/carousel/item.svelte +22 -12
- package/dist/carousel/next-trigger.svelte +21 -12
- package/dist/carousel/prev-trigger.svelte +21 -12
- package/dist/carousel/root.svelte +58 -40
- package/dist/carousel/viewport.svelte +21 -12
- package/dist/checkbox/control.svelte +21 -12
- package/dist/checkbox/hidden-input.svelte +19 -10
- package/dist/checkbox/indicator.svelte +21 -12
- package/dist/checkbox/label.svelte +21 -12
- package/dist/checkbox/root.svelte +62 -44
- package/dist/clipboard/control.svelte +21 -12
- package/dist/clipboard/indicator.svelte +23 -12
- package/dist/clipboard/input.svelte +19 -10
- package/dist/clipboard/label.svelte +21 -12
- package/dist/clipboard/root.svelte +51 -30
- package/dist/clipboard/trigger.svelte +21 -12
- package/dist/collapsible/content.svelte +21 -12
- package/dist/collapsible/root.svelte +57 -36
- package/dist/collapsible/trigger.svelte +19 -12
- package/dist/combobox/clear-trigger.svelte +21 -12
- package/dist/combobox/content.svelte +21 -12
- package/dist/combobox/control.svelte +21 -12
- package/dist/combobox/input.svelte +19 -10
- package/dist/combobox/item-group-label.svelte +29 -20
- package/dist/combobox/item-group.svelte +26 -14
- package/dist/combobox/item-indicator.svelte +22 -13
- package/dist/combobox/item-text.svelte +26 -17
- package/dist/combobox/item.svelte +35 -24
- package/dist/combobox/label.svelte +21 -12
- package/dist/combobox/list.svelte +21 -12
- package/dist/combobox/positioner.svelte +21 -12
- package/dist/combobox/root.svelte +122 -104
- package/dist/combobox/trigger.svelte +21 -12
- package/dist/dialog/backdrop.svelte +21 -12
- package/dist/dialog/close-trigger.svelte +21 -12
- package/dist/dialog/content.svelte +21 -12
- package/dist/dialog/description.svelte +21 -12
- package/dist/dialog/positioner.svelte +21 -12
- package/dist/dialog/root.svelte +22 -10
- package/dist/dialog/title.svelte +21 -12
- package/dist/dialog/trigger.svelte +21 -12
- package/dist/hover-card/arrow-tip.svelte +21 -12
- package/dist/hover-card/arrow.svelte +21 -12
- package/dist/hover-card/content.svelte +21 -12
- package/dist/hover-card/positioner.svelte +21 -12
- package/dist/hover-card/root.svelte +25 -10
- package/dist/hover-card/trigger.svelte +21 -12
- package/dist/index.d.ts +11 -0
- package/dist/index.js +8 -0
- package/dist/number-input/control.svelte +21 -12
- package/dist/number-input/decrement-trigger.svelte +22 -12
- package/dist/number-input/increment-trigger.svelte +22 -12
- package/dist/number-input/input.svelte +19 -10
- package/dist/number-input/label.svelte +21 -12
- package/dist/number-input/root.svelte +93 -72
- package/dist/number-input/scrubber.svelte +21 -12
- package/dist/pagination/ellipsis.svelte +23 -12
- package/dist/pagination/item.svelte +31 -20
- package/dist/pagination/next-trigger.svelte +21 -12
- package/dist/pagination/prev-trigger.svelte +21 -12
- package/dist/pagination/root.svelte +63 -42
- package/dist/pin-input/clear-trigger.svelte +25 -17
- package/dist/pin-input/hidden-input.svelte +19 -10
- package/dist/pin-input/input.svelte +20 -10
- package/dist/pin-input/label.svelte +21 -12
- package/dist/pin-input/root.svelte +82 -64
- package/dist/popover/arrow-tip.svelte +21 -12
- package/dist/popover/arrow.svelte +21 -12
- package/dist/popover/close-trigger.svelte +21 -12
- package/dist/popover/content.svelte +21 -12
- package/dist/popover/description.svelte +21 -12
- package/dist/popover/positioner.svelte +21 -12
- package/dist/popover/root.svelte +22 -10
- package/dist/popover/title.svelte +21 -12
- package/dist/popover/trigger.svelte +21 -12
- package/dist/portal/root.svelte +20 -10
- package/dist/presence/root.svelte +39 -27
- package/dist/progress/circle-range.svelte +21 -12
- package/dist/progress/circle-track.svelte +21 -12
- package/dist/progress/circle.svelte +21 -12
- package/dist/progress/label.svelte +21 -12
- package/dist/progress/range.svelte +21 -12
- package/dist/progress/root.svelte +54 -36
- package/dist/progress/track.svelte +21 -12
- package/dist/progress/value-text.svelte +25 -16
- package/dist/qr-code/context.svelte.d.ts +8 -0
- package/dist/qr-code/context.svelte.js +14 -0
- package/dist/qr-code/frame.svelte +21 -0
- package/dist/qr-code/frame.svelte.d.ts +22 -0
- package/dist/qr-code/index.d.ts +4 -0
- package/dist/qr-code/index.js +4 -0
- package/dist/qr-code/overlay.svelte +21 -0
- package/dist/qr-code/overlay.svelte.d.ts +22 -0
- package/dist/qr-code/pattern.svelte +21 -0
- package/dist/qr-code/pattern.svelte.d.ts +22 -0
- package/dist/qr-code/root.svelte +48 -0
- package/dist/qr-code/root.svelte.d.ts +25 -0
- package/dist/radio-group/indicator.svelte +21 -12
- package/dist/radio-group/item-control.svelte +22 -13
- package/dist/radio-group/item-hidden-input.svelte +20 -11
- package/dist/radio-group/item-text.svelte +22 -13
- package/dist/radio-group/item.svelte +37 -26
- package/dist/radio-group/label.svelte +21 -12
- package/dist/radio-group/root.svelte +61 -40
- package/dist/select/clear-trigger.svelte +21 -12
- package/dist/select/content.svelte +21 -12
- package/dist/select/control.svelte +21 -12
- package/dist/select/hidden-select.svelte +21 -12
- package/dist/select/indicator.svelte +21 -12
- package/dist/select/item-group-label.svelte +24 -15
- package/dist/select/item-group.svelte +26 -14
- package/dist/select/item-indicator.svelte +22 -13
- package/dist/select/item-text.svelte +26 -17
- package/dist/select/item.svelte +35 -24
- package/dist/select/label.svelte +21 -12
- package/dist/select/list.svelte +21 -12
- package/dist/select/positioner.svelte +21 -12
- package/dist/select/root.svelte +96 -78
- package/dist/select/trigger.svelte +21 -12
- package/dist/select/value-text.svelte +27 -18
- package/dist/slider/control.svelte +21 -12
- package/dist/slider/hidden-input.svelte +20 -11
- package/dist/slider/label.svelte +21 -12
- package/dist/slider/marker-group.svelte +21 -12
- package/dist/slider/marker.svelte +29 -19
- package/dist/slider/range.svelte +21 -12
- package/dist/slider/root.svelte +84 -66
- package/dist/slider/thumb.svelte +35 -24
- package/dist/slider/track.svelte +21 -12
- package/dist/slider/value-text.svelte +25 -16
- package/dist/steps/content.svelte +22 -12
- package/dist/steps/indicator.svelte +22 -13
- package/dist/steps/item.svelte +24 -13
- package/dist/steps/list.svelte +21 -12
- package/dist/steps/next-trigger.svelte +21 -12
- package/dist/steps/prev-trigger.svelte +21 -12
- package/dist/steps/progress.svelte +21 -12
- package/dist/steps/root.svelte +56 -38
- package/dist/steps/separator.svelte +22 -13
- package/dist/steps/trigger.svelte +22 -13
- package/dist/switch/control.svelte +21 -12
- package/dist/switch/hidden-input.svelte +19 -10
- package/dist/switch/label.svelte +21 -12
- package/dist/switch/root.svelte +64 -46
- package/dist/switch/thumb.svelte +21 -12
- package/dist/tabs/content.svelte +22 -12
- package/dist/tabs/list.svelte +21 -12
- package/dist/tabs/root.svelte +57 -42
- package/dist/tabs/trigger.svelte +22 -12
- package/dist/tags-input/clear-trigger.svelte +21 -0
- package/dist/tags-input/clear-trigger.svelte.d.ts +22 -0
- package/dist/tags-input/context.svelte.d.ts +10 -0
- package/dist/tags-input/context.svelte.js +20 -0
- package/dist/tags-input/control.svelte +21 -0
- package/dist/tags-input/control.svelte.d.ts +22 -0
- package/dist/tags-input/hidden-input.svelte +19 -0
- package/dist/tags-input/hidden-input.svelte.d.ts +22 -0
- package/dist/tags-input/index.d.ts +11 -0
- package/dist/tags-input/index.js +11 -0
- package/dist/tags-input/input.svelte +19 -0
- package/dist/tags-input/input.svelte.d.ts +22 -0
- package/dist/tags-input/item-delete-trigger.svelte +23 -0
- package/dist/tags-input/item-delete-trigger.svelte.d.ts +22 -0
- package/dist/tags-input/item-input.svelte +20 -0
- package/dist/tags-input/item-input.svelte.d.ts +22 -0
- package/dist/tags-input/item-preview.svelte +22 -0
- package/dist/tags-input/item-preview.svelte.d.ts +22 -0
- package/dist/tags-input/item-text.svelte +22 -0
- package/dist/tags-input/item-text.svelte.d.ts +22 -0
- package/dist/tags-input/item.svelte +37 -0
- package/dist/tags-input/item.svelte.d.ts +23 -0
- package/dist/tags-input/label.svelte +21 -0
- package/dist/tags-input/label.svelte.d.ts +22 -0
- package/dist/tags-input/root.svelte +97 -0
- package/dist/tags-input/root.svelte.d.ts +25 -0
- package/dist/timer/action-trigger.svelte +23 -0
- package/dist/timer/action-trigger.svelte.d.ts +23 -0
- package/dist/timer/context.svelte.d.ts +10 -0
- package/dist/timer/context.svelte.js +20 -0
- package/dist/timer/index.d.ts +6 -0
- package/dist/timer/index.js +6 -0
- package/dist/timer/item-label.svelte +22 -0
- package/dist/timer/item-label.svelte.d.ts +22 -0
- package/dist/timer/item-value.svelte +26 -0
- package/dist/timer/item-value.svelte.d.ts +22 -0
- package/dist/timer/item.svelte +24 -0
- package/dist/timer/item.svelte.d.ts +23 -0
- package/dist/timer/root.svelte +54 -0
- package/dist/timer/root.svelte.d.ts +25 -0
- package/dist/timer/separator.svelte +21 -0
- package/dist/timer/separator.svelte.d.ts +22 -0
- package/dist/toast/action-trigger.svelte +21 -12
- package/dist/toast/actor.svelte +22 -11
- package/dist/toast/close-trigger.svelte +21 -12
- package/dist/toast/description.svelte +25 -16
- package/dist/toast/root.svelte +25 -16
- package/dist/toast/title.svelte +25 -16
- package/dist/toast/toaster.svelte +40 -25
- package/dist/toggle-group/item.svelte +22 -12
- package/dist/toggle-group/root.svelte +61 -40
- package/dist/tooltip/arrow-tip.svelte +21 -12
- package/dist/tooltip/arrow.svelte +21 -12
- package/dist/tooltip/content.svelte +21 -12
- package/dist/tooltip/positioner.svelte +21 -12
- package/dist/tooltip/root.svelte +22 -10
- package/dist/tooltip/trigger.svelte +21 -12
- package/package.json +6 -14
- package/dist/qr-code/.gitkeep +0 -0
- package/dist/tags-input/.gitkeep +0 -0
- package/dist/timer/.gitkeep +0 -0
@@ -1,12 +1,21 @@
|
|
1
|
-
<script lang="ts" context="module"
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
1
|
+
<script lang="ts" context="module">
|
2
|
+
import type {Assign} from '../types.js';
|
3
|
+
import type {SvelteHTMLElements} from 'svelte/elements';
|
4
|
+
|
5
|
+
export interface TooltipContentProps extends Assign<SvelteHTMLElements['div'], {}> {}
|
6
|
+
</script>
|
7
|
+
|
8
|
+
<script lang="ts">
|
9
|
+
import {mergeProps} from '@zag-js/svelte';
|
10
|
+
import {useTooltipContext} from './context.svelte.js';
|
11
|
+
|
12
|
+
let {children, ...props}: TooltipContentProps = $props();
|
13
|
+
|
14
|
+
let context = useTooltipContext();
|
15
|
+
|
16
|
+
let attrs = $derived(mergeProps(props, context.getContentProps()));
|
17
|
+
</script>
|
18
|
+
|
19
|
+
<div {...attrs}>
|
20
|
+
{@render children?.()}
|
21
|
+
</div>
|
@@ -1,12 +1,21 @@
|
|
1
|
-
<script lang="ts" context="module"
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
1
|
+
<script lang="ts" context="module">
|
2
|
+
import type {Assign} from '../types.js';
|
3
|
+
import type {SvelteHTMLElements} from 'svelte/elements';
|
4
|
+
|
5
|
+
export interface TooltipPositionerProps extends Assign<SvelteHTMLElements['div'], {}> {}
|
6
|
+
</script>
|
7
|
+
|
8
|
+
<script lang="ts">
|
9
|
+
import {mergeProps} from '@zag-js/svelte';
|
10
|
+
import {useTooltipContext} from './context.svelte.js';
|
11
|
+
|
12
|
+
let {children, ...props}: TooltipPositionerProps = $props();
|
13
|
+
|
14
|
+
let context = useTooltipContext();
|
15
|
+
|
16
|
+
let attrs = $derived(mergeProps(props, context.getPositionerProps()));
|
17
|
+
</script>
|
18
|
+
|
19
|
+
<div {...attrs}>
|
20
|
+
{@render children?.()}
|
21
|
+
</div>
|
package/dist/tooltip/root.svelte
CHANGED
@@ -1,10 +1,22 @@
|
|
1
|
-
<script lang="ts" context="module"
|
2
|
-
|
3
|
-
|
4
|
-
import {
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
1
|
+
<script lang="ts" context="module">
|
2
|
+
import type {OptionalId} from '../types.js';
|
3
|
+
import type {Snippet} from 'svelte';
|
4
|
+
import type {CreateTooltipContextProps, CreateTooltipContextReturn} from './context.svelte.js';
|
5
|
+
|
6
|
+
export interface TooltipProps extends OptionalId<CreateTooltipContextProps> {
|
7
|
+
children?: Snippet<[CreateTooltipContextReturn]>;
|
8
|
+
}
|
9
|
+
</script>
|
10
|
+
|
11
|
+
<script lang="ts">
|
12
|
+
import {uuid} from '../utils.svelte.js';
|
13
|
+
import {createTooltipContext, setTooltipContext} from './context.svelte.js';
|
14
|
+
|
15
|
+
let {id = uuid(), children, ...props}: TooltipProps = $props();
|
16
|
+
|
17
|
+
let context = createTooltipContext({id, ...props});
|
18
|
+
|
19
|
+
setTooltipContext(context);
|
20
|
+
</script>
|
21
|
+
|
22
|
+
{@render children?.(context)}
|
@@ -1,12 +1,21 @@
|
|
1
|
-
<script lang="ts" context="module"
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
1
|
+
<script lang="ts" context="module">
|
2
|
+
import type {Assign} from '../types.js';
|
3
|
+
import type {SvelteHTMLElements} from 'svelte/elements';
|
4
|
+
|
5
|
+
export interface TooltipTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {}
|
6
|
+
</script>
|
7
|
+
|
8
|
+
<script lang="ts">
|
9
|
+
import {mergeProps} from '@zag-js/svelte';
|
10
|
+
import {useTooltipContext} from './context.svelte.js';
|
11
|
+
|
12
|
+
let {children, ...props}: TooltipTriggerProps = $props();
|
13
|
+
|
14
|
+
let context = useTooltipContext();
|
15
|
+
|
16
|
+
let attrs = $derived(mergeProps(props, context.getTriggerProps()));
|
17
|
+
</script>
|
18
|
+
|
19
|
+
<button type="button" {...attrs}>
|
20
|
+
{@render children?.()}
|
21
|
+
</button>
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "ui-ingredients",
|
3
3
|
"type": "module",
|
4
|
-
"version": "0.0.
|
4
|
+
"version": "0.0.8",
|
5
5
|
"packageManager": "pnpm@9.7.0",
|
6
6
|
"svelte": "./dist/index.js",
|
7
7
|
"types": "./dist/index.d.ts",
|
@@ -22,7 +22,8 @@
|
|
22
22
|
},
|
23
23
|
"repository": {
|
24
24
|
"type": "git",
|
25
|
-
"url": "git+https://github.com/calvo-jp/ui-ingredients.git"
|
25
|
+
"url": "git+https://github.com/calvo-jp/ui-ingredients.git",
|
26
|
+
"directory": "packages/ui-ingredients"
|
26
27
|
},
|
27
28
|
"bugs": {
|
28
29
|
"url": "https://github.com/calvo-jp/ui-ingredients/issues",
|
@@ -81,8 +82,6 @@
|
|
81
82
|
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
82
83
|
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
83
84
|
"test": "vitest",
|
84
|
-
"lint": "prettier --check . && eslint .",
|
85
|
-
"format": "prettier --write .",
|
86
85
|
"release": "release-it"
|
87
86
|
},
|
88
87
|
"dependencies": {
|
@@ -125,29 +124,22 @@
|
|
125
124
|
"nanoid": "5.0.7"
|
126
125
|
},
|
127
126
|
"peerDependencies": {
|
128
|
-
"svelte": "
|
127
|
+
"svelte": "^5.0.0-next.1"
|
129
128
|
},
|
130
129
|
"devDependencies": {
|
131
130
|
"@sveltejs/adapter-vercel": "5.4.3",
|
132
|
-
"@sveltejs/kit": "2.5.
|
131
|
+
"@sveltejs/kit": "2.5.24",
|
133
132
|
"@sveltejs/package": "2.3.4",
|
134
|
-
"@sveltejs/vite-plugin-svelte": "
|
135
|
-
"@types/eslint": "9.6.0",
|
133
|
+
"@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
|
136
134
|
"autoprefixer": "10.4.20",
|
137
|
-
"eslint": "9.9.0",
|
138
|
-
"eslint-config-prettier": "9.1.0",
|
139
|
-
"eslint-plugin-svelte": "2.43.0",
|
140
135
|
"globals": "15.9.0",
|
141
136
|
"postcss": "8.4.41",
|
142
|
-
"prettier": "3.3.3",
|
143
|
-
"prettier-plugin-svelte": "3.2.6",
|
144
137
|
"publint": "0.2.10",
|
145
138
|
"release-it": "17.6.0",
|
146
139
|
"svelte": "5.0.0-next.225",
|
147
140
|
"svelte-check": "3.8.5",
|
148
141
|
"tailwindcss": "3.4.10",
|
149
142
|
"typescript": "5.5.4",
|
150
|
-
"typescript-eslint": "8.1.0",
|
151
143
|
"vite": "5.4.1",
|
152
144
|
"vitest": "2.0.5"
|
153
145
|
},
|
package/dist/qr-code/.gitkeep
DELETED
File without changes
|
package/dist/tags-input/.gitkeep
DELETED
File without changes
|
package/dist/timer/.gitkeep
DELETED
File without changes
|