@ark-ui/solid 3.5.0 → 3.6.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.
- package/README.md +3 -0
- package/dist/cjs/index.js +608 -14
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +581 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/source/components/field/use-field.js +5 -3
- package/dist/source/components/fieldset/fieldset-context.jsx +2 -0
- package/dist/source/components/fieldset/fieldset-error-text.jsx +11 -0
- package/dist/source/components/fieldset/fieldset-helper-text.jsx +8 -0
- package/dist/source/components/fieldset/fieldset-legend.jsx +8 -0
- package/dist/source/components/fieldset/fieldset-root-provider.jsx +11 -0
- package/dist/source/components/fieldset/fieldset-root.jsx +18 -0
- package/dist/source/components/fieldset/fieldset.anatomy.js +3 -0
- package/dist/source/components/fieldset/fieldset.jsx +6 -0
- package/dist/source/components/fieldset/index.js +9 -0
- package/dist/source/components/fieldset/use-fieldset-context.js +6 -0
- package/dist/source/components/fieldset/use-fieldset.js +65 -0
- package/dist/source/components/highlight/highlight.jsx +20 -0
- package/dist/source/components/highlight/index.js +2 -0
- package/dist/source/components/highlight/use-highlight.js +42 -0
- package/dist/source/components/index.js +3 -0
- package/dist/source/components/select/select-hidden-select.jsx +1 -1
- package/dist/source/components/time-picker/index.js +16 -0
- package/dist/source/components/time-picker/time-picker-cell.jsx +18 -0
- package/dist/source/components/time-picker/time-picker-clear-trigger.jsx +8 -0
- package/dist/source/components/time-picker/time-picker-column.jsx +13 -0
- package/dist/source/components/time-picker/time-picker-content.jsx +13 -0
- package/dist/source/components/time-picker/time-picker-context.jsx +2 -0
- package/dist/source/components/time-picker/time-picker-control.jsx +8 -0
- package/dist/source/components/time-picker/time-picker-input.jsx +8 -0
- package/dist/source/components/time-picker/time-picker-label.jsx +8 -0
- package/dist/source/components/time-picker/time-picker-positioner.jsx +13 -0
- package/dist/source/components/time-picker/time-picker-root-provider.jsx +16 -0
- package/dist/source/components/time-picker/time-picker-root.jsx +39 -0
- package/dist/source/components/time-picker/time-picker-spacer.jsx +8 -0
- package/dist/source/components/time-picker/time-picker-trigger.jsx +8 -0
- package/dist/source/components/time-picker/time-picker.js +13 -0
- package/dist/source/components/time-picker/use-time-picker-column-props-context.js +5 -0
- package/dist/source/components/time-picker/use-time-picker-context.js +5 -0
- package/dist/source/components/time-picker/use-time-picker.js +23 -0
- package/dist/source/components/tooltip/tooltip-root.jsx +1 -0
- package/dist/types/components/dialog/dialog-root.d.ts +1 -1
- package/dist/types/components/fieldset/fieldset-context.d.ts +6 -0
- package/dist/types/components/fieldset/fieldset-error-text.d.ts +6 -0
- package/dist/types/components/fieldset/fieldset-helper-text.d.ts +6 -0
- package/dist/types/components/fieldset/fieldset-legend.d.ts +6 -0
- package/dist/types/components/fieldset/fieldset-root-provider.d.ts +11 -0
- package/dist/types/components/fieldset/fieldset-root.d.ts +10 -0
- package/dist/types/components/fieldset/fieldset.anatomy.d.ts +2 -0
- package/dist/types/components/fieldset/fieldset.d.ts +6 -0
- package/dist/types/components/fieldset/index.d.ts +9 -0
- package/dist/types/components/fieldset/use-fieldset-context.d.ts +4 -0
- package/dist/types/components/fieldset/use-fieldset.d.ts +49 -0
- package/dist/types/components/highlight/highlight.d.ts +8 -0
- package/dist/types/components/highlight/index.d.ts +2 -0
- package/dist/types/components/highlight/use-highlight.d.ts +31 -0
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/components/time-picker/index.d.ts +17 -0
- package/dist/types/components/time-picker/time-picker-cell.d.ts +12 -0
- package/dist/types/components/time-picker/time-picker-clear-trigger.d.ts +7 -0
- package/dist/types/components/time-picker/time-picker-column.d.ts +8 -0
- package/dist/types/components/time-picker/time-picker-content.d.ts +7 -0
- package/dist/types/components/time-picker/time-picker-context.d.ts +6 -0
- package/dist/types/components/time-picker/time-picker-control.d.ts +7 -0
- package/dist/types/components/time-picker/time-picker-input.d.ts +7 -0
- package/dist/types/components/time-picker/time-picker-label.d.ts +7 -0
- package/dist/types/components/time-picker/time-picker-positioner.d.ts +6 -0
- package/dist/types/components/time-picker/time-picker-root-provider.d.ts +12 -0
- package/dist/types/components/time-picker/time-picker-root.d.ts +9 -0
- package/dist/types/components/time-picker/time-picker-spacer.d.ts +7 -0
- package/dist/types/components/time-picker/time-picker-trigger.d.ts +7 -0
- package/dist/types/components/time-picker/time-picker.d.ts +14 -0
- package/dist/types/components/time-picker/use-time-picker-column-props-context.d.ts +5 -0
- package/dist/types/components/time-picker/use-time-picker-context.d.ts +4 -0
- package/dist/types/components/time-picker/use-time-picker.d.ts +31 -0
- package/dist/types/components/toast/index.d.ts +1 -1
- package/package.json +61 -57
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { FieldsetContext, type FieldsetContextProps } from './fieldset-context';
|
|
2
|
+
export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps, } from './fieldset-error-text';
|
|
3
|
+
export { FieldsetHelperText, type FieldsetHelperTextBaseProps, type FieldsetHelperTextProps, } from './fieldset-helper-text';
|
|
4
|
+
export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root';
|
|
5
|
+
export { FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, } from './fieldset-root-provider';
|
|
6
|
+
export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps, } from './fieldset-legend';
|
|
7
|
+
export { fieldsetAnatomy } from './fieldset.anatomy';
|
|
8
|
+
export { useFieldsetContext, type UseFieldsetContext } from './use-fieldset-context';
|
|
9
|
+
export * as Fieldset from './fieldset';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { UseFieldsetReturn } from './use-fieldset';
|
|
2
|
+
export interface UseFieldsetContext extends UseFieldsetReturn {
|
|
3
|
+
}
|
|
4
|
+
export declare const FieldsetProvider: import("solid-js").ContextProviderComponent<UseFieldsetContext>, useFieldsetContext: () => UseFieldsetContext;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export interface UseFieldsetProps {
|
|
2
|
+
/**
|
|
3
|
+
* The id of the fieldset.
|
|
4
|
+
*/
|
|
5
|
+
id?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Indicates whether the fieldset is disabled.
|
|
8
|
+
*/
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Indicates whether the fieldset is invalid.
|
|
12
|
+
*/
|
|
13
|
+
invalid?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export type UseFieldsetReturn = ReturnType<typeof useFieldset>;
|
|
16
|
+
export declare const useFieldset: (props: UseFieldsetProps) => import("solid-js").Accessor<{
|
|
17
|
+
refs: {
|
|
18
|
+
rootRef: HTMLFieldSetElement;
|
|
19
|
+
};
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
invalid: boolean;
|
|
22
|
+
getRootProps: () => {
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
'data-disabled': Booleanish;
|
|
25
|
+
'data-invalid': Booleanish;
|
|
26
|
+
'aria-describedby': string;
|
|
27
|
+
"data-scope": string;
|
|
28
|
+
"data-part": string;
|
|
29
|
+
};
|
|
30
|
+
getLegendProps: () => {
|
|
31
|
+
'data-disabled': Booleanish;
|
|
32
|
+
'data-invalid': Booleanish;
|
|
33
|
+
"data-scope": string;
|
|
34
|
+
"data-part": string;
|
|
35
|
+
};
|
|
36
|
+
getHelperTextProps: () => {
|
|
37
|
+
"data-scope": string;
|
|
38
|
+
"data-part": string;
|
|
39
|
+
id: string;
|
|
40
|
+
};
|
|
41
|
+
getErrorTextProps: () => {
|
|
42
|
+
'aria-live': string;
|
|
43
|
+
"data-scope": string;
|
|
44
|
+
"data-part": string;
|
|
45
|
+
id: string;
|
|
46
|
+
};
|
|
47
|
+
}>;
|
|
48
|
+
type Booleanish = boolean | 'true' | 'false';
|
|
49
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ComponentProps } from 'solid-js';
|
|
2
|
+
import type { Assign } from '../../types';
|
|
3
|
+
import { type UseHighlightProps } from './use-highlight';
|
|
4
|
+
export interface HighlightBaseProps extends UseHighlightProps {
|
|
5
|
+
}
|
|
6
|
+
export interface HighlightProps extends Assign<ComponentProps<'mark'>, HighlightBaseProps> {
|
|
7
|
+
}
|
|
8
|
+
export declare const Highlight: (props: HighlightProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { Accessor } from 'solid-js';
|
|
2
|
+
export interface RegexOptions {
|
|
3
|
+
/**
|
|
4
|
+
* Whether to ignore case while matching
|
|
5
|
+
*/
|
|
6
|
+
ignoreCase?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Whether to match multiple instances of the query
|
|
9
|
+
*/
|
|
10
|
+
matchAll?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface UseHighlightProps extends RegexOptions {
|
|
13
|
+
/**
|
|
14
|
+
* The text to highlight
|
|
15
|
+
*/
|
|
16
|
+
text: string;
|
|
17
|
+
/**
|
|
18
|
+
* The query to highlight in the text
|
|
19
|
+
*/
|
|
20
|
+
query: string | string[];
|
|
21
|
+
}
|
|
22
|
+
export interface HighlightChunk {
|
|
23
|
+
text: string;
|
|
24
|
+
match: boolean;
|
|
25
|
+
}
|
|
26
|
+
export interface HighlightSpan {
|
|
27
|
+
start: number;
|
|
28
|
+
end: number;
|
|
29
|
+
match?: boolean;
|
|
30
|
+
}
|
|
31
|
+
export declare const useHighlight: (props: UseHighlightProps) => Accessor<HighlightChunk[]>;
|
|
@@ -11,8 +11,10 @@ export * from './dialog';
|
|
|
11
11
|
export * from './editable';
|
|
12
12
|
export * from './factory';
|
|
13
13
|
export * from './field';
|
|
14
|
+
export * from './fieldset';
|
|
14
15
|
export * from './file-upload';
|
|
15
16
|
export * from './format';
|
|
17
|
+
export * from './highlight';
|
|
16
18
|
export * from './hover-card';
|
|
17
19
|
export * from './menu';
|
|
18
20
|
export * from './number-input';
|
|
@@ -32,6 +34,7 @@ export * from './splitter';
|
|
|
32
34
|
export * from './switch';
|
|
33
35
|
export * from './tabs';
|
|
34
36
|
export * from './tags-input';
|
|
37
|
+
export * from './time-picker';
|
|
35
38
|
export * from './toast';
|
|
36
39
|
export * from './toggle-group';
|
|
37
40
|
export * from './tooltip';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export type { FocusChangeDetails as TimePickerFocusChangeDetails, OpenChangeDetails as TimePickerOpenChangeDetails, ValueChangeDetails as TimePickerValueChangeDetails, } from '@zag-js/time-picker';
|
|
2
|
+
export { TimePickerCell, type TimePickerCellBaseProps, type TimePickerCellProps, } from './time-picker-cell';
|
|
3
|
+
export { TimePickerClearTrigger, type TimePickerClearTriggerBaseProps, type TimePickerClearTriggerProps, } from './time-picker-clear-trigger';
|
|
4
|
+
export { TimePickerColumn, type TimePickerColumnBaseProps, type TimePickerColumnProps, } from './time-picker-column';
|
|
5
|
+
export { TimePickerContent, type TimePickerContentBaseProps, type TimePickerContentProps, } from './time-picker-content';
|
|
6
|
+
export { TimePickerContext, type TimePickerContextProps, } from './time-picker-context';
|
|
7
|
+
export { TimePickerControl, type TimePickerControlBaseProps, type TimePickerControlProps, } from './time-picker-control';
|
|
8
|
+
export { TimePickerInput, type TimePickerInputBaseProps, type TimePickerInputProps, } from './time-picker-input';
|
|
9
|
+
export { TimePickerLabel, type TimePickerLabelBaseProps, type TimePickerLabelProps, } from './time-picker-label';
|
|
10
|
+
export { TimePickerPositioner, type TimePickerPositionerBaseProps, type TimePickerPositionerProps, } from './time-picker-positioner';
|
|
11
|
+
export { TimePickerRoot, type TimePickerRootBaseProps, type TimePickerRootProps, } from './time-picker-root';
|
|
12
|
+
export { TimePickerRootProvider, type TimePickerRootProviderBaseProps, type TimePickerRootProviderProps, } from './time-picker-root-provider';
|
|
13
|
+
export { TimePickerSpacer, type TimePickerSpacerBaseProps, type TimePickerSpacerProps, } from './time-picker-spacer';
|
|
14
|
+
export { TimePickerTrigger, type TimePickerTriggerBaseProps, type TimePickerTriggerProps, } from './time-picker-trigger';
|
|
15
|
+
export { useTimePicker, type UseTimePickerProps, type UseTimePickerReturn } from './use-time-picker';
|
|
16
|
+
export { useTimePickerContext, type UseTimePickerContext } from './use-time-picker-context';
|
|
17
|
+
export * as TimePicker from './time-picker';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { TimePeriod } from '@zag-js/time-picker';
|
|
2
|
+
import type { Assign } from '../../types';
|
|
3
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
4
|
+
interface CombinedCellProps {
|
|
5
|
+
value: number | TimePeriod;
|
|
6
|
+
}
|
|
7
|
+
export interface TimePickerCellBaseProps extends CombinedCellProps, PolymorphicProps<'button'> {
|
|
8
|
+
}
|
|
9
|
+
export interface TimePickerCellProps extends Assign<HTMLProps<'button'>, TimePickerCellBaseProps> {
|
|
10
|
+
}
|
|
11
|
+
export declare const TimePickerCell: (props: TimePickerCellProps) => import("solid-js").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Assign } from '../../types';
|
|
2
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
3
|
+
export interface TimePickerClearTriggerBaseProps extends PolymorphicProps<'button'> {
|
|
4
|
+
}
|
|
5
|
+
export interface TimePickerClearTriggerProps extends Assign<HTMLProps<'button'>, TimePickerClearTriggerBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
export declare const TimePickerClearTrigger: (props: TimePickerClearTriggerProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ColumnProps } from '@zag-js/time-picker';
|
|
2
|
+
import type { Assign } from '../../types';
|
|
3
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
4
|
+
export interface TimePickerColumnBaseProps extends ColumnProps, PolymorphicProps<'div'> {
|
|
5
|
+
}
|
|
6
|
+
export interface TimePickerColumnProps extends Assign<HTMLProps<'div'>, TimePickerColumnBaseProps> {
|
|
7
|
+
}
|
|
8
|
+
export declare const TimePickerColumn: (props: TimePickerColumnProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Assign } from '../../types';
|
|
2
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
3
|
+
export interface TimePickerContentBaseProps extends PolymorphicProps<'div'> {
|
|
4
|
+
}
|
|
5
|
+
export interface TimePickerContentProps extends Assign<HTMLProps<'div'>, TimePickerContentBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
export declare const TimePickerContent: (props: TimePickerContentProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { JSX } from 'solid-js';
|
|
2
|
+
import { type UseTimePickerContext } from './use-time-picker-context';
|
|
3
|
+
export interface TimePickerContextProps {
|
|
4
|
+
children: (context: UseTimePickerContext) => JSX.Element;
|
|
5
|
+
}
|
|
6
|
+
export declare const TimePickerContext: (props: TimePickerContextProps) => JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Assign } from '../../types';
|
|
2
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
3
|
+
export interface TimePickerControlBaseProps extends PolymorphicProps<'div'> {
|
|
4
|
+
}
|
|
5
|
+
export interface TimePickerControlProps extends Assign<HTMLProps<'div'>, TimePickerControlBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
export declare const TimePickerControl: (props: TimePickerControlProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Assign } from '../../types';
|
|
2
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
3
|
+
export interface TimePickerInputBaseProps extends PolymorphicProps<'input'> {
|
|
4
|
+
}
|
|
5
|
+
export interface TimePickerInputProps extends Assign<HTMLProps<'input'>, TimePickerInputBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
export declare const TimePickerInput: (props: TimePickerInputProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Assign } from '../../types';
|
|
2
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
3
|
+
export interface TimePickerLabelBaseProps extends PolymorphicProps<'label'> {
|
|
4
|
+
}
|
|
5
|
+
export interface TimePickerLabelProps extends Assign<HTMLProps<'label'>, TimePickerLabelBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
export declare const TimePickerLabel: (props: TimePickerLabelProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
2
|
+
export interface TimePickerPositionerBaseProps extends PolymorphicProps<'div'> {
|
|
3
|
+
}
|
|
4
|
+
export interface TimePickerPositionerProps extends HTMLProps<'div'>, TimePickerPositionerBaseProps {
|
|
5
|
+
}
|
|
6
|
+
export declare const TimePickerPositioner: (props: TimePickerPositionerProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
2
|
+
import { type UsePresenceProps } from '../presence';
|
|
3
|
+
import type { UseTimePickerReturn } from './use-time-picker';
|
|
4
|
+
interface RootProviderProps {
|
|
5
|
+
value: UseTimePickerReturn;
|
|
6
|
+
}
|
|
7
|
+
export interface TimePickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps<'div'> {
|
|
8
|
+
}
|
|
9
|
+
export interface TimePickerRootProviderProps extends HTMLProps<'div'>, TimePickerRootProviderBaseProps {
|
|
10
|
+
}
|
|
11
|
+
export declare const TimePickerRootProvider: (props: TimePickerRootProviderProps) => import("solid-js").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Assign } from '../../types';
|
|
2
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
3
|
+
import { type UsePresenceProps } from '../presence';
|
|
4
|
+
import { type UseTimePickerProps } from './use-time-picker';
|
|
5
|
+
export interface TimePickerRootBaseProps extends UseTimePickerProps, UsePresenceProps, PolymorphicProps<'div'> {
|
|
6
|
+
}
|
|
7
|
+
export interface TimePickerRootProps extends Assign<HTMLProps<'div'>, TimePickerRootBaseProps> {
|
|
8
|
+
}
|
|
9
|
+
export declare const TimePickerRoot: (props: TimePickerRootProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Assign } from '../../types';
|
|
2
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
3
|
+
export interface TimePickerSpacerBaseProps extends PolymorphicProps<'div'> {
|
|
4
|
+
}
|
|
5
|
+
export interface TimePickerSpacerProps extends Assign<HTMLProps<'div'>, TimePickerSpacerBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
export declare const TimePickerSpacer: (props: TimePickerSpacerProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Assign } from '../../types';
|
|
2
|
+
import { type HTMLProps, type PolymorphicProps } from '../factory';
|
|
3
|
+
export interface TimePickerTriggerBaseProps extends PolymorphicProps<'button'> {
|
|
4
|
+
}
|
|
5
|
+
export interface TimePickerTriggerProps extends Assign<HTMLProps<'button'>, TimePickerTriggerBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
export declare const TimePickerTrigger: (props: TimePickerTriggerProps) => import("solid-js").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type { FocusChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/time-picker';
|
|
2
|
+
export { TimePickerCell as Cell, type TimePickerCellBaseProps as CellBaseProps, type TimePickerCellProps as CellProps, } from './time-picker-cell';
|
|
3
|
+
export { TimePickerClearTrigger as ClearTrigger, type TimePickerClearTriggerBaseProps as ClearTriggerBaseProps, type TimePickerClearTriggerProps as ClearTriggerProps, } from './time-picker-clear-trigger';
|
|
4
|
+
export { TimePickerColumn as Column, type TimePickerColumnBaseProps as ColumnBaseProps, type TimePickerColumnProps as ColumnProps, } from './time-picker-column';
|
|
5
|
+
export { TimePickerContent as Content, type TimePickerContentBaseProps as ContentBaseProps, type TimePickerContentProps as ContentProps, } from './time-picker-content';
|
|
6
|
+
export { TimePickerContext as Context, type TimePickerContextProps as ContextProps, } from './time-picker-context';
|
|
7
|
+
export { TimePickerControl as Control, type TimePickerControlBaseProps as ControlBaseProps, type TimePickerControlProps as ControlProps, } from './time-picker-control';
|
|
8
|
+
export { TimePickerInput as Input, type TimePickerInputBaseProps as InputBaseProps, type TimePickerInputProps as InputProps, } from './time-picker-input';
|
|
9
|
+
export { TimePickerLabel as Label, type TimePickerLabelBaseProps as LabelBaseProps, type TimePickerLabelProps as LabelProps, } from './time-picker-label';
|
|
10
|
+
export { TimePickerPositioner as Positioner, type TimePickerPositionerBaseProps as PositionerBaseProps, type TimePickerPositionerProps as PositionerProps, } from './time-picker-positioner';
|
|
11
|
+
export { TimePickerRoot as Root, type TimePickerRootBaseProps as RootBaseProps, type TimePickerRootProps as RootProps, } from './time-picker-root';
|
|
12
|
+
export { TimePickerRootProvider as RootProvider, type TimePickerRootProviderBaseProps as RootProviderBaseProps, type TimePickerRootProviderProps as RootProviderProps, } from './time-picker-root-provider';
|
|
13
|
+
export { TimePickerSpacer as Spacer, type TimePickerSpacerBaseProps as SpacerBaseProps, type TimePickerSpacerProps as SpacerProps, } from './time-picker-spacer';
|
|
14
|
+
export { TimePickerTrigger as Trigger, type TimePickerTriggerBaseProps as TriggerBaseProps, type TimePickerTriggerProps as TriggerProps, } from './time-picker-trigger';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { TimeUnit } from '@zag-js/time-picker';
|
|
2
|
+
export interface UseTimePickerColumnPropsContext {
|
|
3
|
+
unit: TimeUnit;
|
|
4
|
+
}
|
|
5
|
+
export declare const TimePickerColumnPropsProvider: import("solid-js").ContextProviderComponent<UseTimePickerColumnPropsContext>, useTimePickerColumnPropsContext: () => UseTimePickerColumnPropsContext;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { UseTimePickerReturn } from './use-time-picker';
|
|
2
|
+
export interface UseTimePickerContext extends UseTimePickerReturn {
|
|
3
|
+
}
|
|
4
|
+
export declare const TimePickerProvider: import("solid-js").ContextProviderComponent<UseTimePickerContext>, useTimePickerContext: () => UseTimePickerContext;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { type PropTypes } from '@zag-js/solid';
|
|
2
|
+
import * as timePicker from '@zag-js/time-picker';
|
|
3
|
+
import { type Accessor } from 'solid-js';
|
|
4
|
+
import type { Optional } from '../../types';
|
|
5
|
+
export interface UseTimePickerProps extends Optional<Omit<timePicker.Context, 'dir' | 'getRootNode' | 'min' | 'max' | 'open.controlled' | 'value'>, 'id'> {
|
|
6
|
+
/**
|
|
7
|
+
* The initial open state of the time picker when it is first rendered.
|
|
8
|
+
* Use when you do not need to control its open state.
|
|
9
|
+
*/
|
|
10
|
+
defaultOpen?: timePicker.Context['open'];
|
|
11
|
+
/**
|
|
12
|
+
* The initial value of the time picker when it is first rendered.
|
|
13
|
+
* Use when you do not need to control the state of the time picker.
|
|
14
|
+
*/
|
|
15
|
+
defaultValue?: string;
|
|
16
|
+
/**
|
|
17
|
+
* The minimum time that can be selected.
|
|
18
|
+
*/
|
|
19
|
+
min?: string;
|
|
20
|
+
/**
|
|
21
|
+
* The maximum time that can be selected.
|
|
22
|
+
*/
|
|
23
|
+
max?: string;
|
|
24
|
+
/**
|
|
25
|
+
* The value of the time picker
|
|
26
|
+
*/
|
|
27
|
+
value?: string;
|
|
28
|
+
}
|
|
29
|
+
export interface UseTimePickerReturn extends Accessor<timePicker.Api<PropTypes>> {
|
|
30
|
+
}
|
|
31
|
+
export declare const useTimePicker: (props?: UseTimePickerProps) => UseTimePickerReturn;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { createToaster, type CreateToasterProps, } from './create-toaster';
|
|
1
|
+
export { createToaster, type CreateToasterProps, type CreateToasterReturn, } from './create-toaster';
|
|
2
2
|
export { ToastActionTrigger, type ToastActionTriggerProps, type ToastActionTriggerBaseProps, } from './toast-action-trigger';
|
|
3
3
|
export { ToastCloseTrigger, type ToastCloseTriggerProps, type ToastCloseTriggerBaseProps, } from './toast-close-trigger';
|
|
4
4
|
export { ToastContext, type ToastContextProps, } from './toast-context';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ark-ui/solid",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.1",
|
|
4
4
|
"description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"accordion",
|
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
"date picker",
|
|
15
15
|
"dialog",
|
|
16
16
|
"editable",
|
|
17
|
+
"field",
|
|
18
|
+
"fieldset",
|
|
17
19
|
"file upload",
|
|
18
20
|
"hover card",
|
|
19
21
|
"menu",
|
|
@@ -32,6 +34,7 @@
|
|
|
32
34
|
"switch",
|
|
33
35
|
"tabs",
|
|
34
36
|
"tags input",
|
|
37
|
+
"time picker",
|
|
35
38
|
"toast",
|
|
36
39
|
"toggle group",
|
|
37
40
|
"tooltip",
|
|
@@ -81,72 +84,73 @@
|
|
|
81
84
|
},
|
|
82
85
|
"sideEffects": false,
|
|
83
86
|
"dependencies": {
|
|
84
|
-
"@zag-js/accordion": "0.
|
|
85
|
-
"@zag-js/anatomy": "0.
|
|
86
|
-
"@zag-js/avatar": "0.
|
|
87
|
-
"@zag-js/carousel": "0.
|
|
88
|
-
"@zag-js/checkbox": "0.
|
|
89
|
-
"@zag-js/clipboard": "0.
|
|
90
|
-
"@zag-js/collapsible": "0.
|
|
91
|
-
"@zag-js/color-picker": "0.
|
|
92
|
-
"@zag-js/combobox": "0.
|
|
93
|
-
"@zag-js/date-picker": "0.
|
|
94
|
-
"@zag-js/dialog": "0.
|
|
95
|
-
"@zag-js/dom-query": "0.
|
|
96
|
-
"@zag-js/editable": "0.
|
|
97
|
-
"@zag-js/file-upload": "0.
|
|
98
|
-
"@zag-js/hover-card": "0.
|
|
99
|
-
"@zag-js/file-utils": "0.
|
|
100
|
-
"@zag-js/i18n-utils": "0.
|
|
101
|
-
"@zag-js/menu": "0.
|
|
102
|
-
"@zag-js/number-input": "0.
|
|
103
|
-
"@zag-js/pagination": "0.
|
|
104
|
-
"@zag-js/pin-input": "0.
|
|
105
|
-
"@zag-js/popover": "0.
|
|
106
|
-
"@zag-js/presence": "0.
|
|
107
|
-
"@zag-js/progress": "0.
|
|
108
|
-
"@zag-js/qr-code": "0.
|
|
109
|
-
"@zag-js/radio-group": "0.
|
|
110
|
-
"@zag-js/rating-group": "0.
|
|
111
|
-
"@zag-js/select": "0.
|
|
112
|
-
"@zag-js/signature-pad": "0.
|
|
113
|
-
"@zag-js/slider": "0.
|
|
114
|
-
"@zag-js/solid": "0.
|
|
115
|
-
"@zag-js/splitter": "0.
|
|
116
|
-
"@zag-js/switch": "0.
|
|
117
|
-
"@zag-js/tabs": "0.
|
|
118
|
-
"@zag-js/tags-input": "0.
|
|
119
|
-
"@zag-js/
|
|
120
|
-
"@zag-js/
|
|
121
|
-
"@zag-js/
|
|
122
|
-
"@zag-js/
|
|
123
|
-
"@zag-js/
|
|
87
|
+
"@zag-js/accordion": "0.62.1",
|
|
88
|
+
"@zag-js/anatomy": "0.62.1",
|
|
89
|
+
"@zag-js/avatar": "0.62.1",
|
|
90
|
+
"@zag-js/carousel": "0.62.1",
|
|
91
|
+
"@zag-js/checkbox": "0.62.1",
|
|
92
|
+
"@zag-js/clipboard": "0.62.1",
|
|
93
|
+
"@zag-js/collapsible": "0.62.1",
|
|
94
|
+
"@zag-js/color-picker": "0.62.1",
|
|
95
|
+
"@zag-js/combobox": "0.62.1",
|
|
96
|
+
"@zag-js/date-picker": "0.62.1",
|
|
97
|
+
"@zag-js/dialog": "0.62.1",
|
|
98
|
+
"@zag-js/dom-query": "0.62.1",
|
|
99
|
+
"@zag-js/editable": "0.62.1",
|
|
100
|
+
"@zag-js/file-upload": "0.62.1",
|
|
101
|
+
"@zag-js/hover-card": "0.62.1",
|
|
102
|
+
"@zag-js/file-utils": "0.62.1",
|
|
103
|
+
"@zag-js/i18n-utils": "0.62.1",
|
|
104
|
+
"@zag-js/menu": "0.62.1",
|
|
105
|
+
"@zag-js/number-input": "0.62.1",
|
|
106
|
+
"@zag-js/pagination": "0.62.1",
|
|
107
|
+
"@zag-js/pin-input": "0.62.1",
|
|
108
|
+
"@zag-js/popover": "0.62.1",
|
|
109
|
+
"@zag-js/presence": "0.62.1",
|
|
110
|
+
"@zag-js/progress": "0.62.1",
|
|
111
|
+
"@zag-js/qr-code": "0.62.1",
|
|
112
|
+
"@zag-js/radio-group": "0.62.1",
|
|
113
|
+
"@zag-js/rating-group": "0.62.1",
|
|
114
|
+
"@zag-js/select": "0.62.1",
|
|
115
|
+
"@zag-js/signature-pad": "0.62.1",
|
|
116
|
+
"@zag-js/slider": "0.62.1",
|
|
117
|
+
"@zag-js/solid": "0.62.1",
|
|
118
|
+
"@zag-js/splitter": "0.62.1",
|
|
119
|
+
"@zag-js/switch": "0.62.1",
|
|
120
|
+
"@zag-js/tabs": "0.62.1",
|
|
121
|
+
"@zag-js/tags-input": "0.62.1",
|
|
122
|
+
"@zag-js/time-picker": "0.62.1",
|
|
123
|
+
"@zag-js/toast": "0.62.1",
|
|
124
|
+
"@zag-js/toggle-group": "0.62.1",
|
|
125
|
+
"@zag-js/tooltip": "0.62.1",
|
|
126
|
+
"@zag-js/tree-view": "0.62.1",
|
|
127
|
+
"@zag-js/types": "0.62.1"
|
|
124
128
|
},
|
|
125
129
|
"devDependencies": {
|
|
126
|
-
"@biomejs/biome": "1.8.
|
|
130
|
+
"@biomejs/biome": "1.8.3",
|
|
127
131
|
"@release-it/keep-a-changelog": "5.0.0",
|
|
128
|
-
"@solidjs/testing-library": "0.8.
|
|
129
|
-
"@storybook/addon-a11y": "8.
|
|
130
|
-
"@storybook/addon-essentials": "8.
|
|
131
|
-
"@testing-library/dom": "10.
|
|
132
|
-
"@testing-library/jest-dom": "6.4.
|
|
132
|
+
"@solidjs/testing-library": "0.8.9",
|
|
133
|
+
"@storybook/addon-a11y": "8.2.6",
|
|
134
|
+
"@storybook/addon-essentials": "8.2.6",
|
|
135
|
+
"@testing-library/dom": "10.4.0",
|
|
136
|
+
"@testing-library/jest-dom": "6.4.8",
|
|
133
137
|
"@testing-library/user-event": "14.5.2",
|
|
134
138
|
"@types/jsdom": "21.1.7",
|
|
135
|
-
"globby": "14.0.
|
|
136
|
-
"jsdom": "24.1.
|
|
137
|
-
"lucide-solid": "0.
|
|
138
|
-
"release-it": "17.
|
|
139
|
+
"globby": "14.0.2",
|
|
140
|
+
"jsdom": "24.1.1",
|
|
141
|
+
"lucide-solid": "0.414.0",
|
|
142
|
+
"release-it": "17.6.0",
|
|
139
143
|
"resize-observer-polyfill": "1.5.1",
|
|
140
|
-
"rollup": "4.
|
|
144
|
+
"rollup": "4.19.0",
|
|
141
145
|
"rollup-preset-solid": "2.0.1",
|
|
142
|
-
"solid-js": "1.8.
|
|
143
|
-
"storybook": "8.
|
|
146
|
+
"solid-js": "1.8.19",
|
|
147
|
+
"storybook": "8.2.6",
|
|
144
148
|
"storybook-solidjs": "1.0.0-beta.2",
|
|
145
149
|
"storybook-solidjs-vite": "1.0.0-beta.2",
|
|
146
|
-
"typescript": "5.5.
|
|
147
|
-
"vite": "5.3.
|
|
150
|
+
"typescript": "5.5.4",
|
|
151
|
+
"vite": "5.3.4",
|
|
148
152
|
"vite-plugin-solid": "2.10.2",
|
|
149
|
-
"vitest": "
|
|
153
|
+
"vitest": "2.0.4"
|
|
150
154
|
},
|
|
151
155
|
"peerDependencies": {
|
|
152
156
|
"solid-js": ">=1.6.0"
|