ui-ingredients 0.0.55 → 0.0.57

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/README.md +1 -0
  2. package/dist/combobox/create-combobox.svelte.js +1 -2
  3. package/dist/file-upload/file-upload-clear-trigger.svelte +32 -0
  4. package/dist/file-upload/file-upload-clear-trigger.svelte.d.ts +21 -0
  5. package/dist/file-upload/file-upload.d.ts +1 -0
  6. package/dist/file-upload/file-upload.js +1 -0
  7. package/dist/file-upload/index.d.ts +1 -0
  8. package/dist/select/create-select.svelte.js +1 -2
  9. package/package.json +48 -48
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)
package/dist/combobox/create-combobox.svelte.js CHANGED
@@ -34,8 +34,7 @@ export function createCombobox(props) {
34
34
  getRootNode: environment?.getRootNode,
35
35
  collection,
36
36
  }));
37
- /* FIXME: pass controlled context */
38
- const [state, send] = useMachine(combobox.machine(context));
37
+ const [state, send] = useMachine(combobox.machine(context), { context });
39
38
  return reflect(() => {
40
39
  const o = combobox.connect(state, send, normalizeProps);
41
40
  return {
package/dist/file-upload/file-upload-clear-trigger.svelte ADDED
@@ -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}
package/dist/file-upload/file-upload-clear-trigger.svelte.d.ts ADDED
@@ -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;
package/dist/file-upload/file-upload.d.ts CHANGED
@@ -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';
package/dist/file-upload/file-upload.js CHANGED
@@ -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';
package/dist/file-upload/index.d.ts CHANGED
@@ -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/dist/select/create-select.svelte.js CHANGED
@@ -34,8 +34,7 @@ export function createSelect(props) {
34
34
  getRootNode: environment?.getRootNode,
35
35
  collection,
36
36
  }));
37
- /* FIXME: pass controlled context */
38
- const [state, send] = useMachine(select.machine(context));
37
+ const [state, send] = useMachine(select.machine(context), { context });
39
38
  return reflect(() => {
40
39
  const o = select.connect(state, send, normalizeProps);
41
40
  return {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ui-ingredients",
3
3
  "type": "module",
4
- "version": "0.0.55",
4
+ "version": "0.0.57",
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.70.0",
89
- "@zag-js/anatomy": "0.70.0",
90
- "@zag-js/avatar": "0.70.0",
91
- "@zag-js/carousel": "0.70.0",
92
- "@zag-js/checkbox": "0.70.0",
93
- "@zag-js/clipboard": "0.70.0",
94
- "@zag-js/collapsible": "0.70.0",
95
- "@zag-js/color-picker": "0.70.0",
96
- "@zag-js/combobox": "0.70.0",
97
- "@zag-js/date-picker": "0.70.0",
98
- "@zag-js/dialog": "0.70.0",
99
- "@zag-js/dom-query": "0.70.0",
100
- "@zag-js/editable": "0.70.0",
101
- "@zag-js/file-upload": "0.70.0",
102
- "@zag-js/floating-panel": "0.70.0",
103
- "@zag-js/highlight-word": "0.70.0",
104
- "@zag-js/hover-card": "0.70.0",
105
- "@zag-js/i18n-utils": "0.70.0",
106
- "@zag-js/menu": "0.70.0",
107
- "@zag-js/number-input": "0.70.0",
108
- "@zag-js/pagination": "0.70.0",
109
- "@zag-js/pin-input": "0.70.0",
110
- "@zag-js/popover": "0.70.0",
111
- "@zag-js/presence": "0.70.0",
112
- "@zag-js/progress": "0.70.0",
113
- "@zag-js/qr-code": "0.70.0",
114
- "@zag-js/radio-group": "0.70.0",
115
- "@zag-js/rating-group": "0.70.0",
116
- "@zag-js/select": "0.70.0",
117
- "@zag-js/signature-pad": "0.70.0",
118
- "@zag-js/slider": "0.70.0",
119
- "@zag-js/splitter": "0.70.0",
120
- "@zag-js/steps": "0.70.0",
121
- "@zag-js/svelte": "0.70.0",
122
- "@zag-js/switch": "0.70.0",
123
- "@zag-js/tabs": "0.70.0",
124
- "@zag-js/tags-input": "0.70.0",
125
- "@zag-js/time-picker": "0.70.0",
126
- "@zag-js/timer": "0.70.0",
127
- "@zag-js/toast": "0.70.0",
128
- "@zag-js/toggle-group": "0.70.0",
129
- "@zag-js/tooltip": "0.70.0",
130
- "@zag-js/tour": "0.70.0",
131
- "@zag-js/tree-view": "0.70.0",
132
- "@zag-js/utils": "0.70.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.1",
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",
@@ -156,7 +156,7 @@
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.12",
159
+ "tailwindcss": "3.4.13",
160
160
  "typescript": "5.6.2",
161
161
  "vite": "5.4.7",
162
162
  "vitest": "2.1.1",