@serendie/ui 0.1.15 → 0.2.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/LICENSE +21 -0
- package/README.md +51 -9
- package/dist/components/{Accordion.d.ts → Accordion/Accordion.d.ts} +2 -2
- package/dist/components/{Accordion.js → Accordion/Accordion.js} +10 -10
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/AccordionGroup.js +4 -4
- package/dist/components/Avatar.js +4 -4
- package/dist/components/Badge.js +4 -4
- package/dist/components/Banner.js +4 -4
- package/dist/components/BottomNavigation.js +3 -3
- package/dist/components/BottomNavigationItem.js +4 -4
- package/dist/components/Button.js +10 -9
- package/dist/components/CheckBox.js +4 -4
- package/dist/components/ChoiceBox.js +10 -10
- package/dist/components/DashboardWidget.js +4 -4
- package/dist/components/Divider.js +4 -4
- package/dist/components/Drawer.js +4 -4
- package/dist/components/DropdownMenu.js +7 -6
- package/dist/components/IconButton.js +4 -4
- package/dist/components/ListItem.js +4 -4
- package/dist/components/ModalDialog.js +4 -4
- package/dist/components/NotificationBadge.js +4 -4
- package/dist/components/PasswordField.js +44 -0
- package/dist/components/ProgressIndicator.js +4 -4
- package/dist/components/RadioButton.js +4 -4
- package/dist/components/Search.js +6 -6
- package/dist/components/Select.js +4 -4
- package/dist/components/Switch.js +4 -4
- package/dist/components/TabItem.js +4 -4
- package/dist/components/Tabs.js +4 -4
- package/dist/components/TextArea.js +4 -4
- package/dist/components/TextField.js +4 -4
- package/dist/components/Toast.js +3 -3
- package/dist/components/TopAppBar.js +4 -4
- package/dist/index.d.ts +2 -1
- package/dist/index.js +81 -79
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-content.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-indicator.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-trigger.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-root.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js +6 -7
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js +5 -6
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js +5 -6
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/collapsible/collapsible-content.js +8 -9
- package/dist/node_modules/@ark-ui/react/dist/components/collapsible/collapsible-root.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-content.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-control.js +5 -6
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-input.js +6 -7
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-text.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-positioner.js +5 -6
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-root.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-trigger.js +5 -6
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-backdrop.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-close-trigger.js +5 -6
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-content.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-description.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-positioner.js +5 -6
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-root.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-title.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-content.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item-group.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-positioner.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-root.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-trigger.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-content.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-control.js +6 -7
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-item.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-label.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-positioner.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-root.js +7 -7
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-trigger.js +5 -6
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-value-text.js +5 -6
- package/dist/node_modules/@ark-ui/react/dist/components/select/use-select.js +35 -31
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-control.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-hidden-input.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-label.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-root.js +8 -9
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-thumb.js +4 -5
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tab-list.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tab-trigger.js +3 -4
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tabs-root.js +10 -10
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-root.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-title.js +0 -1
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toaster.js +4 -4
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +361 -303
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +229 -216
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +19 -19
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +39 -38
- package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js +823 -20
- package/dist/node_modules/@serendie/design-token/dist/tokens.js +346 -25
- package/dist/node_modules/@zag-js/accordion/dist/index.js +12 -12
- package/dist/node_modules/@zag-js/aria-hidden/dist/index.js +13 -62
- package/dist/node_modules/@zag-js/avatar/dist/index.js +12 -10
- package/dist/node_modules/@zag-js/checkbox/dist/index.js +99 -92
- package/dist/node_modules/@zag-js/collapsible/dist/index.js +5 -5
- package/dist/node_modules/@zag-js/collection/dist/index.js +21 -21
- package/dist/node_modules/@zag-js/combobox/dist/index.js +30 -31
- package/dist/node_modules/@zag-js/core/dist/index.js +285 -320
- package/dist/node_modules/@zag-js/dialog/dist/index.js +56 -62
- package/dist/node_modules/@zag-js/dismissable/dist/index.js +3 -3
- package/dist/node_modules/@zag-js/dom-event/dist/index.js +88 -115
- package/dist/node_modules/@zag-js/dom-query/dist/index.js +2 -2
- package/dist/node_modules/@zag-js/focus-visible/dist/index.js +73 -0
- package/dist/node_modules/@zag-js/interact-outside/dist/index.js +33 -33
- package/dist/node_modules/@zag-js/menu/dist/index.js +81 -77
- package/dist/node_modules/@zag-js/popper/dist/index.js +86 -79
- package/dist/node_modules/@zag-js/radio-group/dist/index.js +116 -109
- package/dist/node_modules/@zag-js/react/dist/index.js +44 -43
- package/dist/node_modules/@zag-js/select/dist/index.js +203 -231
- package/dist/node_modules/@zag-js/store/dist/index.js +110 -110
- package/dist/node_modules/@zag-js/switch/dist/index.js +62 -55
- package/dist/node_modules/@zag-js/tabs/dist/index.js +64 -61
- package/dist/node_modules/@zag-js/toast/dist/index.js +174 -173
- package/dist/node_modules/@zag-js/utils/dist/index.js +93 -71
- package/dist/node_modules/aria-hidden/dist/es2015/index.js +52 -0
- package/dist/node_modules/focus-trap/dist/focus-trap.esm.js +217 -219
- package/dist/preset.d.ts +807 -4
- package/dist/{ui/styled-system → styled-system}/css/css.js +5 -6
- package/dist/{ui/styled-system → styled-system}/css/cva.js +4 -4
- package/dist/{ui/styled-system → styled-system}/css/sva.js +3 -3
- package/dist/styled-system/jsx/is-valid-prop.js +6 -0
- package/dist/styles.css +1 -1
- package/dist/tokens/getToken.d.ts +324 -3
- package/dist/tokens/index.d.ts +806 -3
- package/package.json +31 -5
- package/styled-system/css/css.js +1 -1
- package/styled-system/jsx/is-valid-prop.js +1 -1
- package/styled-system/themes/theme-asagi.json +1 -1
- package/styled-system/themes/theme-kurikawa.json +1 -1
- package/styled-system/themes/theme-sumire.json +1 -1
- package/styled-system/themes/theme-tsutsuji.json +1 -1
- package/styled-system/tokens/index.js +1238 -54
- package/styled-system/tokens/tokens.d.ts +3 -3
- package/styled-system/types/conditions.d.ts +2 -2
- package/styled-system/types/prop-type.d.ts +1 -1
- package/dist/ui/styled-system/jsx/is-valid-prop.js +0 -6
- /package/dist/{ui/styled-system → styled-system}/css/conditions.js +0 -0
- /package/dist/{ui/styled-system → styled-system}/css/cx.js +0 -0
- /package/dist/{ui/styled-system → styled-system}/helpers.js +0 -0
- /package/dist/{ui/styled-system → styled-system}/jsx/box.js +0 -0
- /package/dist/{ui/styled-system → styled-system}/jsx/factory-helper.js +0 -0
- /package/dist/{ui/styled-system → styled-system}/jsx/factory.js +0 -0
- /package/dist/{ui/styled-system → styled-system}/patterns/box.js +0 -0
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as s } from "react";
|
|
4
3
|
import { ark as x } from "../factory.js";
|
|
5
4
|
import { useComboboxContext as b } from "./use-combobox-context.js";
|
|
6
|
-
import { useComboboxItemPropsContext as
|
|
7
|
-
import { mergeProps as
|
|
5
|
+
import { useComboboxItemPropsContext as f } from "./use-combobox-item-props-context.js";
|
|
6
|
+
import { mergeProps as i } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
7
|
const n = s((o, m) => {
|
|
9
|
-
const r = b(), t =
|
|
8
|
+
const r = b(), t = f(), e = i(r.getItemTextProps(t), o);
|
|
10
9
|
return /* @__PURE__ */ p(x.span, { ...e, ref: m });
|
|
11
10
|
});
|
|
12
11
|
n.displayName = "ComboboxItemText";
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
import { ark as s } from "../factory.js";
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as s } from "react";
|
|
3
|
+
import { ark as i } from "../factory.js";
|
|
5
4
|
import { usePresenceContext as p } from "../presence/use-presence-context.js";
|
|
6
5
|
import { useComboboxContext as f } from "./use-combobox-context.js";
|
|
7
6
|
import { mergeProps as b } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
|
-
const x =
|
|
7
|
+
const x = s(
|
|
9
8
|
(o, r) => {
|
|
10
9
|
const e = f(), t = p(), m = b(e.getPositionerProps(), o);
|
|
11
|
-
return t.unmounted ? null : /* @__PURE__ */ i
|
|
10
|
+
return t.unmounted ? null : /* @__PURE__ */ n(i.div, { ...m, ref: r });
|
|
12
11
|
}
|
|
13
12
|
);
|
|
14
13
|
x.displayName = "ComboboxPositioner";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as c } from "react";
|
|
4
3
|
import { createSplitProps as u } from "../../utils/create-split-props.js";
|
|
5
4
|
import { ark as d } from "../factory.js";
|
|
@@ -10,7 +9,7 @@ import { useCombobox as P } from "./use-combobox.js";
|
|
|
10
9
|
import { ComboboxProvider as f } from "./use-combobox-context.js";
|
|
11
10
|
import { mergeProps as r } from "../../../../../@zag-js/core/dist/index.js";
|
|
12
11
|
const C = (n, t) => {
|
|
13
|
-
const [i, s] = b(n), [
|
|
12
|
+
const [i, s] = b(n), [l, p] = u()(s, [
|
|
14
13
|
"allowCustomValue",
|
|
15
14
|
"autoFocus",
|
|
16
15
|
"closeOnSelect",
|
|
@@ -54,9 +53,9 @@ const C = (n, t) => {
|
|
|
54
53
|
"selectionBehavior",
|
|
55
54
|
"translations",
|
|
56
55
|
"value"
|
|
57
|
-
]), o = P(
|
|
56
|
+
]), o = P(l), m = g(r({ present: o.open }, i)), a = r(o.getRootProps(), p);
|
|
58
57
|
return /* @__PURE__ */ e(f, { value: o, children: /* @__PURE__ */ e(h, { value: m, children: /* @__PURE__ */ e(d.div, { ...a, ref: t }) }) });
|
|
59
|
-
},
|
|
58
|
+
}, T = c(C);
|
|
60
59
|
export {
|
|
61
|
-
|
|
60
|
+
T as ComboboxRoot
|
|
62
61
|
};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as p } from "react";
|
|
4
|
-
import { ark as
|
|
5
|
-
import { useComboboxContext as
|
|
6
|
-
import { mergeProps as
|
|
3
|
+
import { ark as b } from "../factory.js";
|
|
4
|
+
import { useComboboxContext as g } from "./use-combobox-context.js";
|
|
5
|
+
import { mergeProps as i } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
6
|
const s = p((o, r) => {
|
|
8
|
-
const m =
|
|
9
|
-
return /* @__PURE__ */ e(
|
|
7
|
+
const m = g(), t = i(m.getTriggerProps(), o);
|
|
8
|
+
return /* @__PURE__ */ e(b.button, { ...t, ref: r });
|
|
10
9
|
});
|
|
11
10
|
s.displayName = "ComboboxTrigger";
|
|
12
11
|
export {
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import "
|
|
3
|
-
import { forwardRef as n } from "react";
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as m } from "react";
|
|
4
3
|
import { useRenderStrategyPropsContext as i } from "../../utils/render-strategy.js";
|
|
5
4
|
import { ark as a } from "../factory.js";
|
|
6
5
|
import { usePresence as c } from "../presence/use-presence.js";
|
|
7
6
|
import { useDialogContext as d } from "./use-dialog-context.js";
|
|
8
7
|
import { mergeProps as f } from "../../../../../@zag-js/core/dist/index.js";
|
|
9
|
-
const g =
|
|
8
|
+
const g = m((e, t) => {
|
|
10
9
|
const r = d(), p = i(), o = c({ ...p, present: r.open }), s = f(r.getBackdropProps(), o.getPresenceProps(t), e);
|
|
11
|
-
return o.unmounted ? null : /* @__PURE__ */
|
|
10
|
+
return o.unmounted ? null : /* @__PURE__ */ n(a.div, { ...s });
|
|
12
11
|
});
|
|
13
12
|
g.displayName = "DialogBackdrop";
|
|
14
13
|
export {
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
import { ark as g } from "../factory.js";
|
|
1
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as i } from "react";
|
|
3
|
+
import { ark as m } from "../factory.js";
|
|
5
4
|
import { useDialogContext as s } from "./use-dialog-context.js";
|
|
6
5
|
import { mergeProps as p } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
-
const a =
|
|
6
|
+
const a = i(
|
|
8
7
|
(o, r) => {
|
|
9
8
|
const e = s(), t = p(e.getCloseTriggerProps(), o);
|
|
10
|
-
return /* @__PURE__ */
|
|
9
|
+
return /* @__PURE__ */ g(m.button, { ...t, ref: r });
|
|
11
10
|
}
|
|
12
11
|
);
|
|
13
12
|
a.displayName = "DialogCloseTrigger";
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { usePresenceContext as s } from "../presence/use-presence-context.js";
|
|
2
|
+
import { forwardRef as n } from "react";
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { usePresenceContext as m } from "../presence/use-presence-context.js";
|
|
6
5
|
import { useDialogContext as p } from "./use-dialog-context.js";
|
|
7
6
|
import { mergeProps as f } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
|
-
const a =
|
|
7
|
+
const a = n((o, r) => {
|
|
9
8
|
const e = p(), t = f(e.getPositionerProps(), o);
|
|
10
|
-
return
|
|
9
|
+
return m().unmounted ? null : /* @__PURE__ */ i(s.div, { ...t, ref: r });
|
|
11
10
|
});
|
|
12
11
|
a.displayName = "DialogPositioner";
|
|
13
12
|
export {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { splitRenderStrategyProps as m, RenderStrategyPropsProvider as c } from "../../utils/render-strategy.js";
|
|
4
3
|
import { splitPresenceProps as l } from "../presence/split-presence-props.js";
|
|
5
4
|
import { usePresence as P } from "../presence/use-presence.js";
|
|
@@ -7,10 +6,10 @@ import { PresenceProvider as a } from "../presence/use-presence-context.js";
|
|
|
7
6
|
import { useDialog as d } from "./use-dialog.js";
|
|
8
7
|
import { DialogProvider as f } from "./use-dialog-context.js";
|
|
9
8
|
import { mergeProps as g } from "../../../../../@zag-js/core/dist/index.js";
|
|
10
|
-
const
|
|
11
|
-
const [e, { children:
|
|
12
|
-
return /* @__PURE__ */ r(f, { value: o, children: /* @__PURE__ */ r(c, { value: i, children: /* @__PURE__ */ r(a, { value: n, children:
|
|
9
|
+
const j = (t) => {
|
|
10
|
+
const [e, { children: s, ...p }] = l(t), [i] = m(e), o = d(p), n = P(g({ present: o.open }, e));
|
|
11
|
+
return /* @__PURE__ */ r(f, { value: o, children: /* @__PURE__ */ r(c, { value: i, children: /* @__PURE__ */ r(a, { value: n, children: s }) }) });
|
|
13
12
|
};
|
|
14
13
|
export {
|
|
15
|
-
|
|
14
|
+
j as DialogRoot
|
|
16
15
|
};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as s } from "react";
|
|
4
3
|
import { ark as p } from "../factory.js";
|
|
5
4
|
import { usePresenceContext as u } from "../presence/use-presence-context.js";
|
|
6
|
-
import { useMenuContext as
|
|
7
|
-
import { mergeProps as
|
|
5
|
+
import { useMenuContext as f } from "./use-menu-context.js";
|
|
6
|
+
import { mergeProps as i } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
7
|
const c = s((r, o) => {
|
|
9
|
-
const t =
|
|
8
|
+
const t = f(), e = u(), n = i(t.getContentProps(), e.getPresenceProps(o), r);
|
|
10
9
|
return e.unmounted ? null : /* @__PURE__ */ m(p.div, { ...n });
|
|
11
10
|
});
|
|
12
11
|
c.displayName = "MenuContent";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as n, useId as u } from "react";
|
|
4
3
|
import { createSplitProps as d } from "../../utils/create-split-props.js";
|
|
5
4
|
import { ark as c } from "../factory.js";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as n } from "react";
|
|
4
3
|
import { createSplitProps as a } from "../../utils/create-split-props.js";
|
|
5
4
|
import { ark as l } from "../factory.js";
|
|
@@ -12,8 +11,8 @@ const d = n((o, m) => {
|
|
|
12
11
|
"disabled",
|
|
13
12
|
"value",
|
|
14
13
|
"valueText"
|
|
15
|
-
]), t = c(),
|
|
16
|
-
return /* @__PURE__ */ r(u, { value:
|
|
14
|
+
]), t = c(), s = f(t.getItemProps(e), p), i = t.getItemState(e);
|
|
15
|
+
return /* @__PURE__ */ r(u, { value: i, children: /* @__PURE__ */ r(l.div, { ...s, ref: m }) });
|
|
17
16
|
});
|
|
18
17
|
d.displayName = "MenuItem";
|
|
19
18
|
export {
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as m } from "react";
|
|
4
3
|
import { ark as s } from "../factory.js";
|
|
5
4
|
import { usePresenceContext as i } from "../presence/use-presence-context.js";
|
|
6
5
|
import { useMenuContext as p } from "./use-menu-context.js";
|
|
7
6
|
import { mergeProps as u } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
|
-
const f = m((
|
|
9
|
-
const o = p(), t = u(o.getPositionerProps(),
|
|
10
|
-
return i().unmounted ? null : /* @__PURE__ */ n(s.div, { ...t, ref:
|
|
7
|
+
const f = m((e, r) => {
|
|
8
|
+
const o = p(), t = u(o.getPositionerProps(), e);
|
|
9
|
+
return i().unmounted ? null : /* @__PURE__ */ n(s.div, { ...t, ref: r });
|
|
11
10
|
});
|
|
12
11
|
f.displayName = "MenuPositioner";
|
|
13
12
|
export {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { useCallback as l } from "react";
|
|
4
3
|
import { createSplitProps as P } from "../../utils/create-split-props.js";
|
|
5
4
|
import { useEffectOnce as f } from "../../utils/use-effect-once.js";
|
|
@@ -11,7 +10,7 @@ import { useMenuContext as v, MenuProvider as C } from "./use-menu-context.js";
|
|
|
11
10
|
import { useMenuMachineContext as O, MenuMachineProvider as x } from "./use-menu-machine-context.js";
|
|
12
11
|
import { MenuTriggerItemProvider as I } from "./use-menu-trigger-item-context.js";
|
|
13
12
|
import { mergeProps as S } from "../../../../../@zag-js/core/dist/index.js";
|
|
14
|
-
const
|
|
13
|
+
const V = (i) => {
|
|
15
14
|
const [s, p] = h(i), [c, m] = P()(p, [
|
|
16
15
|
"anchorPoint",
|
|
17
16
|
"aria-label",
|
|
@@ -43,5 +42,5 @@ const q = (i) => {
|
|
|
43
42
|
return /* @__PURE__ */ r(I, { value: a, children: /* @__PURE__ */ r(x, { value: t, children: /* @__PURE__ */ r(C, { value: o, children: /* @__PURE__ */ r(g, { value: u, ...m }) }) }) });
|
|
44
43
|
};
|
|
45
44
|
export {
|
|
46
|
-
|
|
45
|
+
V as MenuRoot
|
|
47
46
|
};
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
3
2
|
import { forwardRef as s } from "react";
|
|
4
3
|
import { ark as i } from "../factory.js";
|
|
5
4
|
import { usePresenceContext as p } from "../presence/use-presence-context.js";
|
|
6
5
|
import { useMenuContext as g } from "./use-menu-context.js";
|
|
7
6
|
import { mergeProps as u } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
7
|
const a = s((o, e) => {
|
|
9
|
-
const r = g(), t = p(),
|
|
8
|
+
const r = g(), t = p(), n = u(
|
|
10
9
|
{
|
|
11
10
|
...r.getTriggerProps(),
|
|
12
11
|
"aria-controls": t.unmounted ? void 0 : r.getTriggerProps()["aria-controls"]
|
|
13
12
|
},
|
|
14
13
|
o
|
|
15
14
|
);
|
|
16
|
-
return /* @__PURE__ */
|
|
15
|
+
return /* @__PURE__ */ m(i.button, { ...n, ref: e });
|
|
17
16
|
});
|
|
18
17
|
a.displayName = "MenuTrigger";
|
|
19
18
|
export {
|
package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
3
2
|
import { forwardRef as i } from "react";
|
|
4
3
|
import { ark as s } from "../factory.js";
|
|
5
4
|
import { useRadioGroupContext as n } from "./use-radio-group-context.js";
|
|
@@ -7,8 +6,8 @@ import { useRadioGroupItemPropsContext as a } from "./use-radio-group-item-props
|
|
|
7
6
|
import { mergeProps as d } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
7
|
const f = i(
|
|
9
8
|
(o, r) => {
|
|
10
|
-
const t = n(), m = a(),
|
|
11
|
-
return /* @__PURE__ */
|
|
9
|
+
const t = n(), m = a(), e = d(t.getItemControlProps(m), o);
|
|
10
|
+
return /* @__PURE__ */ p(s.div, { ...e, ref: r });
|
|
12
11
|
}
|
|
13
12
|
);
|
|
14
13
|
f.displayName = "RadioGroupItemControl";
|
package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
import { ark as s } from "../factory.js";
|
|
2
|
+
import { forwardRef as s } from "react";
|
|
3
|
+
import { ark as i } from "../factory.js";
|
|
5
4
|
import { useRadioGroupContext as a } from "./use-radio-group-context.js";
|
|
6
5
|
import { useRadioGroupItemPropsContext as d } from "./use-radio-group-item-props-context.js";
|
|
7
6
|
import { mergeProps as f } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
|
-
const n =
|
|
7
|
+
const n = s(
|
|
9
8
|
(o, r) => {
|
|
10
9
|
const t = a(), e = d(), m = f(t.getItemTextProps(e), o);
|
|
11
|
-
return /* @__PURE__ */ p(
|
|
10
|
+
return /* @__PURE__ */ p(i.span, { ...m, ref: r });
|
|
12
11
|
}
|
|
13
12
|
);
|
|
14
13
|
n.displayName = "RadioGroupItemText";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as d } from "react";
|
|
4
3
|
import { createSplitProps as s } from "../../utils/create-split-props.js";
|
|
5
4
|
import { ark as l } from "../factory.js";
|
|
@@ -7,12 +6,12 @@ import { useRadioGroupContext as u } from "./use-radio-group-context.js";
|
|
|
7
6
|
import { RadioGroupItemProvider as f } from "./use-radio-group-item-context.js";
|
|
8
7
|
import { RadioGroupItemPropsProvider as n } from "./use-radio-group-item-props-context.js";
|
|
9
8
|
import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
|
|
10
|
-
const P = d((
|
|
11
|
-
const [o, i] = s()(
|
|
9
|
+
const P = d((t, m) => {
|
|
10
|
+
const [o, i] = s()(t, [
|
|
12
11
|
"value",
|
|
13
12
|
"disabled",
|
|
14
13
|
"invalid"
|
|
15
|
-
]),
|
|
14
|
+
]), e = u(), p = c(e.getItemProps(o), i), a = e.getItemState(o);
|
|
16
15
|
return /* @__PURE__ */ r(f, { value: a, children: /* @__PURE__ */ r(n, { value: o, children: /* @__PURE__ */ r(l.label, { ...p, ref: m }) }) });
|
|
17
16
|
});
|
|
18
17
|
P.displayName = "RadioGroupItem";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as m } from "react";
|
|
4
3
|
import { createSplitProps as d } from "../../utils/create-split-props.js";
|
|
5
4
|
import { ark as s } from "../factory.js";
|
|
@@ -7,7 +6,7 @@ import { useRadioGroup as u } from "./use-radio-group.js";
|
|
|
7
6
|
import { RadioGroupProvider as l } from "./use-radio-group-context.js";
|
|
8
7
|
import { mergeProps as n } from "../../../../../@zag-js/core/dist/index.js";
|
|
9
8
|
const f = m((e, i) => {
|
|
10
|
-
const [
|
|
9
|
+
const [a, p] = d()(e, [
|
|
11
10
|
"defaultValue",
|
|
12
11
|
"disabled",
|
|
13
12
|
"form",
|
|
@@ -18,8 +17,8 @@ const f = m((e, i) => {
|
|
|
18
17
|
"orientation",
|
|
19
18
|
"readOnly",
|
|
20
19
|
"value"
|
|
21
|
-
]), o = u(
|
|
22
|
-
return /* @__PURE__ */ r(l, { value: o, children: /* @__PURE__ */ r(s.div, { ...
|
|
20
|
+
]), o = u(a), t = n(o.getRootProps(), p);
|
|
21
|
+
return /* @__PURE__ */ r(l, { value: o, children: /* @__PURE__ */ r(s.div, { ...t, ref: i }) });
|
|
23
22
|
});
|
|
24
23
|
f.displayName = "RadioGroupRoot";
|
|
25
24
|
export {
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as s } from "react";
|
|
4
3
|
import { ark as p } from "../factory.js";
|
|
5
4
|
import { usePresenceContext as c } from "../presence/use-presence-context.js";
|
|
6
|
-
import { useSelectContext as
|
|
7
|
-
import { mergeProps as
|
|
5
|
+
import { useSelectContext as f } from "./use-select-context.js";
|
|
6
|
+
import { mergeProps as i } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
7
|
const l = s((t, r) => {
|
|
9
|
-
const o =
|
|
8
|
+
const o = f(), e = c(), n = i(o.getContentProps(), e.getPresenceProps(r), t);
|
|
10
9
|
return e.unmounted ? null : /* @__PURE__ */ m(p.div, { ...n });
|
|
11
10
|
});
|
|
12
11
|
l.displayName = "SelectContent";
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as p } from "react";
|
|
4
3
|
import { ark as s } from "../factory.js";
|
|
5
|
-
import { useSelectContext as
|
|
6
|
-
import { mergeProps as
|
|
7
|
-
const
|
|
8
|
-
const t =
|
|
4
|
+
import { useSelectContext as l } from "./use-select-context.js";
|
|
5
|
+
import { mergeProps as n } from "../../../../../@zag-js/core/dist/index.js";
|
|
6
|
+
const c = p((o, r) => {
|
|
7
|
+
const t = l(), e = n(t.getControlProps(), o);
|
|
9
8
|
return /* @__PURE__ */ m(s.div, { ...e, ref: r });
|
|
10
9
|
});
|
|
11
|
-
|
|
10
|
+
c.displayName = "SelectControl";
|
|
12
11
|
export {
|
|
13
|
-
|
|
12
|
+
c as SelectControl
|
|
14
13
|
};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
import { ark as l } from "../factory.js";
|
|
2
|
+
import { forwardRef as l } from "react";
|
|
3
|
+
import { ark as p } from "../factory.js";
|
|
5
4
|
import { useSelectContext as s } from "./use-select-context.js";
|
|
6
5
|
import { mergeProps as a } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
-
const c =
|
|
6
|
+
const c = l((e, r) => {
|
|
8
7
|
const o = s(), t = a(o.getLabelProps(), e);
|
|
9
|
-
return /* @__PURE__ */ m(
|
|
8
|
+
return /* @__PURE__ */ m(p.label, { ...t, ref: r });
|
|
10
9
|
});
|
|
11
10
|
c.displayName = "SelectLabel";
|
|
12
11
|
export {
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
import { ark as n } from "../factory.js";
|
|
2
|
+
import { forwardRef as n } from "react";
|
|
3
|
+
import { ark as m } from "../factory.js";
|
|
5
4
|
import { usePresenceContext as i } from "../presence/use-presence-context.js";
|
|
6
5
|
import { useSelectContext as p } from "./use-select-context.js";
|
|
7
6
|
import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
|
-
const f =
|
|
7
|
+
const f = n((e, r) => {
|
|
9
8
|
const o = p(), t = c(o.getPositionerProps(), e);
|
|
10
|
-
return i().unmounted ? null : /* @__PURE__ */ s(
|
|
9
|
+
return i().unmounted ? null : /* @__PURE__ */ s(m.div, { ...t, ref: r });
|
|
11
10
|
});
|
|
12
11
|
f.displayName = "SelectPositioner";
|
|
13
12
|
export {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as a } from "react";
|
|
4
3
|
import { createSplitProps as d } from "../../utils/create-split-props.js";
|
|
5
4
|
import { ark as u } from "../factory.js";
|
|
@@ -9,12 +8,13 @@ import { PresenceProvider as g } from "../presence/use-presence-context.js";
|
|
|
9
8
|
import { useSelect as h } from "./use-select.js";
|
|
10
9
|
import { SelectProvider as S } from "./use-select-context.js";
|
|
11
10
|
import { mergeProps as r } from "../../../../../@zag-js/core/dist/index.js";
|
|
12
|
-
const v = (t,
|
|
13
|
-
const [
|
|
11
|
+
const v = (t, s) => {
|
|
12
|
+
const [i, n] = f(t), [l, p] = d()(n, [
|
|
14
13
|
"closeOnSelect",
|
|
15
14
|
"composite",
|
|
16
15
|
"defaultOpen",
|
|
17
16
|
"defaultValue",
|
|
17
|
+
"deselectable",
|
|
18
18
|
"disabled",
|
|
19
19
|
"form",
|
|
20
20
|
"highlightedValue",
|
|
@@ -40,9 +40,9 @@ const v = (t, i) => {
|
|
|
40
40
|
"required",
|
|
41
41
|
"scrollToIndexFn",
|
|
42
42
|
"value"
|
|
43
|
-
]), e = h(l),
|
|
44
|
-
return /* @__PURE__ */ o(S, { value: e, children: /* @__PURE__ */ o(g, { value:
|
|
45
|
-
},
|
|
43
|
+
]), e = h(l), c = P(r({ present: e.open }, i)), m = r(e.getRootProps(), p);
|
|
44
|
+
return /* @__PURE__ */ o(S, { value: e, children: /* @__PURE__ */ o(g, { value: c, children: /* @__PURE__ */ o(u.div, { ...m, ref: s }) }) });
|
|
45
|
+
}, D = a(v);
|
|
46
46
|
export {
|
|
47
|
-
|
|
47
|
+
D as SelectRoot
|
|
48
48
|
};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
3
2
|
import { forwardRef as p } from "react";
|
|
4
|
-
import { ark as
|
|
5
|
-
import { useSelectContext as
|
|
6
|
-
import { mergeProps as
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { useSelectContext as g } from "./use-select-context.js";
|
|
5
|
+
import { mergeProps as i } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
6
|
const c = p((r, e) => {
|
|
8
|
-
const o =
|
|
9
|
-
return /* @__PURE__ */ m(
|
|
7
|
+
const o = g(), t = i(o.getTriggerProps(), r);
|
|
8
|
+
return /* @__PURE__ */ m(s.button, { ...t, ref: e });
|
|
10
9
|
});
|
|
11
10
|
c.displayName = "SelectTrigger";
|
|
12
11
|
export {
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import "../../../../../@zag-js/react/dist/index.js";
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
3
2
|
import { forwardRef as c } from "react";
|
|
4
3
|
import { ark as a } from "../factory.js";
|
|
5
|
-
import { useSelectContext as
|
|
6
|
-
import { mergeProps as
|
|
4
|
+
import { useSelectContext as n } from "./use-select-context.js";
|
|
5
|
+
import { mergeProps as i } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
6
|
const f = c((r, o) => {
|
|
8
|
-
const { children: t, placeholder: l, ...p } = r, e =
|
|
9
|
-
return /* @__PURE__ */
|
|
7
|
+
const { children: t, placeholder: l, ...p } = r, e = n(), s = i(e.getValueTextProps(), p);
|
|
8
|
+
return /* @__PURE__ */ m(a.span, { ...s, ref: o, children: t || e.valueAsString || l });
|
|
10
9
|
});
|
|
11
10
|
f.displayName = "SelectValueText";
|
|
12
11
|
export {
|