bits-ui 0.13.0 → 0.13.1

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 (220) hide show
  1. package/dist/bits/accordion/components/accordion-content.svelte +7 -2
  2. package/dist/bits/accordion/components/accordion-header.svelte +3 -2
  3. package/dist/bits/accordion/components/accordion-item.svelte +6 -2
  4. package/dist/bits/accordion/components/accordion-trigger.svelte +6 -2
  5. package/dist/bits/accordion/components/accordion.svelte +3 -2
  6. package/dist/bits/accordion/ctx.d.ts +244 -38
  7. package/dist/bits/accordion/ctx.js +31 -17
  8. package/dist/bits/alert-dialog/components/alert-dialog-action.svelte +3 -2
  9. package/dist/bits/alert-dialog/components/alert-dialog-cancel.svelte +3 -2
  10. package/dist/bits/alert-dialog/components/alert-dialog-content.svelte +3 -2
  11. package/dist/bits/alert-dialog/components/alert-dialog-description.svelte +3 -2
  12. package/dist/bits/alert-dialog/components/alert-dialog-overlay.svelte +3 -2
  13. package/dist/bits/alert-dialog/components/alert-dialog-portal.svelte +3 -2
  14. package/dist/bits/alert-dialog/components/alert-dialog-title.svelte +3 -2
  15. package/dist/bits/alert-dialog/components/alert-dialog-trigger.svelte +3 -2
  16. package/dist/bits/alert-dialog/ctx.d.ts +84 -3
  17. package/dist/bits/alert-dialog/ctx.js +25 -14
  18. package/dist/bits/avatar/components/avatar-fallback.svelte +3 -2
  19. package/dist/bits/avatar/components/avatar-image.svelte +4 -2
  20. package/dist/bits/avatar/components/avatar.svelte +3 -2
  21. package/dist/bits/avatar/ctx.d.ts +8 -2
  22. package/dist/bits/avatar/ctx.js +13 -4
  23. package/dist/bits/calendar/components/calendar-cell.svelte +3 -2
  24. package/dist/bits/calendar/components/calendar-day.svelte +3 -2
  25. package/dist/bits/calendar/components/calendar-grid-body.svelte +2 -1
  26. package/dist/bits/calendar/components/calendar-grid-head.svelte +6 -2
  27. package/dist/bits/calendar/components/calendar-grid-row.svelte +2 -1
  28. package/dist/bits/calendar/components/calendar-grid.svelte +3 -2
  29. package/dist/bits/calendar/components/calendar-head-cell.svelte +2 -1
  30. package/dist/bits/calendar/components/calendar-header.svelte +2 -1
  31. package/dist/bits/calendar/components/calendar-heading.svelte +3 -2
  32. package/dist/bits/calendar/components/calendar-next-button.svelte +3 -2
  33. package/dist/bits/calendar/components/calendar-prev-button.svelte +3 -2
  34. package/dist/bits/calendar/components/calendar.svelte +3 -2
  35. package/dist/bits/calendar/ctx.d.ts +8 -120
  36. package/dist/bits/calendar/ctx.js +22 -17
  37. package/dist/bits/checkbox/components/checkbox-indicator.svelte +3 -2
  38. package/dist/bits/checkbox/components/checkbox.svelte +3 -2
  39. package/dist/bits/checkbox/ctx.d.ts +9 -3
  40. package/dist/bits/checkbox/ctx.js +13 -5
  41. package/dist/bits/collapsible/components/collapsible-content.svelte +3 -2
  42. package/dist/bits/collapsible/components/collapsible-trigger.svelte +3 -2
  43. package/dist/bits/collapsible/components/collapsible.svelte +3 -2
  44. package/dist/bits/collapsible/ctx.d.ts +9 -3
  45. package/dist/bits/collapsible/ctx.js +12 -4
  46. package/dist/bits/context-menu/components/context-menu-content.svelte +3 -2
  47. package/dist/bits/context-menu/components/context-menu-trigger.svelte +3 -2
  48. package/dist/bits/context-menu/ctx.d.ts +9 -3
  49. package/dist/bits/context-menu/ctx.js +30 -22
  50. package/dist/bits/date-field/components/date-field-input.svelte +3 -2
  51. package/dist/bits/date-field/components/date-field-label.svelte +3 -2
  52. package/dist/bits/date-field/components/date-field-segment.svelte +3 -2
  53. package/dist/bits/date-field/ctx.d.ts +8 -191
  54. package/dist/bits/date-field/ctx.js +12 -4
  55. package/dist/bits/date-picker/components/date-picker-arrow.svelte +3 -2
  56. package/dist/bits/date-picker/components/date-picker-calendar.svelte +3 -2
  57. package/dist/bits/date-picker/components/date-picker-cell.svelte +3 -2
  58. package/dist/bits/date-picker/components/date-picker-close.svelte +3 -2
  59. package/dist/bits/date-picker/components/date-picker-content.svelte +3 -2
  60. package/dist/bits/date-picker/components/date-picker-day.svelte +3 -2
  61. package/dist/bits/date-picker/components/date-picker-grid.svelte +3 -2
  62. package/dist/bits/date-picker/components/date-picker-heading.svelte +3 -2
  63. package/dist/bits/date-picker/components/date-picker-input.svelte +3 -2
  64. package/dist/bits/date-picker/components/date-picker-label.svelte +3 -2
  65. package/dist/bits/date-picker/components/date-picker-next-button.svelte +3 -2
  66. package/dist/bits/date-picker/components/date-picker-prev-button.svelte +3 -2
  67. package/dist/bits/date-picker/components/date-picker-segment.svelte +3 -2
  68. package/dist/bits/date-picker/components/date-picker-trigger.svelte +3 -2
  69. package/dist/bits/date-picker/ctx.d.ts +6 -4
  70. package/dist/bits/date-picker/ctx.js +29 -12
  71. package/dist/bits/date-range-field/components/date-range-field-input.svelte +3 -2
  72. package/dist/bits/date-range-field/components/date-range-field-label.svelte +3 -2
  73. package/dist/bits/date-range-field/components/date-range-field-segment.svelte +3 -2
  74. package/dist/bits/date-range-field/ctx.d.ts +4 -307
  75. package/dist/bits/date-range-field/ctx.js +8 -7
  76. package/dist/bits/date-range-picker/components/date-range-picker-arrow.svelte +3 -2
  77. package/dist/bits/date-range-picker/components/date-range-picker-calendar.svelte +3 -2
  78. package/dist/bits/date-range-picker/components/date-range-picker-cell.svelte +3 -2
  79. package/dist/bits/date-range-picker/components/date-range-picker-close.svelte +3 -2
  80. package/dist/bits/date-range-picker/components/date-range-picker-content.svelte +3 -2
  81. package/dist/bits/date-range-picker/components/date-range-picker-day.svelte +3 -2
  82. package/dist/bits/date-range-picker/components/date-range-picker-grid.svelte +3 -2
  83. package/dist/bits/date-range-picker/components/date-range-picker-heading.svelte +3 -2
  84. package/dist/bits/date-range-picker/components/date-range-picker-input.svelte +3 -2
  85. package/dist/bits/date-range-picker/components/date-range-picker-label.svelte +3 -2
  86. package/dist/bits/date-range-picker/components/date-range-picker-next-button.svelte +3 -2
  87. package/dist/bits/date-range-picker/components/date-range-picker-prev-button.svelte +3 -2
  88. package/dist/bits/date-range-picker/components/date-range-picker-segment.svelte +3 -2
  89. package/dist/bits/date-range-picker/components/date-range-picker-trigger.svelte +3 -2
  90. package/dist/bits/date-range-picker/ctx.d.ts +6 -4
  91. package/dist/bits/date-range-picker/ctx.js +29 -12
  92. package/dist/bits/dialog/components/dialog-close.svelte +3 -2
  93. package/dist/bits/dialog/components/dialog-content.svelte +3 -2
  94. package/dist/bits/dialog/components/dialog-description.svelte +3 -2
  95. package/dist/bits/dialog/components/dialog-overlay.svelte +3 -2
  96. package/dist/bits/dialog/components/dialog-portal.svelte +3 -2
  97. package/dist/bits/dialog/components/dialog-title.svelte +3 -2
  98. package/dist/bits/dialog/components/dialog-trigger.svelte +3 -2
  99. package/dist/bits/dialog/ctx.d.ts +8 -3
  100. package/dist/bits/dialog/ctx.js +20 -4
  101. package/dist/bits/floating/helpers.js +10 -10
  102. package/dist/bits/label/components/label.svelte +2 -1
  103. package/dist/bits/label/ctx.d.ts +4 -1
  104. package/dist/bits/label/ctx.js +9 -3
  105. package/dist/bits/link-preview/components/link-preview-arrow.svelte +3 -2
  106. package/dist/bits/link-preview/components/link-preview-content.svelte +3 -2
  107. package/dist/bits/link-preview/components/link-preview-trigger.svelte +3 -2
  108. package/dist/bits/link-preview/ctx.d.ts +10 -4
  109. package/dist/bits/link-preview/ctx.js +24 -13
  110. package/dist/bits/menu/components/menu-arrow.svelte +3 -2
  111. package/dist/bits/menu/components/menu-checkbox-indicator.svelte +2 -1
  112. package/dist/bits/menu/components/menu-checkbox-item.svelte +3 -2
  113. package/dist/bits/menu/components/menu-content.svelte +3 -2
  114. package/dist/bits/menu/components/menu-group.svelte +2 -2
  115. package/dist/bits/menu/components/menu-item.svelte +3 -2
  116. package/dist/bits/menu/components/menu-label.svelte +2 -2
  117. package/dist/bits/menu/components/menu-radio-group.svelte +3 -2
  118. package/dist/bits/menu/components/menu-radio-indicator.svelte +6 -2
  119. package/dist/bits/menu/components/menu-radio-item.svelte +3 -2
  120. package/dist/bits/menu/components/menu-separator.svelte +3 -2
  121. package/dist/bits/menu/components/menu-sub-content.svelte +3 -2
  122. package/dist/bits/menu/components/menu-sub-trigger.svelte +3 -2
  123. package/dist/bits/menu/components/menu-trigger.svelte +3 -2
  124. package/dist/bits/menu/ctx.d.ts +96 -18
  125. package/dist/bits/menu/ctx.js +82 -46
  126. package/dist/bits/menubar/components/menubar-trigger.svelte +3 -2
  127. package/dist/bits/menubar/components/menubar.svelte +3 -2
  128. package/dist/bits/menubar/ctx.d.ts +12 -6
  129. package/dist/bits/menubar/ctx.js +39 -25
  130. package/dist/bits/pagination/components/pagination-next-button.svelte +3 -2
  131. package/dist/bits/pagination/components/pagination-page.svelte +3 -2
  132. package/dist/bits/pagination/components/pagination-prev-button.svelte +3 -2
  133. package/dist/bits/pagination/components/pagination.svelte +3 -2
  134. package/dist/bits/pagination/ctx.d.ts +9 -3
  135. package/dist/bits/pagination/ctx.js +12 -4
  136. package/dist/bits/pin-input/components/pin-input-hidden-input.svelte +3 -2
  137. package/dist/bits/pin-input/components/pin-input-input.svelte +3 -2
  138. package/dist/bits/pin-input/components/pin-input.svelte +3 -2
  139. package/dist/bits/pin-input/ctx.d.ts +9 -3
  140. package/dist/bits/pin-input/ctx.js +12 -4
  141. package/dist/bits/popover/components/popover-arrow.svelte +3 -2
  142. package/dist/bits/popover/components/popover-close.svelte +3 -2
  143. package/dist/bits/popover/components/popover-content.svelte +3 -2
  144. package/dist/bits/popover/components/popover-trigger.svelte +3 -2
  145. package/dist/bits/popover/ctx.d.ts +10 -4
  146. package/dist/bits/popover/ctx.js +22 -11
  147. package/dist/bits/progress/components/progress.svelte +3 -2
  148. package/dist/bits/progress/ctx.d.ts +1 -1
  149. package/dist/bits/progress/ctx.js +11 -4
  150. package/dist/bits/radio-group/components/radio-group-input.svelte +3 -2
  151. package/dist/bits/radio-group/components/radio-group-item-indicator.svelte +6 -2
  152. package/dist/bits/radio-group/components/radio-group-item.svelte +3 -2
  153. package/dist/bits/radio-group/components/radio-group.svelte +3 -2
  154. package/dist/bits/radio-group/ctx.d.ts +65 -8
  155. package/dist/bits/radio-group/ctx.js +18 -7
  156. package/dist/bits/range-calendar/components/range-calendar-cell.svelte +3 -2
  157. package/dist/bits/range-calendar/components/range-calendar-day.svelte +3 -2
  158. package/dist/bits/range-calendar/components/range-calendar-grid-body.svelte +2 -1
  159. package/dist/bits/range-calendar/components/range-calendar-grid-head.svelte +2 -1
  160. package/dist/bits/range-calendar/components/range-calendar-grid-row.svelte +2 -1
  161. package/dist/bits/range-calendar/components/range-calendar-grid.svelte +3 -2
  162. package/dist/bits/range-calendar/components/range-calendar-head-cell.svelte +2 -1
  163. package/dist/bits/range-calendar/components/range-calendar-header.svelte +2 -1
  164. package/dist/bits/range-calendar/components/range-calendar-heading.svelte +3 -2
  165. package/dist/bits/range-calendar/components/range-calendar-next-button.svelte +3 -2
  166. package/dist/bits/range-calendar/components/range-calendar-prev-button.svelte +3 -2
  167. package/dist/bits/range-calendar/components/range-calendar.svelte +3 -2
  168. package/dist/bits/range-calendar/ctx.d.ts +4 -133
  169. package/dist/bits/range-calendar/ctx.js +22 -17
  170. package/dist/bits/select/components/select-arrow.svelte +3 -2
  171. package/dist/bits/select/components/select-content.svelte +3 -2
  172. package/dist/bits/select/components/select-group.svelte +2 -2
  173. package/dist/bits/select/components/select-input.svelte +3 -2
  174. package/dist/bits/select/components/select-item-indicator.svelte +2 -2
  175. package/dist/bits/select/components/select-item.svelte +3 -2
  176. package/dist/bits/select/components/select-label.svelte +2 -2
  177. package/dist/bits/select/components/select-trigger.svelte +3 -2
  178. package/dist/bits/select/components/select-value.svelte +3 -2
  179. package/dist/bits/select/ctx.d.ts +6 -3
  180. package/dist/bits/select/ctx.js +42 -27
  181. package/dist/bits/separator/components/separator.svelte +3 -2
  182. package/dist/bits/separator/ctx.d.ts +1 -1
  183. package/dist/bits/separator/ctx.js +11 -4
  184. package/dist/bits/slider/components/slider-input.svelte +3 -2
  185. package/dist/bits/slider/components/slider-range.svelte +3 -2
  186. package/dist/bits/slider/components/slider-thumb.svelte +3 -2
  187. package/dist/bits/slider/components/slider-tick.svelte +3 -2
  188. package/dist/bits/slider/components/slider.svelte +3 -2
  189. package/dist/bits/slider/ctx.d.ts +5 -3
  190. package/dist/bits/slider/ctx.js +12 -4
  191. package/dist/bits/switch/components/switch-thumb.svelte +3 -2
  192. package/dist/bits/switch/components/switch.svelte +3 -2
  193. package/dist/bits/switch/ctx.d.ts +5 -3
  194. package/dist/bits/switch/ctx.js +12 -4
  195. package/dist/bits/tabs/components/tabs-content.svelte +3 -2
  196. package/dist/bits/tabs/components/tabs-list.svelte +3 -2
  197. package/dist/bits/tabs/components/tabs-trigger.svelte +3 -2
  198. package/dist/bits/tabs/components/tabs.svelte +3 -2
  199. package/dist/bits/tabs/ctx.d.ts +5 -3
  200. package/dist/bits/tabs/ctx.js +12 -4
  201. package/dist/bits/toggle/components/toggle.svelte +3 -2
  202. package/dist/bits/toggle/ctx.d.ts +5 -3
  203. package/dist/bits/toggle/ctx.js +12 -4
  204. package/dist/bits/toggle-group/components/toggle-group-item.svelte +3 -2
  205. package/dist/bits/toggle-group/components/toggle-group.svelte +3 -2
  206. package/dist/bits/toggle-group/ctx.d.ts +3 -3
  207. package/dist/bits/toggle-group/ctx.js +12 -4
  208. package/dist/bits/toolbar/components/toolbar-button.svelte +3 -2
  209. package/dist/bits/toolbar/components/toolbar-group-item.svelte +3 -2
  210. package/dist/bits/toolbar/components/toolbar-group.svelte +3 -2
  211. package/dist/bits/toolbar/components/toolbar-link.svelte +3 -2
  212. package/dist/bits/toolbar/components/toolbar.svelte +3 -2
  213. package/dist/bits/toolbar/ctx.d.ts +8 -4
  214. package/dist/bits/toolbar/ctx.js +18 -7
  215. package/dist/bits/tooltip/components/tooltip-arrow.svelte +3 -2
  216. package/dist/bits/tooltip/components/tooltip-content.svelte +3 -2
  217. package/dist/bits/tooltip/components/tooltip-trigger.svelte +3 -2
  218. package/dist/bits/tooltip/ctx.d.ts +6 -4
  219. package/dist/bits/tooltip/ctx.js +25 -14
  220. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  <script>import { melt } from "@melt-ui/svelte";
2
2
  import { createDispatcher } from "../../../internal/index.js";
3
- import { getCtx, getAttrs, updatePositioning } from "../ctx.js";
3
+ import { getCtx, updatePositioning } from "../ctx.js";
4
4
  export let transition = void 0;
5
5
  export let transitionConfig = void 0;
6
6
  export let inTransition = void 0;
@@ -24,7 +24,8 @@ export let el = void 0;
24
24
  const {
25
25
  elements: { content },
26
26
  states: { open },
27
- ids
27
+ ids,
28
+ getAttrs
28
29
  } = getCtx(sideOffset);
29
30
  const dispatch = createDispatcher();
30
31
  const attrs = getAttrs("content");
@@ -1,12 +1,13 @@
1
1
  <script>import { melt } from "@melt-ui/svelte";
2
2
  import { createDispatcher } from "../../../internal/index.js";
3
- import { getCtx, getAttrs } from "../ctx.js";
3
+ import { getCtx } from "../ctx.js";
4
4
  export let asChild = false;
5
5
  export let id = void 0;
6
6
  export let el = void 0;
7
7
  const {
8
8
  elements: { trigger },
9
- ids
9
+ ids,
10
+ getAttrs
10
11
  } = getCtx();
11
12
  const dispatch = createDispatcher();
12
13
  const attrs = getAttrs("trigger");
@@ -1,10 +1,11 @@
1
1
  /// <reference types="svelte" />
2
- import { type Tooltip as TooltipReturn, type CreateTooltipProps } from "@melt-ui/svelte";
2
+ import { type CreateTooltipProps } from "@melt-ui/svelte";
3
3
  import type { Writable } from "svelte/store";
4
4
  import type { FloatingProps } from "../floating/_types.js";
5
- export declare const getAttrs: (part: "content" | "arrow" | "trigger") => Record<string, string>;
5
+ type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
6
6
  export declare function setCtx(props: CreateTooltipProps): {
7
7
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
8
+ getAttrs: (part: "content" | "arrow" | "trigger") => Record<string, string>;
8
9
  ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
9
10
  content: string;
10
11
  trigger: string;
@@ -56,6 +57,7 @@ export declare function setCtx(props: CreateTooltipProps): {
56
57
  }> | undefined;
57
58
  }, "open" | "ids">>;
58
59
  };
59
- export declare function getCtx(sideOffset?: number): TooltipReturn;
60
- export declare function setArrow(size?: number): TooltipReturn;
60
+ export declare function getCtx(sideOffset?: number): GetReturn;
61
+ export declare function setArrow(size?: number): GetReturn;
61
62
  export declare function updatePositioning(props: FloatingProps): void;
63
+ export {};
@@ -2,17 +2,27 @@ import { createTooltip } from "@melt-ui/svelte";
2
2
  import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
3
3
  import { getContext, setContext } from "svelte";
4
4
  import { getPositioningUpdater } from "../floating/helpers.js";
5
- const NAME = "tooltip";
6
- const PARTS = ["arrow", "content", "trigger"];
7
- export const getAttrs = createBitAttrs(NAME, PARTS);
5
+ function getTooltipData() {
6
+ const NAME = "tooltip";
7
+ const PARTS = ["arrow", "content", "trigger"];
8
+ return {
9
+ NAME,
10
+ PARTS
11
+ };
12
+ }
8
13
  export function setCtx(props) {
9
- const tooltip = createTooltip({
10
- positioning: {
11
- placement: "top"
12
- },
13
- openDelay: 700,
14
- ...removeUndefined(props)
15
- });
14
+ const { NAME, PARTS } = getTooltipData();
15
+ const getAttrs = createBitAttrs(NAME, PARTS);
16
+ const tooltip = {
17
+ ...createTooltip({
18
+ positioning: {
19
+ placement: "top"
20
+ },
21
+ openDelay: 700,
22
+ ...removeUndefined(props)
23
+ }),
24
+ getAttrs
25
+ };
16
26
  setContext(NAME, tooltip);
17
27
  return {
18
28
  ...tooltip,
@@ -20,6 +30,7 @@ export function setCtx(props) {
20
30
  };
21
31
  }
22
32
  export function getCtx(sideOffset = 0) {
33
+ const { NAME } = getTooltipData();
23
34
  const tooltip = getContext(NAME);
24
35
  const { options: { positioning } } = tooltip;
25
36
  positioning.update((prev) => ({ ...prev, gutter: sideOffset }));
@@ -30,11 +41,11 @@ export function setArrow(size = 8) {
30
41
  tooltip.options.arrowSize.set(size);
31
42
  return tooltip;
32
43
  }
33
- const defaultPlacement = {
34
- side: "top",
35
- align: "center"
36
- };
37
44
  export function updatePositioning(props) {
45
+ const defaultPlacement = {
46
+ side: "top",
47
+ align: "center"
48
+ };
38
49
  const withDefaults = { ...defaultPlacement, ...props };
39
50
  const { options: { positioning } } = getCtx();
40
51
  const updater = getPositioningUpdater(positioning);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bits-ui",
3
- "version": "0.13.0",
3
+ "version": "0.13.1",
4
4
  "license": "MIT",
5
5
  "repository": "github:huntabyte/bits-ui",
6
6
  "exports": {