ui-ingredients 0.0.54 → 0.0.56
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -0
- package/dist/file-upload/file-upload-clear-trigger.svelte +32 -0
- package/dist/file-upload/file-upload-clear-trigger.svelte.d.ts +21 -0
- package/dist/file-upload/file-upload.d.ts +1 -0
- package/dist/file-upload/file-upload.js +1 -0
- package/dist/file-upload/index.d.ts +1 -0
- package/dist/select/select-root.svelte +1 -0
- package/package.json +50 -50
package/README.md
CHANGED
@@ -46,6 +46,7 @@ npm install ui-ingredients
|
|
46
46
|
- [Checkbox](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/checkbox.md)
|
47
47
|
- [Clipboard](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/clipboard.md)
|
48
48
|
- [Collapsible](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/collapsible.md)
|
49
|
+
- [ColorPicker](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/color-picker.md)
|
49
50
|
- [Combobox](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/combobox.md)
|
50
51
|
- [DatePicker](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/date-picker.md)
|
51
52
|
- [Dialog](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/dialog.md)
|
@@ -0,0 +1,32 @@
|
|
1
|
+
<script lang="ts" module>
|
2
|
+
import type {HtmlIngredientProps} from '../types.js';
|
3
|
+
|
4
|
+
export interface FileUploadClearTriggerProps
|
5
|
+
extends HtmlIngredientProps<'button', HTMLButtonElement> {}
|
6
|
+
</script>
|
7
|
+
|
8
|
+
<script lang="ts">
|
9
|
+
import {mergeProps} from '../merge-props.js';
|
10
|
+
import {getFileUploadContext} from './file-upload-context.svelte.js';
|
11
|
+
|
12
|
+
let {
|
13
|
+
this: e,
|
14
|
+
asChild,
|
15
|
+
children,
|
16
|
+
...props
|
17
|
+
}: FileUploadClearTriggerProps = $props();
|
18
|
+
|
19
|
+
let fileUpload = getFileUploadContext();
|
20
|
+
|
21
|
+
let mergedProps = $derived(
|
22
|
+
mergeProps(props, fileUpload.getClearTriggerProps()),
|
23
|
+
);
|
24
|
+
</script>
|
25
|
+
|
26
|
+
{#if asChild}
|
27
|
+
{@render asChild(mergedProps)}
|
28
|
+
{:else}
|
29
|
+
<button bind:this={e} type="button" {...mergedProps}>
|
30
|
+
{@render children?.()}
|
31
|
+
</button>
|
32
|
+
{/if}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import type { HtmlIngredientProps } from '../types.js';
|
2
|
+
export interface FileUploadClearTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
|
3
|
+
}
|
4
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
5
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
6
|
+
$$bindings?: Bindings;
|
7
|
+
} & Exports;
|
8
|
+
(internal: unknown, props: Props & {
|
9
|
+
$$events?: Events;
|
10
|
+
$$slots?: Slots;
|
11
|
+
}): Exports & {
|
12
|
+
$set?: any;
|
13
|
+
$on?: any;
|
14
|
+
};
|
15
|
+
z_$$bindings?: Bindings;
|
16
|
+
}
|
17
|
+
declare const FileUploadClearTrigger: $$__sveltets_2_IsomorphicComponent<FileUploadClearTriggerProps, {
|
18
|
+
[evt: string]: CustomEvent<any>;
|
19
|
+
}, {}, {}, "">;
|
20
|
+
type FileUploadClearTrigger = InstanceType<typeof FileUploadClearTrigger>;
|
21
|
+
export default FileUploadClearTrigger;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
export { default as ClearTrigger } from './file-upload-clear-trigger.svelte';
|
1
2
|
export { default as Dropzone } from './file-upload-dropzone.svelte';
|
2
3
|
export { default as HiddenInput } from './file-upload-hidden-input.svelte';
|
3
4
|
export { default as ItemDeleteTrigger } from './file-upload-item-delete-trigger.svelte';
|
@@ -1,3 +1,4 @@
|
|
1
|
+
export { default as ClearTrigger } from './file-upload-clear-trigger.svelte';
|
1
2
|
export { default as Dropzone } from './file-upload-dropzone.svelte';
|
2
3
|
export { default as HiddenInput } from './file-upload-hidden-input.svelte';
|
3
4
|
export { default as ItemDeleteTrigger } from './file-upload-item-delete-trigger.svelte';
|
@@ -1,4 +1,5 @@
|
|
1
1
|
export * as FileUpload from './file-upload.js';
|
2
|
+
export type { FileUploadClearTriggerProps } from './file-upload-clear-trigger.svelte';
|
2
3
|
export type { FileUploadDropzoneProps } from './file-upload-dropzone.svelte';
|
3
4
|
export type { FileUploadHiddenInputProps } from './file-upload-hidden-input.svelte';
|
4
5
|
export type { FileUploadItemDeleteTriggerProps } from './file-upload-item-delete-trigger.svelte';
|
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.56",
|
5
5
|
"packageManager": "pnpm@9.7.0",
|
6
6
|
"svelte": "./dist/index.js",
|
7
7
|
"types": "./dist/index.d.ts",
|
@@ -85,58 +85,58 @@
|
|
85
85
|
"release": "release-it"
|
86
86
|
},
|
87
87
|
"dependencies": {
|
88
|
-
"@zag-js/accordion": "0.
|
89
|
-
"@zag-js/anatomy": "0.
|
90
|
-
"@zag-js/avatar": "0.
|
91
|
-
"@zag-js/carousel": "0.
|
92
|
-
"@zag-js/checkbox": "0.
|
93
|
-
"@zag-js/clipboard": "0.
|
94
|
-
"@zag-js/collapsible": "0.
|
95
|
-
"@zag-js/color-picker": "0.
|
96
|
-
"@zag-js/combobox": "0.
|
97
|
-
"@zag-js/date-picker": "0.
|
98
|
-
"@zag-js/dialog": "0.
|
99
|
-
"@zag-js/dom-query": "0.
|
100
|
-
"@zag-js/editable": "0.
|
101
|
-
"@zag-js/file-upload": "0.
|
102
|
-
"@zag-js/floating-panel": "0.
|
103
|
-
"@zag-js/highlight-word": "0.
|
104
|
-
"@zag-js/hover-card": "0.
|
105
|
-
"@zag-js/i18n-utils": "0.
|
106
|
-
"@zag-js/menu": "0.
|
107
|
-
"@zag-js/number-input": "0.
|
108
|
-
"@zag-js/pagination": "0.
|
109
|
-
"@zag-js/pin-input": "0.
|
110
|
-
"@zag-js/popover": "0.
|
111
|
-
"@zag-js/presence": "0.
|
112
|
-
"@zag-js/progress": "0.
|
113
|
-
"@zag-js/qr-code": "0.
|
114
|
-
"@zag-js/radio-group": "0.
|
115
|
-
"@zag-js/rating-group": "0.
|
116
|
-
"@zag-js/select": "0.
|
117
|
-
"@zag-js/signature-pad": "0.
|
118
|
-
"@zag-js/slider": "0.
|
119
|
-
"@zag-js/splitter": "0.
|
120
|
-
"@zag-js/steps": "0.
|
121
|
-
"@zag-js/svelte": "0.
|
122
|
-
"@zag-js/switch": "0.
|
123
|
-
"@zag-js/tabs": "0.
|
124
|
-
"@zag-js/tags-input": "0.
|
125
|
-
"@zag-js/time-picker": "0.
|
126
|
-
"@zag-js/timer": "0.
|
127
|
-
"@zag-js/toast": "0.
|
128
|
-
"@zag-js/toggle-group": "0.
|
129
|
-
"@zag-js/tooltip": "0.
|
130
|
-
"@zag-js/tour": "0.
|
131
|
-
"@zag-js/tree-view": "0.
|
132
|
-
"@zag-js/utils": "0.
|
88
|
+
"@zag-js/accordion": "0.71.0",
|
89
|
+
"@zag-js/anatomy": "0.71.0",
|
90
|
+
"@zag-js/avatar": "0.71.0",
|
91
|
+
"@zag-js/carousel": "0.71.0",
|
92
|
+
"@zag-js/checkbox": "0.71.0",
|
93
|
+
"@zag-js/clipboard": "0.71.0",
|
94
|
+
"@zag-js/collapsible": "0.71.0",
|
95
|
+
"@zag-js/color-picker": "0.71.0",
|
96
|
+
"@zag-js/combobox": "0.71.0",
|
97
|
+
"@zag-js/date-picker": "0.71.0",
|
98
|
+
"@zag-js/dialog": "0.71.0",
|
99
|
+
"@zag-js/dom-query": "0.71.0",
|
100
|
+
"@zag-js/editable": "0.71.0",
|
101
|
+
"@zag-js/file-upload": "0.71.0",
|
102
|
+
"@zag-js/floating-panel": "0.71.0",
|
103
|
+
"@zag-js/highlight-word": "0.71.0",
|
104
|
+
"@zag-js/hover-card": "0.71.0",
|
105
|
+
"@zag-js/i18n-utils": "0.71.0",
|
106
|
+
"@zag-js/menu": "0.71.0",
|
107
|
+
"@zag-js/number-input": "0.71.0",
|
108
|
+
"@zag-js/pagination": "0.71.0",
|
109
|
+
"@zag-js/pin-input": "0.71.0",
|
110
|
+
"@zag-js/popover": "0.71.0",
|
111
|
+
"@zag-js/presence": "0.71.0",
|
112
|
+
"@zag-js/progress": "0.71.0",
|
113
|
+
"@zag-js/qr-code": "0.71.0",
|
114
|
+
"@zag-js/radio-group": "0.71.0",
|
115
|
+
"@zag-js/rating-group": "0.71.0",
|
116
|
+
"@zag-js/select": "0.71.0",
|
117
|
+
"@zag-js/signature-pad": "0.71.0",
|
118
|
+
"@zag-js/slider": "0.71.0",
|
119
|
+
"@zag-js/splitter": "0.71.0",
|
120
|
+
"@zag-js/steps": "0.71.0",
|
121
|
+
"@zag-js/svelte": "0.71.0",
|
122
|
+
"@zag-js/switch": "0.71.0",
|
123
|
+
"@zag-js/tabs": "0.71.0",
|
124
|
+
"@zag-js/tags-input": "0.71.0",
|
125
|
+
"@zag-js/time-picker": "0.71.0",
|
126
|
+
"@zag-js/timer": "0.71.0",
|
127
|
+
"@zag-js/toast": "0.71.0",
|
128
|
+
"@zag-js/toggle-group": "0.71.0",
|
129
|
+
"@zag-js/tooltip": "0.71.0",
|
130
|
+
"@zag-js/tour": "0.71.0",
|
131
|
+
"@zag-js/tree-view": "0.71.0",
|
132
|
+
"@zag-js/utils": "0.71.0",
|
133
133
|
"uid": "2.0.2"
|
134
134
|
},
|
135
135
|
"peerDependencies": {
|
136
136
|
"svelte": "^5.0.0-next.1"
|
137
137
|
},
|
138
138
|
"devDependencies": {
|
139
|
-
"@faker-js/faker": "9.0.
|
139
|
+
"@faker-js/faker": "9.0.2",
|
140
140
|
"@sveltejs/adapter-vercel": "5.4.4",
|
141
141
|
"@sveltejs/kit": "2.5.28",
|
142
142
|
"@sveltejs/package": "2.3.5",
|
@@ -147,7 +147,7 @@
|
|
147
147
|
"@untitled-theme/icons-svelte": "0.10.9",
|
148
148
|
"autoprefixer": "10.4.20",
|
149
149
|
"globals": "15.9.0",
|
150
|
-
"jsdom": "25.0.
|
150
|
+
"jsdom": "25.0.1",
|
151
151
|
"postcss": "8.4.47",
|
152
152
|
"publint": "0.2.11",
|
153
153
|
"release-it": "17.6.0",
|
@@ -156,9 +156,9 @@
|
|
156
156
|
"svelte-check": "4.0.2",
|
157
157
|
"tailwind-merge": "2.5.2",
|
158
158
|
"tailwind-variants": "0.2.1",
|
159
|
-
"tailwindcss": "3.4.
|
159
|
+
"tailwindcss": "3.4.13",
|
160
160
|
"typescript": "5.6.2",
|
161
|
-
"vite": "5.4.
|
161
|
+
"vite": "5.4.7",
|
162
162
|
"vitest": "2.1.1",
|
163
163
|
"vitest-axe": "1.0.0-pre.3",
|
164
164
|
"vitest-canvas-mock": "0.3.3"
|