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.
Files changed (222) hide show
  1. package/README.md +75 -75
  2. package/dist/accordion/item-content.svelte +22 -13
  3. package/dist/accordion/item-indicator.svelte +22 -13
  4. package/dist/accordion/item-trigger.svelte +22 -13
  5. package/dist/accordion/item.svelte +35 -24
  6. package/dist/accordion/root.svelte +61 -40
  7. package/dist/avatar/fallback.svelte +21 -12
  8. package/dist/avatar/image.svelte +19 -10
  9. package/dist/avatar/root.svelte +46 -29
  10. package/dist/carousel/indicator-group.svelte +21 -12
  11. package/dist/carousel/indicator.svelte +31 -20
  12. package/dist/carousel/item-group.svelte +21 -12
  13. package/dist/carousel/item.svelte +22 -12
  14. package/dist/carousel/next-trigger.svelte +21 -12
  15. package/dist/carousel/prev-trigger.svelte +21 -12
  16. package/dist/carousel/root.svelte +58 -40
  17. package/dist/carousel/viewport.svelte +21 -12
  18. package/dist/checkbox/control.svelte +21 -12
  19. package/dist/checkbox/hidden-input.svelte +19 -10
  20. package/dist/checkbox/indicator.svelte +21 -12
  21. package/dist/checkbox/label.svelte +21 -12
  22. package/dist/checkbox/root.svelte +62 -44
  23. package/dist/clipboard/control.svelte +21 -12
  24. package/dist/clipboard/indicator.svelte +23 -12
  25. package/dist/clipboard/input.svelte +19 -10
  26. package/dist/clipboard/label.svelte +21 -12
  27. package/dist/clipboard/root.svelte +51 -30
  28. package/dist/clipboard/trigger.svelte +21 -12
  29. package/dist/collapsible/content.svelte +21 -12
  30. package/dist/collapsible/root.svelte +57 -36
  31. package/dist/collapsible/trigger.svelte +19 -12
  32. package/dist/combobox/clear-trigger.svelte +21 -12
  33. package/dist/combobox/content.svelte +21 -12
  34. package/dist/combobox/control.svelte +21 -12
  35. package/dist/combobox/input.svelte +19 -10
  36. package/dist/combobox/item-group-label.svelte +29 -20
  37. package/dist/combobox/item-group.svelte +26 -14
  38. package/dist/combobox/item-indicator.svelte +22 -13
  39. package/dist/combobox/item-text.svelte +26 -17
  40. package/dist/combobox/item.svelte +35 -24
  41. package/dist/combobox/label.svelte +21 -12
  42. package/dist/combobox/list.svelte +21 -12
  43. package/dist/combobox/positioner.svelte +21 -12
  44. package/dist/combobox/root.svelte +122 -104
  45. package/dist/combobox/trigger.svelte +21 -12
  46. package/dist/dialog/backdrop.svelte +21 -12
  47. package/dist/dialog/close-trigger.svelte +21 -12
  48. package/dist/dialog/content.svelte +21 -12
  49. package/dist/dialog/description.svelte +21 -12
  50. package/dist/dialog/positioner.svelte +21 -12
  51. package/dist/dialog/root.svelte +22 -10
  52. package/dist/dialog/title.svelte +21 -12
  53. package/dist/dialog/trigger.svelte +21 -12
  54. package/dist/hover-card/arrow-tip.svelte +21 -12
  55. package/dist/hover-card/arrow.svelte +21 -12
  56. package/dist/hover-card/content.svelte +21 -12
  57. package/dist/hover-card/positioner.svelte +21 -12
  58. package/dist/hover-card/root.svelte +25 -10
  59. package/dist/hover-card/trigger.svelte +21 -12
  60. package/dist/index.d.ts +11 -0
  61. package/dist/index.js +8 -0
  62. package/dist/number-input/control.svelte +21 -12
  63. package/dist/number-input/decrement-trigger.svelte +22 -12
  64. package/dist/number-input/increment-trigger.svelte +22 -12
  65. package/dist/number-input/input.svelte +19 -10
  66. package/dist/number-input/label.svelte +21 -12
  67. package/dist/number-input/root.svelte +93 -72
  68. package/dist/number-input/scrubber.svelte +21 -12
  69. package/dist/pagination/ellipsis.svelte +23 -12
  70. package/dist/pagination/item.svelte +31 -20
  71. package/dist/pagination/next-trigger.svelte +21 -12
  72. package/dist/pagination/prev-trigger.svelte +21 -12
  73. package/dist/pagination/root.svelte +63 -42
  74. package/dist/pin-input/clear-trigger.svelte +25 -17
  75. package/dist/pin-input/hidden-input.svelte +19 -10
  76. package/dist/pin-input/input.svelte +20 -10
  77. package/dist/pin-input/label.svelte +21 -12
  78. package/dist/pin-input/root.svelte +82 -64
  79. package/dist/popover/arrow-tip.svelte +21 -12
  80. package/dist/popover/arrow.svelte +21 -12
  81. package/dist/popover/close-trigger.svelte +21 -12
  82. package/dist/popover/content.svelte +21 -12
  83. package/dist/popover/description.svelte +21 -12
  84. package/dist/popover/positioner.svelte +21 -12
  85. package/dist/popover/root.svelte +22 -10
  86. package/dist/popover/title.svelte +21 -12
  87. package/dist/popover/trigger.svelte +21 -12
  88. package/dist/portal/root.svelte +20 -10
  89. package/dist/presence/root.svelte +39 -27
  90. package/dist/progress/circle-range.svelte +21 -12
  91. package/dist/progress/circle-track.svelte +21 -12
  92. package/dist/progress/circle.svelte +21 -12
  93. package/dist/progress/label.svelte +21 -12
  94. package/dist/progress/range.svelte +21 -12
  95. package/dist/progress/root.svelte +54 -36
  96. package/dist/progress/track.svelte +21 -12
  97. package/dist/progress/value-text.svelte +25 -16
  98. package/dist/qr-code/context.svelte.d.ts +8 -0
  99. package/dist/qr-code/context.svelte.js +14 -0
  100. package/dist/qr-code/frame.svelte +21 -0
  101. package/dist/qr-code/frame.svelte.d.ts +22 -0
  102. package/dist/qr-code/index.d.ts +4 -0
  103. package/dist/qr-code/index.js +4 -0
  104. package/dist/qr-code/overlay.svelte +21 -0
  105. package/dist/qr-code/overlay.svelte.d.ts +22 -0
  106. package/dist/qr-code/pattern.svelte +21 -0
  107. package/dist/qr-code/pattern.svelte.d.ts +22 -0
  108. package/dist/qr-code/root.svelte +48 -0
  109. package/dist/qr-code/root.svelte.d.ts +25 -0
  110. package/dist/radio-group/indicator.svelte +21 -12
  111. package/dist/radio-group/item-control.svelte +22 -13
  112. package/dist/radio-group/item-hidden-input.svelte +20 -11
  113. package/dist/radio-group/item-text.svelte +22 -13
  114. package/dist/radio-group/item.svelte +37 -26
  115. package/dist/radio-group/label.svelte +21 -12
  116. package/dist/radio-group/root.svelte +61 -40
  117. package/dist/select/clear-trigger.svelte +21 -12
  118. package/dist/select/content.svelte +21 -12
  119. package/dist/select/control.svelte +21 -12
  120. package/dist/select/hidden-select.svelte +21 -12
  121. package/dist/select/indicator.svelte +21 -12
  122. package/dist/select/item-group-label.svelte +24 -15
  123. package/dist/select/item-group.svelte +26 -14
  124. package/dist/select/item-indicator.svelte +22 -13
  125. package/dist/select/item-text.svelte +26 -17
  126. package/dist/select/item.svelte +35 -24
  127. package/dist/select/label.svelte +21 -12
  128. package/dist/select/list.svelte +21 -12
  129. package/dist/select/positioner.svelte +21 -12
  130. package/dist/select/root.svelte +96 -78
  131. package/dist/select/trigger.svelte +21 -12
  132. package/dist/select/value-text.svelte +27 -18
  133. package/dist/slider/control.svelte +21 -12
  134. package/dist/slider/hidden-input.svelte +20 -11
  135. package/dist/slider/label.svelte +21 -12
  136. package/dist/slider/marker-group.svelte +21 -12
  137. package/dist/slider/marker.svelte +29 -19
  138. package/dist/slider/range.svelte +21 -12
  139. package/dist/slider/root.svelte +84 -66
  140. package/dist/slider/thumb.svelte +35 -24
  141. package/dist/slider/track.svelte +21 -12
  142. package/dist/slider/value-text.svelte +25 -16
  143. package/dist/steps/content.svelte +22 -12
  144. package/dist/steps/indicator.svelte +22 -13
  145. package/dist/steps/item.svelte +24 -13
  146. package/dist/steps/list.svelte +21 -12
  147. package/dist/steps/next-trigger.svelte +21 -12
  148. package/dist/steps/prev-trigger.svelte +21 -12
  149. package/dist/steps/progress.svelte +21 -12
  150. package/dist/steps/root.svelte +56 -38
  151. package/dist/steps/separator.svelte +22 -13
  152. package/dist/steps/trigger.svelte +22 -13
  153. package/dist/switch/control.svelte +21 -12
  154. package/dist/switch/hidden-input.svelte +19 -10
  155. package/dist/switch/label.svelte +21 -12
  156. package/dist/switch/root.svelte +64 -46
  157. package/dist/switch/thumb.svelte +21 -12
  158. package/dist/tabs/content.svelte +22 -12
  159. package/dist/tabs/list.svelte +21 -12
  160. package/dist/tabs/root.svelte +57 -42
  161. package/dist/tabs/trigger.svelte +22 -12
  162. package/dist/tags-input/clear-trigger.svelte +21 -0
  163. package/dist/tags-input/clear-trigger.svelte.d.ts +22 -0
  164. package/dist/tags-input/context.svelte.d.ts +10 -0
  165. package/dist/tags-input/context.svelte.js +20 -0
  166. package/dist/tags-input/control.svelte +21 -0
  167. package/dist/tags-input/control.svelte.d.ts +22 -0
  168. package/dist/tags-input/hidden-input.svelte +19 -0
  169. package/dist/tags-input/hidden-input.svelte.d.ts +22 -0
  170. package/dist/tags-input/index.d.ts +11 -0
  171. package/dist/tags-input/index.js +11 -0
  172. package/dist/tags-input/input.svelte +19 -0
  173. package/dist/tags-input/input.svelte.d.ts +22 -0
  174. package/dist/tags-input/item-delete-trigger.svelte +23 -0
  175. package/dist/tags-input/item-delete-trigger.svelte.d.ts +22 -0
  176. package/dist/tags-input/item-input.svelte +20 -0
  177. package/dist/tags-input/item-input.svelte.d.ts +22 -0
  178. package/dist/tags-input/item-preview.svelte +22 -0
  179. package/dist/tags-input/item-preview.svelte.d.ts +22 -0
  180. package/dist/tags-input/item-text.svelte +22 -0
  181. package/dist/tags-input/item-text.svelte.d.ts +22 -0
  182. package/dist/tags-input/item.svelte +37 -0
  183. package/dist/tags-input/item.svelte.d.ts +23 -0
  184. package/dist/tags-input/label.svelte +21 -0
  185. package/dist/tags-input/label.svelte.d.ts +22 -0
  186. package/dist/tags-input/root.svelte +97 -0
  187. package/dist/tags-input/root.svelte.d.ts +25 -0
  188. package/dist/timer/action-trigger.svelte +23 -0
  189. package/dist/timer/action-trigger.svelte.d.ts +23 -0
  190. package/dist/timer/context.svelte.d.ts +10 -0
  191. package/dist/timer/context.svelte.js +20 -0
  192. package/dist/timer/index.d.ts +6 -0
  193. package/dist/timer/index.js +6 -0
  194. package/dist/timer/item-label.svelte +22 -0
  195. package/dist/timer/item-label.svelte.d.ts +22 -0
  196. package/dist/timer/item-value.svelte +26 -0
  197. package/dist/timer/item-value.svelte.d.ts +22 -0
  198. package/dist/timer/item.svelte +24 -0
  199. package/dist/timer/item.svelte.d.ts +23 -0
  200. package/dist/timer/root.svelte +54 -0
  201. package/dist/timer/root.svelte.d.ts +25 -0
  202. package/dist/timer/separator.svelte +21 -0
  203. package/dist/timer/separator.svelte.d.ts +22 -0
  204. package/dist/toast/action-trigger.svelte +21 -12
  205. package/dist/toast/actor.svelte +22 -11
  206. package/dist/toast/close-trigger.svelte +21 -12
  207. package/dist/toast/description.svelte +25 -16
  208. package/dist/toast/root.svelte +25 -16
  209. package/dist/toast/title.svelte +25 -16
  210. package/dist/toast/toaster.svelte +40 -25
  211. package/dist/toggle-group/item.svelte +22 -12
  212. package/dist/toggle-group/root.svelte +61 -40
  213. package/dist/tooltip/arrow-tip.svelte +21 -12
  214. package/dist/tooltip/arrow.svelte +21 -12
  215. package/dist/tooltip/content.svelte +21 -12
  216. package/dist/tooltip/positioner.svelte +21 -12
  217. package/dist/tooltip/root.svelte +22 -10
  218. package/dist/tooltip/trigger.svelte +21 -12
  219. package/package.json +6 -14
  220. package/dist/qr-code/.gitkeep +0 -0
  221. package/dist/tags-input/.gitkeep +0 -0
  222. package/dist/timer/.gitkeep +0 -0
@@ -1,12 +1,21 @@
1
- <script lang="ts" context="module"></script>
2
-
3
- <script lang="ts">import { mergeProps } from "@zag-js/svelte";
4
- import { useTooltipContext } from "./context.svelte.js";
5
- let { children, ...props } = $props();
6
- let context = useTooltipContext();
7
- let attrs = $derived(mergeProps(props, context.getContentProps()));
8
- </script>
9
-
10
- <div {...attrs}>
11
- {@render children?.()}
12
- </div>
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"></script>
2
-
3
- <script lang="ts">import { mergeProps } from "@zag-js/svelte";
4
- import { useTooltipContext } from "./context.svelte.js";
5
- let { children, ...props } = $props();
6
- let context = useTooltipContext();
7
- let attrs = $derived(mergeProps(props, context.getPositionerProps()));
8
- </script>
9
-
10
- <div {...attrs}>
11
- {@render children?.()}
12
- </div>
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>
@@ -1,10 +1,22 @@
1
- <script lang="ts" context="module"></script>
2
-
3
- <script lang="ts">import { uuid } from "../utils.svelte.js";
4
- import { createTooltipContext, setTooltipContext } from "./context.svelte.js";
5
- let { id = uuid(), children, ...props } = $props();
6
- let context = createTooltipContext({ id, ...props });
7
- setTooltipContext(context);
8
- </script>
9
-
10
- {@render children?.(context)}
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"></script>
2
-
3
- <script lang="ts">import { mergeProps } from "@zag-js/svelte";
4
- import { useTooltipContext } from "./context.svelte.js";
5
- let { children, ...props } = $props();
6
- let context = useTooltipContext();
7
- let attrs = $derived(mergeProps(props, context.getTriggerProps()));
8
- </script>
9
-
10
- <button type="button" {...attrs}>
11
- {@render children?.()}
12
- </button>
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.6",
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": ">=5.0.0-next.200"
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.22",
131
+ "@sveltejs/kit": "2.5.24",
133
132
  "@sveltejs/package": "2.3.4",
134
- "@sveltejs/vite-plugin-svelte": "3.1.1",
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
  },
File without changes
File without changes
File without changes