@ark-ui/solid 1.0.0-beta.2 → 1.0.0-beta.3

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 (52) hide show
  1. package/CHANGELOG.md +19 -1
  2. package/cjs/index.js +197 -57
  3. package/cjs/index.js.map +1 -1
  4. package/esm/index.js +198 -59
  5. package/esm/index.js.map +1 -1
  6. package/package.json +44 -44
  7. package/source/accordion/accordion-item-content.jsx +3 -3
  8. package/source/color-picker/color-picker-content.jsx +6 -2
  9. package/source/color-picker/color-picker-value-text.jsx +9 -0
  10. package/source/color-picker/index.js +3 -1
  11. package/source/combobox/combobox-content.jsx +1 -1
  12. package/source/combobox/combobox-item-group-label.jsx +2 -2
  13. package/source/date-picker/date-picker-content.jsx +6 -2
  14. package/source/date-picker/date-picker-view.jsx +4 -1
  15. package/source/date-picker/date-picker.jsx +1 -1
  16. package/source/dialog/dialog-backdrop.jsx +1 -1
  17. package/source/dialog/dialog-content.jsx +1 -1
  18. package/source/hover-card/hover-card-content.jsx +1 -1
  19. package/source/menu/menu-content.jsx +1 -1
  20. package/source/menu/menu-item-group-label.jsx +3 -5
  21. package/source/popover/popover-content.jsx +1 -1
  22. package/source/presence/presence.jsx +1 -1
  23. package/source/presence/split-presence-props.js +1 -0
  24. package/source/select/select-content.jsx +1 -1
  25. package/source/select/select-control.jsx +9 -1
  26. package/source/select/select-item-group-label.jsx +2 -2
  27. package/source/slider/index.js +3 -3
  28. package/source/slider/slider-value-text.jsx +10 -0
  29. package/source/tooltip/tooltip-content.jsx +1 -1
  30. package/types/accordion/accordion-item-content.d.ts +3 -1
  31. package/types/color-picker/color-picker-content.d.ts +3 -1
  32. package/types/color-picker/color-picker-transparency-grid.d.ts +2 -2
  33. package/types/color-picker/color-picker-value-text.d.ts +5 -0
  34. package/types/color-picker/index.d.ts +6 -4
  35. package/types/combobox/combobox-content.d.ts +3 -1
  36. package/types/combobox/combobox-item-group-label.d.ts +6 -2
  37. package/types/date-picker/date-picker-content.d.ts +3 -1
  38. package/types/dialog/dialog-backdrop.d.ts +3 -1
  39. package/types/dialog/dialog-content.d.ts +3 -1
  40. package/types/hover-card/hover-card-content.d.ts +3 -1
  41. package/types/menu/menu-content.d.ts +3 -1
  42. package/types/menu/menu-item-group-label.d.ts +5 -4
  43. package/types/popover/popover-content.d.ts +3 -1
  44. package/types/presence/presence.d.ts +6 -2
  45. package/types/presence/split-presence-props.d.ts +1 -1
  46. package/types/select/select-content.d.ts +3 -1
  47. package/types/select/select-item-group-label.d.ts +6 -2
  48. package/types/slider/index.d.ts +4 -4
  49. package/types/slider/{slider-output.d.ts → slider-value-text.d.ts} +2 -2
  50. package/types/tabs/tab-content.d.ts +1 -1
  51. package/types/tooltip/tooltip-content.d.ts +3 -1
  52. package/source/slider/slider-output.jsx +0 -10
@@ -1,4 +1,6 @@
1
1
  import { type HTMLArkProps } from '../factory';
2
2
  import { type PresenceProps } from '../presence';
3
- export type SelectContentProps = HTMLArkProps<'div'> & PresenceProps;
3
+ import type { Assign } from '../types';
4
+ export interface SelectContentProps extends Assign<HTMLArkProps<'div'>, Omit<PresenceProps, 'fallback'>> {
5
+ }
4
6
  export declare const SelectContent: (props: SelectContentProps) => import("solid-js").JSX.Element;
@@ -1,5 +1,9 @@
1
- import type { ItemGroupLabelProps } from '@zag-js/select';
2
1
  import { type HTMLArkProps } from '../factory';
3
2
  import type { Assign } from '../types';
4
- export type SelectItemGroupLabelProps = Assign<HTMLArkProps<'div'>, ItemGroupLabelProps>;
3
+ interface ItemGroupLabelProps {
4
+ for: string;
5
+ }
6
+ export interface SelectItemGroupLabelProps extends Assign<HTMLArkProps<'div'>, ItemGroupLabelProps> {
7
+ }
5
8
  export declare const SelectItemGroupLabel: (props: SelectItemGroupLabelProps) => import("solid-js").JSX.Element;
9
+ export {};
@@ -4,20 +4,20 @@ import { SliderControl, type SliderControlProps } from './slider-control';
4
4
  import { SliderLabel, type SliderLabelProps } from './slider-label';
5
5
  import { SliderMarker, type SliderMarkerProps } from './slider-marker';
6
6
  import { SliderMarkerGroup, type SliderMarkerGroupProps } from './slider-marker-group';
7
- import { SliderOutput, type SliderOutputProps } from './slider-output';
8
7
  import { SliderRange, type SliderRangeProps } from './slider-range';
9
8
  import { SliderThumb, type SliderThumbProps } from './slider-thumb';
10
9
  import { SliderTrack, type SliderTrackProps } from './slider-track';
10
+ import { SliderValueText, type SliderValueTextProps } from './slider-value-text';
11
11
  declare const Slider: ((props: SliderProps) => import("solid-js").JSX.Element) & {
12
12
  Root: (props: SliderProps) => import("solid-js").JSX.Element;
13
13
  Control: (props: SliderControlProps) => import("solid-js").JSX.Element;
14
14
  Label: (props: SliderLabelProps) => import("solid-js").JSX.Element;
15
15
  Marker: (props: SliderMarkerProps) => import("solid-js").JSX.Element;
16
16
  MarkerGroup: (props: SliderMarkerGroupProps) => import("solid-js").JSX.Element;
17
- Output: (props: SliderOutputProps) => import("solid-js").JSX.Element;
18
17
  Range: (props: SliderRangeProps) => import("solid-js").JSX.Element;
19
18
  Thumb: (props: SliderThumbProps) => import("solid-js").JSX.Element;
20
19
  Track: (props: SliderTrackProps) => import("solid-js").JSX.Element;
20
+ ValueText: (props: SliderValueTextProps) => import("solid-js").JSX.Element;
21
21
  };
22
- export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderOutput, SliderRange, SliderThumb, SliderTrack, useSliderContext, };
23
- export type { SliderContext, SliderControlProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderOutputProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, };
22
+ export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
23
+ export type { SliderContext, SliderControlProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueTextProps, };
@@ -2,7 +2,7 @@ import { type JSX } from 'solid-js';
2
2
  import { type HTMLArkProps } from '../factory';
3
3
  import type { Assign } from '../types';
4
4
  import { type UseSliderReturn } from './use-slider';
5
- export type SliderOutputProps = Assign<HTMLArkProps<'output'>, {
5
+ export type SliderValueTextProps = Assign<HTMLArkProps<'div'>, {
6
6
  children?: ((pages: UseSliderReturn) => JSX.Element) | JSX.Element;
7
7
  }>;
8
- export declare const SliderOutput: (props: SliderOutputProps) => JSX.Element;
8
+ export declare const SliderValueText: (props: SliderValueTextProps) => JSX.Element;
@@ -2,5 +2,5 @@ import { type ContentProps } from '@zag-js/tabs';
2
2
  import { type HTMLArkProps } from '../factory';
3
3
  import type { Assign } from '../types';
4
4
  import { type TabPresenceProps } from './tab-presence';
5
- export type TabContentProps = Assign<HTMLArkProps<'div'>, ContentProps> & TabPresenceProps;
5
+ export type TabContentProps = Assign<HTMLArkProps<'div'>, ContentProps> & Omit<TabPresenceProps, 'fallback'>;
6
6
  export declare const TabContent: (props: TabContentProps) => import("solid-js").JSX.Element;
@@ -1,4 +1,6 @@
1
1
  import { type HTMLArkProps } from '../factory';
2
2
  import { type PresenceProps } from '../presence';
3
- export type TooltipContentProps = HTMLArkProps<'div'> & PresenceProps;
3
+ import type { Assign } from '../types';
4
+ export interface TooltipContentProps extends Assign<HTMLArkProps<'div'>, Omit<PresenceProps, 'fallback'>> {
5
+ }
4
6
  export declare const TooltipContent: (props: TooltipContentProps) => import("solid-js").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { mergeProps } from '@zag-js/solid';
2
- import { ark } from '../factory';
3
- import { runIfFn } from '../run-if-fn';
4
- import { useSliderContext } from './slider-context';
5
- export const SliderOutput = (props) => {
6
- const slider = useSliderContext();
7
- const getChildren = () => runIfFn(props.children, slider);
8
- const outputProps = mergeProps(() => slider().outputProps, props);
9
- return <ark.output {...outputProps}>{getChildren()}</ark.output>;
10
- };