@ark-ui/react 0.0.0-rc-20221128132237 → 0.0.0-rc-20221128200541
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/index.cjs.js +478 -483
- package/dist/index.d.ts +4 -2
- package/dist/index.esm.js +402 -407
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -812,34 +812,29 @@ var HoverCardPositioner = (0, import_react66.forwardRef)((props, ref) => {
|
|
|
812
812
|
});
|
|
813
813
|
|
|
814
814
|
// src/hover-card/hover-card-trigger.tsx
|
|
815
|
-
var import_react68 = require("
|
|
816
|
-
var
|
|
817
|
-
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
818
|
-
var HoverCardTrigger = (0, import_react68.forwardRef)((props, ref) => {
|
|
815
|
+
var import_react68 = require("react");
|
|
816
|
+
var HoverCardTrigger = (props) => {
|
|
819
817
|
const { triggerProps } = useHoverCardContext();
|
|
820
|
-
const
|
|
821
|
-
return
|
|
822
|
-
|
|
823
|
-
ref
|
|
824
|
-
});
|
|
825
|
-
});
|
|
818
|
+
const onlyChild = import_react68.Children.only(props.children);
|
|
819
|
+
return (0, import_react68.cloneElement)(onlyChild, triggerProps);
|
|
820
|
+
};
|
|
826
821
|
|
|
827
822
|
// src/menu/menu.tsx
|
|
828
|
-
var
|
|
823
|
+
var import_react72 = require("react");
|
|
829
824
|
|
|
830
825
|
// src/run-if-fn.ts
|
|
831
826
|
var isFunction = (value) => typeof value === "function";
|
|
832
827
|
var runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
|
|
833
828
|
|
|
834
829
|
// src/use-effect-once.ts
|
|
835
|
-
var
|
|
830
|
+
var import_react69 = require("react");
|
|
836
831
|
function useEffectOnce(callback) {
|
|
837
|
-
const savedCallback = (0,
|
|
838
|
-
const effectGuard = (0,
|
|
839
|
-
(0,
|
|
832
|
+
const savedCallback = (0, import_react69.useRef)(callback);
|
|
833
|
+
const effectGuard = (0, import_react69.useRef)(false);
|
|
834
|
+
(0, import_react69.useEffect)(() => {
|
|
840
835
|
savedCallback.current = callback;
|
|
841
836
|
});
|
|
842
|
-
(0,
|
|
837
|
+
(0, import_react69.useEffect)(() => {
|
|
843
838
|
if (effectGuard.current !== true) {
|
|
844
839
|
effectGuard.current = true;
|
|
845
840
|
savedCallback.current();
|
|
@@ -869,20 +864,20 @@ var [MenuTriggerItemProvider, useMenuTriggerItemContext] = createContext({
|
|
|
869
864
|
|
|
870
865
|
// src/menu/use-menu.ts
|
|
871
866
|
var menu = __toESM(require("@zag-js/menu"));
|
|
872
|
-
var
|
|
873
|
-
var
|
|
867
|
+
var import_react70 = require("@zag-js/react");
|
|
868
|
+
var import_react71 = require("react");
|
|
874
869
|
var useMenu = (props) => {
|
|
875
870
|
const context = {
|
|
876
|
-
id: (0,
|
|
871
|
+
id: (0, import_react71.useId)(),
|
|
877
872
|
...props
|
|
878
873
|
};
|
|
879
|
-
const [state, send, machine18] = (0,
|
|
880
|
-
const api = menu.connect(state, send,
|
|
874
|
+
const [state, send, machine18] = (0, import_react70.useMachine)(menu.machine(context), { context });
|
|
875
|
+
const api = menu.connect(state, send, import_react70.normalizeProps);
|
|
881
876
|
return { api, machine: machine18 };
|
|
882
877
|
};
|
|
883
878
|
|
|
884
879
|
// src/menu/menu.tsx
|
|
885
|
-
var
|
|
880
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
886
881
|
var Menu = (props) => {
|
|
887
882
|
const [menuProps, { children, isOpen }] = createSplitProps()(props, [
|
|
888
883
|
"activeId",
|
|
@@ -912,20 +907,20 @@ var Menu = (props) => {
|
|
|
912
907
|
parentApi.setChild(machine18);
|
|
913
908
|
api.setParent(parentMachine);
|
|
914
909
|
});
|
|
915
|
-
(0,
|
|
910
|
+
(0, import_react72.useEffect)(() => {
|
|
916
911
|
if (isOpen && !api.isOpen) {
|
|
917
912
|
api.open();
|
|
918
913
|
}
|
|
919
914
|
}, [isOpen, api]);
|
|
920
|
-
const getTriggerItemProps = (0,
|
|
915
|
+
const getTriggerItemProps = (0, import_react72.useCallback)(
|
|
921
916
|
() => parentApi.getTriggerItemProps(api),
|
|
922
917
|
[api, parentApi]
|
|
923
918
|
);
|
|
924
|
-
return /* @__PURE__ */ (0,
|
|
919
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MenuTriggerItemProvider, {
|
|
925
920
|
value: getTriggerItemProps,
|
|
926
|
-
children: /* @__PURE__ */ (0,
|
|
921
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MenuMachineProvider, {
|
|
927
922
|
value: machine18,
|
|
928
|
-
children: /* @__PURE__ */ (0,
|
|
923
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MenuProvider, {
|
|
929
924
|
value: api,
|
|
930
925
|
children: view
|
|
931
926
|
})
|
|
@@ -934,13 +929,13 @@ var Menu = (props) => {
|
|
|
934
929
|
};
|
|
935
930
|
|
|
936
931
|
// src/menu/menu-content.tsx
|
|
937
|
-
var
|
|
938
|
-
var
|
|
939
|
-
var
|
|
940
|
-
var MenuContent = (0,
|
|
932
|
+
var import_react73 = require("@polymorphic-factory/react");
|
|
933
|
+
var import_react74 = require("@zag-js/react");
|
|
934
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
935
|
+
var MenuContent = (0, import_react73.forwardRef)((props, ref) => {
|
|
941
936
|
const api = useMenuContext();
|
|
942
|
-
const mergedProps = (0,
|
|
943
|
-
return /* @__PURE__ */ (0,
|
|
937
|
+
const mergedProps = (0, import_react74.mergeProps)(api?.contentProps ?? {}, props);
|
|
938
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ark.div, {
|
|
944
939
|
...mergedProps,
|
|
945
940
|
ref
|
|
946
941
|
});
|
|
@@ -948,46 +943,46 @@ var MenuContent = (0, import_react74.forwardRef)((props, ref) => {
|
|
|
948
943
|
|
|
949
944
|
// src/menu/menu-context-trigger.tsx
|
|
950
945
|
var React = __toESM(require("react"));
|
|
951
|
-
var
|
|
946
|
+
var import_react75 = require("react");
|
|
952
947
|
var MenuContextTrigger = (props) => {
|
|
953
948
|
const api = useMenuContext();
|
|
954
|
-
const onlyChild =
|
|
949
|
+
const onlyChild = import_react75.Children.only(props.children);
|
|
955
950
|
return React.cloneElement(onlyChild, api?.contextTriggerProps ?? {});
|
|
956
951
|
};
|
|
957
952
|
|
|
958
953
|
// src/menu/menu-group.tsx
|
|
959
|
-
var
|
|
960
|
-
var
|
|
961
|
-
var
|
|
962
|
-
var MenuGroup = (0,
|
|
954
|
+
var import_react76 = require("@polymorphic-factory/react");
|
|
955
|
+
var import_react77 = require("@zag-js/react");
|
|
956
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
957
|
+
var MenuGroup = (0, import_react76.forwardRef)((props, ref) => {
|
|
963
958
|
const api = useMenuContext();
|
|
964
959
|
const [menuGroupProps, divProps] = createSplitProps()(props, ["id"]);
|
|
965
|
-
const mergedProps = (0,
|
|
966
|
-
return /* @__PURE__ */ (0,
|
|
960
|
+
const mergedProps = (0, import_react77.mergeProps)(api?.getGroupProps(menuGroupProps) ?? {}, divProps);
|
|
961
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ark.div, {
|
|
967
962
|
...mergedProps,
|
|
968
963
|
ref
|
|
969
964
|
});
|
|
970
965
|
});
|
|
971
966
|
|
|
972
967
|
// src/menu/menu-group-label.tsx
|
|
973
|
-
var
|
|
974
|
-
var
|
|
975
|
-
var
|
|
976
|
-
var MenuGroupLabel = (0,
|
|
968
|
+
var import_react78 = require("@polymorphic-factory/react");
|
|
969
|
+
var import_react79 = require("@zag-js/react");
|
|
970
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
971
|
+
var MenuGroupLabel = (0, import_react78.forwardRef)((props, ref) => {
|
|
977
972
|
const api = useMenuContext();
|
|
978
973
|
const [labelProps, htmlProps] = createSplitProps()(props, ["htmlFor"]);
|
|
979
|
-
const mergedProps = (0,
|
|
980
|
-
return /* @__PURE__ */ (0,
|
|
974
|
+
const mergedProps = (0, import_react79.mergeProps)(api?.getLabelProps(labelProps) ?? {}, htmlProps);
|
|
975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ark.label, {
|
|
981
976
|
...mergedProps,
|
|
982
977
|
ref
|
|
983
978
|
});
|
|
984
979
|
});
|
|
985
980
|
|
|
986
981
|
// src/menu/menu-item.tsx
|
|
987
|
-
var
|
|
988
|
-
var
|
|
989
|
-
var
|
|
990
|
-
var MenuItem = (0,
|
|
982
|
+
var import_react80 = require("@polymorphic-factory/react");
|
|
983
|
+
var import_react81 = require("@zag-js/react");
|
|
984
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
985
|
+
var MenuItem = (0, import_react80.forwardRef)((props, ref) => {
|
|
991
986
|
const api = useMenuContext();
|
|
992
987
|
const [menuItemProps, buttonProps] = createSplitProps()(props, [
|
|
993
988
|
"id",
|
|
@@ -995,18 +990,18 @@ var MenuItem = (0, import_react81.forwardRef)((props, ref) => {
|
|
|
995
990
|
"valueText",
|
|
996
991
|
"closeOnSelect"
|
|
997
992
|
]);
|
|
998
|
-
const mergedProps = (0,
|
|
999
|
-
return /* @__PURE__ */ (0,
|
|
993
|
+
const mergedProps = (0, import_react81.mergeProps)(api?.getItemProps(menuItemProps) ?? {}, buttonProps);
|
|
994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ark.div, {
|
|
1000
995
|
...mergedProps,
|
|
1001
996
|
ref
|
|
1002
997
|
});
|
|
1003
998
|
});
|
|
1004
999
|
|
|
1005
1000
|
// src/menu/menu-item-option.tsx
|
|
1006
|
-
var
|
|
1007
|
-
var
|
|
1008
|
-
var
|
|
1009
|
-
var MenuItemOption = (0,
|
|
1001
|
+
var import_react82 = require("@polymorphic-factory/react");
|
|
1002
|
+
var import_react83 = require("@zag-js/react");
|
|
1003
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1004
|
+
var MenuItemOption = (0, import_react82.forwardRef)((props, ref) => {
|
|
1010
1005
|
const api = useMenuContext();
|
|
1011
1006
|
const [optionProps, { children, ...divProps }] = createSplitProps()(props, [
|
|
1012
1007
|
"id",
|
|
@@ -1019,8 +1014,8 @@ var MenuItemOption = (0, import_react83.forwardRef)((props, ref) => {
|
|
|
1019
1014
|
"onCheckedChange"
|
|
1020
1015
|
]);
|
|
1021
1016
|
const view = runIfFn(children, { isActive: api?.isOptionChecked(optionProps) ?? false });
|
|
1022
|
-
const mergedProps = (0,
|
|
1023
|
-
return /* @__PURE__ */ (0,
|
|
1017
|
+
const mergedProps = (0, import_react83.mergeProps)(api?.getOptionItemProps(optionProps) ?? {}, divProps);
|
|
1018
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ark.div, {
|
|
1024
1019
|
...mergedProps,
|
|
1025
1020
|
ref,
|
|
1026
1021
|
children: view
|
|
@@ -1028,55 +1023,55 @@ var MenuItemOption = (0, import_react83.forwardRef)((props, ref) => {
|
|
|
1028
1023
|
});
|
|
1029
1024
|
|
|
1030
1025
|
// src/menu/menu-positioner.tsx
|
|
1031
|
-
var
|
|
1032
|
-
var
|
|
1033
|
-
var
|
|
1034
|
-
var MenuPositioner = (0,
|
|
1026
|
+
var import_react84 = require("@polymorphic-factory/react");
|
|
1027
|
+
var import_react85 = require("@zag-js/react");
|
|
1028
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
1029
|
+
var MenuPositioner = (0, import_react84.forwardRef)((props, ref) => {
|
|
1035
1030
|
const api = useMenuContext();
|
|
1036
|
-
const mergedProps = (0,
|
|
1037
|
-
return /* @__PURE__ */ (0,
|
|
1031
|
+
const mergedProps = (0, import_react85.mergeProps)(api?.positionerProps ?? {}, props);
|
|
1032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ark.div, {
|
|
1038
1033
|
...mergedProps,
|
|
1039
1034
|
ref
|
|
1040
1035
|
});
|
|
1041
1036
|
});
|
|
1042
1037
|
|
|
1043
1038
|
// src/menu/menu-separator.tsx
|
|
1044
|
-
var
|
|
1045
|
-
var
|
|
1046
|
-
var
|
|
1047
|
-
var MenuSeparator = (0,
|
|
1039
|
+
var import_react86 = require("@polymorphic-factory/react");
|
|
1040
|
+
var import_react87 = require("@zag-js/react");
|
|
1041
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1042
|
+
var MenuSeparator = (0, import_react86.forwardRef)((props, ref) => {
|
|
1048
1043
|
const api = useMenuContext();
|
|
1049
|
-
const mergedProps = (0,
|
|
1050
|
-
return /* @__PURE__ */ (0,
|
|
1044
|
+
const mergedProps = (0, import_react87.mergeProps)(api?.separatorProps ?? {}, props);
|
|
1045
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ark.hr, {
|
|
1051
1046
|
...mergedProps,
|
|
1052
1047
|
ref
|
|
1053
1048
|
});
|
|
1054
1049
|
});
|
|
1055
1050
|
|
|
1056
1051
|
// src/menu/menu-trigger.tsx
|
|
1057
|
-
var
|
|
1052
|
+
var import_react88 = require("react");
|
|
1058
1053
|
var MenuTrigger = (props) => {
|
|
1059
1054
|
const api = useMenuContext();
|
|
1060
|
-
const onlyChild =
|
|
1061
|
-
return (0,
|
|
1055
|
+
const onlyChild = import_react88.Children.only(props.children);
|
|
1056
|
+
return (0, import_react88.cloneElement)(onlyChild, api?.triggerProps ?? {});
|
|
1062
1057
|
};
|
|
1063
1058
|
|
|
1064
1059
|
// src/menu/menu-trigger-item.tsx
|
|
1065
|
-
var
|
|
1066
|
-
var
|
|
1067
|
-
var
|
|
1068
|
-
var MenuTriggerItem = (0,
|
|
1060
|
+
var import_react89 = require("@polymorphic-factory/react");
|
|
1061
|
+
var import_react90 = require("@zag-js/react");
|
|
1062
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1063
|
+
var MenuTriggerItem = (0, import_react89.forwardRef)((props, ref) => {
|
|
1069
1064
|
const getTriggerItemProps = useMenuTriggerItemContext();
|
|
1070
|
-
const mergedProps = (0,
|
|
1071
|
-
return /* @__PURE__ */ (0,
|
|
1065
|
+
const mergedProps = (0, import_react90.mergeProps)(getTriggerItemProps?.() ?? {}, props);
|
|
1066
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ark.div, {
|
|
1072
1067
|
...mergedProps,
|
|
1073
1068
|
ref
|
|
1074
1069
|
});
|
|
1075
1070
|
});
|
|
1076
1071
|
|
|
1077
1072
|
// src/number-input/number-input.tsx
|
|
1078
|
-
var
|
|
1079
|
-
var
|
|
1073
|
+
var import_react93 = require("@polymorphic-factory/react");
|
|
1074
|
+
var import_react94 = require("@zag-js/react");
|
|
1080
1075
|
|
|
1081
1076
|
// src/number-input/number-input-context.ts
|
|
1082
1077
|
var [NumberInputProvider, useNumberInputContext] = createContext({
|
|
@@ -1087,11 +1082,11 @@ var [NumberInputProvider, useNumberInputContext] = createContext({
|
|
|
1087
1082
|
|
|
1088
1083
|
// src/number-input/use-number-input.ts
|
|
1089
1084
|
var numberInput = __toESM(require("@zag-js/number-input"));
|
|
1090
|
-
var
|
|
1091
|
-
var
|
|
1085
|
+
var import_react91 = require("@zag-js/react");
|
|
1086
|
+
var import_react92 = require("react");
|
|
1092
1087
|
var useNumberInput = (props) => {
|
|
1093
1088
|
const initialContext = {
|
|
1094
|
-
id: (0,
|
|
1089
|
+
id: (0, import_react92.useId)(),
|
|
1095
1090
|
...props,
|
|
1096
1091
|
value: props.defaultValue
|
|
1097
1092
|
};
|
|
@@ -1099,13 +1094,13 @@ var useNumberInput = (props) => {
|
|
|
1099
1094
|
...initialContext,
|
|
1100
1095
|
value: props.value
|
|
1101
1096
|
};
|
|
1102
|
-
const [state, send] = (0,
|
|
1103
|
-
return numberInput.connect(state, send,
|
|
1097
|
+
const [state, send] = (0, import_react91.useMachine)(numberInput.machine(initialContext), { context });
|
|
1098
|
+
return numberInput.connect(state, send, import_react91.normalizeProps);
|
|
1104
1099
|
};
|
|
1105
1100
|
|
|
1106
1101
|
// src/number-input/number-input.tsx
|
|
1107
|
-
var
|
|
1108
|
-
var NumberInput = (0,
|
|
1102
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1103
|
+
var NumberInput = (0, import_react93.forwardRef)((props, ref) => {
|
|
1109
1104
|
const [useNumberInputProps, divProps] = createSplitProps()(props, [
|
|
1110
1105
|
"allowMouseWheel",
|
|
1111
1106
|
"allowOverflow",
|
|
@@ -1140,10 +1135,10 @@ var NumberInput = (0, import_react94.forwardRef)((props, ref) => {
|
|
|
1140
1135
|
"value"
|
|
1141
1136
|
]);
|
|
1142
1137
|
const pinInput2 = useNumberInput(useNumberInputProps);
|
|
1143
|
-
const mergedProps = (0,
|
|
1144
|
-
return /* @__PURE__ */ (0,
|
|
1138
|
+
const mergedProps = (0, import_react94.mergeProps)(pinInput2.rootProps, divProps);
|
|
1139
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(NumberInputProvider, {
|
|
1145
1140
|
value: pinInput2,
|
|
1146
|
-
children: /* @__PURE__ */ (0,
|
|
1141
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ark.div, {
|
|
1147
1142
|
...mergedProps,
|
|
1148
1143
|
ref
|
|
1149
1144
|
})
|
|
@@ -1151,14 +1146,14 @@ var NumberInput = (0, import_react94.forwardRef)((props, ref) => {
|
|
|
1151
1146
|
});
|
|
1152
1147
|
|
|
1153
1148
|
// src/number-input/number-input-decrement-button.tsx
|
|
1154
|
-
var
|
|
1155
|
-
var
|
|
1156
|
-
var
|
|
1157
|
-
var NumberInputDecrementButton = (0,
|
|
1149
|
+
var import_react95 = require("@polymorphic-factory/react");
|
|
1150
|
+
var import_react96 = require("@zag-js/react");
|
|
1151
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1152
|
+
var NumberInputDecrementButton = (0, import_react95.forwardRef)(
|
|
1158
1153
|
(props, ref) => {
|
|
1159
1154
|
const { decrementButtonProps } = useNumberInputContext();
|
|
1160
|
-
const mergedProps = (0,
|
|
1161
|
-
return /* @__PURE__ */ (0,
|
|
1155
|
+
const mergedProps = (0, import_react96.mergeProps)(decrementButtonProps, props);
|
|
1156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ark.button, {
|
|
1162
1157
|
...mergedProps,
|
|
1163
1158
|
ref
|
|
1164
1159
|
});
|
|
@@ -1166,27 +1161,27 @@ var NumberInputDecrementButton = (0, import_react96.forwardRef)(
|
|
|
1166
1161
|
);
|
|
1167
1162
|
|
|
1168
1163
|
// src/number-input/number-input-field.tsx
|
|
1169
|
-
var
|
|
1170
|
-
var
|
|
1171
|
-
var
|
|
1172
|
-
var NumberInputField = (0,
|
|
1164
|
+
var import_react97 = require("@polymorphic-factory/react");
|
|
1165
|
+
var import_react98 = require("@zag-js/react");
|
|
1166
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1167
|
+
var NumberInputField = (0, import_react97.forwardRef)((props, ref) => {
|
|
1173
1168
|
const { inputProps } = useNumberInputContext();
|
|
1174
|
-
const mergedProps = (0,
|
|
1175
|
-
return /* @__PURE__ */ (0,
|
|
1169
|
+
const mergedProps = (0, import_react98.mergeProps)(inputProps, props);
|
|
1170
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ark.input, {
|
|
1176
1171
|
...mergedProps,
|
|
1177
1172
|
ref
|
|
1178
1173
|
});
|
|
1179
1174
|
});
|
|
1180
1175
|
|
|
1181
1176
|
// src/number-input/number-input-increment-button.tsx
|
|
1182
|
-
var
|
|
1183
|
-
var
|
|
1184
|
-
var
|
|
1185
|
-
var NumberInputIncrementButton = (0,
|
|
1177
|
+
var import_react99 = require("@polymorphic-factory/react");
|
|
1178
|
+
var import_react100 = require("@zag-js/react");
|
|
1179
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1180
|
+
var NumberInputIncrementButton = (0, import_react99.forwardRef)(
|
|
1186
1181
|
(props, ref) => {
|
|
1187
1182
|
const { incrementButtonProps } = useNumberInputContext();
|
|
1188
|
-
const mergedProps = (0,
|
|
1189
|
-
return /* @__PURE__ */ (0,
|
|
1183
|
+
const mergedProps = (0, import_react100.mergeProps)(incrementButtonProps, props);
|
|
1184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ark.button, {
|
|
1190
1185
|
...mergedProps,
|
|
1191
1186
|
ref
|
|
1192
1187
|
});
|
|
@@ -1194,8 +1189,8 @@ var NumberInputIncrementButton = (0, import_react100.forwardRef)(
|
|
|
1194
1189
|
);
|
|
1195
1190
|
|
|
1196
1191
|
// src/pagination/pagination.tsx
|
|
1197
|
-
var
|
|
1198
|
-
var
|
|
1192
|
+
var import_react103 = require("@polymorphic-factory/react");
|
|
1193
|
+
var import_react104 = require("@zag-js/react");
|
|
1199
1194
|
|
|
1200
1195
|
// src/pagination/pagination-context.ts
|
|
1201
1196
|
var [PaginationProvider, usePaginationContext] = createContext({
|
|
@@ -1206,20 +1201,20 @@ var [PaginationProvider, usePaginationContext] = createContext({
|
|
|
1206
1201
|
|
|
1207
1202
|
// src/pagination/use-pagination.ts
|
|
1208
1203
|
var pagination = __toESM(require("@zag-js/pagination"));
|
|
1209
|
-
var
|
|
1210
|
-
var
|
|
1204
|
+
var import_react101 = require("@zag-js/react");
|
|
1205
|
+
var import_react102 = require("react");
|
|
1211
1206
|
var usePagination = (props) => {
|
|
1212
1207
|
const context = {
|
|
1213
|
-
id: (0,
|
|
1208
|
+
id: (0, import_react102.useId)(),
|
|
1214
1209
|
...props
|
|
1215
1210
|
};
|
|
1216
|
-
const [state, send] = (0,
|
|
1217
|
-
return pagination.connect(state, send,
|
|
1211
|
+
const [state, send] = (0, import_react101.useMachine)(pagination.machine(context), { context });
|
|
1212
|
+
return pagination.connect(state, send, import_react101.normalizeProps);
|
|
1218
1213
|
};
|
|
1219
1214
|
|
|
1220
1215
|
// src/pagination/pagination.tsx
|
|
1221
|
-
var
|
|
1222
|
-
var Pagination = (0,
|
|
1216
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1217
|
+
var Pagination = (0, import_react103.forwardRef)((props, ref) => {
|
|
1223
1218
|
const [paginationProps, { children, ...navProps }] = createSplitProps()(
|
|
1224
1219
|
props,
|
|
1225
1220
|
[
|
|
@@ -1237,10 +1232,10 @@ var Pagination = (0, import_react104.forwardRef)((props, ref) => {
|
|
|
1237
1232
|
);
|
|
1238
1233
|
const pagination2 = usePagination(paginationProps);
|
|
1239
1234
|
const view = runIfFn(children, pagination2);
|
|
1240
|
-
const mergedProps = (0,
|
|
1241
|
-
return /* @__PURE__ */ (0,
|
|
1235
|
+
const mergedProps = (0, import_react104.mergeProps)(pagination2.rootProps, navProps);
|
|
1236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PaginationProvider, {
|
|
1242
1237
|
value: pagination2,
|
|
1243
|
-
children: /* @__PURE__ */ (0,
|
|
1238
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ark.nav, {
|
|
1244
1239
|
...mergedProps,
|
|
1245
1240
|
ref,
|
|
1246
1241
|
children: view
|
|
@@ -1249,29 +1244,29 @@ var Pagination = (0, import_react104.forwardRef)((props, ref) => {
|
|
|
1249
1244
|
});
|
|
1250
1245
|
|
|
1251
1246
|
// src/pagination/pagination-ellipsis.tsx
|
|
1252
|
-
var
|
|
1253
|
-
var
|
|
1254
|
-
var
|
|
1255
|
-
var PaginationEllipsis = (0,
|
|
1247
|
+
var import_react105 = require("@polymorphic-factory/react");
|
|
1248
|
+
var import_react106 = require("@zag-js/react");
|
|
1249
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1250
|
+
var PaginationEllipsis = (0, import_react105.forwardRef)((props, ref) => {
|
|
1256
1251
|
const { index, ...spanProps } = props;
|
|
1257
1252
|
const { getEllipsisProps } = usePaginationContext();
|
|
1258
|
-
const mergedProps = (0,
|
|
1259
|
-
return /* @__PURE__ */ (0,
|
|
1253
|
+
const mergedProps = (0, import_react106.mergeProps)(getEllipsisProps({ index }), spanProps);
|
|
1254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ark.span, {
|
|
1260
1255
|
...mergedProps,
|
|
1261
1256
|
ref
|
|
1262
1257
|
});
|
|
1263
1258
|
});
|
|
1264
1259
|
|
|
1265
1260
|
// src/pagination/pagination-item.tsx
|
|
1266
|
-
var
|
|
1267
|
-
var
|
|
1268
|
-
var
|
|
1269
|
-
var PaginationItem = (0,
|
|
1261
|
+
var import_react107 = require("@polymorphic-factory/react");
|
|
1262
|
+
var import_react108 = require("react");
|
|
1263
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1264
|
+
var PaginationItem = (0, import_react107.forwardRef)((props, ref) => {
|
|
1270
1265
|
const { value, children, ...liProps } = props;
|
|
1271
1266
|
const { getItemProps } = usePaginationContext();
|
|
1272
1267
|
const itemProps = getItemProps({ type: "page", value });
|
|
1273
|
-
const child = (0,
|
|
1274
|
-
return /* @__PURE__ */ (0,
|
|
1268
|
+
const child = (0, import_react108.cloneElement)(import_react108.Children.only(children), itemProps);
|
|
1269
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ark.li, {
|
|
1275
1270
|
...liProps,
|
|
1276
1271
|
ref,
|
|
1277
1272
|
children: child
|
|
@@ -1279,21 +1274,21 @@ var PaginationItem = (0, import_react108.forwardRef)((props, ref) => {
|
|
|
1279
1274
|
});
|
|
1280
1275
|
|
|
1281
1276
|
// src/pagination/pagination-list.tsx
|
|
1282
|
-
var
|
|
1283
|
-
var
|
|
1284
|
-
var PaginationList = (0,
|
|
1277
|
+
var import_react109 = require("@polymorphic-factory/react");
|
|
1278
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
1279
|
+
var PaginationList = (0, import_react109.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ark.ul, {
|
|
1285
1280
|
...props,
|
|
1286
1281
|
ref
|
|
1287
1282
|
}));
|
|
1288
1283
|
|
|
1289
1284
|
// src/pagination/pagination-next-item.tsx
|
|
1290
|
-
var
|
|
1291
|
-
var
|
|
1292
|
-
var
|
|
1293
|
-
var PaginationNextItem = (0,
|
|
1285
|
+
var import_react110 = require("@polymorphic-factory/react");
|
|
1286
|
+
var import_react111 = require("react");
|
|
1287
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1288
|
+
var PaginationNextItem = (0, import_react110.forwardRef)((props, ref) => {
|
|
1294
1289
|
const { nextItemProps } = usePaginationContext();
|
|
1295
|
-
const child = (0,
|
|
1296
|
-
return /* @__PURE__ */ (0,
|
|
1290
|
+
const child = (0, import_react111.cloneElement)(import_react111.Children.only(props.children), nextItemProps);
|
|
1291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ark.li, {
|
|
1297
1292
|
...props,
|
|
1298
1293
|
ref,
|
|
1299
1294
|
children: child
|
|
@@ -1301,13 +1296,13 @@ var PaginationNextItem = (0, import_react111.forwardRef)((props, ref) => {
|
|
|
1301
1296
|
});
|
|
1302
1297
|
|
|
1303
1298
|
// src/pagination/pagination-prev-item.tsx
|
|
1304
|
-
var
|
|
1305
|
-
var
|
|
1306
|
-
var
|
|
1307
|
-
var PaginationPrevItem = (0,
|
|
1299
|
+
var import_react112 = require("@polymorphic-factory/react");
|
|
1300
|
+
var import_react113 = require("react");
|
|
1301
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
1302
|
+
var PaginationPrevItem = (0, import_react112.forwardRef)((props, ref) => {
|
|
1308
1303
|
const { prevItemProps } = usePaginationContext();
|
|
1309
|
-
const child = (0,
|
|
1310
|
-
return /* @__PURE__ */ (0,
|
|
1304
|
+
const child = (0, import_react113.cloneElement)(import_react113.Children.only(props.children), prevItemProps);
|
|
1305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ark.li, {
|
|
1311
1306
|
...props,
|
|
1312
1307
|
ref,
|
|
1313
1308
|
children: child
|
|
@@ -1315,8 +1310,8 @@ var PaginationPrevItem = (0, import_react113.forwardRef)((props, ref) => {
|
|
|
1315
1310
|
});
|
|
1316
1311
|
|
|
1317
1312
|
// src/pin-input/pin-input.tsx
|
|
1318
|
-
var
|
|
1319
|
-
var
|
|
1313
|
+
var import_react116 = require("@polymorphic-factory/react");
|
|
1314
|
+
var import_react117 = require("@zag-js/react");
|
|
1320
1315
|
|
|
1321
1316
|
// src/pin-input/pin-input-context.ts
|
|
1322
1317
|
var [PinInputProvider, usePinInputContext] = createContext({
|
|
@@ -1327,11 +1322,11 @@ var [PinInputProvider, usePinInputContext] = createContext({
|
|
|
1327
1322
|
|
|
1328
1323
|
// src/pin-input/use-pin-input.ts
|
|
1329
1324
|
var pinInput = __toESM(require("@zag-js/pin-input"));
|
|
1330
|
-
var
|
|
1331
|
-
var
|
|
1325
|
+
var import_react114 = require("@zag-js/react");
|
|
1326
|
+
var import_react115 = require("react");
|
|
1332
1327
|
var usePinInput = (props) => {
|
|
1333
1328
|
const initialContext = {
|
|
1334
|
-
id: (0,
|
|
1329
|
+
id: (0, import_react115.useId)(),
|
|
1335
1330
|
...props,
|
|
1336
1331
|
value: props.defaultValue ?? []
|
|
1337
1332
|
};
|
|
@@ -1339,13 +1334,13 @@ var usePinInput = (props) => {
|
|
|
1339
1334
|
...initialContext,
|
|
1340
1335
|
value: props.value
|
|
1341
1336
|
};
|
|
1342
|
-
const [state, send] = (0,
|
|
1343
|
-
return pinInput.connect(state, send,
|
|
1337
|
+
const [state, send] = (0, import_react114.useMachine)(pinInput.machine(initialContext), { context });
|
|
1338
|
+
return pinInput.connect(state, send, import_react114.normalizeProps);
|
|
1344
1339
|
};
|
|
1345
1340
|
|
|
1346
1341
|
// src/pin-input/pin-input.tsx
|
|
1347
|
-
var
|
|
1348
|
-
var PinInput = (0,
|
|
1342
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
1343
|
+
var PinInput = (0, import_react116.forwardRef)((props, ref) => {
|
|
1349
1344
|
const [usePinInputProps, divProps] = createSplitProps()(props, [
|
|
1350
1345
|
"autoFocus",
|
|
1351
1346
|
"blurOnComplete",
|
|
@@ -1371,10 +1366,10 @@ var PinInput = (0, import_react117.forwardRef)((props, ref) => {
|
|
|
1371
1366
|
"value"
|
|
1372
1367
|
]);
|
|
1373
1368
|
const pinInput2 = usePinInput(usePinInputProps);
|
|
1374
|
-
const mergedProps = (0,
|
|
1375
|
-
return /* @__PURE__ */ (0,
|
|
1369
|
+
const mergedProps = (0, import_react117.mergeProps)(pinInput2.rootProps, divProps);
|
|
1370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PinInputProvider, {
|
|
1376
1371
|
value: pinInput2,
|
|
1377
|
-
children: /* @__PURE__ */ (0,
|
|
1372
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ark.div, {
|
|
1378
1373
|
...mergedProps,
|
|
1379
1374
|
ref
|
|
1380
1375
|
})
|
|
@@ -1382,14 +1377,14 @@ var PinInput = (0, import_react117.forwardRef)((props, ref) => {
|
|
|
1382
1377
|
});
|
|
1383
1378
|
|
|
1384
1379
|
// src/pin-input/pin-input-field.tsx
|
|
1385
|
-
var
|
|
1386
|
-
var
|
|
1387
|
-
var
|
|
1388
|
-
var PinInputField = (0,
|
|
1380
|
+
var import_react118 = require("@polymorphic-factory/react");
|
|
1381
|
+
var import_react119 = require("@zag-js/react");
|
|
1382
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1383
|
+
var PinInputField = (0, import_react118.forwardRef)((props, ref) => {
|
|
1389
1384
|
const { index, ...inputProps } = props;
|
|
1390
1385
|
const { getInputProps } = usePinInputContext();
|
|
1391
|
-
const mergedProps = (0,
|
|
1392
|
-
return /* @__PURE__ */ (0,
|
|
1386
|
+
const mergedProps = (0, import_react119.mergeProps)(getInputProps({ index }), inputProps);
|
|
1387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ark.input, {
|
|
1393
1388
|
...mergedProps,
|
|
1394
1389
|
ref
|
|
1395
1390
|
});
|
|
@@ -1404,147 +1399,147 @@ var [PopoverProvider, usePopoverContext] = createContext({
|
|
|
1404
1399
|
|
|
1405
1400
|
// src/popover/use-popover.ts
|
|
1406
1401
|
var popover = __toESM(require("@zag-js/popover"));
|
|
1407
|
-
var
|
|
1408
|
-
var
|
|
1402
|
+
var import_react120 = require("@zag-js/react");
|
|
1403
|
+
var import_react121 = require("react");
|
|
1409
1404
|
var usePopover = (props) => {
|
|
1410
1405
|
const context = {
|
|
1411
|
-
id: (0,
|
|
1406
|
+
id: (0, import_react121.useId)(),
|
|
1412
1407
|
...props
|
|
1413
1408
|
};
|
|
1414
|
-
const [state, send] = (0,
|
|
1415
|
-
return popover.connect(state, send,
|
|
1409
|
+
const [state, send] = (0, import_react120.useMachine)(popover.machine(context), { context });
|
|
1410
|
+
return popover.connect(state, send, import_react120.normalizeProps);
|
|
1416
1411
|
};
|
|
1417
1412
|
|
|
1418
1413
|
// src/popover/popover.tsx
|
|
1419
|
-
var
|
|
1414
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
1420
1415
|
var Popover = (props) => {
|
|
1421
1416
|
const { children, ...usePopoverProps } = props;
|
|
1422
1417
|
const popover2 = usePopover(usePopoverProps);
|
|
1423
|
-
return /* @__PURE__ */ (0,
|
|
1418
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopoverProvider, {
|
|
1424
1419
|
value: popover2,
|
|
1425
1420
|
children
|
|
1426
1421
|
});
|
|
1427
1422
|
};
|
|
1428
1423
|
|
|
1429
1424
|
// src/popover/popover-arrow.tsx
|
|
1430
|
-
var
|
|
1431
|
-
var
|
|
1432
|
-
var
|
|
1433
|
-
var PopoverArrow = (0,
|
|
1425
|
+
var import_react122 = require("@polymorphic-factory/react");
|
|
1426
|
+
var import_react123 = require("@zag-js/react");
|
|
1427
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
1428
|
+
var PopoverArrow = (0, import_react122.forwardRef)((props, ref) => {
|
|
1434
1429
|
const { arrowProps } = usePopoverContext();
|
|
1435
|
-
const mergedProps = (0,
|
|
1436
|
-
return /* @__PURE__ */ (0,
|
|
1430
|
+
const mergedProps = (0, import_react123.mergeProps)(arrowProps, props);
|
|
1431
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ark.div, {
|
|
1437
1432
|
...mergedProps,
|
|
1438
1433
|
ref
|
|
1439
1434
|
});
|
|
1440
1435
|
});
|
|
1441
1436
|
|
|
1442
1437
|
// src/popover/popover-close-button.tsx
|
|
1443
|
-
var
|
|
1444
|
-
var
|
|
1445
|
-
var
|
|
1446
|
-
var PopoverCloseButton = (0,
|
|
1438
|
+
var import_react124 = require("@polymorphic-factory/react");
|
|
1439
|
+
var import_react125 = require("@zag-js/react");
|
|
1440
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
1441
|
+
var PopoverCloseButton = (0, import_react124.forwardRef)((props, ref) => {
|
|
1447
1442
|
const { closeButtonProps } = usePopoverContext();
|
|
1448
|
-
const mergedProps = (0,
|
|
1449
|
-
return /* @__PURE__ */ (0,
|
|
1443
|
+
const mergedProps = (0, import_react125.mergeProps)(closeButtonProps, props);
|
|
1444
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ark.button, {
|
|
1450
1445
|
...mergedProps,
|
|
1451
1446
|
ref
|
|
1452
1447
|
});
|
|
1453
1448
|
});
|
|
1454
1449
|
|
|
1455
1450
|
// src/popover/popover-content.tsx
|
|
1456
|
-
var
|
|
1457
|
-
var
|
|
1458
|
-
var
|
|
1459
|
-
var PopoverContent = (0,
|
|
1451
|
+
var import_react126 = require("@polymorphic-factory/react");
|
|
1452
|
+
var import_react127 = require("@zag-js/react");
|
|
1453
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
1454
|
+
var PopoverContent = (0, import_react126.forwardRef)((props, ref) => {
|
|
1460
1455
|
const { contentProps } = usePopoverContext();
|
|
1461
|
-
const mergedProps = (0,
|
|
1462
|
-
return /* @__PURE__ */ (0,
|
|
1456
|
+
const mergedProps = (0, import_react127.mergeProps)(contentProps, props);
|
|
1457
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ark.div, {
|
|
1463
1458
|
...mergedProps,
|
|
1464
1459
|
ref
|
|
1465
1460
|
});
|
|
1466
1461
|
});
|
|
1467
1462
|
|
|
1468
1463
|
// src/popover/popover-description.tsx
|
|
1469
|
-
var
|
|
1470
|
-
var
|
|
1471
|
-
var
|
|
1472
|
-
var PopoverDescription = (0,
|
|
1464
|
+
var import_react128 = require("@polymorphic-factory/react");
|
|
1465
|
+
var import_react129 = require("@zag-js/react");
|
|
1466
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
1467
|
+
var PopoverDescription = (0, import_react128.forwardRef)((props, ref) => {
|
|
1473
1468
|
const { descriptionProps } = usePopoverContext();
|
|
1474
|
-
const mergedProps = (0,
|
|
1475
|
-
return /* @__PURE__ */ (0,
|
|
1469
|
+
const mergedProps = (0, import_react129.mergeProps)(descriptionProps, props);
|
|
1470
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ark.div, {
|
|
1476
1471
|
...mergedProps,
|
|
1477
1472
|
ref
|
|
1478
1473
|
});
|
|
1479
1474
|
});
|
|
1480
1475
|
|
|
1481
1476
|
// src/popover/popover-inner-arrow.tsx
|
|
1482
|
-
var
|
|
1483
|
-
var
|
|
1484
|
-
var
|
|
1485
|
-
var PopoverInnerArrow = (0,
|
|
1477
|
+
var import_react130 = require("@polymorphic-factory/react");
|
|
1478
|
+
var import_react131 = require("@zag-js/react");
|
|
1479
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
1480
|
+
var PopoverInnerArrow = (0, import_react130.forwardRef)((props, ref) => {
|
|
1486
1481
|
const { innerArrowProps } = usePopoverContext();
|
|
1487
|
-
const mergedProps = (0,
|
|
1488
|
-
return /* @__PURE__ */ (0,
|
|
1482
|
+
const mergedProps = (0, import_react131.mergeProps)(innerArrowProps, props);
|
|
1483
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ark.div, {
|
|
1489
1484
|
...mergedProps,
|
|
1490
1485
|
ref
|
|
1491
1486
|
});
|
|
1492
1487
|
});
|
|
1493
1488
|
|
|
1494
1489
|
// src/popover/popover-positioner.tsx
|
|
1495
|
-
var
|
|
1496
|
-
var
|
|
1497
|
-
var
|
|
1498
|
-
var PopoverPositioner = (0,
|
|
1490
|
+
var import_react132 = require("@polymorphic-factory/react");
|
|
1491
|
+
var import_react133 = require("@zag-js/react");
|
|
1492
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
1493
|
+
var PopoverPositioner = (0, import_react132.forwardRef)((props, ref) => {
|
|
1499
1494
|
const { positionerProps } = usePopoverContext();
|
|
1500
|
-
const mergedProps = (0,
|
|
1501
|
-
return /* @__PURE__ */ (0,
|
|
1495
|
+
const mergedProps = (0, import_react133.mergeProps)(positionerProps, props);
|
|
1496
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ark.div, {
|
|
1502
1497
|
...mergedProps,
|
|
1503
1498
|
ref
|
|
1504
1499
|
});
|
|
1505
1500
|
});
|
|
1506
1501
|
|
|
1507
1502
|
// src/popover/popover-title.tsx
|
|
1508
|
-
var
|
|
1509
|
-
var
|
|
1510
|
-
var
|
|
1511
|
-
var PopoverTitle = (0,
|
|
1503
|
+
var import_react134 = require("@polymorphic-factory/react");
|
|
1504
|
+
var import_react135 = require("@zag-js/react");
|
|
1505
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
1506
|
+
var PopoverTitle = (0, import_react134.forwardRef)((props, ref) => {
|
|
1512
1507
|
const { titleProps } = usePopoverContext();
|
|
1513
|
-
const mergedProps = (0,
|
|
1514
|
-
return /* @__PURE__ */ (0,
|
|
1508
|
+
const mergedProps = (0, import_react135.mergeProps)(titleProps, props);
|
|
1509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ark.div, {
|
|
1515
1510
|
...mergedProps,
|
|
1516
1511
|
ref
|
|
1517
1512
|
});
|
|
1518
1513
|
});
|
|
1519
1514
|
|
|
1520
1515
|
// src/popover/popover-trigger.tsx
|
|
1521
|
-
var
|
|
1516
|
+
var import_react136 = require("react");
|
|
1522
1517
|
var PopoverTrigger = (props) => {
|
|
1523
1518
|
const { triggerProps } = usePopoverContext();
|
|
1524
|
-
const onlyChild =
|
|
1525
|
-
return (0,
|
|
1519
|
+
const onlyChild = import_react136.Children.only(props.children);
|
|
1520
|
+
return (0, import_react136.cloneElement)(onlyChild, triggerProps);
|
|
1526
1521
|
};
|
|
1527
1522
|
|
|
1528
1523
|
// src/pressable/pressable.tsx
|
|
1529
|
-
var
|
|
1530
|
-
var
|
|
1524
|
+
var import_react139 = require("@polymorphic-factory/react");
|
|
1525
|
+
var import_react140 = require("@zag-js/react");
|
|
1531
1526
|
|
|
1532
1527
|
// src/pressable/use-pressable.tsx
|
|
1533
1528
|
var pressable = __toESM(require("@zag-js/pressable"));
|
|
1534
|
-
var
|
|
1535
|
-
var
|
|
1529
|
+
var import_react137 = require("@zag-js/react");
|
|
1530
|
+
var import_react138 = require("react");
|
|
1536
1531
|
var usePressable = (props) => {
|
|
1537
1532
|
const context = {
|
|
1538
|
-
id: (0,
|
|
1533
|
+
id: (0, import_react138.useId)(),
|
|
1539
1534
|
...props
|
|
1540
1535
|
};
|
|
1541
|
-
const [state, send] = (0,
|
|
1542
|
-
return pressable.connect(state, send,
|
|
1536
|
+
const [state, send] = (0, import_react137.useMachine)(pressable.machine(context), { context });
|
|
1537
|
+
return pressable.connect(state, send, import_react137.normalizeProps);
|
|
1543
1538
|
};
|
|
1544
1539
|
|
|
1545
1540
|
// src/pressable/pressable.tsx
|
|
1546
|
-
var
|
|
1547
|
-
var Pressable = (0,
|
|
1541
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
1542
|
+
var Pressable = (0, import_react139.forwardRef)((props, ref) => {
|
|
1548
1543
|
const [usePressableProps, divProps] = createSplitProps()(props, [
|
|
1549
1544
|
"allowTextSelectionOnPress",
|
|
1550
1545
|
"cancelOnPointerExit",
|
|
@@ -1560,16 +1555,16 @@ var Pressable = (0, import_react140.forwardRef)((props, ref) => {
|
|
|
1560
1555
|
"preventFocusOnPress"
|
|
1561
1556
|
]);
|
|
1562
1557
|
const { pressableProps } = usePressable(usePressableProps);
|
|
1563
|
-
const mergedProps = (0,
|
|
1564
|
-
return /* @__PURE__ */ (0,
|
|
1558
|
+
const mergedProps = (0, import_react140.mergeProps)(pressableProps, divProps);
|
|
1559
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ark.button, {
|
|
1565
1560
|
...mergedProps,
|
|
1566
1561
|
ref
|
|
1567
1562
|
});
|
|
1568
1563
|
});
|
|
1569
1564
|
|
|
1570
1565
|
// src/radio-group/radio.tsx
|
|
1571
|
-
var
|
|
1572
|
-
var
|
|
1566
|
+
var import_react141 = require("@polymorphic-factory/react");
|
|
1567
|
+
var import_react142 = require("@zag-js/react");
|
|
1573
1568
|
|
|
1574
1569
|
// src/radio-group/radio-context.ts
|
|
1575
1570
|
var [RadioProvider, useRadioContext] = createContext({
|
|
@@ -1586,14 +1581,14 @@ var [RadioGroupProvider, useRadioGroupContext] = createContext({
|
|
|
1586
1581
|
});
|
|
1587
1582
|
|
|
1588
1583
|
// src/radio-group/radio.tsx
|
|
1589
|
-
var
|
|
1590
|
-
var Radio = (0,
|
|
1584
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
1585
|
+
var Radio = (0, import_react141.forwardRef)((props, ref) => {
|
|
1591
1586
|
const { value, disabled, invalid, readOnly, ...divProps } = props;
|
|
1592
1587
|
const { getItemProps } = useRadioGroupContext();
|
|
1593
|
-
const mergedProps = (0,
|
|
1594
|
-
return /* @__PURE__ */ (0,
|
|
1588
|
+
const mergedProps = (0, import_react142.mergeProps)(getItemProps({ value, disabled }), divProps);
|
|
1589
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(RadioProvider, {
|
|
1595
1590
|
value: { value, disabled, invalid, readOnly },
|
|
1596
|
-
children: /* @__PURE__ */ (0,
|
|
1591
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ark.label, {
|
|
1597
1592
|
...mergedProps,
|
|
1598
1593
|
ref
|
|
1599
1594
|
})
|
|
@@ -1601,30 +1596,30 @@ var Radio = (0, import_react142.forwardRef)((props, ref) => {
|
|
|
1601
1596
|
});
|
|
1602
1597
|
|
|
1603
1598
|
// src/radio-group/radio-control.tsx
|
|
1604
|
-
var
|
|
1605
|
-
var
|
|
1606
|
-
var
|
|
1607
|
-
var RadioControl = (0,
|
|
1599
|
+
var import_react143 = require("@polymorphic-factory/react");
|
|
1600
|
+
var import_react144 = require("@zag-js/react");
|
|
1601
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
1602
|
+
var RadioControl = (0, import_react143.forwardRef)((props, ref) => {
|
|
1608
1603
|
const { getItemControlProps } = useRadioGroupContext();
|
|
1609
1604
|
const context = useRadioContext();
|
|
1610
|
-
const mergedProps = (0,
|
|
1611
|
-
return /* @__PURE__ */ (0,
|
|
1605
|
+
const mergedProps = (0, import_react144.mergeProps)(getItemControlProps(context), props);
|
|
1606
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ark.div, {
|
|
1612
1607
|
...mergedProps,
|
|
1613
1608
|
ref
|
|
1614
1609
|
});
|
|
1615
1610
|
});
|
|
1616
1611
|
|
|
1617
1612
|
// src/radio-group/radio-group.tsx
|
|
1618
|
-
var
|
|
1619
|
-
var
|
|
1613
|
+
var import_react147 = require("@polymorphic-factory/react");
|
|
1614
|
+
var import_react148 = require("@zag-js/react");
|
|
1620
1615
|
|
|
1621
1616
|
// src/radio-group/use-radio-group.tsx
|
|
1622
1617
|
var radio = __toESM(require("@zag-js/radio"));
|
|
1623
|
-
var
|
|
1624
|
-
var
|
|
1618
|
+
var import_react145 = require("@zag-js/react");
|
|
1619
|
+
var import_react146 = require("react");
|
|
1625
1620
|
var useRadioGroup = (props) => {
|
|
1626
1621
|
const initialContext = {
|
|
1627
|
-
id: (0,
|
|
1622
|
+
id: (0, import_react146.useId)(),
|
|
1628
1623
|
...props,
|
|
1629
1624
|
value: props.defaultValue
|
|
1630
1625
|
};
|
|
@@ -1632,15 +1627,15 @@ var useRadioGroup = (props) => {
|
|
|
1632
1627
|
...initialContext,
|
|
1633
1628
|
value: props.value
|
|
1634
1629
|
};
|
|
1635
|
-
const [state, send] = (0,
|
|
1630
|
+
const [state, send] = (0, import_react145.useMachine)(radio.machine(initialContext), {
|
|
1636
1631
|
context
|
|
1637
1632
|
});
|
|
1638
|
-
return radio.connect(state, send,
|
|
1633
|
+
return radio.connect(state, send, import_react145.normalizeProps);
|
|
1639
1634
|
};
|
|
1640
1635
|
|
|
1641
1636
|
// src/radio-group/radio-group.tsx
|
|
1642
|
-
var
|
|
1643
|
-
var RadioGroup = (0,
|
|
1637
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
1638
|
+
var RadioGroup = (0, import_react147.forwardRef)((props, ref) => {
|
|
1644
1639
|
const [useRadioGroupProps, divProps] = createSplitProps()(props, [
|
|
1645
1640
|
"defaultValue",
|
|
1646
1641
|
"dir",
|
|
@@ -1656,10 +1651,10 @@ var RadioGroup = (0, import_react148.forwardRef)((props, ref) => {
|
|
|
1656
1651
|
"value"
|
|
1657
1652
|
]);
|
|
1658
1653
|
const radioGroup = useRadioGroup(useRadioGroupProps);
|
|
1659
|
-
const mergedProps = (0,
|
|
1660
|
-
return /* @__PURE__ */ (0,
|
|
1654
|
+
const mergedProps = (0, import_react148.mergeProps)(radioGroup.rootProps, divProps);
|
|
1655
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RadioGroupProvider, {
|
|
1661
1656
|
value: radioGroup,
|
|
1662
|
-
children: /* @__PURE__ */ (0,
|
|
1657
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ark.div, {
|
|
1663
1658
|
...mergedProps,
|
|
1664
1659
|
ref
|
|
1665
1660
|
})
|
|
@@ -1667,49 +1662,49 @@ var RadioGroup = (0, import_react148.forwardRef)((props, ref) => {
|
|
|
1667
1662
|
});
|
|
1668
1663
|
|
|
1669
1664
|
// src/radio-group/radio-group-label.tsx
|
|
1670
|
-
var
|
|
1671
|
-
var
|
|
1672
|
-
var
|
|
1673
|
-
var RadioGroupLabel = (0,
|
|
1665
|
+
var import_react149 = require("@polymorphic-factory/react");
|
|
1666
|
+
var import_react150 = require("@zag-js/react");
|
|
1667
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
1668
|
+
var RadioGroupLabel = (0, import_react149.forwardRef)((props, ref) => {
|
|
1674
1669
|
const { labelProps } = useRadioGroupContext();
|
|
1675
|
-
const mergedProps = (0,
|
|
1676
|
-
return /* @__PURE__ */ (0,
|
|
1670
|
+
const mergedProps = (0, import_react150.mergeProps)(labelProps, props);
|
|
1671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ark.label, {
|
|
1677
1672
|
...mergedProps,
|
|
1678
1673
|
ref
|
|
1679
1674
|
});
|
|
1680
1675
|
});
|
|
1681
1676
|
|
|
1682
1677
|
// src/radio-group/radio-input.tsx
|
|
1683
|
-
var
|
|
1684
|
-
var
|
|
1685
|
-
var
|
|
1686
|
-
var RadioInput = (0,
|
|
1678
|
+
var import_react151 = require("@polymorphic-factory/react");
|
|
1679
|
+
var import_react152 = require("@zag-js/react");
|
|
1680
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
1681
|
+
var RadioInput = (0, import_react151.forwardRef)((props, ref) => {
|
|
1687
1682
|
const { getItemInputProps } = useRadioGroupContext();
|
|
1688
1683
|
const context = useRadioContext();
|
|
1689
|
-
const mergedProps = (0,
|
|
1690
|
-
return /* @__PURE__ */ (0,
|
|
1684
|
+
const mergedProps = (0, import_react152.mergeProps)(getItemInputProps(context), props);
|
|
1685
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ark.input, {
|
|
1691
1686
|
...mergedProps,
|
|
1692
1687
|
ref
|
|
1693
1688
|
});
|
|
1694
1689
|
});
|
|
1695
1690
|
|
|
1696
1691
|
// src/radio-group/radio-label.tsx
|
|
1697
|
-
var
|
|
1698
|
-
var
|
|
1699
|
-
var
|
|
1700
|
-
var RadioLabel = (0,
|
|
1692
|
+
var import_react153 = require("@polymorphic-factory/react");
|
|
1693
|
+
var import_react154 = require("@zag-js/react");
|
|
1694
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
1695
|
+
var RadioLabel = (0, import_react153.forwardRef)((props, ref) => {
|
|
1701
1696
|
const { getItemLabelProps } = useRadioGroupContext();
|
|
1702
1697
|
const context = useRadioContext();
|
|
1703
|
-
const mergedProps = (0,
|
|
1704
|
-
return /* @__PURE__ */ (0,
|
|
1698
|
+
const mergedProps = (0, import_react154.mergeProps)(getItemLabelProps(context), props);
|
|
1699
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ark.span, {
|
|
1705
1700
|
...mergedProps,
|
|
1706
1701
|
ref
|
|
1707
1702
|
});
|
|
1708
1703
|
});
|
|
1709
1704
|
|
|
1710
1705
|
// src/rating/rating.tsx
|
|
1711
|
-
var
|
|
1712
|
-
var
|
|
1706
|
+
var import_react157 = require("@polymorphic-factory/react");
|
|
1707
|
+
var import_react158 = require("@zag-js/react");
|
|
1713
1708
|
|
|
1714
1709
|
// src/rating/rating-context.ts
|
|
1715
1710
|
var [RatingProvider, useRatingContext] = createContext({
|
|
@@ -1720,11 +1715,11 @@ var [RatingProvider, useRatingContext] = createContext({
|
|
|
1720
1715
|
|
|
1721
1716
|
// src/rating/use-rating.tsx
|
|
1722
1717
|
var rating = __toESM(require("@zag-js/rating"));
|
|
1723
|
-
var
|
|
1724
|
-
var
|
|
1718
|
+
var import_react155 = require("@zag-js/react");
|
|
1719
|
+
var import_react156 = require("react");
|
|
1725
1720
|
var useRating = (props) => {
|
|
1726
1721
|
const initialContext = {
|
|
1727
|
-
id: (0,
|
|
1722
|
+
id: (0, import_react156.useId)(),
|
|
1728
1723
|
...props,
|
|
1729
1724
|
value: props.defaultValue
|
|
1730
1725
|
};
|
|
@@ -1732,15 +1727,15 @@ var useRating = (props) => {
|
|
|
1732
1727
|
...initialContext,
|
|
1733
1728
|
value: props.value
|
|
1734
1729
|
};
|
|
1735
|
-
const [state, send] = (0,
|
|
1730
|
+
const [state, send] = (0, import_react155.useMachine)(rating.machine(initialContext), {
|
|
1736
1731
|
context
|
|
1737
1732
|
});
|
|
1738
|
-
return rating.connect(state, send,
|
|
1733
|
+
return rating.connect(state, send, import_react155.normalizeProps);
|
|
1739
1734
|
};
|
|
1740
1735
|
|
|
1741
1736
|
// src/rating/rating.tsx
|
|
1742
|
-
var
|
|
1743
|
-
var Rating = (0,
|
|
1737
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
1738
|
+
var Rating = (0, import_react157.forwardRef)((props, ref) => {
|
|
1744
1739
|
const [useRatingProps, divProps] = createSplitProps()(props, [
|
|
1745
1740
|
"allowHalf",
|
|
1746
1741
|
"autoFocus",
|
|
@@ -1760,14 +1755,14 @@ var Rating = (0, import_react158.forwardRef)((props, ref) => {
|
|
|
1760
1755
|
"value"
|
|
1761
1756
|
]);
|
|
1762
1757
|
const rating2 = useRating(useRatingProps);
|
|
1763
|
-
const mergedProps = (0,
|
|
1764
|
-
return /* @__PURE__ */ (0,
|
|
1758
|
+
const mergedProps = (0, import_react158.mergeProps)(rating2.rootProps, divProps);
|
|
1759
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(RatingProvider, {
|
|
1765
1760
|
value: rating2,
|
|
1766
|
-
children: /* @__PURE__ */ (0,
|
|
1761
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(ark.div, {
|
|
1767
1762
|
...mergedProps,
|
|
1768
1763
|
children: [
|
|
1769
1764
|
props.children,
|
|
1770
|
-
/* @__PURE__ */ (0,
|
|
1765
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ark.input, {
|
|
1771
1766
|
...rating2.inputProps,
|
|
1772
1767
|
ref
|
|
1773
1768
|
})
|
|
@@ -1777,15 +1772,15 @@ var Rating = (0, import_react158.forwardRef)((props, ref) => {
|
|
|
1777
1772
|
});
|
|
1778
1773
|
|
|
1779
1774
|
// src/rating/rating-group.tsx
|
|
1780
|
-
var
|
|
1781
|
-
var
|
|
1782
|
-
var
|
|
1783
|
-
var RatingGroup = (0,
|
|
1775
|
+
var import_react159 = require("@polymorphic-factory/react");
|
|
1776
|
+
var import_react160 = require("@zag-js/react");
|
|
1777
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
1778
|
+
var RatingGroup = (0, import_react159.forwardRef)((props, ref) => {
|
|
1784
1779
|
const { children, ...divProps } = props;
|
|
1785
1780
|
const api = useRatingContext();
|
|
1786
1781
|
const renderPropResult = typeof children === "function" ? children(api) : children;
|
|
1787
|
-
const mergedProps = (0,
|
|
1788
|
-
return /* @__PURE__ */ (0,
|
|
1782
|
+
const mergedProps = (0, import_react160.mergeProps)(api.itemGroupProps, divProps);
|
|
1783
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ark.div, {
|
|
1789
1784
|
...mergedProps,
|
|
1790
1785
|
ref,
|
|
1791
1786
|
children: renderPropResult
|
|
@@ -1793,8 +1788,8 @@ var RatingGroup = (0, import_react160.forwardRef)((props, ref) => {
|
|
|
1793
1788
|
});
|
|
1794
1789
|
|
|
1795
1790
|
// src/rating/rating-item.tsx
|
|
1796
|
-
var
|
|
1797
|
-
var
|
|
1791
|
+
var import_react161 = require("@polymorphic-factory/react");
|
|
1792
|
+
var import_react162 = require("@zag-js/react");
|
|
1798
1793
|
|
|
1799
1794
|
// src/rating/rating-item-context.ts
|
|
1800
1795
|
var [RatingItemProvider, useRatingItemContext] = createContext({
|
|
@@ -1804,17 +1799,17 @@ var [RatingItemProvider, useRatingItemContext] = createContext({
|
|
|
1804
1799
|
});
|
|
1805
1800
|
|
|
1806
1801
|
// src/rating/rating-item.tsx
|
|
1807
|
-
var
|
|
1808
|
-
var RatingItem = (0,
|
|
1802
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
1803
|
+
var RatingItem = (0, import_react161.forwardRef)((props, ref) => {
|
|
1809
1804
|
const { children, index, ...divProps } = props;
|
|
1810
1805
|
const { getRatingState, getItemProps } = useRatingContext();
|
|
1811
1806
|
const state = getRatingState(index);
|
|
1812
1807
|
const icon = typeof children === "function" ? children(state) : children;
|
|
1813
|
-
const mergedProps = (0,
|
|
1814
|
-
return /* @__PURE__ */ (0,
|
|
1808
|
+
const mergedProps = (0, import_react162.mergeProps)(getItemProps({ index }), divProps);
|
|
1809
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ark.span, {
|
|
1815
1810
|
...mergedProps,
|
|
1816
1811
|
ref,
|
|
1817
|
-
children: /* @__PURE__ */ (0,
|
|
1812
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(RatingItemProvider, {
|
|
1818
1813
|
value: state,
|
|
1819
1814
|
children: icon
|
|
1820
1815
|
})
|
|
@@ -1822,21 +1817,21 @@ var RatingItem = (0, import_react162.forwardRef)((props, ref) => {
|
|
|
1822
1817
|
});
|
|
1823
1818
|
|
|
1824
1819
|
// src/rating/rating-label.tsx
|
|
1825
|
-
var
|
|
1826
|
-
var
|
|
1827
|
-
var
|
|
1828
|
-
var RatingLabel = (0,
|
|
1820
|
+
var import_react163 = require("@polymorphic-factory/react");
|
|
1821
|
+
var import_react164 = require("@zag-js/react");
|
|
1822
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
1823
|
+
var RatingLabel = (0, import_react163.forwardRef)((props, ref) => {
|
|
1829
1824
|
const { labelProps } = useRatingContext();
|
|
1830
|
-
const mergedProps = (0,
|
|
1831
|
-
return /* @__PURE__ */ (0,
|
|
1825
|
+
const mergedProps = (0, import_react164.mergeProps)(labelProps, props);
|
|
1826
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ark.label, {
|
|
1832
1827
|
...mergedProps,
|
|
1833
1828
|
ref
|
|
1834
1829
|
});
|
|
1835
1830
|
});
|
|
1836
1831
|
|
|
1837
1832
|
// src/slider/slider.tsx
|
|
1838
|
-
var
|
|
1839
|
-
var
|
|
1833
|
+
var import_react167 = require("@polymorphic-factory/react");
|
|
1834
|
+
var import_react168 = require("@zag-js/react");
|
|
1840
1835
|
|
|
1841
1836
|
// src/slider/slider-context.ts
|
|
1842
1837
|
var [SliderProvider, useSliderContext] = createContext({
|
|
@@ -1846,21 +1841,21 @@ var [SliderProvider, useSliderContext] = createContext({
|
|
|
1846
1841
|
});
|
|
1847
1842
|
|
|
1848
1843
|
// src/slider/use-slider.ts
|
|
1849
|
-
var
|
|
1844
|
+
var import_react165 = require("@zag-js/react");
|
|
1850
1845
|
var slider = __toESM(require("@zag-js/slider"));
|
|
1851
|
-
var
|
|
1846
|
+
var import_react166 = require("react");
|
|
1852
1847
|
var useSlider = (props) => {
|
|
1853
1848
|
const context = {
|
|
1854
|
-
id: (0,
|
|
1849
|
+
id: (0, import_react166.useId)(),
|
|
1855
1850
|
...props
|
|
1856
1851
|
};
|
|
1857
|
-
const [state, send] = (0,
|
|
1858
|
-
return slider.connect(state, send,
|
|
1852
|
+
const [state, send] = (0, import_react165.useMachine)(slider.machine(context), { context });
|
|
1853
|
+
return slider.connect(state, send, import_react165.normalizeProps);
|
|
1859
1854
|
};
|
|
1860
1855
|
|
|
1861
1856
|
// src/slider/slider.tsx
|
|
1862
|
-
var
|
|
1863
|
-
var Slider = (0,
|
|
1857
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
1858
|
+
var Slider = (0, import_react167.forwardRef)((props, ref) => {
|
|
1864
1859
|
const [useSliderProps, divProps] = createSplitProps()(props, [
|
|
1865
1860
|
"aria-label",
|
|
1866
1861
|
"aria-labelledby",
|
|
@@ -1887,10 +1882,10 @@ var Slider = (0, import_react168.forwardRef)((props, ref) => {
|
|
|
1887
1882
|
"value"
|
|
1888
1883
|
]);
|
|
1889
1884
|
const slider2 = useSlider(useSliderProps);
|
|
1890
|
-
const mergedProps = (0,
|
|
1891
|
-
return /* @__PURE__ */ (0,
|
|
1885
|
+
const mergedProps = (0, import_react168.mergeProps)(slider2.rootProps, divProps);
|
|
1886
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SliderProvider, {
|
|
1892
1887
|
value: slider2,
|
|
1893
|
-
children: /* @__PURE__ */ (0,
|
|
1888
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ark.div, {
|
|
1894
1889
|
...mergedProps,
|
|
1895
1890
|
ref
|
|
1896
1891
|
})
|
|
@@ -1898,99 +1893,99 @@ var Slider = (0, import_react168.forwardRef)((props, ref) => {
|
|
|
1898
1893
|
});
|
|
1899
1894
|
|
|
1900
1895
|
// src/slider/slider-control.tsx
|
|
1901
|
-
var
|
|
1902
|
-
var
|
|
1903
|
-
var
|
|
1904
|
-
var SliderControl = (0,
|
|
1896
|
+
var import_react169 = require("@polymorphic-factory/react");
|
|
1897
|
+
var import_react170 = require("@zag-js/react");
|
|
1898
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
1899
|
+
var SliderControl = (0, import_react169.forwardRef)((props, ref) => {
|
|
1905
1900
|
const { controlProps } = useSliderContext();
|
|
1906
|
-
const mergedProps = (0,
|
|
1907
|
-
return /* @__PURE__ */ (0,
|
|
1901
|
+
const mergedProps = (0, import_react170.mergeProps)(controlProps, props);
|
|
1902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ark.div, {
|
|
1908
1903
|
...mergedProps,
|
|
1909
1904
|
ref
|
|
1910
1905
|
});
|
|
1911
1906
|
});
|
|
1912
1907
|
|
|
1913
1908
|
// src/slider/slider-input.tsx
|
|
1914
|
-
var
|
|
1915
|
-
var
|
|
1916
|
-
var
|
|
1917
|
-
var SliderInput = (0,
|
|
1909
|
+
var import_react171 = require("@polymorphic-factory/react");
|
|
1910
|
+
var import_react172 = require("@zag-js/react");
|
|
1911
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
1912
|
+
var SliderInput = (0, import_react171.forwardRef)((props, ref) => {
|
|
1918
1913
|
const { inputProps } = useSliderContext();
|
|
1919
|
-
const mergedProps = (0,
|
|
1920
|
-
return /* @__PURE__ */ (0,
|
|
1914
|
+
const mergedProps = (0, import_react172.mergeProps)(inputProps, props);
|
|
1915
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ark.input, {
|
|
1921
1916
|
...mergedProps,
|
|
1922
1917
|
ref
|
|
1923
1918
|
});
|
|
1924
1919
|
});
|
|
1925
1920
|
|
|
1926
1921
|
// src/slider/slider-label.tsx
|
|
1927
|
-
var
|
|
1928
|
-
var
|
|
1929
|
-
var
|
|
1930
|
-
var SliderLabel = (0,
|
|
1922
|
+
var import_react173 = require("@polymorphic-factory/react");
|
|
1923
|
+
var import_react174 = require("@zag-js/react");
|
|
1924
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
1925
|
+
var SliderLabel = (0, import_react173.forwardRef)((props, ref) => {
|
|
1931
1926
|
const { labelProps } = useSliderContext();
|
|
1932
|
-
const mergedProps = (0,
|
|
1933
|
-
return /* @__PURE__ */ (0,
|
|
1927
|
+
const mergedProps = (0, import_react174.mergeProps)(labelProps, props);
|
|
1928
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ark.label, {
|
|
1934
1929
|
...mergedProps,
|
|
1935
1930
|
ref
|
|
1936
1931
|
});
|
|
1937
1932
|
});
|
|
1938
1933
|
|
|
1939
1934
|
// src/slider/slider-output.tsx
|
|
1940
|
-
var
|
|
1941
|
-
var
|
|
1942
|
-
var
|
|
1943
|
-
var SliderOutput = (0,
|
|
1935
|
+
var import_react175 = require("@polymorphic-factory/react");
|
|
1936
|
+
var import_react176 = require("@zag-js/react");
|
|
1937
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
1938
|
+
var SliderOutput = (0, import_react175.forwardRef)((props, ref) => {
|
|
1944
1939
|
const { outputProps } = useSliderContext();
|
|
1945
|
-
const mergedProps = (0,
|
|
1946
|
-
return /* @__PURE__ */ (0,
|
|
1940
|
+
const mergedProps = (0, import_react176.mergeProps)(outputProps, props);
|
|
1941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ark.output, {
|
|
1947
1942
|
...mergedProps,
|
|
1948
1943
|
ref
|
|
1949
1944
|
});
|
|
1950
1945
|
});
|
|
1951
1946
|
|
|
1952
1947
|
// src/slider/slider-range.tsx
|
|
1953
|
-
var
|
|
1954
|
-
var
|
|
1955
|
-
var
|
|
1956
|
-
var SliderRange = (0,
|
|
1948
|
+
var import_react177 = require("@polymorphic-factory/react");
|
|
1949
|
+
var import_react178 = require("@zag-js/react");
|
|
1950
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
1951
|
+
var SliderRange = (0, import_react177.forwardRef)((props, ref) => {
|
|
1957
1952
|
const { rangeProps } = useSliderContext();
|
|
1958
|
-
const mergedProps = (0,
|
|
1959
|
-
return /* @__PURE__ */ (0,
|
|
1953
|
+
const mergedProps = (0, import_react178.mergeProps)(rangeProps, props);
|
|
1954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ark.div, {
|
|
1960
1955
|
...mergedProps,
|
|
1961
1956
|
ref
|
|
1962
1957
|
});
|
|
1963
1958
|
});
|
|
1964
1959
|
|
|
1965
1960
|
// src/slider/slider-thumb.tsx
|
|
1966
|
-
var
|
|
1967
|
-
var
|
|
1968
|
-
var
|
|
1969
|
-
var SliderThumb = (0,
|
|
1961
|
+
var import_react179 = require("@polymorphic-factory/react");
|
|
1962
|
+
var import_react180 = require("@zag-js/react");
|
|
1963
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
1964
|
+
var SliderThumb = (0, import_react179.forwardRef)((props, ref) => {
|
|
1970
1965
|
const { thumbProps } = useSliderContext();
|
|
1971
|
-
const mergedProps = (0,
|
|
1972
|
-
return /* @__PURE__ */ (0,
|
|
1966
|
+
const mergedProps = (0, import_react180.mergeProps)(thumbProps, props);
|
|
1967
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ark.div, {
|
|
1973
1968
|
...mergedProps,
|
|
1974
1969
|
ref
|
|
1975
1970
|
});
|
|
1976
1971
|
});
|
|
1977
1972
|
|
|
1978
1973
|
// src/slider/slider-track.tsx
|
|
1979
|
-
var
|
|
1980
|
-
var
|
|
1981
|
-
var
|
|
1982
|
-
var SliderTrack = (0,
|
|
1974
|
+
var import_react181 = require("@polymorphic-factory/react");
|
|
1975
|
+
var import_react182 = require("@zag-js/react");
|
|
1976
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
1977
|
+
var SliderTrack = (0, import_react181.forwardRef)((props, ref) => {
|
|
1983
1978
|
const { trackProps } = useSliderContext();
|
|
1984
|
-
const mergedProps = (0,
|
|
1985
|
-
return /* @__PURE__ */ (0,
|
|
1979
|
+
const mergedProps = (0, import_react182.mergeProps)(trackProps, props);
|
|
1980
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ark.div, {
|
|
1986
1981
|
...mergedProps,
|
|
1987
1982
|
ref
|
|
1988
1983
|
});
|
|
1989
1984
|
});
|
|
1990
1985
|
|
|
1991
1986
|
// src/tabs/tab.tsx
|
|
1992
|
-
var
|
|
1993
|
-
var
|
|
1987
|
+
var import_react183 = require("@polymorphic-factory/react");
|
|
1988
|
+
var import_react184 = require("@zag-js/react");
|
|
1994
1989
|
|
|
1995
1990
|
// src/tabs/tabs-context.ts
|
|
1996
1991
|
var [TabsProvider, useTabsContext] = createContext({
|
|
@@ -2000,91 +1995,91 @@ var [TabsProvider, useTabsContext] = createContext({
|
|
|
2000
1995
|
});
|
|
2001
1996
|
|
|
2002
1997
|
// src/tabs/tab.tsx
|
|
2003
|
-
var
|
|
2004
|
-
var Tab = (0,
|
|
1998
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
1999
|
+
var Tab = (0, import_react183.forwardRef)((props, ref) => {
|
|
2005
2000
|
const [tabProps, buttonProps] = createSplitProps()(props, ["disabled", "value"]);
|
|
2006
2001
|
const { getTriggerProps } = useTabsContext();
|
|
2007
|
-
const mergedProps = (0,
|
|
2008
|
-
return /* @__PURE__ */ (0,
|
|
2002
|
+
const mergedProps = (0, import_react184.mergeProps)(getTriggerProps(tabProps), buttonProps);
|
|
2003
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ark.button, {
|
|
2009
2004
|
...mergedProps,
|
|
2010
2005
|
ref
|
|
2011
2006
|
});
|
|
2012
2007
|
});
|
|
2013
2008
|
|
|
2014
2009
|
// src/tabs/tab-indicator.tsx
|
|
2015
|
-
var
|
|
2016
|
-
var
|
|
2017
|
-
var
|
|
2018
|
-
var TabIndicator = (0,
|
|
2010
|
+
var import_react185 = require("@polymorphic-factory/react");
|
|
2011
|
+
var import_react186 = require("@zag-js/react");
|
|
2012
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
2013
|
+
var TabIndicator = (0, import_react185.forwardRef)((props, ref) => {
|
|
2019
2014
|
const { indicatorProps } = useTabsContext();
|
|
2020
|
-
const mergedProps = (0,
|
|
2021
|
-
return /* @__PURE__ */ (0,
|
|
2015
|
+
const mergedProps = (0, import_react186.mergeProps)(indicatorProps, props);
|
|
2016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ark.div, {
|
|
2022
2017
|
...mergedProps,
|
|
2023
2018
|
ref
|
|
2024
2019
|
});
|
|
2025
2020
|
});
|
|
2026
2021
|
|
|
2027
2022
|
// src/tabs/tab-list.tsx
|
|
2028
|
-
var
|
|
2029
|
-
var
|
|
2030
|
-
var
|
|
2031
|
-
var TabList = (0,
|
|
2023
|
+
var import_react187 = require("@polymorphic-factory/react");
|
|
2024
|
+
var import_react188 = require("@zag-js/react");
|
|
2025
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
2026
|
+
var TabList = (0, import_react187.forwardRef)((props, ref) => {
|
|
2032
2027
|
const { triggerGroupProps } = useTabsContext();
|
|
2033
|
-
const mergedProps = (0,
|
|
2034
|
-
return /* @__PURE__ */ (0,
|
|
2028
|
+
const mergedProps = (0, import_react188.mergeProps)(triggerGroupProps, props);
|
|
2029
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ark.div, {
|
|
2035
2030
|
...mergedProps,
|
|
2036
2031
|
ref
|
|
2037
2032
|
});
|
|
2038
2033
|
});
|
|
2039
2034
|
|
|
2040
2035
|
// src/tabs/tab-panel.tsx
|
|
2041
|
-
var
|
|
2042
|
-
var
|
|
2043
|
-
var
|
|
2044
|
-
var TabPanel = (0,
|
|
2036
|
+
var import_react189 = require("@polymorphic-factory/react");
|
|
2037
|
+
var import_react190 = require("@zag-js/react");
|
|
2038
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
2039
|
+
var TabPanel = (0, import_react189.forwardRef)((props, ref) => {
|
|
2045
2040
|
const [tabContentProps, divProps] = createSplitProps()(props, ["value"]);
|
|
2046
2041
|
const { getContentProps } = useTabsContext();
|
|
2047
|
-
const mergedProps = (0,
|
|
2048
|
-
return /* @__PURE__ */ (0,
|
|
2042
|
+
const mergedProps = (0, import_react190.mergeProps)(getContentProps(tabContentProps), divProps);
|
|
2043
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ark.div, {
|
|
2049
2044
|
...mergedProps,
|
|
2050
2045
|
ref
|
|
2051
2046
|
});
|
|
2052
2047
|
});
|
|
2053
2048
|
|
|
2054
2049
|
// src/tabs/tab-panels.tsx
|
|
2055
|
-
var
|
|
2056
|
-
var
|
|
2057
|
-
var
|
|
2058
|
-
var TabPanels = (0,
|
|
2050
|
+
var import_react191 = require("@polymorphic-factory/react");
|
|
2051
|
+
var import_react192 = require("@zag-js/react");
|
|
2052
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
2053
|
+
var TabPanels = (0, import_react191.forwardRef)((props, ref) => {
|
|
2059
2054
|
const { contentGroupProps } = useTabsContext();
|
|
2060
|
-
const mergedProps = (0,
|
|
2061
|
-
return /* @__PURE__ */ (0,
|
|
2055
|
+
const mergedProps = (0, import_react192.mergeProps)(contentGroupProps, props);
|
|
2056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ark.div, {
|
|
2062
2057
|
...mergedProps,
|
|
2063
2058
|
ref
|
|
2064
2059
|
});
|
|
2065
2060
|
});
|
|
2066
2061
|
|
|
2067
2062
|
// src/tabs/tabs.tsx
|
|
2068
|
-
var
|
|
2069
|
-
var
|
|
2063
|
+
var import_react195 = require("@polymorphic-factory/react");
|
|
2064
|
+
var import_react196 = require("@zag-js/react");
|
|
2070
2065
|
|
|
2071
2066
|
// src/tabs/use-tabs.ts
|
|
2072
|
-
var
|
|
2067
|
+
var import_react193 = require("@zag-js/react");
|
|
2073
2068
|
var tabs = __toESM(require("@zag-js/tabs"));
|
|
2074
|
-
var
|
|
2069
|
+
var import_react194 = require("react");
|
|
2075
2070
|
var useTabs = (props) => {
|
|
2076
|
-
const initialContext = { id: (0,
|
|
2071
|
+
const initialContext = { id: (0, import_react194.useId)(), ...props, value: props.defaultValue };
|
|
2077
2072
|
const context = {
|
|
2078
2073
|
...initialContext,
|
|
2079
2074
|
value: props.value
|
|
2080
2075
|
};
|
|
2081
|
-
const [state, send] = (0,
|
|
2082
|
-
return tabs.connect(state, send,
|
|
2076
|
+
const [state, send] = (0, import_react193.useMachine)(tabs.machine(initialContext), { context });
|
|
2077
|
+
return tabs.connect(state, send, import_react193.normalizeProps);
|
|
2083
2078
|
};
|
|
2084
2079
|
|
|
2085
2080
|
// src/tabs/tabs.tsx
|
|
2086
|
-
var
|
|
2087
|
-
var Tabs = (0,
|
|
2081
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
2082
|
+
var Tabs = (0, import_react195.forwardRef)((props, ref) => {
|
|
2088
2083
|
const [useTabsProps, divProps] = createSplitProps()(props, [
|
|
2089
2084
|
"activationMode",
|
|
2090
2085
|
"defaultValue",
|
|
@@ -2102,10 +2097,10 @@ var Tabs = (0, import_react196.forwardRef)((props, ref) => {
|
|
|
2102
2097
|
"value"
|
|
2103
2098
|
]);
|
|
2104
2099
|
const tabs2 = useTabs(useTabsProps);
|
|
2105
|
-
const mergedProps = (0,
|
|
2106
|
-
return /* @__PURE__ */ (0,
|
|
2100
|
+
const mergedProps = (0, import_react196.mergeProps)(tabs2.rootProps, divProps);
|
|
2101
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TabsProvider, {
|
|
2107
2102
|
value: tabs2,
|
|
2108
|
-
children: /* @__PURE__ */ (0,
|
|
2103
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ark.div, {
|
|
2109
2104
|
...mergedProps,
|
|
2110
2105
|
ref
|
|
2111
2106
|
})
|
|
@@ -2113,8 +2108,8 @@ var Tabs = (0, import_react196.forwardRef)((props, ref) => {
|
|
|
2113
2108
|
});
|
|
2114
2109
|
|
|
2115
2110
|
// src/tags-input/tag.tsx
|
|
2116
|
-
var
|
|
2117
|
-
var
|
|
2111
|
+
var import_react197 = require("@polymorphic-factory/react");
|
|
2112
|
+
var import_react198 = require("@zag-js/react");
|
|
2118
2113
|
|
|
2119
2114
|
// src/tags-input/tags-input-context.ts
|
|
2120
2115
|
var [TagsInputProvider, useTagsInputContext] = createContext({
|
|
@@ -2124,60 +2119,60 @@ var [TagsInputProvider, useTagsInputContext] = createContext({
|
|
|
2124
2119
|
});
|
|
2125
2120
|
|
|
2126
2121
|
// src/tags-input/tag.tsx
|
|
2127
|
-
var
|
|
2128
|
-
var Tag = (0,
|
|
2122
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
2123
|
+
var Tag = (0, import_react197.forwardRef)((props, ref) => {
|
|
2129
2124
|
const [tagProps, divProps] = createSplitProps()(props, ["index", "disabled", "value"]);
|
|
2130
2125
|
const { getTagProps } = useTagsInputContext();
|
|
2131
|
-
const mergedProps = (0,
|
|
2132
|
-
return /* @__PURE__ */ (0,
|
|
2126
|
+
const mergedProps = (0, import_react198.mergeProps)(getTagProps(tagProps), divProps);
|
|
2127
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ark.div, {
|
|
2133
2128
|
...mergedProps,
|
|
2134
2129
|
ref
|
|
2135
2130
|
});
|
|
2136
2131
|
});
|
|
2137
2132
|
|
|
2138
2133
|
// src/tags-input/tag-delete-button.tsx
|
|
2139
|
-
var
|
|
2140
|
-
var
|
|
2141
|
-
var
|
|
2142
|
-
var TagDeleteButton = (0,
|
|
2134
|
+
var import_react199 = require("@polymorphic-factory/react");
|
|
2135
|
+
var import_react200 = require("@zag-js/react");
|
|
2136
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
2137
|
+
var TagDeleteButton = (0, import_react199.forwardRef)((props, ref) => {
|
|
2143
2138
|
const { getTagDeleteButtonProps } = useTagsInputContext();
|
|
2144
2139
|
const [tagProps, buttonProps] = createSplitProps()(props, [
|
|
2145
2140
|
"index",
|
|
2146
2141
|
"disabled",
|
|
2147
2142
|
"value"
|
|
2148
2143
|
]);
|
|
2149
|
-
const mergedProps = (0,
|
|
2150
|
-
return /* @__PURE__ */ (0,
|
|
2144
|
+
const mergedProps = (0, import_react200.mergeProps)(getTagDeleteButtonProps(tagProps), buttonProps);
|
|
2145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ark.button, {
|
|
2151
2146
|
...mergedProps,
|
|
2152
2147
|
ref
|
|
2153
2148
|
});
|
|
2154
2149
|
});
|
|
2155
2150
|
|
|
2156
2151
|
// src/tags-input/tag-input.tsx
|
|
2157
|
-
var
|
|
2158
|
-
var
|
|
2159
|
-
var
|
|
2160
|
-
var TagInput = (0,
|
|
2152
|
+
var import_react201 = require("@polymorphic-factory/react");
|
|
2153
|
+
var import_react202 = require("@zag-js/react");
|
|
2154
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
2155
|
+
var TagInput = (0, import_react201.forwardRef)((props, ref) => {
|
|
2161
2156
|
const [tagProps, inputProps] = createSplitProps()(props, ["index", "disabled", "value"]);
|
|
2162
2157
|
const { getTagInputProps } = useTagsInputContext();
|
|
2163
|
-
const mergedProps = (0,
|
|
2164
|
-
return /* @__PURE__ */ (0,
|
|
2158
|
+
const mergedProps = (0, import_react202.mergeProps)(getTagInputProps(tagProps), inputProps);
|
|
2159
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ark.input, {
|
|
2165
2160
|
...mergedProps,
|
|
2166
2161
|
ref
|
|
2167
2162
|
});
|
|
2168
2163
|
});
|
|
2169
2164
|
|
|
2170
2165
|
// src/tags-input/tags-input.tsx
|
|
2171
|
-
var
|
|
2172
|
-
var
|
|
2166
|
+
var import_react205 = require("@polymorphic-factory/react");
|
|
2167
|
+
var import_react206 = require("@zag-js/react");
|
|
2173
2168
|
|
|
2174
2169
|
// src/tags-input/use-tags-input.ts
|
|
2175
|
-
var
|
|
2170
|
+
var import_react203 = require("@zag-js/react");
|
|
2176
2171
|
var tagsInput = __toESM(require("@zag-js/tags-input"));
|
|
2177
|
-
var
|
|
2172
|
+
var import_react204 = require("react");
|
|
2178
2173
|
var useTagsInput = (props) => {
|
|
2179
2174
|
const initialContext = {
|
|
2180
|
-
id: (0,
|
|
2175
|
+
id: (0, import_react204.useId)(),
|
|
2181
2176
|
...props,
|
|
2182
2177
|
value: props.value ?? props.defaultValue
|
|
2183
2178
|
};
|
|
@@ -2185,15 +2180,15 @@ var useTagsInput = (props) => {
|
|
|
2185
2180
|
...initialContext,
|
|
2186
2181
|
value: props.value
|
|
2187
2182
|
};
|
|
2188
|
-
const [state, send] = (0,
|
|
2183
|
+
const [state, send] = (0, import_react203.useMachine)(
|
|
2189
2184
|
tagsInput.machine(initialContext)
|
|
2190
2185
|
);
|
|
2191
|
-
return tagsInput.connect(state, send,
|
|
2186
|
+
return tagsInput.connect(state, send, import_react203.normalizeProps);
|
|
2192
2187
|
};
|
|
2193
2188
|
|
|
2194
2189
|
// src/tags-input/tags-input.tsx
|
|
2195
|
-
var
|
|
2196
|
-
var TagsInput = (0,
|
|
2190
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
2191
|
+
var TagsInput = (0, import_react205.forwardRef)((props, ref) => {
|
|
2197
2192
|
const [useTagsInputProps, { children, ...inputProps }] = createSplitProps()(
|
|
2198
2193
|
props,
|
|
2199
2194
|
[
|
|
@@ -2226,11 +2221,11 @@ var TagsInput = (0, import_react206.forwardRef)((props, ref) => {
|
|
|
2226
2221
|
]
|
|
2227
2222
|
);
|
|
2228
2223
|
const tagsInput2 = useTagsInput(useTagsInputProps);
|
|
2229
|
-
const mergedProps = (0,
|
|
2224
|
+
const mergedProps = (0, import_react206.mergeProps)(tagsInput2.rootProps, inputProps);
|
|
2230
2225
|
const view = runIfFn(children, tagsInput2);
|
|
2231
|
-
return /* @__PURE__ */ (0,
|
|
2226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TagsInputProvider, {
|
|
2232
2227
|
value: tagsInput2,
|
|
2233
|
-
children: /* @__PURE__ */ (0,
|
|
2228
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ark.div, {
|
|
2234
2229
|
...mergedProps,
|
|
2235
2230
|
ref,
|
|
2236
2231
|
children: view
|
|
@@ -2239,14 +2234,14 @@ var TagsInput = (0, import_react206.forwardRef)((props, ref) => {
|
|
|
2239
2234
|
});
|
|
2240
2235
|
|
|
2241
2236
|
// src/tags-input/tags-input-clear-button.tsx
|
|
2242
|
-
var
|
|
2243
|
-
var
|
|
2244
|
-
var
|
|
2245
|
-
var TagsInputClearButton = (0,
|
|
2237
|
+
var import_react207 = require("@polymorphic-factory/react");
|
|
2238
|
+
var import_react208 = require("@zag-js/react");
|
|
2239
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
2240
|
+
var TagsInputClearButton = (0, import_react207.forwardRef)(
|
|
2246
2241
|
(props, ref) => {
|
|
2247
2242
|
const { clearButtonProps } = useTagsInputContext();
|
|
2248
|
-
const mergedProps = (0,
|
|
2249
|
-
return /* @__PURE__ */ (0,
|
|
2243
|
+
const mergedProps = (0, import_react208.mergeProps)(clearButtonProps, props);
|
|
2244
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ark.button, {
|
|
2250
2245
|
...mergedProps,
|
|
2251
2246
|
ref
|
|
2252
2247
|
});
|
|
@@ -2254,26 +2249,26 @@ var TagsInputClearButton = (0, import_react208.forwardRef)(
|
|
|
2254
2249
|
);
|
|
2255
2250
|
|
|
2256
2251
|
// src/tags-input/tags-input-control.tsx
|
|
2257
|
-
var
|
|
2258
|
-
var
|
|
2259
|
-
var
|
|
2260
|
-
var TagsInputControl = (0,
|
|
2252
|
+
var import_react209 = require("@polymorphic-factory/react");
|
|
2253
|
+
var import_react210 = require("@zag-js/react");
|
|
2254
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
2255
|
+
var TagsInputControl = (0, import_react209.forwardRef)((props, ref) => {
|
|
2261
2256
|
const { controlProps } = useTagsInputContext();
|
|
2262
|
-
const mergedProps = (0,
|
|
2263
|
-
return /* @__PURE__ */ (0,
|
|
2257
|
+
const mergedProps = (0, import_react210.mergeProps)(controlProps, props);
|
|
2258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ark.div, {
|
|
2264
2259
|
...mergedProps,
|
|
2265
2260
|
ref
|
|
2266
2261
|
});
|
|
2267
2262
|
});
|
|
2268
2263
|
|
|
2269
2264
|
// src/tags-input/tags-input-field.tsx
|
|
2270
|
-
var
|
|
2271
|
-
var
|
|
2272
|
-
var
|
|
2273
|
-
var TagsInputField = (0,
|
|
2265
|
+
var import_react211 = require("@polymorphic-factory/react");
|
|
2266
|
+
var import_react212 = require("@zag-js/react");
|
|
2267
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
2268
|
+
var TagsInputField = (0, import_react211.forwardRef)((props, ref) => {
|
|
2274
2269
|
const { inputProps } = useTagsInputContext();
|
|
2275
|
-
const mergedProps = (0,
|
|
2276
|
-
return /* @__PURE__ */ (0,
|
|
2270
|
+
const mergedProps = (0, import_react212.mergeProps)(inputProps, props);
|
|
2271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ark.input, {
|
|
2277
2272
|
...mergedProps,
|
|
2278
2273
|
ref
|
|
2279
2274
|
});
|
|
@@ -2287,87 +2282,87 @@ var [TooltipProvider, useTooltipContext] = createContext({
|
|
|
2287
2282
|
});
|
|
2288
2283
|
|
|
2289
2284
|
// src/tooltip/use-tooltip.ts
|
|
2290
|
-
var
|
|
2285
|
+
var import_react213 = require("@zag-js/react");
|
|
2291
2286
|
var tooltip = __toESM(require("@zag-js/tooltip"));
|
|
2292
|
-
var
|
|
2287
|
+
var import_react214 = require("react");
|
|
2293
2288
|
var useTooltip = (props) => {
|
|
2294
2289
|
const context = {
|
|
2295
|
-
id: (0,
|
|
2290
|
+
id: (0, import_react214.useId)(),
|
|
2296
2291
|
...props
|
|
2297
2292
|
};
|
|
2298
|
-
const [state, send] = (0,
|
|
2299
|
-
return tooltip.connect(state, send,
|
|
2293
|
+
const [state, send] = (0, import_react213.useMachine)(tooltip.machine(context), { context });
|
|
2294
|
+
return tooltip.connect(state, send, import_react213.normalizeProps);
|
|
2300
2295
|
};
|
|
2301
2296
|
|
|
2302
2297
|
// src/tooltip/tooltip.tsx
|
|
2303
|
-
var
|
|
2298
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
2304
2299
|
var Tooltip = (props) => {
|
|
2305
2300
|
const { children, ...useTooltipProps } = props;
|
|
2306
2301
|
const tooltip2 = useTooltip(useTooltipProps);
|
|
2307
|
-
return /* @__PURE__ */ (0,
|
|
2302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TooltipProvider, {
|
|
2308
2303
|
value: tooltip2,
|
|
2309
2304
|
children
|
|
2310
2305
|
});
|
|
2311
2306
|
};
|
|
2312
2307
|
|
|
2313
2308
|
// src/tooltip/tooltip-arrow.tsx
|
|
2314
|
-
var
|
|
2315
|
-
var
|
|
2316
|
-
var
|
|
2317
|
-
var TooltipArrow = (0,
|
|
2309
|
+
var import_react215 = require("@polymorphic-factory/react");
|
|
2310
|
+
var import_react216 = require("@zag-js/react");
|
|
2311
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
2312
|
+
var TooltipArrow = (0, import_react215.forwardRef)((props, ref) => {
|
|
2318
2313
|
const { arrowProps } = useTooltipContext();
|
|
2319
|
-
const mergedProps = (0,
|
|
2320
|
-
return /* @__PURE__ */ (0,
|
|
2314
|
+
const mergedProps = (0, import_react216.mergeProps)(arrowProps, props);
|
|
2315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ark.div, {
|
|
2321
2316
|
...mergedProps,
|
|
2322
2317
|
ref
|
|
2323
2318
|
});
|
|
2324
2319
|
});
|
|
2325
2320
|
|
|
2326
2321
|
// src/tooltip/tooltip-content.tsx
|
|
2327
|
-
var
|
|
2328
|
-
var
|
|
2329
|
-
var
|
|
2330
|
-
var TooltipContent = (0,
|
|
2322
|
+
var import_react217 = require("@polymorphic-factory/react");
|
|
2323
|
+
var import_react218 = require("@zag-js/react");
|
|
2324
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
2325
|
+
var TooltipContent = (0, import_react217.forwardRef)((props, ref) => {
|
|
2331
2326
|
const { contentProps } = useTooltipContext();
|
|
2332
|
-
const mergedProps = (0,
|
|
2333
|
-
return /* @__PURE__ */ (0,
|
|
2327
|
+
const mergedProps = (0, import_react218.mergeProps)(contentProps, props);
|
|
2328
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ark.div, {
|
|
2334
2329
|
...mergedProps,
|
|
2335
2330
|
ref
|
|
2336
2331
|
});
|
|
2337
2332
|
});
|
|
2338
2333
|
|
|
2339
2334
|
// src/tooltip/tooltip-inner-arrow.tsx
|
|
2340
|
-
var
|
|
2341
|
-
var
|
|
2342
|
-
var
|
|
2343
|
-
var TooltipInnerArrow = (0,
|
|
2335
|
+
var import_react219 = require("@polymorphic-factory/react");
|
|
2336
|
+
var import_react220 = require("@zag-js/react");
|
|
2337
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
2338
|
+
var TooltipInnerArrow = (0, import_react219.forwardRef)((props, ref) => {
|
|
2344
2339
|
const { innerArrowProps } = useTooltipContext();
|
|
2345
|
-
const mergedProps = (0,
|
|
2346
|
-
return /* @__PURE__ */ (0,
|
|
2340
|
+
const mergedProps = (0, import_react220.mergeProps)(innerArrowProps, props);
|
|
2341
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ark.div, {
|
|
2347
2342
|
...mergedProps,
|
|
2348
2343
|
ref
|
|
2349
2344
|
});
|
|
2350
2345
|
});
|
|
2351
2346
|
|
|
2352
2347
|
// src/tooltip/tooltip-positioner.tsx
|
|
2353
|
-
var
|
|
2354
|
-
var
|
|
2355
|
-
var
|
|
2356
|
-
var TooltipPositioner = (0,
|
|
2348
|
+
var import_react221 = require("@polymorphic-factory/react");
|
|
2349
|
+
var import_react222 = require("@zag-js/react");
|
|
2350
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
2351
|
+
var TooltipPositioner = (0, import_react221.forwardRef)((props, ref) => {
|
|
2357
2352
|
const { positionerProps, isOpen } = useTooltipContext();
|
|
2358
|
-
const mergedProps = (0,
|
|
2359
|
-
return isOpen ? /* @__PURE__ */ (0,
|
|
2353
|
+
const mergedProps = (0, import_react222.mergeProps)(positionerProps, props);
|
|
2354
|
+
return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ark.div, {
|
|
2360
2355
|
...mergedProps,
|
|
2361
2356
|
ref
|
|
2362
2357
|
}) : null;
|
|
2363
2358
|
});
|
|
2364
2359
|
|
|
2365
2360
|
// src/tooltip/tooltip-trigger.tsx
|
|
2366
|
-
var
|
|
2361
|
+
var import_react223 = require("react");
|
|
2367
2362
|
var TooltipTrigger = (props) => {
|
|
2368
2363
|
const { triggerProps } = useTooltipContext();
|
|
2369
|
-
const onlyChild =
|
|
2370
|
-
return (0,
|
|
2364
|
+
const onlyChild = import_react223.Children.only(props.children);
|
|
2365
|
+
return (0, import_react223.cloneElement)(onlyChild, triggerProps);
|
|
2371
2366
|
};
|
|
2372
2367
|
// Annotate the CommonJS export names for ESM import in node:
|
|
2373
2368
|
0 && (module.exports = {
|