@ark-ui/solid 0.10.0 → 0.11.0

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 (59) hide show
  1. package/CHANGELOG.md +21 -2
  2. package/accordion/accordion-content.cjs +14 -3
  3. package/accordion/accordion-content.d.ts +2 -1
  4. package/accordion/accordion-content.mjs +15 -4
  5. package/combobox/combobox-content.cjs +14 -3
  6. package/combobox/combobox-content.d.ts +2 -1
  7. package/combobox/combobox-content.mjs +15 -4
  8. package/dialog/dialog-backdrop.cjs +14 -3
  9. package/dialog/dialog-backdrop.d.ts +2 -1
  10. package/dialog/dialog-backdrop.mjs +15 -4
  11. package/dialog/dialog-content.cjs +14 -3
  12. package/dialog/dialog-content.d.ts +2 -1
  13. package/dialog/dialog-content.mjs +15 -4
  14. package/factory.cjs +0 -1
  15. package/factory.d.ts +0 -1
  16. package/factory.mjs +1 -1
  17. package/hover-card/hover-card-content.cjs +14 -3
  18. package/hover-card/hover-card-content.d.ts +2 -1
  19. package/hover-card/hover-card-content.mjs +15 -4
  20. package/index.cjs +88 -48
  21. package/index.d.ts +3 -0
  22. package/index.mjs +20 -0
  23. package/menu/menu-content.cjs +14 -3
  24. package/menu/menu-content.d.ts +2 -1
  25. package/menu/menu-content.mjs +15 -4
  26. package/package.json +11 -4
  27. package/popover/popover-content.cjs +13 -2
  28. package/popover/popover-content.d.ts +2 -1
  29. package/popover/popover-content.mjs +14 -3
  30. package/presence/index.cjs +13 -0
  31. package/presence/index.d.ts +8 -0
  32. package/presence/index.mjs +8 -0
  33. package/presence/presence.cjs +33 -0
  34. package/presence/presence.d.ts +17 -0
  35. package/presence/presence.mjs +29 -0
  36. package/presence/presence.stories.d.ts +10 -0
  37. package/presence/presence.test.d.ts +1 -0
  38. package/presence/split-presence-props.cjs +16 -0
  39. package/presence/split-presence-props.d.ts +2 -0
  40. package/presence/split-presence-props.mjs +12 -0
  41. package/presence/use-presence.cjs +35 -0
  42. package/presence/use-presence.d.ts +5 -0
  43. package/presence/use-presence.mjs +12 -0
  44. package/select/select-content.cjs +13 -2
  45. package/select/select-content.d.ts +2 -1
  46. package/select/select-content.mjs +14 -3
  47. package/tabs/tab-content.cjs +11 -3
  48. package/tabs/tab-content.d.ts +3 -4
  49. package/tabs/tab-content.mjs +12 -4
  50. package/tabs/tab-presence.cjs +18 -0
  51. package/tabs/tab-presence.d.ts +5 -0
  52. package/tabs/tab-presence.mjs +14 -0
  53. package/tabs/tabs.test.d.ts +1 -0
  54. package/tags-input/index.d.ts +1 -1
  55. package/tooltip/tooltip-content.cjs +13 -2
  56. package/tooltip/tooltip-content.d.ts +2 -1
  57. package/tooltip/tooltip-content.mjs +14 -3
  58. package/tooltip/tooltip-positioner.cjs +1 -9
  59. package/tooltip/tooltip-positioner.mjs +1 -9
package/tooltip/tooltip-content.cjs CHANGED
@@ -5,12 +5,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const web = require('solid-js/web');
6
6
  const solid = require('@zag-js/solid');
7
7
  const factory = require('../factory.cjs');
8
+ const index = require('../presence/index.cjs');
8
9
  const tooltipContext = require('./tooltip-context.cjs');
10
+ const splitPresenceProps = require('../presence/split-presence-props.cjs');
9
11
 
10
12
  const TooltipContent = props => {
13
+ const [presenceProps, localProps] = splitPresenceProps.splitPresenceProps(props);
11
14
  const api = tooltipContext.useTooltipContext();
12
- const contentProps = solid.mergeProps(() => api().contentProps, props);
13
- return web.createComponent(factory.ark.div, contentProps);
15
+ const contentProps = solid.mergeProps(() => api().contentProps, localProps);
16
+ return web.createComponent(index.Presence, web.mergeProps({
17
+ get present() {
18
+ return api().isOpen;
19
+ }
20
+ }, presenceProps, {
21
+ get children() {
22
+ return web.createComponent(factory.ark.div, contentProps);
23
+ }
24
+ }));
14
25
  };
15
26
 
16
27
  exports.TooltipContent = TooltipContent;
package/tooltip/tooltip-content.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { JSX } from 'solid-js';
2
2
  import { type HTMLArkProps } from '../factory';
3
- export type TooltipContentProps = HTMLArkProps<'div'>;
3
+ import { type PresenceProps } from '../presence';
4
+ export type TooltipContentProps = HTMLArkProps<'div'> & PresenceProps;
4
5
  export declare const TooltipContent: (props: TooltipContentProps) => JSX.Element;
package/tooltip/tooltip-content.mjs CHANGED
@@ -1,12 +1,23 @@
1
- import { createComponent } from 'solid-js/web';
1
+ import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
2
2
  import { mergeProps } from '@zag-js/solid';
3
3
  import { ark } from '../factory.mjs';
4
+ import { Presence } from '../presence/index.mjs';
4
5
  import { useTooltipContext } from './tooltip-context.mjs';
6
+ import { splitPresenceProps } from '../presence/split-presence-props.mjs';
5
7
 
6
8
  const TooltipContent = props => {
9
+ const [presenceProps, localProps] = splitPresenceProps(props);
7
10
  const api = useTooltipContext();
8
- const contentProps = mergeProps(() => api().contentProps, props);
9
- return createComponent(ark.div, contentProps);
11
+ const contentProps = mergeProps(() => api().contentProps, localProps);
12
+ return createComponent(Presence, mergeProps$1({
13
+ get present() {
14
+ return api().isOpen;
15
+ }
16
+ }, presenceProps, {
17
+ get children() {
18
+ return createComponent(ark.div, contentProps);
19
+ }
20
+ }));
10
21
  };
11
22
 
12
23
  export { TooltipContent };
package/tooltip/tooltip-positioner.cjs CHANGED
@@ -4,21 +4,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const web = require('solid-js/web');
6
6
  const solid = require('@zag-js/solid');
7
- const solidJs = require('solid-js');
8
7
  const factory = require('../factory.cjs');
9
8
  const tooltipContext = require('./tooltip-context.cjs');
10
9
 
11
10
  const TooltipPositioner = props => {
12
11
  const api = tooltipContext.useTooltipContext();
13
12
  const positionerProps = solid.mergeProps(() => api().positionerProps, props);
14
- return web.createComponent(solidJs.Show, {
15
- get when() {
16
- return api().isOpen;
17
- },
18
- get children() {
19
- return web.createComponent(factory.ark.div, positionerProps);
20
- }
21
- });
13
+ return web.createComponent(factory.ark.div, positionerProps);
22
14
  };
23
15
 
24
16
  exports.TooltipPositioner = TooltipPositioner;
package/tooltip/tooltip-positioner.mjs CHANGED
@@ -1,20 +1,12 @@
1
1
  import { createComponent } from 'solid-js/web';
2
2
  import { mergeProps } from '@zag-js/solid';
3
- import { Show } from 'solid-js';
4
3
  import { ark } from '../factory.mjs';
5
4
  import { useTooltipContext } from './tooltip-context.mjs';
6
5
 
7
6
  const TooltipPositioner = props => {
8
7
  const api = useTooltipContext();
9
8
  const positionerProps = mergeProps(() => api().positionerProps, props);
10
- return createComponent(Show, {
11
- get when() {
12
- return api().isOpen;
13
- },
14
- get children() {
15
- return createComponent(ark.div, positionerProps);
16
- }
17
- });
9
+ return createComponent(ark.div, positionerProps);
18
10
  };
19
11
 
20
12
  export { TooltipPositioner };