@ark-ui/react 5.29.0 → 5.30.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.
- package/dist/components/anatomy.cjs +5 -0
- package/dist/components/anatomy.d.cts +1 -0
- package/dist/components/anatomy.d.ts +1 -0
- package/dist/components/anatomy.js +1 -0
- package/dist/components/checkbox/use-checkbox-group.cjs +11 -1
- package/dist/components/checkbox/use-checkbox-group.d.cts +2 -2
- package/dist/components/checkbox/use-checkbox-group.d.ts +2 -2
- package/dist/components/checkbox/use-checkbox-group.js +11 -1
- package/dist/components/date-picker/date-picker-root.cjs +4 -2
- package/dist/components/date-picker/date-picker-root.js +4 -2
- package/dist/components/fieldset/use-fieldset.cjs +37 -46
- package/dist/components/fieldset/use-fieldset.d.cts +5 -0
- package/dist/components/fieldset/use-fieldset.d.ts +5 -0
- package/dist/components/fieldset/use-fieldset.js +38 -47
- package/dist/components/index.cjs +41 -0
- package/dist/components/index.d.cts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +20 -0
- package/dist/components/navigation-menu/index.cjs +44 -0
- package/dist/components/navigation-menu/index.d.cts +18 -0
- package/dist/components/navigation-menu/index.d.ts +18 -0
- package/dist/components/navigation-menu/index.js +18 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.cjs +19 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.d.cts +7 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.d.ts +7 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.js +15 -0
- package/dist/components/navigation-menu/navigation-menu-content.cjs +41 -0
- package/dist/components/navigation-menu/navigation-menu-content.d.cts +9 -0
- package/dist/components/navigation-menu/navigation-menu-content.d.ts +9 -0
- package/dist/components/navigation-menu/navigation-menu-content.js +37 -0
- package/dist/components/navigation-menu/navigation-menu-context.cjs +10 -0
- package/dist/components/navigation-menu/navigation-menu-context.d.cts +6 -0
- package/dist/components/navigation-menu/navigation-menu-context.d.ts +6 -0
- package/dist/components/navigation-menu/navigation-menu-context.js +6 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.cjs +25 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.d.cts +7 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.d.ts +7 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.js +21 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.cjs +23 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.d.cts +7 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.d.ts +7 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.js +19 -0
- package/dist/components/navigation-menu/navigation-menu-item.cjs +23 -0
- package/dist/components/navigation-menu/navigation-menu-item.d.cts +8 -0
- package/dist/components/navigation-menu/navigation-menu-item.d.ts +8 -0
- package/dist/components/navigation-menu/navigation-menu-item.js +19 -0
- package/dist/components/navigation-menu/navigation-menu-link.cjs +25 -0
- package/dist/components/navigation-menu/navigation-menu-link.d.cts +9 -0
- package/dist/components/navigation-menu/navigation-menu-link.d.ts +9 -0
- package/dist/components/navigation-menu/navigation-menu-link.js +21 -0
- package/dist/components/navigation-menu/navigation-menu-list.cjs +19 -0
- package/dist/components/navigation-menu/navigation-menu-list.d.cts +7 -0
- package/dist/components/navigation-menu/navigation-menu-list.d.ts +7 -0
- package/dist/components/navigation-menu/navigation-menu-list.js +15 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.cjs +23 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.d.cts +13 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.d.ts +13 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.js +19 -0
- package/dist/components/navigation-menu/navigation-menu-root.cjs +37 -0
- package/dist/components/navigation-menu/navigation-menu-root.d.cts +10 -0
- package/dist/components/navigation-menu/navigation-menu-root.d.ts +10 -0
- package/dist/components/navigation-menu/navigation-menu-root.js +33 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.cjs +28 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.d.cts +9 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.d.ts +9 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.js +24 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.cjs +24 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.d.cts +8 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.d.ts +8 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.js +20 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.cjs +32 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.d.cts +8 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.d.ts +8 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.js +28 -0
- package/dist/components/navigation-menu/navigation-menu.anatomy.d.cts +1 -0
- package/dist/components/navigation-menu/navigation-menu.anatomy.d.ts +1 -0
- package/dist/components/navigation-menu/navigation-menu.cjs +33 -0
- package/dist/components/navigation-menu/navigation-menu.d.cts +14 -0
- package/dist/components/navigation-menu/navigation-menu.d.ts +14 -0
- package/dist/components/navigation-menu/navigation-menu.js +13 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.cjs +15 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.d.cts +5 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.d.ts +5 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.js +10 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.cjs +16 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.cts +3 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.ts +3 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.js +11 -0
- package/dist/components/navigation-menu/use-navigation-menu.cjs +45 -0
- package/dist/components/navigation-menu/use-navigation-menu.d.cts +8 -0
- package/dist/components/navigation-menu/use-navigation-menu.d.ts +8 -0
- package/dist/components/navigation-menu/use-navigation-menu.js +22 -0
- package/dist/components/number-input/number-input-root.cjs +1 -0
- package/dist/components/number-input/number-input-root.js +1 -0
- package/dist/components/pagination/index.cjs +4 -0
- package/dist/components/pagination/index.d.cts +2 -0
- package/dist/components/pagination/index.d.ts +2 -0
- package/dist/components/pagination/index.js +2 -0
- package/dist/components/pagination/pagination-first-trigger.cjs +19 -0
- package/dist/components/pagination/pagination-first-trigger.d.cts +7 -0
- package/dist/components/pagination/pagination-first-trigger.d.ts +7 -0
- package/dist/components/pagination/pagination-first-trigger.js +15 -0
- package/dist/components/pagination/pagination-last-trigger.cjs +19 -0
- package/dist/components/pagination/pagination-last-trigger.d.cts +7 -0
- package/dist/components/pagination/pagination-last-trigger.d.ts +7 -0
- package/dist/components/pagination/pagination-last-trigger.js +15 -0
- package/dist/components/pagination/pagination-root.cjs +1 -0
- package/dist/components/pagination/pagination-root.js +1 -0
- package/dist/components/pagination/pagination.cjs +4 -0
- package/dist/components/pagination/pagination.d.cts +2 -0
- package/dist/components/pagination/pagination.d.ts +2 -0
- package/dist/components/pagination/pagination.js +2 -0
- package/dist/components/radio-group/radio-group-root.cjs +2 -0
- package/dist/components/radio-group/radio-group-root.js +2 -0
- package/dist/components/radio-group/use-radio-group.cjs +7 -0
- package/dist/components/radio-group/use-radio-group.js +7 -0
- package/dist/components/segment-group/segment-group-root.cjs +2 -0
- package/dist/components/segment-group/segment-group-root.js +2 -0
- package/dist/components/tree-view/tree-view-root.cjs +1 -0
- package/dist/components/tree-view/tree-view-root.js +1 -0
- package/dist/index.cjs +41 -0
- package/dist/index.js +20 -0
- package/package.json +72 -71
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const paginationContext = require('./pagination-context.cjs');
|
|
6
6
|
const paginationEllipsis = require('./pagination-ellipsis.cjs');
|
|
7
|
+
const paginationFirstTrigger = require('./pagination-first-trigger.cjs');
|
|
7
8
|
const paginationItem = require('./pagination-item.cjs');
|
|
9
|
+
const paginationLastTrigger = require('./pagination-last-trigger.cjs');
|
|
8
10
|
const paginationNextTrigger = require('./pagination-next-trigger.cjs');
|
|
9
11
|
const paginationPrevTrigger = require('./pagination-prev-trigger.cjs');
|
|
10
12
|
const paginationRoot = require('./pagination-root.cjs');
|
|
@@ -18,7 +20,9 @@ const pagination = require('@zag-js/pagination');
|
|
|
18
20
|
|
|
19
21
|
exports.PaginationContext = paginationContext.PaginationContext;
|
|
20
22
|
exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
|
|
23
|
+
exports.PaginationFirstTrigger = paginationFirstTrigger.PaginationFirstTrigger;
|
|
21
24
|
exports.PaginationItem = paginationItem.PaginationItem;
|
|
25
|
+
exports.PaginationLastTrigger = paginationLastTrigger.PaginationLastTrigger;
|
|
22
26
|
exports.PaginationNextTrigger = paginationNextTrigger.PaginationNextTrigger;
|
|
23
27
|
exports.PaginationPrevTrigger = paginationPrevTrigger.PaginationPrevTrigger;
|
|
24
28
|
exports.PaginationRoot = paginationRoot.PaginationRoot;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination';
|
|
2
2
|
export { PaginationContext, type PaginationContextProps } from './pagination-context';
|
|
3
3
|
export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis';
|
|
4
|
+
export { PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, } from './pagination-first-trigger';
|
|
4
5
|
export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item';
|
|
6
|
+
export { PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, } from './pagination-last-trigger';
|
|
5
7
|
export { PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './pagination-next-trigger';
|
|
6
8
|
export { PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './pagination-prev-trigger';
|
|
7
9
|
export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps } from './pagination-root';
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination';
|
|
2
2
|
export { PaginationContext, type PaginationContextProps } from './pagination-context';
|
|
3
3
|
export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis';
|
|
4
|
+
export { PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, } from './pagination-first-trigger';
|
|
4
5
|
export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item';
|
|
6
|
+
export { PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, } from './pagination-last-trigger';
|
|
5
7
|
export { PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './pagination-next-trigger';
|
|
6
8
|
export { PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './pagination-prev-trigger';
|
|
7
9
|
export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps } from './pagination-root';
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export { PaginationContext } from './pagination-context.js';
|
|
2
2
|
export { PaginationEllipsis } from './pagination-ellipsis.js';
|
|
3
|
+
export { PaginationFirstTrigger } from './pagination-first-trigger.js';
|
|
3
4
|
export { PaginationItem } from './pagination-item.js';
|
|
5
|
+
export { PaginationLastTrigger } from './pagination-last-trigger.js';
|
|
4
6
|
export { PaginationNextTrigger } from './pagination-next-trigger.js';
|
|
5
7
|
export { PaginationPrevTrigger } from './pagination-prev-trigger.js';
|
|
6
8
|
export { PaginationRoot } from './pagination-root.js';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const react$1 = require('@zag-js/react');
|
|
8
|
+
const react = require('react');
|
|
9
|
+
const factory = require('../factory.cjs');
|
|
10
|
+
const usePaginationContext = require('./use-pagination-context.cjs');
|
|
11
|
+
|
|
12
|
+
const PaginationFirstTrigger = react.forwardRef((props, ref) => {
|
|
13
|
+
const pagination = usePaginationContext.usePaginationContext();
|
|
14
|
+
const mergedProps = react$1.mergeProps(pagination.getFirstTriggerProps(), props);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
|
|
16
|
+
});
|
|
17
|
+
PaginationFirstTrigger.displayName = "PaginationFirstTrigger";
|
|
18
|
+
|
|
19
|
+
exports.PaginationFirstTrigger = PaginationFirstTrigger;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface PaginationFirstTriggerBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface PaginationFirstTriggerProps extends HTMLProps<'button'>, PaginationFirstTriggerBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const PaginationFirstTrigger: ForwardRefExoticComponent<PaginationFirstTriggerProps & RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface PaginationFirstTriggerBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface PaginationFirstTriggerProps extends HTMLProps<'button'>, PaginationFirstTriggerBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const PaginationFirstTrigger: ForwardRefExoticComponent<PaginationFirstTriggerProps & RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { mergeProps } from '@zag-js/react';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { ark } from '../factory.js';
|
|
6
|
+
import { usePaginationContext } from './use-pagination-context.js';
|
|
7
|
+
|
|
8
|
+
const PaginationFirstTrigger = forwardRef((props, ref) => {
|
|
9
|
+
const pagination = usePaginationContext();
|
|
10
|
+
const mergedProps = mergeProps(pagination.getFirstTriggerProps(), props);
|
|
11
|
+
return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
|
|
12
|
+
});
|
|
13
|
+
PaginationFirstTrigger.displayName = "PaginationFirstTrigger";
|
|
14
|
+
|
|
15
|
+
export { PaginationFirstTrigger };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const react$1 = require('@zag-js/react');
|
|
8
|
+
const react = require('react');
|
|
9
|
+
const factory = require('../factory.cjs');
|
|
10
|
+
const usePaginationContext = require('./use-pagination-context.cjs');
|
|
11
|
+
|
|
12
|
+
const PaginationLastTrigger = react.forwardRef((props, ref) => {
|
|
13
|
+
const pagination = usePaginationContext.usePaginationContext();
|
|
14
|
+
const mergedProps = react$1.mergeProps(pagination.getLastTriggerProps(), props);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
|
|
16
|
+
});
|
|
17
|
+
PaginationLastTrigger.displayName = "PaginationLastTrigger";
|
|
18
|
+
|
|
19
|
+
exports.PaginationLastTrigger = PaginationLastTrigger;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface PaginationLastTriggerBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface PaginationLastTriggerProps extends HTMLProps<'button'>, PaginationLastTriggerBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const PaginationLastTrigger: ForwardRefExoticComponent<PaginationLastTriggerProps & RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface PaginationLastTriggerBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface PaginationLastTriggerProps extends HTMLProps<'button'>, PaginationLastTriggerBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const PaginationLastTrigger: ForwardRefExoticComponent<PaginationLastTriggerProps & RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { mergeProps } from '@zag-js/react';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { ark } from '../factory.js';
|
|
6
|
+
import { usePaginationContext } from './use-pagination-context.js';
|
|
7
|
+
|
|
8
|
+
const PaginationLastTrigger = forwardRef((props, ref) => {
|
|
9
|
+
const pagination = usePaginationContext();
|
|
10
|
+
const mergedProps = mergeProps(pagination.getLastTriggerProps(), props);
|
|
11
|
+
return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
|
|
12
|
+
});
|
|
13
|
+
PaginationLastTrigger.displayName = "PaginationLastTrigger";
|
|
14
|
+
|
|
15
|
+
export { PaginationLastTrigger };
|
|
@@ -14,6 +14,7 @@ const usePaginationContext = require('./use-pagination-context.cjs');
|
|
|
14
14
|
const splitRootProps = createSplitProps.createSplitProps();
|
|
15
15
|
const PaginationRoot = react.forwardRef((props, ref) => {
|
|
16
16
|
const [paginationProps, localProps] = splitRootProps(props, [
|
|
17
|
+
"boundaryCount",
|
|
17
18
|
"count",
|
|
18
19
|
"defaultPage",
|
|
19
20
|
"defaultPageSize",
|
|
@@ -10,6 +10,7 @@ import { PaginationProvider } from './use-pagination-context.js';
|
|
|
10
10
|
const splitRootProps = createSplitProps();
|
|
11
11
|
const PaginationRoot = forwardRef((props, ref) => {
|
|
12
12
|
const [paginationProps, localProps] = splitRootProps(props, [
|
|
13
|
+
"boundaryCount",
|
|
13
14
|
"count",
|
|
14
15
|
"defaultPage",
|
|
15
16
|
"defaultPageSize",
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const paginationContext = require('./pagination-context.cjs');
|
|
6
6
|
const paginationEllipsis = require('./pagination-ellipsis.cjs');
|
|
7
|
+
const paginationFirstTrigger = require('./pagination-first-trigger.cjs');
|
|
7
8
|
const paginationItem = require('./pagination-item.cjs');
|
|
9
|
+
const paginationLastTrigger = require('./pagination-last-trigger.cjs');
|
|
8
10
|
const paginationNextTrigger = require('./pagination-next-trigger.cjs');
|
|
9
11
|
const paginationPrevTrigger = require('./pagination-prev-trigger.cjs');
|
|
10
12
|
const paginationRoot = require('./pagination-root.cjs');
|
|
@@ -14,7 +16,9 @@ const paginationRootProvider = require('./pagination-root-provider.cjs');
|
|
|
14
16
|
|
|
15
17
|
exports.Context = paginationContext.PaginationContext;
|
|
16
18
|
exports.Ellipsis = paginationEllipsis.PaginationEllipsis;
|
|
19
|
+
exports.FirstTrigger = paginationFirstTrigger.PaginationFirstTrigger;
|
|
17
20
|
exports.Item = paginationItem.PaginationItem;
|
|
21
|
+
exports.LastTrigger = paginationLastTrigger.PaginationLastTrigger;
|
|
18
22
|
exports.NextTrigger = paginationNextTrigger.PaginationNextTrigger;
|
|
19
23
|
exports.PrevTrigger = paginationPrevTrigger.PaginationPrevTrigger;
|
|
20
24
|
exports.Root = paginationRoot.PaginationRoot;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination';
|
|
2
2
|
export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context';
|
|
3
3
|
export { PaginationEllipsis as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, } from './pagination-ellipsis';
|
|
4
|
+
export { PaginationFirstTrigger as FirstTrigger, type PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, type PaginationFirstTriggerProps as FirstTriggerProps, } from './pagination-first-trigger';
|
|
4
5
|
export { PaginationItem as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, } from './pagination-item';
|
|
6
|
+
export { PaginationLastTrigger as LastTrigger, type PaginationLastTriggerBaseProps as LastTriggerBaseProps, type PaginationLastTriggerProps as LastTriggerProps, } from './pagination-last-trigger';
|
|
5
7
|
export { PaginationNextTrigger as NextTrigger, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, type PaginationNextTriggerProps as NextTriggerProps, } from './pagination-next-trigger';
|
|
6
8
|
export { PaginationPrevTrigger as PrevTrigger, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, type PaginationPrevTriggerProps as PrevTriggerProps, } from './pagination-prev-trigger';
|
|
7
9
|
export { PaginationRoot as Root, type PaginationRootBaseProps as RootBaseProps, type PaginationRootProps as RootProps, } from './pagination-root';
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination';
|
|
2
2
|
export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context';
|
|
3
3
|
export { PaginationEllipsis as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, } from './pagination-ellipsis';
|
|
4
|
+
export { PaginationFirstTrigger as FirstTrigger, type PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, type PaginationFirstTriggerProps as FirstTriggerProps, } from './pagination-first-trigger';
|
|
4
5
|
export { PaginationItem as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, } from './pagination-item';
|
|
6
|
+
export { PaginationLastTrigger as LastTrigger, type PaginationLastTriggerBaseProps as LastTriggerBaseProps, type PaginationLastTriggerProps as LastTriggerProps, } from './pagination-last-trigger';
|
|
5
7
|
export { PaginationNextTrigger as NextTrigger, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, type PaginationNextTriggerProps as NextTriggerProps, } from './pagination-next-trigger';
|
|
6
8
|
export { PaginationPrevTrigger as PrevTrigger, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, type PaginationPrevTriggerProps as PrevTriggerProps, } from './pagination-prev-trigger';
|
|
7
9
|
export { PaginationRoot as Root, type PaginationRootBaseProps as RootBaseProps, type PaginationRootProps as RootProps, } from './pagination-root';
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export { PaginationContext as Context } from './pagination-context.js';
|
|
2
2
|
export { PaginationEllipsis as Ellipsis } from './pagination-ellipsis.js';
|
|
3
|
+
export { PaginationFirstTrigger as FirstTrigger } from './pagination-first-trigger.js';
|
|
3
4
|
export { PaginationItem as Item } from './pagination-item.js';
|
|
5
|
+
export { PaginationLastTrigger as LastTrigger } from './pagination-last-trigger.js';
|
|
4
6
|
export { PaginationNextTrigger as NextTrigger } from './pagination-next-trigger.js';
|
|
5
7
|
export { PaginationPrevTrigger as PrevTrigger } from './pagination-prev-trigger.js';
|
|
6
8
|
export { PaginationRoot as Root } from './pagination-root.js';
|
|
@@ -19,10 +19,12 @@ const RadioGroupRoot = react.forwardRef((props, ref) => {
|
|
|
19
19
|
"form",
|
|
20
20
|
"id",
|
|
21
21
|
"ids",
|
|
22
|
+
"invalid",
|
|
22
23
|
"name",
|
|
23
24
|
"onValueChange",
|
|
24
25
|
"orientation",
|
|
25
26
|
"readOnly",
|
|
27
|
+
"required",
|
|
26
28
|
"value"
|
|
27
29
|
]);
|
|
28
30
|
const radioGroup = useRadioGroup.useRadioGroup(useRadioGroupProps);
|
|
@@ -15,10 +15,12 @@ const RadioGroupRoot = forwardRef((props, ref) => {
|
|
|
15
15
|
"form",
|
|
16
16
|
"id",
|
|
17
17
|
"ids",
|
|
18
|
+
"invalid",
|
|
18
19
|
"name",
|
|
19
20
|
"onValueChange",
|
|
20
21
|
"orientation",
|
|
21
22
|
"readOnly",
|
|
23
|
+
"required",
|
|
22
24
|
"value"
|
|
23
25
|
]);
|
|
24
26
|
const radioGroup = useRadioGroup(useRadioGroupProps);
|
|
@@ -8,6 +8,7 @@ const react$1 = require('@zag-js/react');
|
|
|
8
8
|
const react = require('react');
|
|
9
9
|
const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
|
|
10
10
|
const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
|
|
11
|
+
const useFieldsetContext = require('../fieldset/use-fieldset-context.cjs');
|
|
11
12
|
|
|
12
13
|
function _interopNamespaceDefault(e) {
|
|
13
14
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
@@ -29,12 +30,18 @@ function _interopNamespaceDefault(e) {
|
|
|
29
30
|
const radio__namespace = /*#__PURE__*/_interopNamespaceDefault(radio);
|
|
30
31
|
|
|
31
32
|
const useRadioGroup = (props) => {
|
|
33
|
+
const fieldset = useFieldsetContext.useFieldsetContext();
|
|
32
34
|
const id = react.useId();
|
|
33
35
|
const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
|
|
34
36
|
const { dir } = useLocaleContext.useLocaleContext();
|
|
35
37
|
const machineProps = {
|
|
36
38
|
id,
|
|
39
|
+
ids: {
|
|
40
|
+
label: fieldset?.ids?.legend
|
|
41
|
+
},
|
|
37
42
|
dir,
|
|
43
|
+
disabled: fieldset?.disabled,
|
|
44
|
+
invalid: fieldset?.invalid,
|
|
38
45
|
getRootNode,
|
|
39
46
|
...props
|
|
40
47
|
};
|
|
@@ -4,14 +4,21 @@ import { useMachine, normalizeProps } from '@zag-js/react';
|
|
|
4
4
|
import { useId } from 'react';
|
|
5
5
|
import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
|
|
6
6
|
import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
|
|
7
|
+
import { useFieldsetContext } from '../fieldset/use-fieldset-context.js';
|
|
7
8
|
|
|
8
9
|
const useRadioGroup = (props) => {
|
|
10
|
+
const fieldset = useFieldsetContext();
|
|
9
11
|
const id = useId();
|
|
10
12
|
const { getRootNode } = useEnvironmentContext();
|
|
11
13
|
const { dir } = useLocaleContext();
|
|
12
14
|
const machineProps = {
|
|
13
15
|
id,
|
|
16
|
+
ids: {
|
|
17
|
+
label: fieldset?.ids?.legend
|
|
18
|
+
},
|
|
14
19
|
dir,
|
|
20
|
+
disabled: fieldset?.disabled,
|
|
21
|
+
invalid: fieldset?.invalid,
|
|
15
22
|
getRootNode,
|
|
16
23
|
...props
|
|
17
24
|
};
|
|
@@ -20,10 +20,12 @@ const SegmentGroupRoot = react.forwardRef((props, ref) => {
|
|
|
20
20
|
"form",
|
|
21
21
|
"id",
|
|
22
22
|
"ids",
|
|
23
|
+
"invalid",
|
|
23
24
|
"name",
|
|
24
25
|
"onValueChange",
|
|
25
26
|
"orientation",
|
|
26
27
|
"readOnly",
|
|
28
|
+
"required",
|
|
27
29
|
"value"
|
|
28
30
|
]);
|
|
29
31
|
const segmentGroup = useSegmentGroup.useSegmentGroup(useSegmentGroupProps);
|
|
@@ -16,10 +16,12 @@ const SegmentGroupRoot = forwardRef((props, ref) => {
|
|
|
16
16
|
"form",
|
|
17
17
|
"id",
|
|
18
18
|
"ids",
|
|
19
|
+
"invalid",
|
|
19
20
|
"name",
|
|
20
21
|
"onValueChange",
|
|
21
22
|
"orientation",
|
|
22
23
|
"readOnly",
|
|
24
|
+
"required",
|
|
23
25
|
"value"
|
|
24
26
|
]);
|
|
25
27
|
const segmentGroup = useSegmentGroup(useSegmentGroupProps);
|
package/dist/index.cjs
CHANGED
|
@@ -370,6 +370,22 @@ const useMenu = require('./components/menu/use-menu.cjs');
|
|
|
370
370
|
const useMenuContext = require('./components/menu/use-menu-context.cjs');
|
|
371
371
|
const useMenuItemContext = require('./components/menu/use-menu-item-context.cjs');
|
|
372
372
|
const menu$1 = require('./components/menu/menu.cjs');
|
|
373
|
+
const navigationMenuArrow = require('./components/navigation-menu/navigation-menu-arrow.cjs');
|
|
374
|
+
const navigationMenuContent = require('./components/navigation-menu/navigation-menu-content.cjs');
|
|
375
|
+
const navigationMenuContext = require('./components/navigation-menu/navigation-menu-context.cjs');
|
|
376
|
+
const navigationMenuIndicator = require('./components/navigation-menu/navigation-menu-indicator.cjs');
|
|
377
|
+
const navigationMenuItem = require('./components/navigation-menu/navigation-menu-item.cjs');
|
|
378
|
+
const navigationMenuItemIndicator = require('./components/navigation-menu/navigation-menu-item-indicator.cjs');
|
|
379
|
+
const navigationMenuLink = require('./components/navigation-menu/navigation-menu-link.cjs');
|
|
380
|
+
const navigationMenuList = require('./components/navigation-menu/navigation-menu-list.cjs');
|
|
381
|
+
const navigationMenuRoot = require('./components/navigation-menu/navigation-menu-root.cjs');
|
|
382
|
+
const navigationMenuRootProvider = require('./components/navigation-menu/navigation-menu-root-provider.cjs');
|
|
383
|
+
const navigationMenuTrigger = require('./components/navigation-menu/navigation-menu-trigger.cjs');
|
|
384
|
+
const navigationMenuViewport = require('./components/navigation-menu/navigation-menu-viewport.cjs');
|
|
385
|
+
const navigationMenuViewportPositioner = require('./components/navigation-menu/navigation-menu-viewport-positioner.cjs');
|
|
386
|
+
const useNavigationMenu = require('./components/navigation-menu/use-navigation-menu.cjs');
|
|
387
|
+
const useNavigationMenuContext = require('./components/navigation-menu/use-navigation-menu-context.cjs');
|
|
388
|
+
const navigationMenu$1 = require('./components/navigation-menu/navigation-menu.cjs');
|
|
373
389
|
const numberInputContext = require('./components/number-input/number-input-context.cjs');
|
|
374
390
|
const numberInputControl = require('./components/number-input/number-input-control.cjs');
|
|
375
391
|
const numberInputDecrementTrigger = require('./components/number-input/number-input-decrement-trigger.cjs');
|
|
@@ -385,7 +401,9 @@ const useNumberInputContext = require('./components/number-input/use-number-inpu
|
|
|
385
401
|
const numberInput$1 = require('./components/number-input/number-input.cjs');
|
|
386
402
|
const paginationContext = require('./components/pagination/pagination-context.cjs');
|
|
387
403
|
const paginationEllipsis = require('./components/pagination/pagination-ellipsis.cjs');
|
|
404
|
+
const paginationFirstTrigger = require('./components/pagination/pagination-first-trigger.cjs');
|
|
388
405
|
const paginationItem = require('./components/pagination/pagination-item.cjs');
|
|
406
|
+
const paginationLastTrigger = require('./components/pagination/pagination-last-trigger.cjs');
|
|
389
407
|
const paginationNextTrigger = require('./components/pagination/pagination-next-trigger.cjs');
|
|
390
408
|
const paginationPrevTrigger = require('./components/pagination/pagination-prev-trigger.cjs');
|
|
391
409
|
const paginationRoot = require('./components/pagination/pagination-root.cjs');
|
|
@@ -739,6 +757,7 @@ const hoverCard = require('@zag-js/hover-card');
|
|
|
739
757
|
const imageCropper = require('@zag-js/image-cropper');
|
|
740
758
|
const marquee = require('@zag-js/marquee');
|
|
741
759
|
const menu = require('@zag-js/menu');
|
|
760
|
+
const navigationMenu = require('@zag-js/navigation-menu');
|
|
742
761
|
const numberInput = require('@zag-js/number-input');
|
|
743
762
|
const pagination = require('@zag-js/pagination');
|
|
744
763
|
const passwordInput = require('@zag-js/password-input');
|
|
@@ -1140,6 +1159,22 @@ exports.useMenu = useMenu.useMenu;
|
|
|
1140
1159
|
exports.useMenuContext = useMenuContext.useMenuContext;
|
|
1141
1160
|
exports.useMenuItemContext = useMenuItemContext.useMenuItemContext;
|
|
1142
1161
|
exports.Menu = menu$1;
|
|
1162
|
+
exports.NavigationMenuArrow = navigationMenuArrow.NavigationMenuArrow;
|
|
1163
|
+
exports.NavigationMenuContent = navigationMenuContent.NavigationMenuContent;
|
|
1164
|
+
exports.NavigationMenuContext = navigationMenuContext.NavigationMenuContext;
|
|
1165
|
+
exports.NavigationMenuIndicator = navigationMenuIndicator.NavigationMenuIndicator;
|
|
1166
|
+
exports.NavigationMenuItem = navigationMenuItem.NavigationMenuItem;
|
|
1167
|
+
exports.NavigationMenuItemIndicator = navigationMenuItemIndicator.NavigationMenuItemIndicator;
|
|
1168
|
+
exports.NavigationMenuLink = navigationMenuLink.NavigationMenuLink;
|
|
1169
|
+
exports.NavigationMenuList = navigationMenuList.NavigationMenuList;
|
|
1170
|
+
exports.NavigationMenuRoot = navigationMenuRoot.NavigationMenuRoot;
|
|
1171
|
+
exports.NavigationMenuRootProvider = navigationMenuRootProvider.NavigationMenuRootProvider;
|
|
1172
|
+
exports.NavigationMenuTrigger = navigationMenuTrigger.NavigationMenuTrigger;
|
|
1173
|
+
exports.NavigationMenuViewport = navigationMenuViewport.NavigationMenuViewport;
|
|
1174
|
+
exports.NavigationMenuViewportPositioner = navigationMenuViewportPositioner.NavigationMenuViewportPositioner;
|
|
1175
|
+
exports.useNavigationMenu = useNavigationMenu.useNavigationMenu;
|
|
1176
|
+
exports.useNavigationMenuContext = useNavigationMenuContext.useNavigationMenuContext;
|
|
1177
|
+
exports.NavigationMenu = navigationMenu$1;
|
|
1143
1178
|
exports.NumberInputContext = numberInputContext.NumberInputContext;
|
|
1144
1179
|
exports.NumberInputControl = numberInputControl.NumberInputControl;
|
|
1145
1180
|
exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
|
|
@@ -1155,7 +1190,9 @@ exports.useNumberInputContext = useNumberInputContext.useNumberInputContext;
|
|
|
1155
1190
|
exports.NumberInput = numberInput$1;
|
|
1156
1191
|
exports.PaginationContext = paginationContext.PaginationContext;
|
|
1157
1192
|
exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
|
|
1193
|
+
exports.PaginationFirstTrigger = paginationFirstTrigger.PaginationFirstTrigger;
|
|
1158
1194
|
exports.PaginationItem = paginationItem.PaginationItem;
|
|
1195
|
+
exports.PaginationLastTrigger = paginationLastTrigger.PaginationLastTrigger;
|
|
1159
1196
|
exports.PaginationNextTrigger = paginationNextTrigger.PaginationNextTrigger;
|
|
1160
1197
|
exports.PaginationPrevTrigger = paginationPrevTrigger.PaginationPrevTrigger;
|
|
1161
1198
|
exports.PaginationRoot = paginationRoot.PaginationRoot;
|
|
@@ -1562,6 +1599,10 @@ Object.defineProperty(exports, "menuAnatomy", {
|
|
|
1562
1599
|
enumerable: true,
|
|
1563
1600
|
get: () => menu.anatomy
|
|
1564
1601
|
});
|
|
1602
|
+
Object.defineProperty(exports, "navigationMenuAnatomy", {
|
|
1603
|
+
enumerable: true,
|
|
1604
|
+
get: () => navigationMenu.anatomy
|
|
1605
|
+
});
|
|
1565
1606
|
Object.defineProperty(exports, "numberInputAnatomy", {
|
|
1566
1607
|
enumerable: true,
|
|
1567
1608
|
get: () => numberInput.anatomy
|
package/dist/index.js
CHANGED
|
@@ -390,6 +390,23 @@ export { useMenuContext } from './components/menu/use-menu-context.js';
|
|
|
390
390
|
export { useMenuItemContext } from './components/menu/use-menu-item-context.js';
|
|
391
391
|
import * as menu from './components/menu/menu.js';
|
|
392
392
|
export { menu as Menu };
|
|
393
|
+
export { NavigationMenuArrow } from './components/navigation-menu/navigation-menu-arrow.js';
|
|
394
|
+
export { NavigationMenuContent } from './components/navigation-menu/navigation-menu-content.js';
|
|
395
|
+
export { NavigationMenuContext } from './components/navigation-menu/navigation-menu-context.js';
|
|
396
|
+
export { NavigationMenuIndicator } from './components/navigation-menu/navigation-menu-indicator.js';
|
|
397
|
+
export { NavigationMenuItem } from './components/navigation-menu/navigation-menu-item.js';
|
|
398
|
+
export { NavigationMenuItemIndicator } from './components/navigation-menu/navigation-menu-item-indicator.js';
|
|
399
|
+
export { NavigationMenuLink } from './components/navigation-menu/navigation-menu-link.js';
|
|
400
|
+
export { NavigationMenuList } from './components/navigation-menu/navigation-menu-list.js';
|
|
401
|
+
export { NavigationMenuRoot } from './components/navigation-menu/navigation-menu-root.js';
|
|
402
|
+
export { NavigationMenuRootProvider } from './components/navigation-menu/navigation-menu-root-provider.js';
|
|
403
|
+
export { NavigationMenuTrigger } from './components/navigation-menu/navigation-menu-trigger.js';
|
|
404
|
+
export { NavigationMenuViewport } from './components/navigation-menu/navigation-menu-viewport.js';
|
|
405
|
+
export { NavigationMenuViewportPositioner } from './components/navigation-menu/navigation-menu-viewport-positioner.js';
|
|
406
|
+
export { useNavigationMenu } from './components/navigation-menu/use-navigation-menu.js';
|
|
407
|
+
export { useNavigationMenuContext } from './components/navigation-menu/use-navigation-menu-context.js';
|
|
408
|
+
import * as navigationMenu from './components/navigation-menu/navigation-menu.js';
|
|
409
|
+
export { navigationMenu as NavigationMenu };
|
|
393
410
|
export { NumberInputContext } from './components/number-input/number-input-context.js';
|
|
394
411
|
export { NumberInputControl } from './components/number-input/number-input-control.js';
|
|
395
412
|
export { NumberInputDecrementTrigger } from './components/number-input/number-input-decrement-trigger.js';
|
|
@@ -406,7 +423,9 @@ import * as numberInput from './components/number-input/number-input.js';
|
|
|
406
423
|
export { numberInput as NumberInput };
|
|
407
424
|
export { PaginationContext } from './components/pagination/pagination-context.js';
|
|
408
425
|
export { PaginationEllipsis } from './components/pagination/pagination-ellipsis.js';
|
|
426
|
+
export { PaginationFirstTrigger } from './components/pagination/pagination-first-trigger.js';
|
|
409
427
|
export { PaginationItem } from './components/pagination/pagination-item.js';
|
|
428
|
+
export { PaginationLastTrigger } from './components/pagination/pagination-last-trigger.js';
|
|
410
429
|
export { PaginationNextTrigger } from './components/pagination/pagination-next-trigger.js';
|
|
411
430
|
export { PaginationPrevTrigger } from './components/pagination/pagination-prev-trigger.js';
|
|
412
431
|
export { PaginationRoot } from './components/pagination/pagination-root.js';
|
|
@@ -785,6 +804,7 @@ export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
|
|
|
785
804
|
export { anatomy as imageCropperAnatomy } from '@zag-js/image-cropper';
|
|
786
805
|
export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
|
|
787
806
|
export { anatomy as menuAnatomy } from '@zag-js/menu';
|
|
807
|
+
export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';
|
|
788
808
|
export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
|
|
789
809
|
export { anatomy as paginationAnatomy } from '@zag-js/pagination';
|
|
790
810
|
export { anatomy as passwordInputAnatomy } from '@zag-js/password-input';
|